/*
Theme Name: wp-bootstrap
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

body{
	font-family: Lato,Open Sans,Helvetica,Arial,sans-serif;
	padding-top: 247px;
	font-size: 16px;
}

#dvport {
    max-width: 1028px;
    text-align: center;
    vertical-align: middle;
    width: 80%;
}

.body-container{
	max-width: 1280px;
	width: 100%;
}

.navbar-brand{
  float: none; 
  font-size: none;
  height: none;
  line-height: none;
  padding: 0;
  margin: 0;
}

.navbar{
	background-image: url("images/bk.jpg");
}

.navbar-toggle {
    background-color: #ddd;
}

.navbar-default .navbar-nav>li>a{
	color:#fff;
  font-weight: bold;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
	color:#a10101;
}
img {
    max-width: 100%;
    max-height: 100%;
}

h2, .h2 {
  font-weight: bold;
}

a {
  -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
  line-height: 0;
}

a.asocial{
	color:#fff;
}
a.asocial:hover{
	color:#fff;
}

a:hover {
	color:#a10101;
	text-decoration: none;
}
.social{
	color: white;
	cursor: pointer;
	min-height: 110px;
	padding: 20px;
}
.stext{
	cursor: wait;
}
.youtube{
	background: #ff3131;
  background-image: linear-gradient(to top, #ff3131 50%, #ff8484 50%);
  background-size: 200% 200%;
  transition:background-position 300ms color 300ms ease, border-color 300ms ease;
}
.youtube:hover {
	background-image: linear-gradient(to top, #ff3131 51%, #ff8484 50%);
  background-position:0 100%;
	transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}
.twitter{
	background: #33a1ff;
  background-image: linear-gradient(to top, #33a1ff 50%, #8ecbff 50%);
  background-size: 200% 200%;
  transition:background-position 300ms color 300ms ease, border-color 300ms ease;
}
.twitter:hover {
	background-image: linear-gradient(to top, #33a1ff 51%, #8ecbff 50%);
  background-position:0 100%;
	transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}

.telegram{
	background: #33a1ff;
  background-image: linear-gradient(to top, #33a1ff 50%, #8ecbff 50%);
  background-size: 200% 200%;
  transition:background-position 300ms color 300ms ease, border-color 300ms ease;
}
.telegram:hover {
	background-image: linear-gradient(to top, #33a1ff 51%, #8ecbff 50%);
  background-position:0 100%;
	transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}

.facebook{
	background: #3e5eff;
  background-image: linear-gradient(to top, #3e5eff 50%, #8b9eff 50%);
  background-size: 200% 200%;
  transition:background-position 300ms color 300ms ease, border-color 300ms ease;
}
.facebook:hover {
	background-image: linear-gradient(to top, #3e5eff 51%, #8b9eff 50%);
  background-position:0 100%;
	transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}
.instagram{
	background: #d33aff;
  background-image: linear-gradient(to top, #d33aff 50%, #e383ff 50%);
  background-size: 200% 200%;
  transition:background-position 300ms color 300ms ease, border-color 300ms ease;
}
.instagram:hover {
	background-image: linear-gradient(to top, #d33aff 51%, #e383ff 50%);
  background-position:0 100%;
	transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}
.stext{
	background-color: #a4a4a4;
}
.foot{
	padding: 20px 100px;
}
.impar{
	float: right;
}
.small-img{
		display: none;
}
.art-text{
	max-height: 323px;
  overflow: hidden;
}
.show-events{
	display: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
}
.page-header{
	margin: 0;
}
.event{
	margin-bottom: 18px;
  padding: 0 0 9px;
}
.h2{
	margin-bottom: 0;
}
.meta{
	margin-top:8px;
}
.show-events a{
	color: black;
}
#main{
	border-right: solid 2px #ccc;
}
.event-lead{
	font-size: 15px;
}
.event-img{
	padding-top: 5px;
}
.banners{
	border-top: 2px solid #ccc;
	padding-top:20px;
	margin-top:40px;
}
.linkcat{
	list-style-type: none;
}
.nav>li>a{
	padding: 10px 8px;
}
.post_content{
	font-size: 21px;
}
.post_content_front{
	font-size: 19px;
}
@media (max-width: 1200px){
	body{
	    padding-top: 260px;
	}
	.container{
		width: 100%;
	}
	.nav>li>a{
		padding: 10px 3px;
	}
}
@media (max-width: 992px){
	body{
	    padding-top: 224px;
	}
	.small-img{
		display: block;
	}
	.big-img{
		display: none;
	}
}

@media (max-width: 768px){
	body{
	    padding-top: 164px;
	}
	.show-events{
		display: block;
	}
}
@media (max-width: 655px){
	body{
		padding-top: 85px;
	}
}
@media (max-width: 456px){
	body {
		    padding-top: 36px;
	}
}

@media (min-width: 768px){
	.navbar-nav>li>a {
	    padding-top: 28px;
	}
	#s{
    	    margin-top: 15px;
	}
}