/*
Theme Name: Contteudo Default Theme 2015
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: #FFF9E6; font-family: 'Open Sans', sans-serif; color: #333}
.site {margin: 20px auto; padding: 0; }
a {color: #702A8F}
a:hover {color:#F6921C}
a:visited {color:#702A8F; text-decoration: none}
.btn {text-shadow: none !important}
.btn-default {border: 1px solid #d7d7d7}


/* HEADER */

.navbar-inverse {  background: #702A8F;  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: 0;}
.navbar-form .btn-default {color: #702A8F ;border: 0; padding: 10px 14px}
.navbar-form .btn-default:hover {background: #F6921C; color: #fff}
.navbar-collapse {border: 0;}
.navbar-collapse, .navbar-inverse .navbar-form {border: 0;}
.navbar-toggle {border: 0; background:  #F6921C; color: #fff !important}
.navbar-toggle a {color: #333}
.navbar-toggle:hover {background: #F6921C}
.topmenu {width: 100%; background: #F6921C;  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: #F6921C; padding: 5px 15px; border-radius: 3px; }
.topmenu a {color: #fff; }
.navbar-header h1 {margin: 0;}
.topmenu a:hover {text-decoration: none; }
.appmenu {font-size: 14px !important}
.appmenu li {margin-right: 10px !important; margin-left: 0;}
.top {background: #FFC10D; margin-right: 10px !important;  margin-left: 10px !important; margin-top: 20px;}
.top a {color: #fff}
.top h1 {font-size: 16px; color: #fff; font-weight: 700; text-transform: uppercase; padding: 15px 0; margin: 0;}
.bread {padding: 15px 0; margin: 0; color: #fff; font-size: 12px}
.logo {max-width: 160px; padding: 10px 0;}
.logo:hover {opacity: .9}
.navbar-form .input-group>.form-control {margin-top: 0;}


/* LIST */

#posts {margin: 20px 0; padding: 0;}
.post {padding: 0 10px; margin: 0 0 20px 0; }
.ads {padding: 15px 10px !important; overflow: auto; min-height:280px;}
.msg {background: #fff; padding: 20px 20px 10px 20px; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-top-right-radius: 3px; border-top-left-radius: 3px}
.msg h2 {font-size: 18px; font-weight: 700; margin: 10px 0; border-bottom: 1px solid #d7d7d7; 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: #F6921C}
.msg:hover .hover {display:block; position: absolute; margin:-180px 0 0 130px; font-size: 80px; color: #fff; opacity: .8;}
.social {background: #fafafa; width: 100%; padding: 10px 20px; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.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: #702A8F !important} 
.pagination>li>a {color: #702A8F !important}


/* SINGLE */

.single {background: #fff; padding: 0px; margin-top: 20px;}
.single .title {background: #FFC10D; margin: 0; color: #fff; padding: 15px 20px; text-transform: uppercase; font-weight: 700; font-size: 20px}
.single img {padding: 20px 20px 0 20px}
.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%}
.single-hover {font-size: 100px; display: none}
.single-hover .btn-fb {color: #3d5b97 !important; background: none; border: 0;}
.single-hover .btn-plus {color: #BD4C3A}
.single-hover .btn-pin {color: #e33217}
.img-full:hover img {opacity: .6; transition: all .15s linear}
.img-full:hover .single-hover {display: block; margin-top: -50%; position: absolute; margin-left: 27%; transition: all .15s linear }
.leftads {margin:20px auto; background: #fff; padding: 40px 20px;}
.adsbottom {margin: 20px 0;}
.adstop {margin: 20px 0;}


/* SIDEBAR */

#sidebar {padding: 0 5px; margin:0}
#sidebar .retranca {background: #F6921C; 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; overflow: auto}
#sidebar .retranca .fa-chevron-down {float: right}
.menu {list-style: none; margin:0; padding: 0; font-size: 16px; font-weight: 400; background: #fff}
.menu li {border-bottom: 1px solid #f2f2f2; padding: 10px 15px}
.menu li:hover {background: #fafafa;}
.menu li a {display: block; width: 100%}
.menu li a:hover {color: #F6921C; 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: #702A8F; 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: #F6921C; color: #fff; padding: 20px 0}
.alta ul {margin: 0;}
.alta a {color: #fff}
.rodape a {color: #fff}
.rodade a:hover {color: #fff}

/* PAGINAS */

.pagina {background: #fff; border: 1px solid #f2f2f2; margin-top: 20px; margin-bottom: 30px; padding: 0;}
.pagina .top {margin: 0 !important}
.pagina ul {margin: 20px}
.pagina ul li {margin-bottom: 15px;}
.pagina li {width: 25%;}
.404 {padding: 100px 50px;}


/* 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: #F6921C; 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) {
	
	.site {margin: 0 auto; padding: 0 5px;}
	.single-post {padding: 0;}
	.adsfooter {padding: 0 !important}
	.ads {padding: 10px 0 !important}
	.logo {height: 50px; padding: 0; margin-left: 10px;}
	.top {margin: 20px 0 0 0 !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}
	.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: #F6921C; 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}
	}