/*

Theme Name: D6

Theme URI: http://trine.com.br

Author: Trine

Author URI: http://trine.com.br
	
Description: Tema da empresa Trine para uso exclusivo de seus clientes. É proibida qualquer outra forma de comercialização ou distribuição do mesmo.

Version: 1.0

Text Domain: d6

Tags: exclusivo, mobile, mobile first, google, materializecss, owlcarousel

Este é um de nossos temas base padrão, cada projeto é desenvolvido de forma única e exclusiva de acordo com as necessidades de nossos clientes.

*/



html {

    scroll-behavior: smooth;

}

header {

    height: 110px;

}

main.content {

    margin-top: 2rem;

}

nav ul li a {

    padding: 0 10px;
}

header .social {

    display: inline-flex;

}
a.button.catalogo.right {
    margin-top: 2rem;
}


header .social img {

    margin: 4px;

}

strong {

    font-weight: 900;

}

.barra-fixa {

    height: 31px;

    line-height: 31px;

    font-size: 14px;

    color: rgba(255, 255, 255, 0.64);

    background-color: #2B4C81;

}

.anchor {

    margin-top: -90px;

    padding-top: 90px;

}

.footer-copyright {

    padding-top: 4rem;

    padding-bottom: 1rem;

}

.owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: -5px;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #ffffff;

    border: 2px solid #07008d;

}

.servicos-carousel {

    margin-top: 2rem;

}

.modal-content {

    text-align: left;

}

.modal-content img{ 

    margin: 0;

}

.modal-content figure {

    margin-top: 1rem;

}

.owl-carousel .owl-nav .owl-prev{

    background: url('js/myprevimage.png') no-repeat!important;

}

.owl-carousel .owl-nav .owl-next{

    background: url('js/mynextimage.png') no-repeat!important;

}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{

    width: 46px;

    height: 46px;

    background-size: contain!important;

}


ul.tabs {

    height: 94px;

    line-height: 94px;

    background-color: transparent;

}

.faixa-azul {

    background-color: #2B4C81;

    text-align: center;

    height: 94px;

    margin-bottom: 5rem;

}

.tabs .tab a {

    color: white;

    height: 91px;

    line-height: 91px;

    font-weight: 900;

    font-size: 21px;

    text-transform: none;

    opacity: .32;

}

.tabs .tab a.active {

    opacity: 1;

    color: white;

}

.tabs .indicator {

    display: none;

}

.tabs .tab a:focus, .tabs .tab a:focus.active, .tabs .tab a:hover {

    background-color: unset;

    outline: none;

}

.borda {

    background: #FFFFFF;

    border: 1px solid rgba(43, 76, 129, 0.32);

    border-radius: 5px;

    transition: all .3s;

    margin: 0.5rem 0;

}

.borda img {

    margin: 0 auto;

    width: 100%;

    padding: 2rem;

}

.borda h5 {

    font-size: 16px;

    font-weight: 600;

    margin: 1rem;
	
	margin-top: 0;

}
.borda img {
    transition: all .3s;
    height: 250px;
    width: auto!important;
    object-fit: cover;
    padding: 1rem;
}

.borda img:hover {


    transform: translateY(-10px);

    transition: all .3s;

}

.navbar-fixed nav {

    filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.36));

    border-bottom: 3px solid;

}

#searchform label.screen-reader-text {
  display: none; }

#searchform #searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100px;
  opacity: 0;
  cursor: pointer; }

#searchform input#s {
  height: 100px;
  border: none;
  width: 100%;
  padding: 0 36px;
  font-size: 26px;
  background-image: url(https://www.btiestrategica.com.br/wp-content/themes/d6/img/lupa.png);
  background-repeat: no-repeat;
  background-position: right 3% bottom 45%; }

#searchform input#s::placeholder {
  color: #c2c2c2; }

#busca {
  border-radius: 10px; }


