/*
Theme Name: Borrachas Araguaia
Author: Bruno Gregório Fernandes
Author URI: https://embudo.com.br/
Description: Tema desenvolvido para o site Borrachas Araguaia.
Version: 2.0
*/

/*@ CSS Document */
body{font: 400 16px 'Poppins', sans-serif;color: #000;background: #fff;}
html{height: 100%;}

a, a:hover, a:focus, a:active{color: #f47e3e;text-decoration: underline;font-weight: 800;}
label{font-weight: 500 !important;}
p{margin: 0;padding: 0;}

/*@ hx */
h1, h2, h3, h4, h5, h6, fieldset legend{margin: 0;padding: 0;line-height: 1em;font-weight: 800;}
h1, h2{font-size: 2.1em;line-height: 1.2em;margin-bottom: 30px;}
h2{margin-bottom: 50px;}
h3{font-size: 1.1em;font-weight: 500;}

/*---------------------------- 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{}

/*@ navbar-brand */
.navbar-brand{background: url(images/sprite.png) no-repeat -20px -20px;display: block;width: 220px;height: 85px;margin: 50px auto;}
.navbar-brand span{display: none;}

/*@ wrap */
section.wrap{}
section.wrap .container{}

/*@ col-direita */
.col-direita{background-color: #ebebeb;position: relative;}
.col-direita h2{margin-top: 50px;}

.col-direita:before{content: '';width: 100%;height: 58px;background: url(images/wrap-cinza-top.jpg) center top;display: block;position: absolute;top: 0;left: 0}
.col-direita:after{content: '';width: 100%;height: 58px;background: url(images/wrap-cinza-bottom.jpg) center top;display: block;position: absolute;bottom: 0;left: 0}
.col-direita article{padding-top: 35px;padding-bottom: 35px;}

article{text-align: center;}
article p{font-size: 1.1em;line-height: 1.6em;}
article ul li{margin-bottom: 15px;}

/*@ botoes-cta */
ul.botoes-cta{margin: 30px 0 50px 0;padding: 0;list-style: none;width: 100%;text-align: center;}
ul.botoes-cta li{display: inline-block;margin-bottom: 7px;margin-right: 5px;}
ul.botoes-cta li a{display: block;text-decoration: none;border: 1px solid #4da392;color: #4da392;padding: 10px 15px;border-radius: 30px;font-weight: 500;}

ul.botoes-cta li a i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -3px 7px 0 0;background-image: url(images/sprite.png);background-repeat: no-repeat;}

ul.botoes-cta li.btn-cotacao a{background-color: #4da392;color: #fff;}
ul.botoes-cta li.btn-cotacao a i{background-position: -277px -20px;}

ul.botoes-cta li.btn-whatsapp a i{background-position: -320px -20px;}

/*@ box-localizacao */
.box-localizacao{margin-bottom: 50px;}
.box-localizacao p.endereco{font-size: .85em;display: block;margin-top: 15px;margin-bottom: 8px;}
.box-localizacao p.endereco a{color: #000;text-decoration: none;font-weight: 400;}
.box-localizacao p.telefone a{text-decoration: none;font-weight: 800;font-size: .9em;}
.box-localizacao p.telefone a:before{content: '';width: 24px;height: 24px;background: url(images/sprite.png) no-repeat -410px -20px;display: inline-block;vertical-align: middle;margin: -1px 12px 0 0;}
.box-localizacao a{text-decoration: none;font-weight: 500;font-size: 0.85em;}

/*@ box-email */
.box-email{margin-bottom: 70px;}
.box-email a{font-weight: 800;font-size: .85em;color: #000;text-decoration: none;}
.box-email a i{display: inline-block;vertical-align: middle;width: 27px;height: 20px;margin: -1px 5px 0 0;background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -360px -20px;}

/*@ footer */
footer .container{padding-top: 30px;padding-bottom: 30px;}
.copyright{font-size: 0.85em;color: #999;text-align: center;}

.modal-body{padding: 25px;}
.modal-body article{text-align: left;}

.btn-ba{font-weight: 500;background-color: #4da392;color: #fff;border-radius: 30px;padding-left: 30px;padding-right: 30px;}
.btn-ba:hover{color: #fff;text-decoration: underline;}

.form-control:focus{box-shadow: none;border-color: #4da392 !important;}
.termos-form{text-align: center;margin-bottom: 0px;margin-top: 35px;font-size: .65em;}

/*@ whatsapp-fixed */
.whatsapp-fixed{width: 60px;height: 60px;display: block;background: url(images/sprite.png) no-repeat -20px -140px;position: fixed;bottom: 15px;right: 15px;z-index: 500;animation: shake 1s infinite;}
.whatsapp-fixed span{display: none;}

@keyframes shake {
     0% {
       transform: translate(0px, 0px) rotate(0deg);
     }
     50% {
       transform: translate(1px, 1px) rotate(0deg);
     }
     55% {
       transform: translate(-1px, -2px) rotate(-1deg);
     }
     60% {
       transform: translate(-3px, 0px) rotate(1deg);
     }
     65% {
       transform: translate(3px, 2px) rotate(0deg);
     }
     70% {
       transform: translate(1px, -1px) rotate(1deg);
     }
     75% {
       transform: translate(-1px, 2px) rotate(-1deg);
     }
     80% {
       transform: translate(-3px, 1px) rotate(0deg);
     }
     85% {
       transform: translate(3px, 1px) rotate(-1deg);
     }
     90% {
       transform: translate(-1px, -1px) rotate(1deg);
     }
     95% {
       transform: translate(1px, 2px) rotate(0deg);
     }
     100% {
       transform: translate(1px, -2px) rotate(-1deg);
     }
   }


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

  .col-direita{padding-left: 50px;padding-right: 50px;}

}

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



}

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

  body{background: url(images/bg-desktop.png) no-repeat center;}
  .navbar-brand{margin: 90px 0;}

  article{text-align: left;}

  /*@ col-direita */
  .col-direita{background-color: transparent;margin-top: -180px;padding-left: 35px;padding-right: 15px;}
  .col-direita h2{margin-top: 0px;}

  .col-direita:before{display: none;}
  .col-direita:after{display: none;}
  .col-direita article{padding-top: 0px;padding-bottom: 0px;}

  ul.botoes-cta{margin: 30px 0;width: auto;text-align: left;}
  ul.botoes-cta li a{padding: 15px 30px;}

  .box-email{margin-bottom: 0px;}
  footer .container{padding-top: 60px;padding-bottom: 50px;}

  .copyright{text-align: left;}

  .modal-body{padding: 50px;}  


}

/*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) {

  .navbar-brand,
  ul.botoes-cta li a i,
  .box-email a i,
  .box-localizacao p.telefone a:before,
  .whatsapp-fixed{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 */
.wp-pagenavi{display: block;clear: both;text-align: center;margin-top: 60px;margin-bottom: 30px;color: #333;margin-left: 0px;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: #333;}
::selection{color: #fff;background: #333;}

/*@ ocultando badge do recpatcha v3*/
.grecaptcha-badge{visibility: hidden;}

.wpcf7-form.invalid .form-control, .wpcf7-form.invalid .form-select {
  border-color: red !important;
}