/*
Theme Name: Yellot FAQ
Author: Embudo
Author URI: https://embudo.com.br
Description: Tema desenvolvido para o site Yellot FAQ.
Version: 1.0
*/

/*@ CSS Document */
body{font: 400 16px 'Montserrat', serif;color: #666;background: #f3f5f7;}

a, a:hover, a:focus, a:active{color: #6201D1;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
input{font-weight: 200;}
label{font-weight: 400 !important;}
p{margin: 0;padding: 0;}

/*@ hx */
h1, h2, h3, h4, h5, h6, fieldset legend{margin: 0;padding: 0;line-height: 1em;font-weight: 400;}
h1{font-size: 1.75em;line-height: 1.35em;}
h2{font-size: 1.25em;line-height: 1.15em;}
h3{font-size: 1.15em;}
h4{font-size: 1em;}

/*---------------------------- Start S I T E --------------------------*/

/*
Bootstrap 4.0.0-alpha2 navbar with dropdown menus
=================================================
A small CSS modification is required. Add this to your theme CSS.
*/

/**/
header{height: auto;background: #6201D1;color: #fff;}
header .container{padding-top: 30px;padding-bottom: 20px;position: relative;}

.btn.btn-logout{position: absolute;top: 15px;right: 15px;padding-left: 10px;padding-right: 10px;background-color: #ffdd00;}
.btn.btn-logout svg{vertical-align: middle;display: inline-block;margin: -2px 5px 0 2px;}

/*@ navbar-brand */
.navbar-brand{background-repeat: no-repeat;background-position: center;background-image: url(images/svg/yellot-reverse.svg);background-color: transparent;display: block;width: 113px;height: 38px;background-size: 113px 38px;margin: 0;position: relative;}
.navbar-brand span{display: none;}

.navbar-brand::after{
  content: '// Suporte';
  color: #fff;
  display: block;
  text-transform: uppercase;
  font-size: .55em;
  position: absolute;
  bottom: 5px;
  left: 123px;
  letter-spacing: 0.05em;
}

.logo-yellot{background-repeat: no-repeat;background-position: center;background-image: url(images/svg/yellot.svg);background-color: transparent;display: block;width: 113px;height: 38px;background-size: 113px 38px;margin: 25px auto 30px auto;}
.logo-yellot span{display: none;}

/*@ header-desc */
.header-desc{font-size: 1.2em;font-weight: 400;}
.header-desc strong{font-weight: 700;}

/*@ box-search-header */
.box-search-header{margin-top: 20px;position: relative;}
.box-search-header .btn{width: 24px;height: 24px;position: absolute;top: 11px;right: 15px;background: url(images/sprite.png) no-repeat -120px -20px;display: block;margin: 0;padding: 0;}
.box-search-header .btn span{display: none;}

/*@ box-categoria */
.box-categoria{display: block;background-color: #fff;border: 1px solid #e3e3e3;box-shadow: 0 0 0px rgba(0, 0, 0, .1);border-radius: 7px;padding: 25px;text-align: left;margin-bottom: 30px;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;text-align: center;}
.box-categoria:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .1);-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.box-categoria{color: #6201D1;text-decoration: none;}
.box-categoria:hover,
.box-categoria:hover h2{text-decoration: none;}
.box-categoria .num-artigos{font-size: .8em;color: #999;margin-top: 7px;}
.box-categoria img{width: 80px !important;height: auto !important;margin: 0 auto 15px auto;display: block;}

.form-control:focus {
  background-color: #fff;
  border-color: #00b880;
  box-shadow: 0 0 0 0.2rem rgba(1, 216, 144, 0.25);
}

/*@ wrap-cinza */
.wrap-cinza{background-color: #ebeef1;border-radius: 7px;padding: 25px;display: block;}
.wrap-cinza .responsivando{max-width: 100px !important;margin-bottom: 20px;}
.wrap-cinza h1{color: #6201D1;margin-bottom: 7px;}
.wrap-cinza .num-artigos{font-size: .85em;color: #999;}

.row-title-category{margin-bottom: 30px;}

/*@ wrap-article */
article.wrap-article{background-color: #fff;border-radius: 7px;padding: 25px;display: block;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
article.wrap-article h1{margin-bottom: 25px;color: #6201D1;}
article.wrap-article h2{font-size: 1.2em;margin-bottom: 15px;margin-top: 30px;}
article.wrap-article h3{margin-bottom: 15px;margin-top: 30px;}
article.wrap-article p{font-size: .9em;padding-bottom: 15px;line-height: 1.8em;}
article.wrap-article ul,
article.wrap-article ol{font-size: .9em;padding-bottom: 15px;line-height: 1.8em;}

/*@ autor-info */
.autor-info{display: block;font-size: .75em;color: #999;font-weight: 400;margin-bottom: 35px;}
.autor-info .imagem-autor{width: 35px;height: auto;display: block;margin-bottom: 8px;margin-right: 8px;border-radius: 50%;overflow: hidden;}
.autor-info .imagem-autor img{width: 35px !important;height: auto !important;}

/*@ wrap-tags */
.wrap-tags{margin-top: 30px;font-size: .8em;}

/*@ box-artigo */
.box-artigo{/*transform: scale(1, 1);*/text-decoration: none;display: block;background-color: #fff;padding: 25px 30px;color: #666666;font-weight: 700;font-size: 1.1em;border: 1px solid #e3e3e3;border-top: none;box-shadow: none;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;position: relative;}
.box-artigo:first-child{border-top: 1px solid #e3e3e3;}
.box-artigo:hover{/*transform: scale(1.01, 1.01);*/text-decoration: none;box-shadow: 0 0 10px rgba(0, 0, 0, .1);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;z-index: 50;}

.box-artigo span.autor{font-size: .65em;color: #999;font-weight: 400;display: block;margin-top: 10px;}
.box-artigo span.autor span.foto-autor{width: 35px;height: 35px;border-radius: 50%;overflow: hidden;display: block;margin-right: 8px;margin-bottom: 10px;}
.box-artigo span.autor span.foto-autor img{width: 35px !important;height: auto !important;}


/*@ breadcrumb */
ul.breadcrumb{font-size: .9em;font-weight: 700;margin: 0 0 20px 0;padding: 0;list-style: none;background-color: #f3f5f7;}
ul.breadcrumb li{display: inline-block;margin-bottom: 7px;}
ul.breadcrumb li a{font-weight: 400;color: #999;}
ul.breadcrumb li:after{content: '';width: 8px;height: 13px;background: url(images/sprite.png) no-repeat -160px -20px;padding-left: 10px;padding-right: 10px;vertical-align: middle;margin-left: 15px;position: relative;top: 1px;}
ul.breadcrumb li:last-child:after{display: none;}

/*@ footer */
footer{background-color: #fff;color: #999;}
footer .container{padding-top: 50px;padding-bottom: 50px;}
.copyright{font-size: .7em;}

/*@ logo-footer */
.logo-footer{background-repeat: no-repeat;background-position: center;background-image: url(images/svg/yellot.svg);background-color: transparent;display: block;width: 113px;height: 38px;background-size: 113px 38px;margin: 15px auto;}
.logo-footer span{display: none;}

.awesomplete{display: block !important;width: 100% !important;}
.awesomplete > input[type="search"]{width: 100% !important;}
.awesomplete ul li{color: #6201D1;}
.awesomplete ul li mark{padding: 0;margin: 0;color: #6201D1;font-weight: 700;}

/*@ wrap */
section.wrap .container{padding-top: 70px;padding-bottom: 40px;}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {


}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

  .header-desc{font-size: 1.5em;}

  /*@ box-categoria */
  .box-categoria{text-align: left;}
  .box-categoria img{margin-bottom: 0;transform: scale(1, 1);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
  .box-categoria:hover img{transform: scale(1.1, 1.1);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

  /*@ wrap-cinza */
  .wrap-cinza{padding-left: 80px;padding-right: 80px;padding-top: 35px;padding-bottom: 35px;}
  .wrap-cinza h1{text-align: left;}
  .wrap-cinza .num-artigos{text-align: left;}
  .wrap-cinza .responsivando{max-width: 100px !important;margin-bottom: 0;}

  /*@ wrap-article */
  article.wrap-article{padding-left: 135px;padding-right: 135px;padding-top: 70px;padding-bottom: 60px;}
  article.wrap-article h1{}

  /*@ autor-info */
  .autor-info .imagem-autor{display: inline-block;vertical-align: middle;margin-bottom: 0;margin-right: 8px;}

  .box-artigo{padding-left: 45px;padding-right: 45px;}
  .box-artigo span.autor span.foto-autor{display: inline-block;vertical-align: middle;margin-bottom: 0;}

  

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

		
	

	
}

/*--------------------------------------- Tratamento para telas de alta resolução ---------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 120dpi) {

  
  .box-search-header .btn{background-image: url(images/sprite@2x.png);background-size: 600px 600px;}
 
}

/*@ ------------------------------ Customizações ------------------------------ */

.custom-select{color: #2cabb3;}

/*@ actions */
.position-relative{position: relative;}
.responsivando{max-width: 100%;margin: 0 auto;height: auto !important;}
.responsivando{}
.max-responsivando{width: 100% !important;margin: 0 auto;height: auto !important;}
.escondido{display: none;}
.mostrando{display: block;}

/* Images */
article .alignleft {float: left;}
article .alignright {float: right;}
article .aligncenter {display: block;margin-left: auto;margin-right: auto;}
article figure.wp-caption.alignleft,
article img.alignleft {margin: 5px 20px 5px 0;}
article .wp-caption.alignleft {margin: 5px 10px 5px 0;}
article figure.wp-caption.alignright,
article img.alignright {margin: 5px 0 5px 20px;}
article .wp-caption.alignright {margin: 5px 0 5px 10px;}
article img.aligncenter {margin: 5px auto;}
article img.alignnone {margin: 5px 0;width: 100% !important;height:  auto !important;}
article .wp-caption .wp-caption-text,
article .entry-caption,
article .gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 0 0 24px;}
article div.wp-caption.alignright img[class*="wp-image-"] {float: right;}
article div.wp-caption.alignright .wp-caption-text {padding-left: 10px;}

div:focus, a:focus, div:active, a:active{outline: none;}

.esconder{visibility: hidden !important;}
.mostrar{visibility: visible !important;}

/*@ wp-pagenavi */
.center-pagenavi{margin: 0 auto !important;}
.wp-pagenavi{display: block;clear: both;text-align: center;margin-top: 60px;margin-bottom: 30px;color: #333;;overflow: hidden;}
.wp-pagenavi a, .wp-pagenavi span{border: none !important;border: 1px solid #ddd !important;padding: 7px 7px !important;min-width: 35px !important;display: inline-block;text-align: center;border-radius: 3px;}
.wp-pagenavi span.pages{border-color: transparent !important;font-size: .7em !important;}
.wp-pagenavi a{color: #73797f;}
.wp-pagenavi a:hover{color: #fff;background-color: #73797f;}
.wp-pagenavi span{color: #73797f;}

article .video {padding-bottom: 56.25%; padding-top: 30px; width: 100%; position: relative; overflow: hidden;margin-top: 30px;margin-bottom: 30px;}
article .video iframe, article .video object, article .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0;}


/*@ alterando cor da seleção */
::-moz-selection {color: #fff;background: #6201D1;}
::selection{color: #fff;background: #6201D1;}

/*@ mensagem cf7 */
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted,
div.wpcf7-mail-sent-ok{border: none !important;margin: 0 !important;padding: 0 !important;font-size: .85em;}

.wppninja-gallery .wppninja-spacing{margin-bottom: 30px !important;}

/*@ Removendo borda vermelha nos campos required no firefox */
.form-control:required {
    box-shadow:none !important;
}

/*@ configurando estilos dos formulário de contato */
.form-control.ng-pristine{background-color: #fff;border-style: solid !important;}
.form-control.ng-pristine.ng-touched{border-style: dashed !important;border-color: white;}
.form-control.ng-valid.ng-dirty{background-color: #fff;}
.form-control.ng-dirty{background-color: #fff !important;}
/*
.form-control.ng-valid{}
.form-control.ng-invalid{}
.form-control.ng-pending{}
.form-control.ng-pristine{}
.form-control.ng-dirty{}
.form-control.ng-submitted{}*/

.ng-cloak { display: none; }


/*@ contact form 7 styles */
span.wpcf7-not-valid-tip{color: #fff !important;font-style: italic !important;font-size: .7em !important;padding-top: 4px;}
footer span.wpcf7-not-valid-tip{color: #999 !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{font-style: italic !important;font-size: .7em !important;padding-top: 4px;}
div.wpcf7-mail-sent-ok{font-style: italic !important;font-size: .7em !important;padding-top: 4px;text-align: center !important;}