@font-face {
font-family: 'P22Mackinac';
src: url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/fonts/P22Mackinac/P22Mackinac-Medium_6.otf);
font-weight: 500;
}
@font-face {
font-family: 'P22Mackinac';
src: url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/fonts/P22Mackinac/P22Mackinac-Bold_23.otf);
font-weight: 700;
}
@font-face {
font-family: 'P22Mackinac';
src: url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/fonts/P22Mackinac/P22Mackinac-ExtraBold_9.otf);
font-weight: 900;
} :root {
--color-primary: #00615c;
--color-secondary: #00bf6f;
--color-green: #008c15;
--color-yellow: #ffb600;
--color-light-Golden: #f1e6b2;
--color-light-Golden-2: #fff7d4;
--color-orange: #ff6a14;
--color-blue-light: #d2f1ea;
--color-salmon: #ff8674;
--color-cta: #00615c;
--color-cta-hover: #008c15;
--color-cta-alt: #ff6a14;
--color-cta-alt-hover: #ffb600;
--color-search: #00754a;
--color-black: #000000;
--color-white: #ffffff;
--color-bg-section: #fdf6dc;
--font-family-primary: 'P22Mackinac', arial, sans-serif; --color-teal: #00615C;
--colorn-orange: #FE6A16;
--colorn-green: #009134;
--color-antiquewhite: #F8F1D8;
--color--Khaki: #D2EA8E;
--color-footer: #e2e8f0;
}
* {
font-family: var(--font-family-primary);
}
html {
font-size: 62.5%; }
body {
font-size: 1.4rem; }
.main-wrapper {
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
}
a {
font-size: 1.6rem;
color: var(--color-primary);
}
a:hover {
transition: all 0.3s;
}
div {
font-family: var(--font-family-primary);
font-size: 1.6rem;
}
p {
color: var(--color-primary);
font-family: var(--font-family-primary);
font-size: 1.6rem;
line-height: 1.5;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color-primary);
font-family: var(--font-family-primary);
font-weight: 700;
margin: 0;
}
h1 {
font-size: 4rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.2rem;
}
h4 {
color: var(--color-gray);
font-size: 1.8rem;
}
h5 {
font-size: 1.6rem;
}
ul {
padding-left: 20px;
}
ul li,
ol li {
color: var(--color-gray); font-size: 1.6rem;
}
li + li { }
img,
iframe {
max-width: 100%;
height: auto;
}
.hidden {
display: none !important;
}  .container {
width: 100%;
padding: 0;
margin: 0 auto;
} .visible-xs {
display: none !important;
}
.hidden-xs {
display: block !important;
}
.visible-lg {
display: none !important;
}
.hidden-lg {
display: block !important;
} [class^='gap'] {
display: block;
clear: both;
}
.gap10 {
height: 10px;
}
.gap20 {
height: 20px;
}
.gap30 {
height: 30px;
}
.gap40 {
height: 40px;
}
.gap50 {
height: 50px;
}
.gap60 {
height: 60px;
}
.d-none {
display: none;
} .sub h1,
.title h1 {
font-size: 4rem;
color: var(--color-primary);
}
.title p,
.sub h2,
.sub p {
color: var(--color-primary);
}
.sub h2 + p {
color: var(--color-primary);
font-size: 1.8rem;
margin-top: 20px;
}
.title.big h2,
.sub.big h2 {
font-size: 4rem;
}
.title h2,
.sub h2 {
color: var(--color-primary);
font-size: 4rem;
font-weight: 700;
}
.title h3,
.sub h3,
.title h3 + p,
.sub h3 + p {
text-align: left;
}
.title strong,
.sub strong { } .cta a {
background-color: var(--color-cta);
border-radius: 18px;
border: 1px solid var(--color-cta);
color: var(--color-white);
display: inline-block;
font-size: 1.7rem;
padding: 10px 30px;
text-align: center;
line-height: 1;
transition: all 0.3s;
text-decoration: none;
font-family: var(--font-family-primary);
font-weight: 400;
}
.cta a:hover {
background: var(--color-cta-hover);
border-color: var(--color-cta-hover);
}
.cta.alt a {
background-color: var(--color-cta-alt);
border: 1px solid var(--color-cta-alt);
color: var(--color-white);
}
.cta.alt a:hover {
background-color: var(--color-cta-alt-hover);
border: 1px solid var(--color-cta-alt-hover);
color: var(--color-white);
} .video-wrapper {
}
.video-wrapper a:hover {
opacity: 0.8;
} .swiper-slide {
display: flex;
justify-content: center;
}
.swiper-wrapper {
text-align: center;
}
.swiper-button-prev,
.swiper-button-next {
color: #dedede !important;
opacity: 0.5;
} .bg-cinza {
background-color: #f5f5f5;
}
.bg-branco {
background-color: #fff;
} .custom-list {
}
.custom-list ul {
padding-left: 0;
}
.custom-list li + li {
margin-top: 15px;
}
.custom-list li {
color: var(--color-gray);
font-size: 1.6rem;
font-weight: 400;
list-style: none;
max-width: 95%;
padding-left: 20px;
position: relative;
}
.custom-list li:before { border-radius: 100%;
content: '';
display: inline-block;
height: 7px;
width: 7px;
position: absolute;
left: 0;
top: 10px;
} #faixa_topo {
background-color: var(--color-primary);
width: 100%;
}
#faixa_topo .faixa_topo_content {
width: 100%;
max-width: 1700px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
#faixa_topo .faixa_topo_left {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
#faixa_topo .faixa_topo_left img {
width: 23px;
}
#faixa_topo .faixa_topo_left p {
color: var(--color-white);
display: flex;
align-items: center;
gap: 2px;
}
#faixa_topo .faixa_topo_left p a {
color: var(--color-white);
text-decoration: underline;
text-decoration-color: var(--color-white);
text-underline-offset: 4px;
}
#faixa_topo .faixa_topo_right {
display: flex;
align-items: center;
gap: 30px;
}
#faixa_topo .faixa_topo_right a {
background-color: var(--colorn-orange);
text-decoration: none;
padding: 10px 30px;
border-radius: 3.0rem;
}
#faixa_topo .faixa_topo_right a p {
color: var(--color-white);
font-size: 1.8rem;
line-height: 1;
}
#header-main {
width: 100%;
background-color: var(--color-white);
border-bottom: 1px solid #d1d1d1;
}
#header {
background-color: transparent;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9997;
}
#header #logo img {
}
#header-wrapper {
display: flex;
align-items: center;
}
#header-wrapper #header-main > .container-fluid {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
width: 100%;
max-width: 1700px;
margin: 0 auto;
}
#faixa-espaco-nutri {
background-color: var(--color-white);
padding: 20px 0;
width: 100%;
text-align: center;
margin-top: 218px;
}
#faixa-espaco-nutri p {
color: var(--color-primary);
font-size: 2.5rem;
font-weight: 300;
line-height: 1;
} .seletor-wrapper {
position: relative;
}
#abreSeletorIdiomas {
cursor: pointer;
}
#seletor-de-idiomas {  display: none;
height: auto; padding: 0;
position: absolute;
top: 0px;
right: 20px;
z-index: 2;
}
#seletor-de-idiomas ul {
display: flex;
align-items: center;
justify-content: center; list-style: none;
padding: 0;
margin: 0; }
#seletor-de-idiomas ul li {
color: #333;
display: block;
float: none;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase; }
#seletor-de-idiomas ul li + li {
margin-top: 0;
}
#seletor-de-idiomas ul li a { color: #fff;
display: block;
font-size: 1.5rem;
line-height: 1.2;
padding: 2px 15px;
text-decoration: none;
}
#seletor-de-idiomas ul li a:hover {
color: #f8f8f8;
}
#seletor-de-idiomas ul li.current-lang a { font-weight: 700;
}
#seletor-de-idiomas ul li:first-child a {
border-right: 1px solid #fff;
}    #busca-topo {
}
#abrirBusca {
cursor: pointer;
}
#search-full-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 200px;
background-color: var(--color-search);
text-align: center;
display: none;
align-items: center;
justify-content: center;
z-index: 99;
padding-bottom: 60px;
}
#search-full-wrapper .search-content {
position: relative;
display: flex;
justify-content: center;
}
#search-full-wrapper form {
width: 1050px;
max-width: 100%;
top: 50px;
position: relative;
}
#search-full-wrapper input[type='text'] {
background-color: transparent;
border: none;
border-bottom: 1px solid var(--color-white);
border-radius: 0;
color: var(--color-white);
font-size: 3rem;
height: 60px;
width: 100%;
}
#search-full-wrapper input[type='text']:focus {
box-shadow: none;
}
#search-full-wrapper input[type='text']::placeholder {
color: var(--color-white);
}
#search-full-wrapper input[type='submit'] {
background: transparent url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/icones/search-branco.svg) no-repeat center center;
background-size: 22px;
border: 0;
color: var(--color-white);
position: absolute;
bottom: 0;
right: 0;
height: 60px;
width: 48px;
}
#search-full-wrapper input[type='submit']:hover {
cursor: pointer;
} #fecharBusca {
background: transparent url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/icones/close.svg) no-repeat center center;
color: var(--color-white);
cursor: pointer;
position: absolute;
top: 0;
right: 0;
height: 20px;
width: 20px;
}  @keyframes hideHeader {
from {
background-color: transparent;
opacity: 1;
height: 218px;
}
to {
opacity: 0;
height: 0;
}
} @keyframes showHeader {
from {
opacity: 0;
height: 0;
}
to {
background-color: var(--color-white);
opacity: 1;
height: 218px;
}
} #header-wrapper {
animation-fill-mode: forwards;
animation: unset;
height: 218px;
transition: all 0.3s ease;
position: fixed;
width: 100%;
top: 0;
left: 0;
transform: translateY(0);
flex-direction: column;
}
#header-wrapper .colorido,
#header-wrapper .branco { }
#header-wrapper.header-scroll { background-color: var(--color-white);
border-bottom: 1px solid #d1d1d1;
} #header-wrapper.hide-header {
animation: hideHeader 0.3s forwards;
display: none;
transform: translateY(-100%);
} #header-wrapper:not(.hide-header):not(.header-scroll) {
animation: showHeader 0.3s forwards;
}
#header-wrapper:not(.hide-header):not(.header-scroll) li .sub-menu li:hover {
border: 0 !important;
}
#header-wrapper.header-scroll .branco {
display: block;
}
#header-wrapper:not(.header-scroll) .colorido {
display: block;
}
#header-wrapper:not(.header-scroll) #menu-superior ul li a {
color: var(--color-primary);
} #whatsapp-flut {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 999;
}
#whatsapp-flut a {
display: flex;
width: 50px;
height: 50px;
}
#whatsapp-flut a:hover {
animation: pulse 1.5s infinite;
}
#whatsapp-flut a img {
width: 50px;
height: auto;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
} #menu-superior-container {
position: relative;
}
#menu-superior-wrapper {
}
#menu-superior-wrapper nav#menu-superior {
background-color: transparent;
padding: 0px 0;
width: 100%;
display: flex !important;
align-items: center;
gap: 50px;
}
#menu-superior-wrapper nav#menu-superior ul {
display: flex;
align-items: flex-start;
margin: 0;
gap: 70px;
padding: 17px;
border-radius: 8px;
}
#menu-superior-wrapper nav#menu-superior ul li {
list-style: none;
position: relative;
transition: all ease 0.3s;
border-bottom: 2px solid transparent;
}
#menu-superior-wrapper nav#menu-superior ul:last-child li:last-child {
border: 0;
} #menu-superior-wrapper nav#menu-superior ul:last-child li:last-child:hover {
border-bottom: 0;
}
#menu-superior-wrapper nav#menu-superior ul li.current_page_item {
border-bottom: 2px solid var(--color-primary);
}
#menu-superior-wrapper nav#menu-superior ul li a {
font-size: 2.0rem !important;
padding: 10px 0;
text-decoration: none;
font-weight: 700;
}   #menu-superior ul li a:hover,
#menu-superior ul li.current-menu-item a {
color: var(--color-primary);
text-decoration: none;
}                                                                              #menu-superior .menu-item-has-children {
position: relative;
} #menu-superior .sub-menu {
display: none !important;
} #menu-superior .menu-item:hover > .sub-menu {
display: block !important;
} #menu-superior .menu-item:hover > .sub-menu.sub-menu-com-preview {
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
justify-content: center;
position: absolute;
top: 35px;
left: -300px;
width: 960px;
height: 100%;
min-height: 320px;
background: var(--color-white);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18);
z-index: 9999;
gap: 18px 30px !important;
} #menu-superior .sub-menu-com-preview > .menu-preview-slot {
width: 228px;
height: 228px;
flex: 0 0 228px;
margin: 0;
padding: 0;
list-style: none;
} #menu-superior .sub-menu-com-preview .menu-preview-image {
width: 228px;
height: 228px;
border-radius: 8px;
}
#menu-superior .sub-menu-com-preview .menu-preview-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} #menu-superior .sub-menu-com-preview > .menu-item {
width: 240px;
flex: 0 0 auto;
margin: 0;
padding: 0;
list-style: none;
border-radius: 8px;
position: static !important;
} #menu-superior .sub-menu-com-preview > .menu-item > a {
display: block;
padding: 14px 30px !important;
font-size: 2rem !important;
line-height: 1;
border-radius: 8px;
background: transparent !important;
}
#menu-superior .sub-menu-com-preview > .menu-item:hover > a,
#menu-superior .sub-menu-com-preview > .menu-item.is-active > a {
background: var(--color--Khaki) !important;
color: var(--color-primary) !important;
} #menu-superior .sub-menu-com-preview > .menu-item > .sub-menu {
display: none !important;
position: absolute;
top: 24px;
left: 550px;  background: transparent !important;
box-shadow: none !important;
}
#menu-superior .sub-menu-com-preview > .menu-item.is-active > .sub-menu {
display: block !important;
} #menu-superior .sub-menu-com-preview > .menu-item > .sub-menu > .menu-item {
width: 100%;
margin: 0 0 12px 0;
padding: 0;
list-style: none;
border-radius: 8px;
}
#menu-superior .sub-menu-com-preview > .menu-item > .sub-menu > .menu-item > a {
display: block;
padding: 12px 26px !important;
color: var(--color-primary) !important;
font-size: 2.4rem !important;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
border-radius: 8px;
background: transparent !important;
}
#menu-superior .sub-menu-com-preview > .menu-item > .sub-menu > .menu-item:hover > a {
background: var(--color--Khaki) !important;
color: var(--color-primary) !important;
}
#menu-superior .sub-menu-com-preview::after {
content: "";
position: absolute;
top: 36px;
bottom: 36px;
left: 550px;
width: 1px;
background: #cfcfcf;
} #menu-mobile {
cursor: pointer;
height: 50px;
float: right;  margin-top: 15px;
overflow: hidden;
position: relative;
width: 34px;
z-index: 9999;
}
#menu-mobile span {
height: 3px;
background-color: var(--color-primary);
display: block;
width: 40px;
transition: all 0.3s ease;
margin: 6px 0;
}
#menu-mobile:hover span {
}
#menu-mobile:hover .span2 {
width: 80%;
}
#menu-mobile.close {
opacity: 1;
}
#menu-mobile.close .span1 {
transform: rotate(-45deg);
position: absolute;
top: 10px;
transition: all 1s ease;
}
#menu-mobile.close .span2 {
width: 0;
transition: all 0.3s ease;
}
#menu-mobile.close .span3 {
transform: rotate(45deg);
position: absolute;
top: 10px;
transition: all 1s ease;
}
#menu-mobile.close [class^='span'] {
background-color: var(--color-primary);
} #menu-mobile-wrapper {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
opacity: 0;
height: auto;
display: none;
padding: 0 20px 0 20px;
transition: all 0.3s linear;
z-index: 9998;
}
#menu-mobile-wrapper.open {
opacity: 1;
transition: all 0.3s linear;
} #menu-mobile-wrapper ul {
margin: 0;
padding: 0;
padding-top: 130px;
}
#menu-mobile-wrapper li {
background-color: var(--color-white);
list-style: none;
padding: 0;
margin: 0;
text-align: left;
line-height: 1.3;
}
#menu-mobile-wrapper li a {
border-top: 1px solid #c4c6c8;
color: var(--color-primary);
display: block;
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
margin: 5px 0;
padding: 10px 0px;
text-align: left;
text-decoration: none;
}
#menu-mobile-wrapper li:not(.menu-item-has-children) a { }
#menu-mobile-wrapper li:first-child a {
border-top: none;
}
#menu-mobile-wrapper li a:hover,
#menu-mobile-wrapper li:hover,
#menu-mobile-wrapper li a:active,
#menu-mobile-wrapper li:active,
#menu-mobile-wrapper li a:focus,
#menu-mobile-wrapper li:focus {
background: transparent;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
} #menu-mobile-wrapper ul.sub-menu {
border-top: none;
border-bottom: none;
margin-left: 0;
position: relative;
visibility: unset;
z-index: 1;
}
#menu-mobile-wrapper li.menu-item-has-children {
}
#menu-mobile-wrapper .menu-item-has-children a {
padding-bottom: 0;
}
#menu-mobile-wrapper li > ul {
padding-top: 0;
padding-left: 0;
}
#menu-mobile-wrapper li > ul.sub-menu li {
}
#menu-mobile-wrapper li > ul.sub-menu li a { border-bottom: none;
font-size: 1.5rem;
font-weight: normal;
padding: 10px 15px 4px 15px;
max-width: 100%;
}
#menu-mobile-wrapper li > ul.sub-menu li a:hover,
#menu-mobile-wrapper li > ul.sub-menu li a:focus,
#menu-mobile-wrapper li > ul.sub-menu li a:active { }
#menu-mobile-wrapper li:hover > ul.sub-menu {
display: block;
}   .cover-dark {
display: none;
background: #fff;
height: 100%;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 998;
} #footer {
width: 100%;
background-color: var(--color-footer);
}
#footer .footer-container {
padding: 60px 0 0;
margin: 0 auto; }
#footer .footer-container .footer-content {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 50px;
width: 100%;
max-width: 1920px;
padding: 0 50px;
}
#footer .footer-container .footer-logo {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
flex: none;
}
#footer .footer-container .footer-logo  .footer-logo-linha {
width: 100%;
height: 1px;
background-color: #00615C;
}
#footer .footer-container .footer-logo .cta a {
background-color: transparent;
color: var(--color-primary);
}
#footer .footer-container .footer-logo .cta a:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
#footer .footer-container .footer-logo .footer-socials {
display: flex;
gap: 16px;
}
#footer .footer-container .footer-content .footer-menu:nth-child(2) {
flex: none;
}
#footer .footer-container .footer-menu h4 {
color: var(--color-primary);
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 7px;
margin-bottom: 23px;
}
#footer .footer-container .footer-menu .menu {
list-style: none;
padding: 0;
margin: 0;
}
#footer .footer-container .footer-menu .menu li {
margin-bottom: 6px;
}
#footer .footer-container .footer-menu .menu li a {
text-decoration: none;
font-size: 1.3rem;
font-weight: 700;
color: var(--color-primary);
}
#footer .footer-container .footer-menu .footer-menu-single {
display: flex;
flex-direction: column;
gap: 10px;
}
#footer .footer-container .footer-menu .footer-menu-single p {
color: var(--color-primary);
font-weight: 700;
font-size: 1.3rem;
}
#footer .footer-container .footer-menu .footer-menu-single a {
color: var(--color-primary);
text-decoration: none;
font-weight: 700;
font-size: 1.3rem;
}
#footer .footer-menu.footer-produtos #menu-produtos-footer {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 210px;
width: 200px;
}
#footer .footer-menu.footer-produtos #menu-produtos-footer li {
width: 120px;
}
#footer .footer-container .footer-menu.imprensa .footer-menu-single img {
width: 90px;
height: 90px;
margin-top: 25px;
}
#footer .rodape {
width: 100%;
border-top: 1px solid #d1d1d1;
margin-top: 60px;
}
#footer .rodape .rodape-content {
width: 100%;
max-width: 1050px;
margin: 0 auto;
padding: 25px 0;
display: flex;
justify-content: space-between;
}
#footer .rodape .rodape-content {
width: 100%;
max-width: 1050px;
margin: 0 auto;
padding: 25px 0;
display: flex;
justify-content: space-between;
}
#footer .rodape .rodape-content p {
color: var(--color-primary);
font-size: 1.4rem;
font-weight: 300;
}
#footer .rodape a {
text-decoration: none;
}
#footer .rodape .rodape-content .redes-content {
display: flex;
align-items: center;
gap: 20px;
}
#footer .rodape .rodape-content .redes-content .rodape-social {
display: flex;
gap: 17px;
}
#footer .rodape .rodape-content .redes-content .rodape-social a {
}
#footer .rodape .rodape-content .redes-content .rodape-social img {
}   .wpcf7 {
} .wpcf7 .row {
justify-content: space-between;
}
.wpcf7 .row .col-sm-6 {
max-width: 50%;
}
.wpcf7 .form-group {
margin-bottom: 17px;
}
.wpcf7 br {
display: none;
}
.wpcf7 h4 {
font-size: 35px;
font-weight: 900;
margin-bottom: 25px;
}
.wpcf7 span { font-size: 15px;
margin: 0;
}
.wpcf7 .row + .sub {
margin-top: 20px;
}
.wpcf7 .texto {
margin-bottom: 30px;
}
.wpcf7 label {
display: block;
font-size: 15px;
}
.wpcf7 ::placeholder {
color: var(--color-gray);
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='number'],
.wpcf7 input[type='phone'],
.wpcf7 textarea {
background-color: var(--color-white);
border: 1px solid #d5d5d5;
border-radius: 6px;
font-size: 1.4rem;
color: #707070;
height: 45px;
padding: 16px;
width: 100%;
}
.wpcf7 textarea {
height: 210px;
padding: 10px;
}
.wpcf7 select {
background-color: var(--color-white);
border: 1px solid #d5d5d5;
border-radius: 6px;
font-size: 1.4rem;
color: #707070;
height: 45px;
padding: 0 16px;
width: 100%;
}
.wpcf7 .wpcf7-list-item {
display: block;
}
.wpcf7 .wpcf7-list-item span {
font-size: 1.4rem;
}
.wpcf7 .wpcf7-list-item span a {
font-size: 1.4rem;
}
.wpcf7 input[type='checkbox'],
input[type='radio'] {
margin-right: 10px;
margin-top: 5px;
}
.wpcf7 input[type='submit'],
.wpcf7 button {
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
color: var(--color-white);
font-size: 1.8rem;
font-weight: 300;
line-height: 1;
margin: 23px 0;
border-radius: 100px;
padding: 9px 32px;
cursor: pointer;
display: inline-block;
transition: all 0.3s;
float: right;
}
.wpcf7 input[type='submit']:hover,
.wpcf7 button:hover {
background: transparent;
background: var(--color-cta-hover);
border-color: var(--color-cta-hover);
color: var(--color-white);
text-decoration: none;
}
.wpcf7 .wpcf7-spinner {
display: block;
} .wpcf7 input[type='text'].wpcf7-not-valid,
.wpcf7 input[type='email'].wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
background: #ffe1e2;
color: #ff585d;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ok {
background: #fff;
border: 2px solid #d9d9d9;
color: #398f14;
font-size: 12px;
padding: 7px 15px;
}
.wpcf7-form .wpcf7-response-output {
border-radius: 10px;
border-color: #fff;
background: #fff;
clear: both;
font-size: 14px;
margin: 0 !important;
padding: 12px 15px !important;
}
.wpcf7 form.sent .wpcf7-response-output { background-color: #dff2bf;
border: 0;
color: #4f8a10;
}
.wpcf7 form.invalid .wpcf7-response-output { background-color: #ffe1e2;
border: 0;
color: #ff585d;
}
.wpcf7 span.wpcf7-not-valid-tip {
color: #ff585d;
font-weight: bold;
font-size: 12px;
margin-top: 5px;
} .grecaptcha-badge {
visibility: hidden;
} #hero_home {
display: flex;
}
#hero_home .bg-hero {
height: 710px;
}
#hero_home .hero-buttons {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0; height: auto;
width: 100%;
max-width: 1700px;
margin: 0 auto;
display: flex;
align-items: baseline;
justify-content: revert-layer;
}
#hero_home .hero-buttons .swiper-button-next,
#hero_home .hero-buttons .swiper-button-prev {
position: inherit;
opacity: 1;
}
#hero_home .hero-buttons .swiper-button-next::after,
#hero_home .hero-buttons .swiper-button-prev::after {
display: none;
}
#hero_home .hero-title {
width: 100%;
height: 100%;
max-width: 1700px;
margin: 0 auto;
padding-right: 210px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
text-align: end;
}
#hero_home .hero-title h1 {
color: var(--color-white);
font-size: 6.2rem;
font-weight: 600;
max-width: 485px;
}
#hero_home .hero-title h2 {
color: var(--color-white);
font-size: 3.8rem;
line-height: 1.3;
max-width: 420px;
margin-top: 35px;
}
#hero_home .hero-title a {
margin-top: 35px;
text-decoration: none;
color: var(--color-white);
padding: 14px 36px;
border-radius: 100px;
line-height: 1;
transition: all ease 0.3s;
}
#hero_home .hero-title a:hover {
filter: brightness(1.3);
}
#material_mensal {
background-color: var(--color-antiquewhite);
padding: 90px 0;
}
#material_mensal .title {
width: 100%;
max-width: 900px;
margin: 0 auto;
}
#material_mensal_post {
margin-top: 70px;
}
#material-mensal-wrapper {
flex-direction: row;
justify-content: center;
align-items: stretch;
flex-flow: wrap;
}
#material_mensal .cta {
margin-top: 60px;
}
#material_mensal .img-desconto {
margin-top: 100px;
}
#material_mensal .img-desconto img {
border-radius: 10px;
overflow: hidden;
}
#home_nutricionista {
background-color: var(--colorn-green);
padding: 100px 0;
}
#home_nutricionista h2,
#home_ed_fisica h2 {
font-size: 4rem;
color: var(--color-white);
}
#home_ed_fisica {
background-color: var(--color-teal);
padding: 100px 0;
}
.nutri-ed-fisica {
width: 100%;
max-width: 1260px;
margin: 70px auto 0;
display: flex;
gap: 30px;
}
.nutri-ed-fisica .nutri-ed-single {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
text-decoration: none;
}
.nutri-ed-fisica .nutri-ed-single img {
transition: all ease 0.3s;
}
.nutri-ed-fisica .nutri-ed-single:hover img {
transform: scale(1.05) ;
}
.nutri-ed-fisica .nutri-ed-single p {
text-decoration: none;
color: var(--color-white);
font-size: 2.4rem;
}
.faixa-faca-parte {
background-color: var(--color--Khaki);
padding: 100px 0;
}
.faixa-faca-parte h3 {
font-size: 4.8rem;
}
.faixa-faca-parte p {
margin: 35px 0 50px;
font-size: 3.2rem;
}
.faixa-faca-parte .cta a {
background-color: var(--colorn-green);
border: 1px solid var(--colorn-green);
}
.faixa-faca-parte .cta a:hover {
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
}
#home_instagram {
padding: 100px 0;
}
#home_instagram h2 {
width: 100%;
max-width: 600px;
margin: 0 auto;
}                                                                                                                                                                                                                                                   #internas.sobre-nos {
background-color: #fffcf3;
}
#internas.sobre-nos .title-sobre-nos {
}
#internas.sobre-nos .title-sobre-nos h1 {
}
#internas.sobre-nos .sobre-nos-content {
width: 100%;
max-width: 1045px;
margin: 60px auto 0;
gap: 30px;
flex-wrap: nowrap;
}
#internas.sobre-nos .sobre-nos-content.sobre-nos-content-second {
margin: 80px auto 0;
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single {
align-items: start;
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single .sobre-nos-img {
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single .text {
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single .text p {
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single .text p:not(:last-child) {
margin-bottom: 30px;
}
#faca_parte.faca-parte-sobre-nos {
margin: 90px auto 0;
} #internas { padding: 200px 0 100px;
}
#internas .subtitle p {
font-size: 2rem;
margin-top: 30px;
} .posts-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
}
.posts-wrapper .posts-grid{
display: flex;
align-items: stretch;
justify-content: start;
gap: 25px;
max-width: 1050px;
margin: 0 auto;
flex-wrap: wrap;
}
.posts-wrapper .posts-single { width: 400px;  display: flex;
flex-direction: column;
}
.posts-wrapper .posts-single:hover .content-wrapper h4 a {
color: var(--color-cta-hover);
}
.posts-wrapper .posts-single .img-wrapper .img-content {
overflow: hidden;
border-radius: 2.0rem;
}
.posts-wrapper .posts-single .img-wrapper .img-content img {
transition: all ease 0.3s;
max-height: 368px;
width: 100%;
object-fit: cover;
}
.posts-wrapper .posts-single:hover .img-wrapper .img-content img {
transform: scale(1.1);
}
.posts-wrapper .posts-single .img-wrapper {
position: relative;
}
.posts-wrapper .posts-single .post-category-container {
position: absolute;
bottom: -12px;
padding-left: 10px;
}
.posts-wrapper .posts-single .post-category-container p {
background-color: var(--color-orange);
color: var(--color-white);
padding: 5px 12px;
border-radius: 100px;
line-height: 1;
}
.posts-wrapper .posts-single .content-wrapper {
padding: 20px 0 0;
height: 100%;
display: flex;
flex-direction: column;
}
.posts-wrapper .posts-single .content-wrapper a {
color: var(--color-primary);
text-decoration: none;
font-size: 2.4rem;
line-height: 1.3;
transition: all ease 0.3s;
}
.posts-wrapper .posts-single .content-wrapper p {
margin-top: 20px;
color: var(--color-primary);
}
.posts-wrapper .posts-single .content-wrapper > a {
text-align: end;
font-size: 1.6rem;
font-weight: 600;
}
.posts-wrapper .posts-single .content-wrapper > a:hover {
color: var(--color-cta-hover);
}
.posts-wrapper .ajax-pagination {
padding: 0;
display: flex;
gap: 20px;
}
.posts-wrapper .ajax-pagination .page-item .page-link { 
list-style: none;
background: var(--color-primary);
border: 1px solid var(--color-primary);
border-radius: 10px;
color: #fdf8de;
display: inline-block;
font-size: 20px;
line-height: 1;
padding: 6px 12px;
transition: all 0.1s ease;
text-decoration: none;
}
.posts-wrapper .ajax-pagination .page-item.dots { 
color: var(--color-primary);
}
.posts-wrapper .ajax-pagination .page-item .page-link:hover,
.posts-wrapper .ajax-pagination .page-item.current .page-link { 
background: #fdf8de;
color: var(--color-primary);
}
.posts-wrapper .ajax-pagination .page-item.current .page-link {  } #internas.receitas-materiais {    background-color: #fdf8de;
}
#internas.receitas-materiais .header-material {
text-align: center;
}
#internas.receitas-materiais .header-material h1 {
}
#internas.receitas-materiais .header-material h2 {
width: 100%;
max-width: 500px;
margin: 0 auto;
margin-top: 30px;
font-size: 2rem;
font-weight: 400;
}
#internas.receitas-materiais .abas-material {
margin: 80px 0;
}
#internas.receitas-materiais .abas-material .tabs {
display: flex;
align-items: center;
justify-content: center;
gap: 38px;
list-style: none;
}
#internas.receitas-materiais .abas-material .tabs .tab-link {
padding: 9px 32px;
background-color: var(--color-white);
border: 1px solid var(--color-primary);
border-radius: 100px;
cursor: pointer;
color: var(--color-primary);
font-size: 1.7rem;
transition: all ease 0.3s;
}
#internas.receitas-materiais .abas-material .tabs .tab-link:hover {
background-color: var(--color-light-Golden-2);
}
#internas.receitas-materiais .abas-material .tabs .tab-link.active {
background-color: var(--color-primary);
color: var(--color-white);
}
#internas.receitas-materiais .abas-material .tabs .tab-link.active:hover {
background-color: var(--color-cta-hover);
}
#internas.receitas-materiais .tab-content {
display: none;
margin-top: 80px;
}
#internas.receitas-materiais .tab-content.active {
display: flex;
} #material-single {
margin-top: 120px;
}
#material-single .material-header {
background-image: url(https://agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/bg/header-materiais.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 42px 0 60px;
text-align: center;
position: relative;
display: flex;
justify-content: center;
}
#material-single .material-header h1 {
color: var(--color-white);
}
#material-single .material-header h2 {
color: var(--color-white);
font-size: 2rem;
font-weight: 400;
margin: 30px auto 0;
width: 100%;
max-width: 552px;
}
#material-single .material-category {
color: var(--color-white);
font-size: 2rem;
font-weight: 400;
border-radius: 100px;
padding: 16px 30px;
background-color: var(--color-salmon);
position: absolute;
line-height: 0;
bottom: -15px;
}
#material-single .material-wrapper {
padding: 70px 0 100px;
background-color: #eefff8;
}
#material-single .material-wrapper .material-item {
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
#material-single .material-wrapper .material-item .material-header-post {
text-align: center;
}
#material-single .material-wrapper .material-item .material-header-post h3 {
font-size: 4rem;
}
#material-single .material-wrapper .material-item .material-content {
margin-top: 70px;
display: flex;
gap: 50px;
align-items: flex-start;
justify-content: space-between;
}
#material-single .material-wrapper .material-item .material-content .material-img {
width: 404px;
border-radius: 10px;
overflow: hidden;
}
#material-single .material-wrapper .material-item .material-content .material-img img {
width: 404px;
}
#material-single .material-wrapper .material-item .material-content .material-post-content {
width: 585px;
}
#material-single .material-wrapper .material-item .material-content .material-post-content h4 {
color: var(--color-primary);
font-size: 3rem;
width: 100%;
max-width: 545px;
}
#material-single .material-wrapper .material-item .material-content .material-post-content .material-paragraf {
margin: 30px 0 50px;
}
#material-single .material-wrapper .material-item .material-content .material-post-content .material-paragraf p {
font-size: 1.6rem;
font-weight: 400;
} #internas.faca-parte-container {
padding: 120px 0 0;
}
#internas .faca-parte {
background-image: url(https://agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/bg/header-faca-parte.jpg);
background-repeat: no-repeat;
background-size: auto;
background-position: center;
padding: 55px 0;
}
#internas .faca-parte .title h1 {
color: var(--color-white);
}
#internas .faca-parte .subtitle p {
color: var(--color-white);
}
#faca-parte-content {
background-color: #eefff8;
width: 100%;
margin: 0 auto;
padding: 70px 0;
background-image: url(https://agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/bg/bg-faca-parte.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#faca-parte-content .text-container {
width: 100%;
max-width: 620px;
margin: 0 auto;
}
#faca-parte-content .text-container .text {
}
#faca-parte-content .text-container .text p:last-child {
margin-top: 30px;
}
#faca-parte-form {
width: 100%;
margin-top: 40px;
}
#faca-parte-form form {
max-width: 620px;
margin: 0 auto;
} #internas.faq {
background-color: #fdf6dc;
}
#internas.faq .subtitle p {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}                    #internas.faq .faq-container {
background-color: var(--color-white);
width: 836px;
margin: 70px auto 90px auto;
padding: 50px 30px;
border-radius: 10px;
position: relative;
z-index: 9;
}
#internas.faq .faq-container .faq-box > .vc_toggle_title {
display: flex;
}
#internas.faq .faq-container .faq-box > .vc_toggle_title h4 {
margin-left: 22px;
}
#internas.faq .faq-container .faq-box:not(:last-child) {
padding-bottom: 35px;
border-bottom: 1px solid #bbbbbb;
}
#internas.faq .faq-container .faq-box:not(:first-child) {
padding-top: 35px;
}
#internas.faq .faq-container .faq-box h4 {
color: var(--color-primary);
font-size: 2.2rem;
font-weight: 700;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before,
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after,
.vc_toggle_default .vc_toggle_icon {
border: 0 !important;
background: var(--color-secondary) !important;
border-radius: 10px !important;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after {
width: 21px !important;
height: 4px !important;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before {
height: 21px !important;
width: 4px !important;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon {
width: 21px !important;
margin: 0 !important;
height: 4px !important;
}
#internas.faq .faq-container .faq-box p {
color: var(--color-primary);
font-size: 1.6rem;
font-weight: 400;
margin-left: 22px;
}
#internas.faq .faq-contato {
background-color: var(--color-secondary);
width: 836px;
margin: 0 auto;
padding: 40px 67px 40px 90px;
border-radius: 100px;
position: relative;
z-index: 9;
}
#internas.faq .faq-contato .wpb_wrapper {
display: flex;
align-items: center;
justify-content: space-around;
gap: 70px;
}
#internas.faq .faq-contato .text h4 {
color: var(--color-white);
font-size: 3rem;
width: 400px;
}  #internas.contato {
background-image: url(https://agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/bg/bg-contato.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#internas.contato #wpcf7-f152-o1 {
width: 835px;
margin: 0 auto;
margin-top: 60px;
} .noticias-interna {
height: 510px;
width: 100%;
display: flex;
}
.single-blog {
background-color: var(--color-white);
border-radius: 0px 200px 0px 0px;
padding: 80px 0 20px;
margin-top: -190px;
} .article-item .post-header {
max-width: 1052px;
margin: 0 auto;
}
.article-item .post-header h1 {
text-align: center;
font-size: 40px;
font-weight: 700;
margin-bottom: 0;
} .article-item .post__meta {
border-bottom: 1px solid #a7a9ac;
padding: 10px 0;
max-width: 1052px;
margin: 5px auto 50px;
text-align: center;
}
.article-item .post__meta .date {
color: var(--color-gray);
font-size: 15px;
line-height: 1.3;
} .article-item .post__feature-img {
width: 835px;
height: 591px;
border-radius: 0px 0px 80px 0px;
margin: 0 auto;
}
.article-item .post__feature-img img {
border-radius: 0 0 80px 0;
max-width: 100%;
width: 100%;
} .article-item .post__content {
width: 835px;
margin: 60px auto 0;
}
.article-item .post__content h2,
.article-item .post__content h3,
.article-item .post__content h4,
.article-item .post__content h5 {
font-size: 30px;
font-weight: 700;
margin: 0;
padding-bottom: 30px;
}
.article-item .post__content p {
font-size: 16px;
margin-bottom: 30px;
}
.article-item .post__content ul li::before {
content: ''; border-radius: 100%;
display: inline-block;
width: 7px;
height: 7px;
position: absolute;
left: -20px;
top: 8px;
}
.article-item .post__content table td,
.article-item .post__content table th {
color: var(--color-gray);
}
.article-item .footer-tags-icons {
margin-top: 60px;
padding: 20px 0 80px;
border-top: 1px solid #9a9a9a;
display: flex;
align-items: center;
justify-content: space-between;
}
.article-item .footer-tags-icons .share-icons {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.article-item .footer-tags-icons .share-icons a {
color: var(--color-gray);
text-decoration: none;
} .article-item .post__tags strong {
color: var(--color-gray);
font-size: 15px;
font-weight: 700;
}
.article-item .post__tags .tag-separator {
width: 1px;
height: 19px;
background-color: #9a9a9a;
}
.article-item .post__tags {
display: flex;
align-items: center;
gap: 20px;
}
.article-item .post__tags a {
color: var(--color-gray);
font-size: 15px;
text-decoration: none;
}
.article-item .post__tags a:hover {
color: #bbbbbb;
}  #paginacao-wrapper {
margin: 50px 0 30px 0;
}
#paginacao-wrapper a,
#paginacao-wrapper span { border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-right: 20px;
padding: 6px 12px;
transition: all 0.3s ease;
text-decoration: none;
}
@media screen and (max-width: 480px) {
#paginacao-wrapper a {
margin-bottom: 25px;
}
}
#paginacao-wrapper a:hover {
background-color: #fff; text-decoration: none;
}
#paginacao-wrapper span {
} .article-item .post__content a {
font-size: 1.6rem;
font-weight: bold;
text-decoration: none;
}
.article-item .post__content a:hover {
color: #1e5482;
}
.article-item .post__content img {
height: auto;
max-width: 100%;
}
.article-item .post__content .wp-caption-text {
background: #f5f5f5;
font-size: 2.2rem;
padding: 15px;
}
.article-item iframe {
max-width: 100%;
width: 100%;
}
.article-item .post__content ul {
list-style: none;
margin-bottom: 30px;
}
.article-item .post__content ol {
margin-bottom: 30px;
padding-left: 25px;
}
.article-item .post__content li {
font-size: 1.6rem;
margin-bottom: 15px;
padding-left: 0px;
position: relative;
} .article-item .post__content blockquote {
border-left: 6px solid var(--cor-laranja);
max-width: 780px;
margin: 60px auto 60px auto;
padding-left: 25px;
}
.article-item .post__content blockquote p {
font-size: 4.5rem;
font-weight: 700;
margin: 0;
} .nav-next-prev-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav-next-prev-wrapper a {
background-repeat: no-repeat;
color: var(--cor-padrao);
display: inline-block;
font-size: 1.8rem;
font-weight: bold;
height: 30px;
line-height: 30px;
}
.nav-next-prev-wrapper .next-post a {
background-image: url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/icones/next.svg);
background-position: right center;
padding-right: 26px;
text-align: right;
}
.nav-next-prev-wrapper .previous-post a {
background-image: url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/icones/previous.svg);
background-position: left center;
padding-left: 26px;
text-align: left;
} .internas-search {
padding: 190px 0 70px;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.page-title-wrapper.search {
padding-bottom: 0;
}
.busca-resultados {
} .busca-resultados .aviso {
font-size: 2.2rem;
font-weight: bold;
padding: 10px 15px;
text-align: center;
} #lista-resultados-busca {
padding: 0;
margin: 0;
}
#lista-resultados-busca li {
display: block;
float: none;
list-style: none;
margin: 0;
margin-bottom: 20px;
overflow: hidden;
}
#lista-resultados-busca li:before {
display: none;
}
#lista-resultados-busca li figure {
display: none;
float: left;
margin-right: 30px;
margin-bottom: 0;
width: 130px;
height: 130px;
}
#lista-resultados-busca li .titulo a:hover,
#lista-resultados-busca li figure:hover {
opacity: 0.8;
transition: all 0.3s;
}
#lista-resultados-busca li figure img {
max-width: 100%;
}
#lista-resultados-busca li .post-info {
}
#lista-resultados-busca li .titulo {
font-size: 20px;
font-weight: bold;
}
#lista-resultados-busca li.result-tipo-paginas .titulo {
margin: 0;
} #lista-resultados-busca li .titulo a {
color: var(--color-primary);
text-decoration: none;
}
#lista-resultados-busca li .codigo {
margin-bottom: 10px;
}
#lista-resultados-busca li .desc {
display: none;
}
#lista-resultados-busca li .desc p {
font-size: 14px;
margin-bottom: 0;
} #pagination-wrapper {
clear: both;
margin-top: 40px;
text-align: center;
}
#pagination-wrapper h2 {
font-size: 24px;
}
#pagination-wrapper .page-numbers {
color: var(--color-primary);
}
#pagination-wrapper .item-nav,
#pagination-wrapper .page-numbers {
border-radius: 7px;
display: inline-block;
padding: 8px 15px;
text-align: center;
background: #f8f8f8;
border: 1px solid #dfdfdf;
font-size: 16px;
margin: 10px 20px 10px 0;
text-decoration: none;
}
#pagination-wrapper .page-numbers.current {
background: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
font-weight: bold;
}
#pagination-wrapper .page-numbers:hover {
background: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
transition: all 0.3s;
} .internas-404 {
height: 176px;
}
.internas-404-body {
padding: 190px 0 70px;
}
body.error404 .page-title-wrapper {
background-image: url(//agtdev3.com.br/espaconutri/wp-content/themes/espacodanutri/images/bg/header-sobre-nos.png);
}
#pg-404 { text-align: center;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
#pg-404 .ops {
color: var(--color-primary);
font-size: 4rem;
font-weight: bold;
margin-bottom: 2rem;
}
#pg-404 h1 {
color: var(--color-primary);
}
#pg-404 h3 {
font-size: 1.5rem;
font-weight: 500;
margin: 30px 0;
}
#pg-404 .cta a {
text-decoration: none;
} #internas.agradecimento {
background-color: #eef4e6;
}
#internas.agradecimento .agradecimento-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-items: center;
justify-content: space-between;
}
#internas.agradecimento .agradecimento-container h1 {
font-size: 5.2rem;
color: var(--color-primary);
}
#internas.agradecimento .agradecimento-container p {
font-size: 1.8rem;
margin-top: 35px;
width: 100%;
max-width: 480px;
}
#internas.agradecimento .agradecimento-container .agradecimento-buttons {
margin-top: 35px;
display: flex;
align-items: center;
gap: 10px;
}
#internas.agradecimento .agradecimento-container .agradecimento-buttons .button-telegram {
padding: 10px 25px;
border: 1px solid var(--color-primary);
border-radius: 25px;
text-decoration: none;
}
#internas.agradecimento .agradecimento-container .agradecimento-buttons .button-youtube {
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
color: var(--color-white);
padding: 10px 25px;
border-radius: 25px;
text-decoration: none;
}
#internas.agradecimento .agradecimento-container .agradecimento-buttons .button-youtube:hover {
background-color: transparent;
color: var(--color-primary);
}
#internas.agradecimento .agradecimento-container .agradecimento-img {
width: 100%;
max-width: 420px;
}
#internas.agradecimento .agradecimento-container .agradecimento-img img {
} #politica {
padding: 0px 15px 0 15px;
}
#internas.politica {
background-color: #fffcf3;
}
#politica h1 {
margin-bottom: 60px;
}
#politica p {
margin-bottom: 15px;
}
#politica ul {
margin: 15px;
}
#politica ul li {
color: var(--color-primary);
font-size: 1.6rem;
}
#politica h4 {
font-size: 2.2rem;
margin-bottom: 15px;
margin-top: 30px;
} .cookiealert {
background: #333;
padding: 8px 15px;
width: 100%;
}
.cookiealert .conteudo {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.cookiealert p {
color: #fff;
font-size: 1.5rem;
margin: 0 auto;
}
.cookiealert a {
color: #fff;
color: #dfdfdf;
font-size: 1.5rem;
}
.cookiealert button {
background-color: var(--color-primary);
border: 1px solid var(--color-primary);
color: var(--color-white);
font-size: 1.6rem;
font-weight: 300;
line-height: 1.3;
margin: 0;
border-radius: 100px;
padding: 7px 26px;
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 0.3s;
flex-basis: 180px;
flex-shrink: 0;
display: flex;
}
.cookiealert button:active,
.cookiealert button:focus,
.cookiealert button:hover {
background-color: transparent !important;
border-color: var(--color-primary) !important;
color: #fff !important;
} .modalDownload.show {
z-index: 9999;
height: 100%;
width: 100%;
display: flex !important;
align-items: center;
justify-content: center;
}
.modalDownload .modal-content {
width: 610px;
padding: 40px 40px;
border-radius: 10px;
}
.modalDownload .modal-header {
flex-direction: column;
border: 0;
}
.modalDownload .modal-header h4 {
width: 100%;
color: var(--color-primary);
font-size: 2.8rem;
}
.modalDownload .modal-header p {
font-weight: 300;
margin-top: 4px;
}
.modalDownload .modal-header .btn-close {
position: absolute;
top: 30px;
right: 30px;
}
.modalDownload .modal-body form {
}
.modalDownload .modal-body form .form-download {
}
.modalDownload .modal-body form .form-download p {
}
.modalDownload .modal-body form .form-download .mt-17 {
margin-top: 17px;
}
.modalDownload .modal-body form .form-download .form-50 {
}
.modalDownload .modal-body form .form-download .form-50 p {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.modalDownload .modal-body form .form-download .form-50 p .wpcf7-form-control-wrap[data-name='your-work'] {
flex: 1;
}
.modalDownload .modal-body form .form-download .form-50 p .wpcf7-form-control-wrap[data-name='your-estado'] {
}   @media screen and (max-width: 1536px) {
#faixa_topo .faixa_topo_content {
padding: 10px 130px 10px 0;
}
#header-wrapper #header-main > .container-fluid {
padding: 0 50px;
}
} @media screen and (max-width: 1440px) {
#menu-superior-wrapper nav#menu-superior ul {
gap: 50px;
}
} @media screen and (max-width: 1366px) {
#espaco_nutri_e_conteudo .left-espaconutri {
padding-right: 40px;
}
#faca_parte {
padding: 35px 90px;
}
.modal.show .modal-dialog {
max-width: 100%;
}
} @media screen and (max-width: 1280px) {
html {
font-size: 56.25%; }
#faixa_topo .faixa_topo_content {
padding: 10px 80px 10px 0;
}
#menu-superior-wrapper nav#menu-superior {
gap: 30px;
}
#menu-superior-wrapper nav#menu-superior ul {
gap: 30px;
}
#header-wrapper #header-main > .container-fluid {
padding: 0 20px;
} #material_mensal {
padding: 90px 50px;
}
#blog_verde_campo .blog-container {
padding: 0 20px;
}
#ecommerce_nutri .ecommerce-nutri-content {
width: 55%;
}
#footer .footer-container .footer-content {
gap: 50px;
flex-wrap: wrap;
}
#footer .rodape .rodape-content {
padding: 25px 50px;
}
#internas.sobre-nos {
padding: 190px 50px 70px;
}
#material-single .material-wrapper {
padding: 70px 50px;
background-color: #eefff8;
}
#internas.receitas-materiais {
padding: 190px 50px 70px;
}
.posts-wrapper {
justify-content: center;
}
#internas.agradecimento .agradecimento-container {
width: 100%;
padding: 0 20px;
}
.posts-wrapper .posts-grid {
justify-content: center;
}
} @media screen and (max-width: 1024px) { h1 {
font-size: 4rem;
}
h2 {
font-size: 3.8rem;
}
h3 {
font-size: 3rem;
}
h4 {
font-size: 2.5rem;
}
.container {
max-width: 100%;
} .hidden-lg {
display: none !important;
}
.visible-lg {
display: block !important;
}
.title.big h2,
.sub.big h2 {
font-size: 4rem;
}
.title h2,
.sub h2 {
font-size: 3.8rem;
}
.sub h2 + p {
font-size: 2rem;
margin-top: 15px;
}
.cta a {
font-size: 1.7rem;
}
#faixa_topo .faixa_topo_content {
padding: 10px 20px 10px 0;
} #espaco_nutri_e_conteudo .left-espaconutri {
padding: 0 20px;
}
#ecommerce_nutri .ecommerce-nutri-content {
width: 65%;
}
#faca_parte {
width: 95% !important;
}
#footer .footer-container {
padding: 60px 50px;
}
#internas.faq {
background-color: #fdf6dc;
padding: 190px 50px 70px;
}
#internas.faq .faq-container {
background-color: var(--color-white);
width: 100%;
max-width: 836px;
}
} @media screen and (max-width: 900px) {
#internas.sobre-nos {
padding: 190px 20px 70px;
}
#faca_parte.faca-parte-sobre-nos {
width: 100% !important;
}
#internas.receitas-materiais .abas-material .tabs {
gap: 20px;
padding: 0;
}
#internas.faq .faq-contato {
width: 100%;
max-width: 836px;
padding: 40px;
}
#internas.faq .faq-contato .wpb_wrapper {
gap: 0;
}
#internas.contato {
padding: 190px 50px 70px;
}
#internas.contato #wpcf7-f152-o1 {
width: 100%;
max-width: 835px;
}
#internas.agradecimento .agradecimento-container {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
#internas.agradecimento .agradecimento-container .agradecimento-first {
width: 100%;
}
#internas.agradecimento .agradecimento-container p {
margin: 35px auto 0;
}
#internas.agradecimento .agradecimento-container .agradecimento-buttons {
justify-content: center;
}
#internas.agradecimento .agradecimento-container .agradecimento-img {
margin-top: 35px;
}
}  @media screen and (max-width: 800px) { h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.8rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.8rem;
}
h5 {
font-size: 1.6rem;
}
h6 {
font-size: 1.5rem;
}
p,
div,
a,
ol li {
font-size: 1.6rem;
} .hidden-xs {
display: none !important;
}
.visible-xs {
display: block !important;
}
.cta a {
font-size: 1.6rem;
}
.title.big h2,
.sub.big h2 {
font-size: 2.5rem;
}
.title h2,
.sub h2 {
font-size: 2.5rem;
}
.sub h2 + p {
font-size: 1.6rem;
margin-top: 5px;
}
#header-wrapper {
height: 90px;
}
@keyframes showHeader {
from {
opacity: 0;
height: 0;
}
to {
background-color: var(--color-white);
opacity: 1;
height: 90px;
}
}
#header-wrapper.header-scroll { }
#menu-mobile-wrapper li a {
font-size: 1.77rem;
}
#menu-mobile-wrapper ul {
padding-top: 90px;
}
#faixa_topo .faixa_topo_content {
gap: 0;
justify-content: space-between; padding: 6px 20px 6px;
}
#faixa_topo .faixa_topo_content a {
gap: 3px;
}
#faixa_topo .faixa_topo_content a:nth-child(2) {
border: 0;
}
#faixa_topo .faixa_topo_content a p {
font-size: 1.11rem; }
#faixa_topo .faixa_topo_content a img {
width: 15px;
}
#header #logo img { width: 130px;
}
#hero_home {
margin-top: 80px;
}
#material_mensal {
padding: 40px 20px;
}
#material_mensal_post {
margin-top: 40px;
}
.posts-wrapper {
flex-wrap: wrap;
justify-content: center;
}
.posts-wrapper .posts-single {
width: 100%;
max-width: 330px;
text-align: center;
}
.posts-wrapper .posts-single .content-wrapper p {
margin: 25px 0;
}
#material_mensal .cta {
margin-top: 40px;
}
#material_mensal .img-desconto {
margin-top: 40px;
}
#espaco_nutri_e_conteudo {
height: auto;
display: flex;
flex-direction: column;
}
#espaco_nutri_e_conteudo .left-espaconutri {
padding: 40px 20px;
width: 100%;
}
#espaco_nutri_e_conteudo .left-espaconutri .vc_column-inner .wpb_wrapper {
align-items: center;
}
#espaco_nutri_e_conteudo .text-espaconutri .text {
padding: 0 20px;
}
#espaco_nutri_e_conteudo .left-espaconutri .title,
#espaco_nutri_e_conteudo .left-espaconutri .text {
text-align: center;
}
#espaco_nutri_e_conteudo .left-espaconutri .cta {
margin-top: 40px;
}
#espaco_nutri_e_conteudo .right-espaconutri {
height: 400px;
width: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
object-fit: cover;
}
#blog_verde_campo {
padding: 40px 20px;
background-image: none;
background-color: var(--color-white);
}
#blog_verde_campo .blog-container {
padding: 0;
flex-direction: column;
align-items: center;
margin: 40px auto;
gap: 50px;
}
#blog_verde_campo .blog-container .first-blog-single {
width: 100%;
max-width: 620px;
height: auto;
border-radius: 0;
}
#blog_verde_campo .blog-container .first-blog-single .first-blog {
height: auto;
}
#blog_verde_campo .blog-container .first-blog-single .first-blog img {
border-radius: 10px;
min-height: 165px;
}
#blog_verde_campo .blog-container .first-blog-single .first-blog .first-blog-content {
padding: 20px 0 0;
position: relative;
text-align: center;
background: none;
}
#blog_verde_campo .blog-container .first-blog-single .first-blog .first-blog-content h4 {
color: var(--color-primary);
font-size: 2rem;
}
#blog_verde_campo .blog-container .first-blog-single .first-blog .first-blog-content p {
color: var(--color-primary);
}
#blog_verde_campo .blog-container .other-blogs {
width: 100%;
max-width: 620px;
height: auto;
flex-direction: column;
gap: 50px;
}
#blog_verde_campo .blog-container .other-blogs .other-blogs-single a {
height: auto; gap: 20px;
flex-direction: column;
text-align: center;
}
#blog_verde_campo .blog-container .other-blogs .other-blogs-single img { }
#blog_verde_campo .blog-container .other-blogs .other-blogs-single .img-hover {
width: 100%;
height: auto;
max-height: 165px;
}
#blog_verde_campo .blog-container .other-blogs .other-blogs-single .blogs-texts {
width: 100%;
}
#blog_verde_campo .cta {
margin-top: 40px;
}
#grupo_whatsapp {
background-position: 70% 100%;
text-align: center;
padding: 40px 0;
}
#grupo_whatsapp .grupo-whatsapp-content {
width: 100%;
}
#grupo_whatsapp .grupo-whatsapp-content .grupo-wp-image {
text-align: center;
}
#grupo_whatsapp .grupo-whatsapp-content .text p,
#grupo_whatsapp .grupo-whatsapp-content .title h2 {
margin: 30px auto 0;
}
#grupo_whatsapp .grupo-whatsapp-content {
padding: 0 20px;
}
#ecommerce_nutri .ecommerce-nutri-content {
width: 100%;
padding: 0 20px;
}
#ecommerce_nutri .ecommerce-nutri-content .title,
#ecommerce_nutri .ecommerce-nutri-content .text,
#ecommerce_nutri .ecommerce-nutri-content .text-cadastro {
justify-content: flex-start;
}
#ecommerce_nutri .ecommerce-nutri-content .title h2 {
font-size: 3.33rem;
}
#ecommerce_nutri .ecommerce-nutri-content .text p {
width: 75%;
font-size: 2rem;
}
#ecommerce_nutri .ecommerce-nutri-content .text-cadastro p {
font-size: 2rem;
}
#faca_parte {
width: 90% !important;
padding: 35px;
flex-direction: column;
text-align: center;
margin: 40px auto 0;
}
#faca_parte .faca-parte-left {
width: 100%;
}
#faca_parte .faca-parte-left .title h2 {
margin: 0 auto;
font-size: 3.33rem;
}
#faca_parte .faca-parte-right {
width: 100%;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid var(--color-white);
border-left: 0;
}
#footer .footer-container {
padding: 35px 20px;
}
#footer .footer-container .footer-logo {
width: 100%;
text-align: center;
}
#footer .footer-container .footer-content {
flex-direction: column;
}
#footer .footer-container .footer-menu .footer-menu-single p {
overflow-wrap: anywhere;
}
#footer .rodape {
margin-top: 0;
}
#footer .rodape .rodape-content {
padding: 25px 20px;
flex-direction: column;
gap: 20px;
text-align: center;
}
#footer .rodape .rodape-content .redes-content {
justify-content: center;
flex-direction: column;
gap: 8px;
}
#internas.sobre-nos .sobre-nos-content {
flex-direction: column;
margin: 35px auto 0;
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single {
width: 100%;
text-align: center;
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single.sobre-nos-order-two {
order: 2;
}
#internas,
#internas.sobre-nos {
padding: 125px 20px 35px;
}
#internas.sobre-nos .sobre-nos-content .sobre-nos-single .sobre-nos-img {
text-align: center;
}
#material-single {
margin-top: 80px;
}
#internas.faca-parte-container {
padding: 80px 0 0;
}
#internas .faca-parte {
padding: 35px 20px;
} #internas.receitas-materiais .abas-material {
margin: 35px 0;
}
#internas.receitas-materiais .abas-material .tabs {
gap: 20px;
overflow-x: auto;
justify-content: flex-start;
white-space: nowrap;
}
#material-single .material-header {
padding: 35px 20px 50px;
}
#material-single .material-wrapper {
padding: 55px 20px 35px;
}
#material-single .material-wrapper .material-item .material-content {
margin-top: 35px;
flex-direction: column;
gap: 35px;
align-items: center;
justify-content: center;
}
#material-single .material-wrapper .material-item .material-content .material-img {
max-width: 404px;
width: 100%;
order: 2;
}
#material-single .material-wrapper .material-item .material-content .material-post-content {
max-width: 585px;
width: 100%;
text-align: center;
}
#material-single .material-wrapper .material-item .material-content .material-post-content .material-paragraf {
margin: 30px 0;
}
#internas.receitas-materiais,
#internas.faq,
#internas.contato {
padding: 125px 20px 35px;
}
#internas.faq .faq-container {
margin: 35px auto;
padding: 35px 20px;
}
#internas.faq .faq-contato .wpb_wrapper {
flex-direction: column;
text-align: center;
gap: 35px;
}
#internas.faq .faq-contato {
padding: 40px 20px;
}
#internas.faq .faq-contato .text h4 {
width: 100%;
max-width: 400px;
}
#faca-parte-content {
padding: 35px 20px;
}
#internas.contato #wpcf7-f152-o1 {
margin-top: 35px;
}
.modalDownload .modal-content {
width: 100%;
max-width: 610px;
padding: 32px 20px 0;
}
.modalDownload .modal-header h4 {
line-height: 1.1;
}
.modal.show .modal-dialog {
padding: 0 20px;
}
.modalDownload .modal-body form .form-download .form-50 p {
gap: 17px;
flex-direction: column;
}
.modalDownload .modal-body form .form-download .form-50 p .wpcf7-form-control-wrap[data-name='your-work'],
.modalDownload .modal-body form .form-download .form-50 p .wpcf7-form-control-wrap[data-name='your-estado'] {
width: 100%;
}
#internas.agradecimento .agradecimento-container h1 {
font-size: 3.3rem;
}
#internas.agradecimento .agradecimento-container {
padding: 0;
}
#internas.agradecimento .agradecimento-container .agradecimento-buttons {
flex-direction: column;
}
.posts-wrapper .ajax-pagination {
flex-flow: wrap;
justify-content: center;
}
} @media screen and (max-width: 480px) {
#espaco_nutri_e_conteudo .right-espaconutri {
height: 320px;
}
#blog_verde_campo .blog-container .other-blogs .other-blogs-single .blogs-texts {
padding: 0;
}
#faca_parte .faca-parte-right .cta a {
padding: 10px 20px;
}
}