/*
Theme Name: Contteudo Default Theme 2015/2016
Author: Contteudo
Author URI: http://contteudo.com
Description: Theme default for Contteudo properties.
Version: 1.1

Credits: Wordpress, Bootstrap, jQuery, Google Fonts, Font Awesome

*/


/* MAIN */

body {background: #fff; font-family: 'Open Sans', sans-serif; color: #333}
.site {margin: 10px auto; padding: 0; }
a {color: #B4132D}
a:hover {#84191C}
.btn-default {border: 1px solid #d7d7d7}


/* HEADER */

.navbar-inverse {  background: #fff;  border:0; padding: 5px 0 0; border-radius: 0; margin-bottom: 0;}
.navbar-inverse .navbar-brand {text-transform: uppercase; color: #fff; font-weight: 700; height: 90px;}
.navbar-inverse .navbar-collapse {padding-bottom: 5px}
.navbar-inverse .navbar-form {margin-top: 25px}
.navbar-form .input-group>.form-control {min-width: 250px; padding: 20px}
.navbar-form .input-group>.form-control {border: 1px solid #ccc;}
.navbar-form .btn-default {color: #B4132D ;padding: 10px 14px; border: 1px solid #ccc}
.navbar-form .btn-default:hover {background: #B4132D; color: #fff}
.navbar-collapse {border: 0;}
.navbar-collapse, .navbar-inverse .navbar-form {border: 0;}
.navbar-header h1 {margin: 0;}
.navbar-toggle {border: 0; background:  #B4132D; color: #fff !important}
.navbar-toggle a {color: #333}
.navbar-toggle:hover {background: #B4132D}
.topmenu {width: 100%; background: #B4132D;  color: #fff; }
.topmenu  ul {margin: 0; padding: 15px 0 10px; text-transform: uppercase; font-weight: 700}
.topmenu li {margin-right: 15px; }
.topmenu .alta {font-weight: 400}
.topmenu .hot a {background: #fff; color: #B4132D; padding: 5px 15px; border-radius: 3px; }
.topmenu a {color: #fff; }
.topmenu a:hover {text-decoration: none; }
.appmenu {font-size: 14px !important}
.appmenu li {margin-right: 10px !important; margin-left: 0;}
.topbar {background: #84191C;}
.top {background: #fff; margin-right:0;  margin-left: 0; margin-top: 20px;}
.top a {color: #fff}
.top h1 {font-size: 20px; color: #84191C; font-weight: 700; text-transform: uppercase; padding: 15px 0 0 10px; margin: 0;}
.bread {padding: 15px 0; margin: 0; color: #ccc; font-size: 12px}
.bread a {color: #ccc !important;}
.logo:hover {opacity: .9}


/* LIST */

#posts {margin: 0; padding: 0; background: #fff;}
.post {padding: 0 10px; margin: 0 0 20px 0; }
.ads {padding: 15px 10px !important; overflow: auto; }
.msg {background: #fff; padding: 10px; }
.msg h2 {font-size: 18px; font-weight: 700; margin: 10px 0; padding-bottom: 10px; }
.msg:hover img {opacity: .8;}
.msg p {font-size: 16px; margin: 10px 0}
.msg-more{padding: 0; margin: 0;}
.post .hover {display: none}
.msg a:hover {text-decoration: none; color: #B4132D}
.msg:hover .hover {display:block; position: absolute; margin:-240px 0 0 130px; font-size: 80px; color: #fff; opacity: .8;}
.social {width: 100%; padding: 10px;}
.social .shares {border-left: 0; color: #999; cursor:text}
.btn-fb {background: #3C5A96; color: #fff !important; border: 1px solid #3C5A96}
.btn-fb a {color: #fff}
.btn-fb:hover {background:#3C5A96; color: #fff; border-left: 1px solid #3C5A96; border-bottom: 1px solid #3C5A96; border-top: 1px solid #3C5A96; border-right: 1px solid #3C5A96; opacity: .9;  }
.btn-gplus {background: #BD4C3A; color: #fff; border: 0;}
.btn-gplus:hover {background:#BD4C3A; color: #fff; opacity: .9; }
.btn-pinterest {background:#e33217; color: #fff; border: 0; }
.btn-pinterest:hover {background:#e33217; color: #fff; opacity: .9; border: 0; }
.btn-whatsapp {background: #5cbe4a; color: #fff; border: 0;}
.btn-whatsapp:hover {background:#5cbe4a; color: #fff }
.down {color: #BFBFBF; font-size: 22px; display: block; margin-top: -30px; padding-top: 40px; padding-bottom: 20px; position: relative; background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-transition: all .15s linear;   transition: all .15s linear }
.up {color: #BFBFBF; font-size: 22px; display: block; margin-top: 0; padding-top: 10px; padding-bottom: 15px; position: relative; background: #fff;
  -webkit-transition: all .15s linear; transition: all .15s linear}
.pagination .current {background: #f7f7f7; color: #ccc}  
.pagination .current:hover {color: #ccc; background: #f7f7f7}
.pagination .title {color: #666; background: #fff}
.pagination .title:hover {color: #666; background: #fff}
  
/* PAGINATION */

.pagination a {color: #518D92 !important} 


/* SINGLE */

.single {background: #fff; padding: 0px; margin-top: 20px;}
.single .title {background: #B4132D; margin: 0; color: #fff; padding: 15px 20px; text-transform: uppercase; font-weight: 700; font-size: 20px}
.single img {padding: 0px}
.single p {margin:15px 0; padding: 0 20px; line-height: 28px; font-size: 18px;}
.single .social-single {padding:20px; margin: 0;}
.single .social-single  .fb {background: #3C5A96; border: 0; color: #fff; border-radius: 3px; padding: 15px; width: 100%}
.fb:hover, .gplus:hover, .pin:hover, .whatsapp:hover {opacity: .9}
.single .social-single .whatsapp {background: #5cbe4a; border: 0;  color: #fff;  border-radius: 3px;  padding: 15px;  width: 100%;}
.single .social-single  .gplus {background: #BD4C3A; border: 0; color: #fff; border-radius: 3px;  padding: 15px;  width: 100%}
.single .social-single  .pin {background: #e33217; border: 0; color: #fff; border-radius: 3px;  padding: 15px;  width: 100%}
.leftads {margin:20px auto; background: #fff; padding: 40px 20px;}
.adsbottom {margin: 20px 0;}


/* SIDEBAR */

#sidebar {padding: 0 5px; margin:0}
#sidebar .retranca {background: #B4132D; padding: 15px 15px; width: 100% !important; display: block; color: #fff; text-transform: uppercase; font-weight: 700; margin-top: 20px;}
#sidebar .retranca .fa {margin-right: 10px}
#sidebar .hot {margin-bottom: 20px}
#sidebar .click {display: block; cursor:pointer}
#sidebar .retranca .fa-chevron-down {float: right}
.menu {list-style: none; margin:0; padding: 0; font-size: 16px; font-weight: 400; background: #F7F1D6}
.menu li {border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; padding: 10px 15px}
.menu li:hover {background: #fafafa;}
.menu li a {display: block; width: 100%}
.menu li a:hover {color: #B4132D; text-decoration: none}
.menu .fa {float: right; margin-right: 20px}
.menu li:hover .fa {margin-right: 10px; transition: all .15s linear}
.sideads {background: #fff; margin: 20px 0; padding: 40px 0}
.wrapper-sticky {height: 700px !important}


/* FOOTER */

footer {background: #84191C; padding: 30px 0; color: #fff}
.infos {background: #fff; padding: 40px 0; }
.infos p {line-height: 28px}
.infos ul {font-size: 18px;}
.infos  .fb {background: #3C5A96 !important; color: #fff; padding: 15px 20px; border: 0;}
.infos .plus {background: #BD4C3A !important; color: #fff; padding: 15px 20px; border: 0;}
.infos .plus:hover {opacity: .9}
.alta {background: #B4132D; color: #fff; padding: 20px 0}
.alta ul {margin: 0;}
.alta a {color: #fff}
.rodape a {color: #fff}
.rodade a:hover {color: #fff}



/* PACE.JS */

.pace { -webkit-pointer-events: none; pointer-events: none;  -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.pace-inactive { display: none; }
.pace .pace-progress {background: #B4132D; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 4px;}


/* MEDIA QUERIES */

@media (max-width: 1200px) {
	
	.pagination-lg>li>a {padding: 12px 11px 11px;  font-size: 16px;}
	
	
	}


@media (max-width: 992px) {
	
	.topmenu a {font-size: 13px}
	
	
	}

@media (max-width: 500px) {
	
	.navbar-inverse {border-bottom: 1px solid #B4132D; padding: 5px 0 10px}
	.site {margin: 0 auto; padding: 0 5px;}
	.single-post {padding: 0;}
	.adsfooter {padding: 0 !important}
	.ads {padding: 0 !important; margin: 15px 0px !important;}
	.post {margin: 0 0 10px 0 !important;}
	.logo {height: 45px}
	.top {margin: 20px 0 0 0 !important; background: #84191C !important;}
	.post {height: auto;   width: 100%; overflow: auto; padding: 0}
	.interna {margin:0; padding: 0 5px;}
	.topmenu li {width: 100%}
	.menu li {font-size: 14px}
	.msg {padding: 5px !important;}
	.topmenu a {margin-bottom: 15px; width: 100%;  display: block}
	.alta li {width: 100%; background: .8; margin-bottom: 15px; font-weight: 700}
	.navbar-inverse .navbar-collapse {background: #B4132D; padding: 0;}
	.content {padding: 0;}
	#sidebar {margin-bottom: 20px; padding: 0}
	.navbar-collapse, .navbar-inverse .navbar-form {padding: 0 30px}
	.single .social-single {padding: 20px 0}
	.single .social-single .fb {font-size: 20px; padding: 15px 22px; width: auto}
	.single .social-single .gplus {font-size: 20px; padding: 15px 20px; width: auto}
	.single .social-single .pin {font-size: 20px; padding: 15px 20px; width: auto}
	.single .social-single .whatsapp {font-size: 20px; padding: 15px 20px; width: auto}
	.single .title {font-size: 14px}
	.infos {margin-top: 20px}
	.infos .btn-default {padding: 10px; float: left}
	footer {padding: 20px 0}
	.pagination-lg>li>a {padding: 7px; font-size: 14px}
	.pagination .current {padding: 7px; font-size: 14px}
	.pagination>li>span {padding: 7px; font-size: 14px}
	}