/*
Theme Name: Todo Estudo 
Author: Contteudo
Author URI: http://www.contteudo.com
*/

/*******************
	
CORES 
qui: #FB781C
bio: #fc4271 
mat: #8e44ad
fis: #2f40ea
his: #f39c12
geo: #18c46b
por: #00b6f9
dic: #4a4a4a
	
******************/
.topads {margin:20px auto; text-align:center}
.como-referenciar {border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px; overflow:auto}
.como-referenciar span {text-transform:uppercase !important;}
.como-referenciar small {color:#999}
.matchedcontent {overflow:auto; float:left; width:100%; margin-bottom:30px}
.video-container {overflow: auto !important;
    float: left !important;
    width: 100% !important}
.entry-content-asset {float:left; width:100%; display:block; margin-bottom:20px}
/* DEFAULT COLORS */



.cat-biologia, .cat-quimica, .cat-matematica, .cat-fisica, .cat-historia, .cat-geografia, .cat-portugues, .cat-matematica, .cat-artes, .cat-filosofia, .cat-educacao-fisica, .cat-ingles, .cat-sociologia, .cat-literatura {background: #f1f1f1}
.btn-primary {background: #8e44ad; border: 0;}

.dicas a {color: #2f40ea !important}
.quimica a {color: #FB781C !important}
.biologia a {color: #fc4271 !important;}
.matematica a {color: #8e44ad !important;}
.fisica a {color: #2f40ea!important;}
.historia a {color: #f39c12 !important;}
.geografia a {color: #18c46b !important;}
.portugues a {color: #00b6f9 !important;}
.artes a {color:#EE3555 !important}
.filosofia a {color:#12A9E2 !important}
.educacao-fisica a {color:#7573E2 !important}
.ingles a {color:#C94515 !important}
.sociologia a {color:#F99339 !important}
.literatura a {color:#31AEDC !important}

.artes mark {background:#EE355533 !important; }
.dicas mark {background:#2f40ea33 !important; }
.quimica mark {background: #FB781C33 !important}
.biologia mark {background: #fc427133 !important;}
.matematica mark {background: #8e44ad33 !important;}
.fisica mark {background: #2f40ea33!important;}
.historia mark {background: #f39c1233 !important;}
.geografia mark {background: #18c46b33 !important;}
.portugues mark {background: #00b6f933 !important;}
.filosofia mark {background:#12A9E233 !important}
.educacao-fisica mark {background:#7573E233 !important}
.ingles mark {background:#C9451533 !important}
.sociologia mark {background:#F9933933 !important}
.literatura mark {background:#31AEDC33 !important}

.navbar-geo, .tag-geo {background: #30865A !important; }
.navbar-qui, .tag-qui {background: #A26032 !important;}
.navbar-bio, .tag-bio {background: #A2455D !important;}
.navbar-mat, .tag-mat {background: #6B467B !important;}
.navbar-fis, .tag-fis {background: #3C4499 !important;}
.navbar-his, .tag-his {background: #9E722D !important;}
.navbar-por, .tag-por {background: #257FA1 !important;}
.navbar-art, .tag-art {background:#CA364F !important}
.navbar-fil, .tag-fil {background:#257FA1 !important}
.navbar-edu, .tag-edu {background:#706FD3 !important}
.navbar-ing, .tag-ing {background:#C94515 !important}
.navbar-soc, .tag-soc {background:#CA6F1E !important}
.navbar-lit, .tag-lit {background:#3498DB !important}
.navbar-dic, .tag-dic {background:#4a4a4a !important}


.dicas .single-header {background:#4a4a4a !important}
.biologia .single-header  {background: #fc4271 !important;}
.quimica .single-header {background: #FB781C !important;}
.matematica .single-header  {background: #8e44ad !important;}
.fisica .single-header {background: #2f40ea !important;}
.historia .single-header  {background: #f39c12 !important;}
.geografia .single-header  {background: #18c46b!important;}
.portugues .single-header  {background: #00b6f9 !important;}
.artes .single-header {background: #EE3555 !important}
.filosofia .single-header {background: #12A9E2 !important}
.educacao-fisica .single-header {background: #7573E2 !important}
.ingles .single-header {background: #EE5A24 !important}
.sociologia .single-header {background: #F99339 !important}
.literatura .single-header {background: #31AEDC !important}

.box-dic {border-top: 3px solid #4a4a4a}
.box-qui {border-top: 3px solid #FB781C;}
.box-bio {border-top: 3px solid #fc4271;}
.box-mat {border-top: 3px solid #8e44ad;}
.box-fis {border-top: 3px solid #2f40ea;}
.box-his {border-top: 3px solid #f39c12;}
.box-geo {border-top: 3px solid #18c46b;}
.box-por {border-top: 3px solid #00b6f9;}
.box-art {border-top: 3px solid #EE3555;}
.box-fil {border-top: 3px solid #12A9E2;}
.box-edu {border-top: 3px solid #7573E2;}
.box-ing {border-top: 3px solid #EE5A24;}
.box-soc {border-top: 3px solid #F99339;}
.box-lit {border-top: 3px solid #31AEDC;}
.box-ing a {color: #EE5A24 !important}
.box-edu a {color: #7573E2 !important}

/* RESPOSTAS */

.resposta{
  position: relative;
  padding: 20px;
  border: 1px solid #CCC;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  margin-bottom: 15px;
}
.resposta button{
	left: 45%;
    top: 30%;
    margin: 0 auto;
    position: absolute;
    padding: 15px 30px;
}
.resposta p {
  text-shadow: 0 0 1.3rem #000;
  color: transparent;
  border: 0;
}
.resposta.exibida p{
  border-color: #eee !important;
  text-shadow: none !important;
  color: inherit !important;
}
.resposta.exibida button{
  display: none;
}


/* GERAL */


body {font-family: 'Roboto', sans-serif;}



/** NAV **/
.navbar {border: 0; border-radius: 0; text-transform: uppercase; font-weight: 300; min-height: 70px; font-size: 15px; margin: 0; }
.navbar-default {background: #4A4A4A !important;}
.navbar a {color: #fff !important}
.navbar .active {background: none !important; border-bottom: 1px solid #ccc}
.navbar-nav>li>a:hover, .navbar-nav>li>a:active, .navbar-nav>li>a:link  {background: none}
#navbar li {margin: 10px 5px 0; font-size:12px; font-weight:bold}
.navbar-nav>li>a {padding:15px 5px 10px}
.navbar-right {color: #fff; padding: 0; font-size: 18px;}
.brand img {max-width: 160px; padding: 22px 0 0; margin-right: 20px;}
.current-cat {opacity: .5}
.navbar-default .navbar-toggle {border: 0; margin-top: 18px}
.navbar-default .navbar-toggle .icon-bar {background: #fff !important}
.navbar-default .navbar-toggle a {color: #fff !important}
.navbar-toggle .icon-bar {background: #fff !important}
.navbar-toggle {margin-top: 15px}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}

/* SEARCH */

#search {position: fixed;  top: 0px; left: 0px; width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.7);  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; }
#search.open {-webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 10; }
#search input[type="search"] { position: absolute; top: 50%; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center;    border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; }
#search .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px;}
#search .close { position: fixed; top: 15px; right: 15px; color: #666; background-color: #fff; opacity: 1; padding: 10px 17px; font-size: 27px;}
#search .btn-primary {background: #fff; color: #666; padding: 20px; font-size: 18px; text-transform: uppercase; font-weight: 700}


/* HOME */

.home {background: #F1F1F1;}
.list {margin: 50px auto;}
.box {background: #fff; padding: 15px; margin-bottom: 20px; height: 280px}
.box .materia {font-size: 12px; color: #fff; text-transform: uppercase; padding: 3px 10px; border-radius: 3px}
.box .materia a {color: #fff !important}
.box h2 a {font-family: 'Roboto Slab', serif; font-weight: 900; display: block; font-size: 32px}
.box .small-title a {min-height: 40px !important; }
.box .desc {margin-bottom: 30px; font-weight: 300; color: #666; line-height: 24px; font-size: 14px}
.box .professor a {color: #999 !important; text-transform: uppercase; font-weight: 400; font-size: 12px; }
.box .professor a:hover {text-decoration: none}
.box .professor img {margin-right: 10px; max-width: 30px; float: left; margin-top: -5px;}
.alm-btn-wrap {width: 100%; position: inherit !important}
#load-more {font-size: 14px;  text-transform: uppercase; font-weight: 400; height: auto; padding: 5px 50px; font-family: 'Roboto', sans-serif;}

/* CATEGORIA */

.jumbotron {background: #fff; font-family: 'Roboto Slab', serif;}
.jumbotron p {font-size: 18px; font-weight: 300}
.jumbotron .btn {margin-top: 30px;}

/* AUTHOR */

.single-header-author {color: #666; background: #fff }
.single-top-author {padding: 50px 150px;}
.single-top-author h1 {font-family: 'Roboto Slab', serif; color: #333; font-size: 24px; font-weight: 900;}
.single-top-author h2 {font-size: 18px; font-weight: 300}
.single-top-author img {margin: 0 auto; max-width: 100px;}
.author-container {background: #f1f1f1; }

/* SINGLE */

.single-header {color: #fff;}
.single-top {padding: 70px 150px 150px;}
.single-top h1 {font-family: 'Roboto Slab', serif; font-size: 46px; font-weight: 900;}
.single-top h2 {font-size: 24px; font-weight: 300; margin-bottom: 80px; line-height: 36px;}
.single {background: #fff; margin-top: -150px;}
.single-content {padding: 50px 160px; font-family: 'Roboto Slab', serif; font-size: 18px; font-weight: 300; line-height: 36px; color: #333}
.single-content p {margin-bottom: 30px;}
.single-content ul {float: left; overflow: auto; width: 100%}
.single-content img {margin: 0 auto; }
.single-content figcaption {color: #999; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px; text-align: center;}
.single-content h3 {font-size: 36px; font-weight: bold; margin: 30px 0 30px; float: left;  width: 100%; line-height: 46px}
.single-content h4 {font-size: 28px; font-weight: bold; margin: 30px 0 30px;  float: left; width: 100%; color: #666}
.single-content h5 {font-size:20px; font-weight: bold;}
.single-content blockquote {font-size: 22px; margin: 50px 0; line-height: 42px; font-weight: 400; color: #666; overflow: auto}
.refs p {font-size: 16px;}
.table-responsive {overflow-x: inherit;}
.ads {margin-bottom: 20px;}
.ad {margin: 20px 0}
.indice p {margin-bottom: 10px !important}
 .indice {background: #f7f7f7; padding: 20px; margin:20px 0; overflow: auto}



/* TESTE */
.retranca {text-transform: uppercase; color: #666; letter-spacing: 1px; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin-bottom: 30px; width: 100%; text-align: center; display: block;}
section.list-avalie hr{	width:200px;margin-top:30px;clear:both;	border-width:2px;}
section.list-avalie #avaliacao {width:100%;	border:none; margin-top: 30px; }
section.list-avalie .nav-tabs li{text-transform:uppercase;font-size:16px !important;font-weight:700 !important;	padding:0 !important;	margin:0 !important;	width:50% !important;}
section.list-avalie .nav-tabs a{padding:20px 0 !important; color: #333;	text-align:center;	margin:0 !important;	border-bottom:1px solid #CCC !important; font-family: 'Roboto', sans-serif; font-size: 14px;}
section.list-avalie .nav-tabs li.active a{border-bottom:none !important;}
section.list-avalie #questoes, section.list-avalie #respostas{	float:left;	border-left:1px solid #ccc;	border-right:1px solid #ccc; border-bottom:1px solid #ccc;padding:30px; 	width: 100%;}
section.list-avalie #questoes p,section.list-avalie #respostas p{	font-size:16px;	line-height:32px;}

/* COMPARTILHE */

.compartilhe {margin: 50px 0;}
.compartilhe .retranca {padding-bottom: 40px; }
.compartilhe a {color: #fff !important;}
.btn-fb {width: 100%; background: #3b5998; color: #fff !important; padding: 10px 0; display: block; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; border-radius: 5px; }
.btn-gp {width: 100%; background: #cf2028; color: #fff !important; padding: 10px 0; display: block; text-align: center;text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; border-radius: 5px;}
.btn-tw {width: 100%; background: #55acee; color: #fff !important; padding: 10px 0; display: block; text-align: center;text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; border-radius: 5px;}
.btn-fb:hover, .btn-tw:hover, .btn-gp:hover {text-decoration: none;}


/* BIO */

.bio {margin: 50px 0 100px; overflow: inherit; font-family: 'Roboto', sans-serif;}
.bio h5 {font-size: 18px; text-transform: uppercase; font-weight: 700;}
.bio p {font-size: 16px; color: #999; line-height: 24px; }
.bio img {max-width: 100px}



/* COMMENTS */



/* RELATED */

.related-container {background: #f1f1f1; }
.related {padding: 50px 170px}
.related .title {font-size: 24px; font-weight: 700; font-family: 'Roboto Slab', serif; margin-top: 30px;}
.related .desc {color: #666; font-weight: 300; font-size: 16px; line-height: 28px;}
.load a {color: #666 !important;}
.btn-load {padding: 15px 40px; background: #f1f1f1; color: #666 !important; border-radius: 0; margin: 30px 0; text-transform: uppercase; border: 1px solid #ccc; font-size: 14px}

/* PAGINAS */

.page {background: #fff; color: #333; padding: 100px 160px; font-size: 18px; line-height: 36px;}
.page h1 {font-size: 42px; font-weight: 700; font-family: 'Roboto Slab', serif; }


/* FOOTER */

.footer {padding: 20px 0; font-size: 13px; background: #fff}
.footer img {float: left; margin-top: 0}
.footer ul {margin-top: 10px;}
.footer a {text-transform: uppercase; color: #999 !important; padding: 10px;}
.footer p {text-transform: uppercase;color: #999; margin-top: 10px; font-weight: 300}
.back-to-top {cursor: pointer;  position: fixed;  bottom: 70px;  right:20px; padding: 20px; display:none; background: #fff; border: 1px solid #d7d7d7; color: #999}
.back-to-top:hover {border: 1px solid #d3d3d3; background: #fff; color: #666}
.back-top-top:active {background: #fff; color: #EC6D6D}

.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0 auto 0 auto;
}


.barra-flutuante{
  width: 100%;
  position: fixed;
  top: -340px;
  z-index: 99999;
  height: 60px;
  -webkit-transition: top .3s ease;
  transition: top .3s ease;
}
.barra-flutuante.active{
  top: 0;
  display: block;
  -webkit-transition: top .3 ease;
  transition: top .3s ease;
} 
.bf-titulo{
  color: #FFF;
  padding: 0;
  margin-top: 5px;
  padding-left: 100px;
} 
.bf-titulo h6{
  color: #FFF;
  font-size: 24px !important;
  font-family: 'Roboto Slab', serif;
  text-transform: none;
  
  
} 
.bf-icon{
  height: 32px;
  width: 32px;
  float: left;
  margin: 10px 20px 0 0;
  background: url(./images/todo-estudo.png) 0 0 no-repeat;
} 
.bf-social{
  padding-top: 10px;
  text-align: right;
  font-size: 20px;
}
.bf-social a{
  display: inline-block !important;
  padding: 5px;
  width: 40px;
   background: #fff;
    border-radius: 50%;
    text-align: center;
  }
.barra-flutuante .compartilhe{
  margin: 0;
  padding-top: 10px;
}
.barra-flutuante-md{
  background: #FFF;
}
@media (max-width: 520px) {
  .barra-flutuante .lbl-share{
    display: none !important;
  }
}
@media (max-width: 767px) {
  .barra-flutuante-lg{
    display: none !important;
  }
  .barra-flutuante-md{
    display: block !important;
  }
}
@media (min-width: 768px) {
  .barra-flutuante-lg{
    display: block !important;
  }
  .barra-flutuante-md{
    display: none !important;
  }
}


/* RESPONSIVE */

/* Large Devices, Desktops */
    @media only screen and (max-width : 1200px) {
	    
	    .navbar {font-size: 14px}
	    #navbar li {margin: 10px 10px 0}
	    .single-content {padding: 50px 80px}
	    .single-top {padding: 40px 100px 120px;}
	    .box h2 a {font-size: 24px}
	    .box .small-title a {min-height: 30px !important}
	    .footer a {padding: 0}
	    .related {padding: 50px 80px}

    }


  /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
	    
	   

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	    
	    .single-top {padding: 20px 20px 100px}
	    .brand img {margin-left: 10px}
	    .box .desc {font-size: 18px}
	    .list {margin: 20px 0}
	    .single-content {padding: 20px 10px; font-size: 15px; line-height: 28px}
	    .single-top h1 {font-size: 32px; margin-bottom:0}
	    .single-top h2 {font-size: 18px; line-height: 24px}
	    #questoes img, #respostas img {max-width: 100%;}
	    .compartilhe a {margin-bottom: 10px}
	    .related {padding: 20px 10px}
	    .single-content blockquote {font-size: 16px; line-height: 30px}
	    .single-content h3 {font-size: 24px; line-height: 36px}
	    .single-content h4 {font-size: 20px}
	    section.list-avalie #questoes, section.list-avalie #respostas {padding: 20px;}
	    section.list-avalie #questoes p, section.list-avalie #respostas p {font-size: 14px; line-height: 24px}
	    .page {background: #fff; padding: 30px 20px; font-size: 16px; line-height: 28px;}
		.page h1 {font-size: 28px; font-weight: 700; font-family: 'Roboto Slab', serif; }
		.single-top-author {padding: 20px}
		.related-container .list {padding: 0}
		.author-list {padding: 0}
		.back-to-top {cursor: pointer;  position: fixed;  bottom: 70px;  right:20px; padding: 10px; display:none; font-size: 12px; background: #fff; border: 1px solid #d7d7d7; color: #999}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	    
	 
	    .footer .list-inline {text-align: center !important;}
	    

    }
    


/* RESPONSIVE ALIGN */


.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

.resposta img{
   -webkit-filter: blur(20px);
  filter: blur(20px);
}
.resposta button{
    z-index: 10;
}
.exibida img{
    filter: none;
}