/*
Autor: Fernando L. Gomes
Projeto: Novo Tema Liquigas Copa Energia
Data atualização: 20/05/2021
*/

/* comuns*/ 
body{
    overflow-x: hidden;
}

p{color: #666;}

h3{
    color: #006F4D;
    font-size: 1.90rem;
    margin-bottom: 40px;
}

h2.display-4{ font-size: 2.05rem;}

.iconBox h4{
    color: #505050;
    margin-top: 10px;
}

/* comuns*/ 

.carousel{margin-top: 133px;}

.bannerImg{ min-height: 145px;}
    .bannerImg a{margin-top: 50px;}

.imgBloco{border-radius: 50%; width: 300px; height: 300px;}

.imgBloco p{color:#fff; font-weight: bold; padding-top:80px; font-size: 1.5rem;}

.blocosImg a:hover{color: #fff !important;}

/* navegador primario*/ 
.navbar{margin-top: 38px; border-bottom: 1px solid #888989;} 
.dropdown-item.active, .dropdown-item:active{background-color:#00bb7f;}
/* navegador primario*/ 

/* navegador secundario*/ 
.navTopo{background-color: #006f4e; /*padding-right: 60px;*/ padding-right: 5vw;}
    .navTopo a{color:#fff; font-size: 0.9rem;}
    .navTopo a.dropdown-item{color:black;}
/* navegador secundario*/

/* Nos dois navegadores*/
.navbar, .navTopo, .contMapa li{text-transform: lowercase;}
/* Nos dois navegadores*/

.btn-primary{background-color: #ff8931 !important; border-color: #ff8931 !important; font-size: 1rem;}

/* Accordion */
.card{border-color:#006F4D;}
.card-header{border-bottom:#006F4D 1px solid; background-color: #fff;}
.card-header:hover{background-color: #00bb7f;}
button.collapsed{color: #006F4D;}
    .btn-link{color:#ff8931;}
    .btn-link:hover{color:#fff; text-decoration: none;}
/* Accordion */

/* footer*/
footer{background-color: #006F4D; margin-top: 150px;}
    .mapaSite, .contMapa{background-color: #006F4D;}
    .mapaSite, .mapaSite a{color:#fff;}
    .mapaSite li{list-style-type: none;}
    .contSocial{height: 150px;}
    .social, .contSocial{background-color: #00BB7F;}
    .social p, .social span{color:#006F4D;}
    .social a{color:#fff;}
    .social i.fa{color: #fff; font-size: 2em; padding: 3px;}   
    .contMapa li.text-uppercase{padding-left:0px;}
/* footer*/

.tituloPagina{
    margin-top: 170px;
    color: #ff8931;
    text-transform: lowercase;
}

/* setas carrossel premios*/
.controlPremioPrev {
    background-image:url("../img/arrow-left-green.svg");
}
.controlPremioNext{
    background-image:url("../img/arrow-right-green.svg")
}
/* setas carrossel premios*/    


/* Blog */    
.blogConteudo h3{margin-bottom: 10px;}
.blogConteudo h5{margin-top: 20px;}
.blogConteudo .badge-primary{background-color:#01b880;}
.blogConteudo .badge-primary:hover{background-color:#006f4e;}

.blogLateralMenu{color: #666;}
.blogLateralMenu h4{color: #006F4D;}  
.blogLateralMenu ul{list-style: none; padding-left: 10px;}
.blogLateralMenu li::before {content: "•"; color: #ff8931; display: inline-block; width: 1em; }
.blogLateralMenu a{color:#666;}
.blogLateralMenu a:hover{text-decoration: none; color: #ff8931; font-weight: bold;}
/* Blog */      


/* Breakpoints Media Screen*/   

@media (min-width: 360px) and (max-width: 399px){
    .navTopo{padding-left: 0px !important;}
    .navbar{margin-top: 75px !important;}
    .navbar-toggler{margin-right: 15px;}
    .carouselHome{margin-top: 170px !important;}
    .imgBloco{width: 250px; height: 250px;}
        .imgBloco p{font-size: 1.3rem;}
}

@media (max-width: 575.98px) { 
    .navTopo{padding-right: 15px;}
    .carouselHome{margin-top: 170px;}
    .navbar{margin-top: 75px;}
    .tituloPagina{margin-top: 190px;}
    .bannerImg{background-position: -300px 0;}
        .bannerImg a{margin-top: 30px;}
    .navbar-toggler{margin-right: 15px;}
    .imgBloco{width: 250px; height: 250px;}
        .imgBloco p{font-size: 1.3rem;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .navTopo{padding-right: 60px;}
    .carouselHome{margin-top: 130px;}
    .imgBloco{width: 250px; height: 250px;}
        .imgBloco p{font-size: 1.3rem;}
}

@media (min-width: 768px) and (max-width: 991.98px){
    .navTopo{padding-right: 50px;}
    .navbar-toggler{margin-right: 15px;}
    .carouselHome{margin-top: 130px;}
    .imgBloco{width: 250px; height: 250px;}
        .imgBloco p{font-size: 1.3rem;}
}

@media (min-width: 1080px) and (max-width: 1199px){
    .navTopo{padding-right: 65px;}
    .carouselHome{margin-top: 130px;}
}

@media (width: 1366px){
    .navTopo{padding-right: 9vw;}
}

@media (width: 1920px){
    .navTopo{padding-right: 20vw;}
}
/* Breakpoints Media Screen*/   


/* Acertos layout Websphere */   

.wpthemeLayoutContainers{padding: 0px;}
.wpthemeInner, .wpthemeSecondaryNav{width: 100% !important;}
.component-container{margin: 0px !important; width: 100% !important;}
.wpthemeOverflowAuto{overflow-x: hidden;}

/* Acertos layout Websphere */