/*
Theme Name: Alfa Citrus
Theme URI: https://alfacitrus.com.br
Author: I9 Criações
Author URI: https://i9criacoes.com.br
Description: Tema WordPress Alfa Citrus
Version: 1.0
Text Domain: alfacitrus
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
@font-face {
    font-family: 'Cocon';
    src: url('fontes/cocon_regular-webfont.woff2') format('woff2'),
         url('fontes/cocon_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Colaborate';
    src: url('fontes/colabbol-webfont.woff2') format('woff2'),
         url('fontes/colabbol-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Colaborate';
    src: url('fontes/colabmed-webfont.woff2') format('woff2'),
         url('fontes/colabmed-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
html, body{
margin:0 !important;
padding:0 !important;
font-family: 'Montserrat', sans-serif;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 100vh;
background:#f5f1eb;
color:#232323;
}
a{
text-decoration: none;
transition:all 0.2s linear;
}
ul{
margin:0 !important;
padding:0 !important;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select, textarea{
outline: 0 !important;
border:0;
text-decoration: none;
transition:all 0.2s linear;
}
.container{
max-width:1200px !important;
width:100% !important;
position:relative;
z-index:3;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all .2s ease-out;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
.loading > div{
width:100%;
text-align: center;
}
.loading.active{
opacity:1;
visibility:visible;
transition: all .2s ease-out;	
}
.loading #logo-loading{
animation: pulse 0.7s infinite;
margin: 0 auto 0px;
animation-direction: alternate;
-webkit-animation-name: pulse;
animation-name: pulse;
width:200px;
height:70px;
background-image:url('images/logo.webp');
background-size:100%;
background-position: center;
background-repeat:no-repeat;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -webkit-filter: brightness(100%);
  }
  100% {
    -webkit-transform: scale(1.1);
    -webkit-filter: brightness(200%);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    filter: brightness(100%);
  }
  100% {
    transform: scale(1.1);
    filter: brightness(110%);
  }
}
.modal-open {
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.75);
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 1s;
}
@keyframes fadeInOpacity {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
.video-container {
overflow: hidden;
position: relative;
width:100%;
max-width: 900px;
border-radius: 20px;
margin: 0 auto 50px;
} 
.video-container::after {
padding-top: 56.25%;
display: block;
content: '';
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal-video .content-modal{
position: relative;
padding-top:30px;
width:920px;
max-width: 90%;
z-index:5;
}
.modal-video .content-modal .close-video{
position: absolute;
top: -10px;
right: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
}
.modal-video .content-modal .close-video svg{
width:100%;
height:100%;
}
.fora-modal{
width:100%;
height:100%;
position: absolute;
top:0;
left: 0;
background:transparent;
z-index: 2;
cursor: pointer;
}


#esg{
position:relative;
background-color:#f5f1eb;
background-image:url('images/bg_esg.webp');
}