.video {
    /* background-image: url(../d6/img/fundo-video.png); */
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #2b4c81;
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.video iframe {

    border: 10px solid #fff;

    border-radius: 5px;

    margin-top: 2rem;

}

footer {

    background-image: url(../d6/img/fundo-rodape.png);

    background-position: top;

    color: white;

    background-repeat: no-repeat;

    background-size: cover;

}

footer h2 {

    font-size: 18px;

    opacity: .64;

    margin-top: 2rem;

}

.categorias {

    background-image: url(../d6/img/fundo-categorias.png);

    background-position: right;

    background-size: contain;

    background-repeat: no-repeat;

    margin-bottom: 4rem;

}

.sidebar-categorias {

    background: #ECECEC;

    padding: 10px 10px;

}

.sidebar-categorias h3 {

    font-size: 18px;

    opacity: .64;

}

.sidebar-categorias a {

    font-weight: 900;

    font-size: 26px;

    color: #2B4C81;

}

.sidebar-categorias .children a {

    font-weight: 500;

    font-size: 18px;

    color: unset;

}

#breadcrumbs a{

    color: #2B4C81;

    font-weight: 600;

}

span.separador {

    margin: 0 8px;

}

.infos-do-produto figure img{

    border: 1px solid #005DA9;

    border-radius: 5px;

}

.infos-do-produto h4, .infos-do-produto h2 {

    font-weight: 900;

    font-size: 26px;

    color: #2B4C81;

}

.dados-tecnicos a {

    margin-bottom: .5rem;

}

.dados-tecnicos h5 {

    font-weight: bold;

    font-size: 18px;

    line-height: 21px;

    color: #2B4C81;

    opacity: 0.64;

}

figure.is-type-video {

    text-align: center;

    margin: 3rem 0;

}

figure.is-type-video iframe {

    border-radius: 10px;

    box-shadow: 0px 24px 64px rgb(0 0 0 / 28%);

}

.bordertop {
	border-top: solid 1px #bbbbbb;
}

.bordertop {
    border-top: solid 1px #bbbbbb;
    padding-top: 2rem;
}

ul.sub-menu {
    margin-left: 12px;
}
.sidebar-categorias .children a {
    font-weight: 500;
    font-size: 18px;
    color: #2B4C81;
}

.sidebar-categorias ul li ul li a {
    font-weight: 500;
    font-size: 18px;
    color: #2B4C81;
}

.sidebar-categorias ul li ul li ul li a {
    font-size: 16px!important;
	color: unset!important;
}
.sidebar-categorias ul li ul li ul li ul li a {
    font-size: 15px!important;
	text-transform: uppercase;
}

.sidebar-categorias .sub-menu {
	height: 0;
	overflow: hidden;
}
.sidebar-categorias #menu-menu-2 > li > .sub-menu {
	height: inherit;
}
.sidebar-categorias .sub-menu.active {
	height: inherit;
}
.sidebar-categorias ul li {
	margin: .5rem 0;
}


.nf-form-cont {
	padding: 1rem;
}
.nf-form-layout input, .nf-form-layout textarea {
    border: 1px solid #c5c5c5!important;
    background: #f7f7f7 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #c5c5c5!important;
}
.nf-form-content input[type=button] {
    background: #2b4c81 !important;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    float: right;
    color: #ffffff !important;
    border-radius: 5px;
    cursor: pointer;
    width: 200px!important;
}
.nf-form-content input[type=button]:hover {
    background: transparent !important;
    color: #2b4c81 !important;
}


@media only screen and (min-width: 993px) {

    figure.is-type-video iframe {

        width: 790px;

        height: 450px;

    }



} 

@media only screen and (max-width: 1350px) {





} 





@media only screen and (max-width: 993px) {

	.faixa-azul { 
		display: none;
	}
	.barra-fixa {
		font-size: 12px;
	}
	.video {
		text-align: center;
		padding-bottom: 1rem;
	}
	.banner-inferior {
		display: none;
	}
	.footer-widgets {
		text-align: center;
	}
	a.button.border {
		margin-bottom: 1rem;
	}
	.sidenav li > a {
    	color: rgb(255 255 255 / 87%);
	}
	nav .sidenav-trigger {
		position: absolute;
		top: 40px;
		right: 20px;
	}
	.barra-fixa span {
		display: none;
	}
} 

@media only screen and (min-width: 993px) {
	.padding {
		padding: 7rem;
	}
}

.blog .topo {
    background-color: #ffffff;
    color: #005da2;
}









.blog-home {
  margin-top: 40px;
}

.blog-home h2 {
  margin-bottom: 25px;
  font-weight: 700;
}

.blog-home .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* controla a distância entre os cards */
}

.blog-home .post {
  flex: 1 1 calc(25% - 20px);
  box-sizing: border-box;
}

@media (max-width: 992px) {
  .blog-home .post {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (max-width: 600px) {
  .blog-home .post {
    flex: 1 1 100%;
  }
}