@font-face {
font-family: 'just_sunday';
src: url(//www.averac-cosmetics.com/wp-content/themes/averac/fonts/just-sunday.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'hearth_stone';
src: url(//www.averac-cosmetics.com/wp-content/themes/averac/fonts/Hearth-Stone.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@media (max-width: 767px) {
#Top_bar{
padding: 10px 0px;
}
} html {
scroll-behavior: smooth;
}
.homeBoton1{
border: 3px solid #9dd3c2;
color: #9dd3c2;
background-color: inherit;
padding: 15px 0px;
width: 100%;
font-weight: 600;
font-family: Roboto;
font-size: 16px;
display: block;
text-align: center;
text-decoration: none;
margin-top: 40px;
transition: all 0.3s linear;
}
.homeBoton1:hover{
color: white;
background-color: #9dd3c2;
text-decoration: none;
}
.homeBoton2{
border: 3px solid #9dd3c2;
color: white;
background-color: #9dd3c2;
padding: 15px 40px;
font-weight: 600;
font-family: Roboto;
font-size: 16px;
text-decoration: none;
transition: all 0.3s linear;
}
.homeBoton2:hover{
color: #9dd3c2;
background-color: inherit;
text-decoration: none;
} .big{
font-family: "Roboto";
}
#seccionChica:before{    
content: "";
background-color: #d0bdde;
width: 530px;
height: 500px;
display: block;
position: absolute;
top: 60px;
right: 17%;
}
#seccionChica .cajaTextoBefore:before{
content: "A natureza na sua pele";
font-family: "hearth_stone";
position: absolute;
top: -42px;
left: -90px;
font-size: 60px;
letter-spacing: 8px;
overflow: visible;
visibility: visible;
display: inline-block;
width: 1000px;
color: #5a5a5a;
}
#seccionChica:after{    
content: "Lorem ipsum dolor sit ame consectetur adipiscing elit In augue turpis hendrerit vitae pretium id auctor vel nibhDuis euismod quis felis nec ornare Nulla facilisis tempus orci a pulvinar";
font-family: "just_sunday";
position: absolute;
bottom: 50px;
right: 13%;
font-size: 82px;
text-align: right;
width: 760px;
line-height: 53px;
letter-spacing: 6px;
}
@media (max-width: 1370px) {
#seccionChica:before{
right: 5%;
}
#seccionChica:after{
right: 5%;
}
#seccionChica .cajaTextoBefore:before{
left: -70px;
font-size: 50px;
}
}
@media (max-width: 1100px) {
#seccionChica:before{
right: 1%;
}
#seccionChica:after{
right: 1%;
}
#seccionChica .cajaTextoBefore:before{
left: 0px;
font-size: 50px;
width: 680px;
}
}
@media (max-width: 960px) {
#seccionChica .cajaTextoBefore:before{
width: 680px;
top: -67px;
}
}
@media (max-width: 767px) {
#seccionChica{
padding-top: 0px !important;
}
#seccionChica:before{
right: 3%;
left: 3%;
width: 94%;
height: 270px;
top: 310px;
}
#seccionChica:after{
right: auto;
width: auto;
}
#seccionChica .cajaTextoBefore:before{
display: none;
}
#seccionChica .fotoChica{
height: 300px !important;
}
} .slick-slider.offer_thumb_ul .offer_thumb_li .desc_wrapper .title h3{
display: none;
} #seccionPenult:before{    
content: "";
background-color: #fdddca;
width: 670px;
height: 440px;
display: block;
position: absolute;
top: 0px;
left: 9%;
}
#seccionPenult:after{    
content: "Dê vida ao seu rosto";
font-family: "hearth_stone";
position: absolute;
top: 12px;
left: 27%;
font-size: 40px;
text-align: left;
line-height: 53px;
letter-spacing: 6px;
color: #5a5a5a;
}
#seccionPenult.fotoChicaPenult{
margin-bottom: 0px;
}
#seccionPenult h2.tituloPenult{
text-align: right;
font-weight: 900;
margin-right: 25%;
margin-top: 30%;
font-size: 45px;
letter-spacing: 1.12px;
}
@media (max-width: 1370px) {
#seccionPenult h2.tituloPenult{
margin-top: 45%;
}
}
@media (max-width: 1100px) {
#seccionPenult:before{
bottom: 0px;
top: inherit;
right: 9%;
left: inherit;
}
}
@media (max-width: 767px) {
#seccionPenult{
padding-top: 0px !important;
}
#seccionPenult:after{    
display: none;
}
#seccionPenult:before{
display: none;
}
#seccionPenult h2.tituloPenult {
margin-top: 0%;
background-color: white;
width: 90%;
padding: 5%;
line-height: 30px;
font-size: 30px;
}
} #Footer .formInput{
margin-bottom: 10px;
}
#Footer .formInput textarea{
height: 90px;
}
#Footer .checkbox .wpcf7-form-control-wrap.your-legal{
width: auto;
}
#Top_bar .menu > li.current-menu-item > a:after,
#Top_bar .menu > li.current_page_item > a:after,
#Top_bar .menu > li.current-menu-parent > a:after,
#Top_bar .menu > li.current-page-parent > a:after,
#Top_bar .menu > li.current-menu-ancestor > a:after,
#Top_bar .menu > li.current_page_ancestor > a:after{
opacity: 0 !important;
}
#Top_bar .menu > li.hover.menu-item > a:after{
opacity: 1 !important;
}