:root, [data-bs-theme=light] {
--bs-body-font-size: 1.125rem;
--bs-primary: #2a7a3b;
--bs-primary-rgb: 42, 122, 59;
--bs-secondary: #e07b2a;
--bs-secondary-rgb: 224, 123, 42;
--bs-light: #f9f7f2;
--bs-light-rgb: 249, 247, 242;
--bs-body-color: #1a1a1a;
--bs-dark: #1a1a1a;
--bs-dark-rgb: 26, 26, 26;
--bs-link-color: #2a7a3b;
--bs-link-color-rgb: 42, 122, 59;
--bs-link-hover-color: #274f27;
--bs-link-hover-color-rgb: 39, 79, 39;
--bs-body-font-family: 'Fustat', 'Inter';
--plyr-color-main: #2a7a3b;
--bs-border-color: rgba(0, 0, 0, 0.1);
--icon-font: 'unicons-line'; } ::-webkit-scrollbar {
width: 10px;
height: 8px; }
::-webkit-scrollbar-track {
border-radius: 0;
background: #f1f1f1; }
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 0; }
body::-webkit-scrollbar {
width: 10px; }
body::-webkit-scrollbar-track {
border-radius: 0;
background: #f1f1f1; }
body::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 0; }
.breadcrumb {
--bs-breadcrumb-margin-bottom: 0; }
body.page .breadcrumb, body.archive .breadcrumb {
justify-content: center; }
body.single .breadcrumb {
--bs-breadcrumb-divider-color: #fff; }
body.single .breadcrumb a {
color: #fff; }
body.single .breadcrumb .breadcrumb-item.active {
color: #fff; }
@media (max-width: 1199px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
--bs-gutter-x: 3rem; } }
@media (max-width: 767px) {
:root, [data-bs-theme=light] {
--bs-body-font-size: 1rem; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
--bs-gutter-x: 2.4rem; }
body.single .breadcrumb .breadcrumb-item.active {
display: none; } }
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-focus-shadow-rgb: 50, 50, 50;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #2a6231;
--bs-btn-hover-border-color: #2a6231;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #286432;
--bs-btn-active-border-color: #286432;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-primary);
--bs-btn-disabled-border-color: var(--bs-primary); }
.btn-secondary {
--bs-btn-bg: var(--bs-secondary);
--bs-btn-border-color: var(--bs-secondary);
--bs-btn-focus-shadow-rgb: 50, 50, 50;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #b76023;
--bs-btn-hover-border-color: #b76023;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b76023;
--bs-btn-active-border-color: #b76023;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bs-secondary);
--bs-btn-disabled-border-color: var(--bs-secondary); }
.btn-outline-primary {
--bs-btn-color: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bs-primary);
--bs-btn-hover-border-color: var(--bs-primary);
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bs-primary);
--bs-btn-active-border-color: var(--bs-primary);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: var(--bs-primary);
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: var(--bs-primary);
--bs-gradient: none; }
.btn-pill {
border-radius: 38px;
--bs-btn-padding-x: 1.5rem; }
@media (max-width: 767px) {
.btn-pill {
--bs-btn-padding-x: 1rem; } }
.btn-pill.btn-lg {
border-radius: 48px; }
.lh-xs {
line-height: 1.1; }
.lh-sm {
line-height: 1.3; }
.lh-md {
line-height: 1.5; }
.lh-ml {
line-height: 1.7; }
.font-xxs {
font-size: .625rem !important; }
.font-xs {
font-size: .75rem !important; }
.font-sm {
font-size: .875rem !important; }
.font-md {
font-size: 1rem !important; }
.font-lg {
font-size: 1.125rem !important; }
.font-xl {
font-size: 1.25rem !important; }
.font-2xl {
font-size: 1.5rem !important; }
.font-3xl {
font-size: 1.75rem !important; }
.font-4xl {
font-size: 2rem !important; }
.font-5xl {
font-size: 2.5rem !important; }
.font-6xl {
font-size: 3rem !important; }
.fw-extrabold {
font-weight: 800 !important; }
#header {
background-color: #fff; }
#header .navbar-brand img {
transition: all 0.3s ease; }
#header .navbar-toggler {
border: 0;
margin-left: auto;
padding: 5px; }
#header .navbar-toggler:focus {
box-shadow: none; }
#header .navbar-nav > .nav-item > .nav-link {
font-size: 1.125rem;
padding: 0 .5rem;
font-weight: 800; }
#header .navbar-nav > .nav-item > .nav-link:before {
content: '';
display: block;
height: 3px;
width: 1px;
margin-bottom: 4px;
background-color: transparent; }
#header .navbar-nav > .nav-item > .nav-link:after {
content: '';
display: block;
height: 3px;
width: 1px;
margin-top: 4px;
background-color: transparent;
transition: all 0.3s ease; }
#header .navbar-nav > .nav-item > .nav-link:hover:after, #header .navbar-nav > .nav-item > .nav-link:focus:after, #header .navbar-nav > .nav-item > .nav-link.active:after {
background-color: var(--bs-primary);
width: 100%; }
#header .navbar-nav > .nav-item > .nav-link.active:after {
background-color: var(--bs-primary);
width: 100%; }
#header .navbar-collapse .navbar-toggler {
margin: 0 0 0 auto;
padding: 0.25rem 0;
color: #000;
font-size: 1.5rem; }
#header.sticky-effect {
box-shadow: var(--bs-box-shadow-sm); }
#header.sticky-effect .navbar-brand {
--bs-navbar-brand-padding-y: 0.125rem; }
#header.sticky-effect .navbar-brand img {
height: 60px; }
#topbar {
font-size: 1rem; }
#topbar.bg-primary {
color: #fff; }
#topbar.bg-primary a {
opacity: .7;
color: #fff;
transition: all 0.2s ease; }
#topbar.bg-primary a:hover, #topbar.bg-primary a:focus {
opacity: 1; }
@media (min-width: 1200px) and (max-width: 1399px) {
#header .container-xxl, #topbar .container-xxl {
--bs-gutter-x: 3rem; }
#header .navbar-brand img {
height: 60px; } }
@media (max-width: 1199px) {
#header .navbar-collapse {
transition: left 0.3s ease;
position: fixed;
top: 0;
left: -100%;
width: 100vw;
z-index: 999;
height: 100vh;
background-color: #fff;
padding: 1.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 300px; }
#header .navbar-collapse.show {
left: 0; }
#header .navbar-collapse.show ~ .navbar-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9; }
#header .navbar-collapse .navbar-nav {
width: 100%;
overflow-y: auto; }
#header .navbar-collapse .navbar-nav > .nav-item > .nav-link {
padding: 0.5rem;
font-weight: 700;
text-transform: uppercase;
font-size: 1rem;
color: #000;
letter-spacing: 1px; }
#header .navbar-collapse .navbar-nav > .nav-item > .nav-link:after {
display: none; }
#header .navbar-collapse .navbar-nav > .nav-item > .nav-link:hover, #header .navbar-collapse .navbar-nav > .nav-item > .nav-link:focus {
opacity: .75; }
#header .navbar-collapse .navbar-nav > .nav-item > .nav-link.active {
color: var(--bs-primary); }
#header .navbar-collapse .btn {
width: 100%;
margin-top: 1rem; } }
@media (max-width: 767px) {
#header {
box-shadow: var(--bs-box-shadow-sm); }
#header .navbar-brand {
--bs-navbar-brand-padding-y: 0.125rem; }
#header .navbar-brand img {
height: 60px; } }
@media screen and (max-width: 400px) {
#topbar a[title="Facebook"] {
display: none; } }
#footer .footer-top {
position: relative; }
#footer .footer-top .nav-title {
font-weight: 800;
font-size: 1.5rem;
letter-spacing: .5px;
margin-bottom: 1.25rem; }
#footer .footer-top .nav-menu .nav-link {
line-height: 1.75;
padding: 0;
font-size: 1.125rem; }
#footer .footer-top address {
font-size: 1.125rem; }
#footer .footer-bottom {
position: relative; }
#footer .footer-bottom .navbar-brand {
margin: 0; }
#footer .footer-bottom .nav-social {
align-items: center; }
#footer .footer-bottom .nav-social .nav-item {
margin-left: 0.25rem;
display: flex; }
#footer .footer-bottom .nav-social .nav-link {
text-align: center;
font-size: 2rem;
display: flex;
align-items: center;
justify-content: center; }
#footer .footer-bottom .nav-social .nav-link:hover, #footer .footer-bottom .nav-social .nav-link:focus {
opacity: .7; }
#footer .footer-top.bg-dark, #footer .footer-bottom.bg-dark {
color: #fff;
--bs-body-color: #fff;
--bs-link-color: #ffffffc7;
--bs-link-hover-color: #fff; }
#footer .footer-top.bg-dark .nav-link .text-dark, #footer .footer-bottom.bg-dark .nav-link .text-dark {
color: var(--bs-primary) !important; }
#footer .footer-top.bg-dark address, #footer .footer-top.bg-dark li > span, #footer .footer-bottom.bg-dark address, #footer .footer-bottom.bg-dark li > span {
color: #ffffffc7; }
.scroll-top {
position: fixed;
right: 15px;
bottom: 15px;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
border-radius: 40px;
z-index: 10000;
opacity: 1;
visibility: hidden;
-webkit-transform: translateY(45px);
-ms-transform: translateY(45px);
transform: translateY(45px);
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.scroll-top:after {
content: '\ebb6';
font-family: var(--icon-font);
position: absolute;
text-align: center;
line-height: 40px;
font-size: 36px;
color: #fff;
left: 0;
top: 0;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
z-index: 1;
box-shadow: none;
border-radius: 50%; }
.scroll-top.show {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.scroll-top svg {
color: #fff;
border-radius: 50%;
background: transparent; }
.scroll-top svg path {
fill: none; }
.scroll-top .progress-circle path {
stroke: var(--bs-primary);
stroke-width: 100px;
box-sizing: border-box;
-webkit-transition: all 400ms linear;
transition: all 400ms linear; }
@media (max-width: 767px) {
#footer .container-xl {
--bs-gutter-x: 3rem; }
#footer .navbar-light {
border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
#footer .nav-social {
justify-content: center; }
#footer .nav.flex-column {
margin: 1.25rem 0; }
#footer .btn[data-bs-toggle="collapse"] {
border: 0;
font-weight: 600;
font-size: 1.25rem;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: .5rem 0; }
#footer .btn[data-bs-toggle="collapse"]:focus, #footer .btn[data-bs-toggle="collapse"].focus {
outline: 0;
box-shadow: none; }
#footer .btn[data-bs-toggle="collapse"][aria-expanded="false"]:after {
content: "\f64d";
font-family: 'bootstrap-icons';
font-style: normal;
font-weight: 400;
font-variant: normal; }
#footer .btn[data-bs-toggle="collapse"][aria-expanded="true"]:after {
content: "\f63b";
font-family: 'bootstrap-icons';
font-style: normal;
font-weight: 400;
font-variant: normal; } }
.bg-primary-light {
background-color: #ecf5f1;
border-color: #a3cfbb; }
.section .section-label {
text-transform: uppercase;
letter-spacing: 2px;
font-size: .875rem;
font-weight: 700;
color: var(--bs-primary);
margin-bottom: .75rem; }
.section .section-title {
font-size: 2.75rem;
font-size: clamp(28px, 3vw, 42px);
font-weight: 500;
line-height: 1.1;
margin-bottom: 1.5rem; }
.section .section-text {
font-size: 1.125rem; }
.section .section-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #e8f5ec;
border: 1px solid rgba(42, 122, 59, 0.3);
color: var(--bs-primary);
padding: 6px 16px;
line-height: 12px;
border-radius: 20px;
font-size: clamp(11px, 3vw, 13px);
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
width: fit-content; }
.section .section-badge-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fde9d8;
border: 1px solid rgba(224, 123, 42, 0.3);
color: var(--bs-secondary);
padding: 6px 16px;
line-height: 12px;
border-radius: 20px;
font-size: clamp(11px, 3vw, 13px);
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
width: fit-content; }
.section .section-badge-light {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
padding: 6px 16px;
line-height: 12px;
border-radius: 20px;
font-size: 13px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
width: fit-content; }
.section .section-checklist {
padding-left: 0;
list-style: none;
text-align: left;
margin-bottom: 0; }
.section .section-checklist li {
position: relative;
gap: 10px;
font-size: 1.05rem;
padding-left: 2rem; }
.section .section-checklist li:not(:last-child) {
margin-bottom: .5rem; }
.section .section-checklist li:before {
content: '\e9c3';
font-family: var(--icon-font);
position: absolute;
left: 0;
top: 1px;
font-size: 15px;
font-weight: 600;
margin-right: 10px;
color: #fff;
background: var(--bs-primary);
border-radius: 50%;
line-height: 20px;
width: 20px;
display: flex;
align-items: center;
justify-content: center; }
.section .section-counter {
padding: .75rem 1rem;
border-radius: 10px;
line-height: 1;
border: 1px solid rgba(0, 0, 0, 0.1);
transition: all 300ms ease; }
.section .section-counter:not(:last-child) {
margin-bottom: 1rem; }
.section .section-counter .section-counter-number {
font-weight: 800;
font-size: 2rem;
line-height: 1.2;
color: var(--bs-primary);
margin-bottom: .25rem; }
.section .section-counter .section-counter-text {
font-size: 1rem;
opacity: .75;
letter-spacing: .5px; }
.section .section-counter.bg-primary {
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.1); }
.section .section-counter.bg-primary .section-counter-number {
color: #fff; }
.section .section-counter:hover, .section .section-counter:focus {
color: #fff;
background-color: var(--bs-secondary) !important;
border: 1px solid rgba(255, 255, 255, 0.1); }
.section .section-counter:hover .section-counter-number, .section .section-counter:focus .section-counter-number {
color: #fff; }
.section .section-icon-img {
background: white;
border-radius: 12px;
padding: 12px;
box-shadow: var(--bs-box-shadow-sm);
width: 72px;
height: 72px; }
.section .section-icon {
font-size: 42px;
color: var(--bs-primary); }
.section .section-card {
transition: all 300ms ease; }
.section .section-card .section-icon {
transition: all 300ms ease; }
.section .section-card:hover {
transform: translateY(-10px); }
.section .section-card:hover .section-icon {
transform: rotateY(180deg); }
.section .step-card {
position: relative;
text-align: center;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 12px;
padding: 1rem;
height: 100%;
margin-top: 1rem; }
.section .step-card h3, .section .step-card p {
color: #fff;
padding: 0 15px; }
.section .step-card .step-num {
display: block;
position: relative;
font-weight: 400;
font-size: 24px;
line-height: 1.3;
color: #fff;
text-transform: capitalize;
transform: translateY(-30px); }
.section .step-card .step-num span {
border: 1px solid rgba(255, 255, 255, 0.5);
background-color: var(--bs-primary);
border-radius: 50%;
width: 42px;
line-height: 42px;
display: block;
margin: 0 auto; }
.section .glide__slides {
display: flex;
align-items: stretch; }
.section .glide__slide {
height: auto;
display: flex;
flex-direction: column; }
.section .glide__track {
margin-bottom: 2.5rem; }
.section .glide__bullets {
bottom: -1.5rem; }
.section .glide__bullet {
height: 6px;
border-radius: 0;
box-shadow: none;
background-color: var(--wp--preset--color--accent-1); }
.section .glide__bullet.glide__bullet--active {
background-color: #000; }
.section .alert-success {
--bs-alert-padding-x: 1.5rem;
--bs-alert-padding-y: 1.75rem;
--bs-alert-bg: #ecf5f1;
margin: 0; }
.section .ti-widget .ti-reviews-container-wrapper .ti-review-item > .ti-inner {
border-color: rgba(0, 0, 0, 0.1) !important; }
.section .ti-widget .ti-reviews-container .ti-controls .ti-next,
.section .ti-widget .ti-reviews-container .ti-controls .ti-prev {
outline-color: rgba(0, 0, 0, 0.1); }
.section .ti-widget .ti-widget-container {
margin-bottom: 0 !important; }
.section.bg-primary .glide__bullet {
background-color: rgba(255, 255, 255, 0.15); }
.section.bg-primary .glide__bullet.glide__bullet--active {
background-color: #fff; }
#hero .hero-title {
font-size: clamp(34px, 4vw, 60px);
margin-bottom: 1.5rem; }
#hero .hero-text {
font-size: clamp(16px, 4vw, 20px); }
#hero .cover {
position: absolute;
width: auto;
height: 100%;
top: 0;
right: 0;
left: auto;
object-fit: cover; }
@media (max-width: 1919px) {
#hero .cover {
object-position: 450px 0; } }
#hero .cover-mobile {
position: absolute;
height: 100%;
top: 0;
right: 0;
opacity: .35;
object-fit: cover;
object-position: 70%;
width: 100%; }
#about .about-img {
margin-right: -25%;
border-radius: 20px; }
#about .about-img img {
border-radius: 20px; }
@media (max-width: 767px) {
.section .section-card {
padding: 0 1rem; }
.section .section-text {
font-size: 1rem; }
#about .about-img {
margin-right: 0; } }
@media screen and (max-width: 400px) {
.section .section-counter .section-counter-number {
font-size: 1.6em; }
.section .section-counter .section-counter-text {
font-size: 14px; } }
.card {
--bs-card-border-color: rgba(0, 0, 0, 0.1);
transition: all 300ms ease; }
.card-testimonianza {
--bs-card-spacer-y: 1.5rem;
--bs-card-spacer-x: 1.5rem;
--bs-card-border-color: rgba(0, 0, 0, 0.1);
height: 100%; }
.card-testimonianza .badge {
position: absolute;
bottom: .5rem;
left: 0;
border-radius: 0;
padding-left: 1.5rem;
padding-top: 0.5em; }
.card-testimonianza .card-body {
display: flex;
flex-direction: column;
padding: 1.5rem 1.5rem .75rem; }
.card-step {
--bs-card-border-color: rgba(0, 0, 0, 0.1);
height: 100%; }
.card-step .section-icon {
transition: all 300ms ease; }
.card-step:hover {
transform: translateY(-10px); }
.card-step:hover .section-icon {
transform: rotateY(180deg); }
.card-blog {
--bs-card-spacer-y: 1.5rem;
--bs-card-spacer-x: 1.5rem;
--bs-card-border-color: rgba(0, 0, 0, 0.1);
height: 100%;
overflow: hidden; }
.card-blog .card-body {
display: flex;
flex-direction: column; }
.card-blog img {
aspect-ratio: 3 / 2;
object-fit: cover; }
.card-diete {
border: 0;
height: 100%; }
.card-diete .card-img {
position: relative; }
.card-diete .card-img:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: transparent;
z-index: 2;
transition: all 0.3s ease; }
.card-diete .card-img img {
position: relative;
z-index: 1; }
.card-diete .card-body {
display: flex;
flex-direction: column;
justify-content: center; }
.card-diete .card-title {
margin-bottom: 0; }
.card-diete:hover .card-img:before, .card-diete:focus .card-img:before {
background-color: var(--bs-primary);
opacity: .5; }
.card-video {
overflow: hidden;
border-radius: .75rem; }
.card-video .card-img {
aspect-ratio: 3 / 4;
object-fit: cover; }
.card-video .card-img-overlay .name {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
color: #fff;
font-weight: 800;
padding: 3rem 1.5rem 0.75rem;
font-size: 1rem;
letter-spacing: 2px;
background-image: linear-gradient(to bottom, transparent 10%, #2a7a3b 100%); }
.card-video .card-img-overlay span {
transition: all 300ms ease;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3rem;
background: white;
border-radius: 50%;
width: 48px;
height: 48px;
display: block;
line-height: 1;
outline: 2px solid var(--bs-primary);
outline-offset: -1px;
box-shadow: 0 0 1rem rgba(42, 122, 59, 0.75); }
.card-video .card-img-overlay:after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, 0.75) 100%); }
.card-video:hover .card-img-overlay span, .card-video:focus .card-img-overlay span {
font-size: 2.5rem;
width: 40px;
height: 40px; }
.card-work {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
color: #fff;
height: 100%; }
.card-work .card-body {
padding: 1.5rem; }
.card-work .icon {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.12);
margin-bottom: 1rem;
display: inline-flex;
width: 50px;
height: 50px;
justify-content: center;
align-items: center;
border-radius: 6px;
line-height: 1;
font-size: 28px; }
@media screen and (max-width: 400px) {
.card-video {
border-radius: .5rem; }
.card-video .card-img-overlay span {
width: 32px;
height: 32px;
font-size: 32px; }
.card-video .card-img-overlay .name {
padding: 3rem .75rem 0.5rem;
font-size: .875rem;
letter-spacing: 1px;
line-height: 1; } }
.ripple-animation {
animation-duration: var(--ripple-ani-duration);
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-name: ripple; }
@keyframes ripple {
0% {
transform: scale(1);
opacity: 0; }
30% {
opacity: 1; }
100% {
transform: scale(2.1);
opacity: 0; } }
.movingX {
animation: movingX 8s linear infinite; }
@keyframes movingX {
0% {
transform: translateX(0); }
50% {
transform: translateX(50px); }
100% {
transform: translateX(0); } }
.moving {
animation: moving 8s linear infinite; }
@keyframes moving {
0% {
transform: translateX(0); }
50% {
transform: translateX(-50px); }
100% {
transform: translateX(0); } }
.jump {
animation: jumpAni 7s linear infinite; }
.jump1 {
animation: jumpAni 6s linear infinite; }
.jump2 {
animation: jumpAni 5s linear infinite; }
.jump3 {
animation: jumpAni 4s linear infinite; }
@keyframes jumpAni {
0% {
transform: translateY(0); }
40% {
transform: translateY(-30px); }
100% {
transform: translateY(0); } }
.jump-reverse {
animation: jumpReverseAni 7s linear infinite; }
@keyframes jumpReverseAni {
0% {
transform: translateY(0); }
50% {
transform: translateY(30px); }
100% {
transform: translateY(0); } }
.spin {
animation: spin 15s linear infinite; }
.spin-slow {
animation: spin 50s linear infinite; }
@keyframes spin {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@keyframes animate-positive {
0% {
width: 0; } }
.scalein.slider-animated {
--animation-name: scalein; }
.slidetopleft.slider-animated {
--animation-name: slidetopleft; }
.slidebottomright.slider-animated {
--animation-name: slidebottomright; }
.slideinleft.slider-animated {
--animation-name: slideinleft; }
.slideinright.slider-animated {
--animation-name: slideinright; }
.slideinup.slider-animated {
--animation-name: slideinup; }
.slideindown.slider-animated {
--animation-name: slideindown; }
.rollinleft.slider-animated {
--animation-name: rollinleft; }
.rollinright.slider-animated {
--animation-name: rollinright; }
.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
opacity: 0;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-duration: 1s;
animation-delay: 0.3s;
animation-name: var(--animation-name); }
.slider-animated {
opacity: 1; }
@keyframes slideinup {
0% {
opacity: 0;
transform: translateY(70px); }
100% {
transform: translateY(0); } }
@keyframes slideinright {
0% {
opacity: 0;
transform: translateX(70px); }
100% {
transform: translateX(0); } }
@keyframes slideindown {
0% {
opacity: 0;
transform: translateY(-70px); }
100% {
transform: translateY(0); } }
@keyframes slideinleft {
0% {
opacity: 0;
transform: translateX(-70px); }
100% {
transform: translateX(0); } }
@keyframes slidebottomright {
0% {
opacity: 0;
transform: translateX(100px) translateY(100px); }
100% {
transform: translateX(0) translateY(0); } }
@keyframes slidetopleft {
0% {
opacity: 0;
transform: translateX(-100px) translateY(-100px); }
100% {
transform: translateX(0) translateY(0); } }
@keyframes rotate {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); }
0% {
border-right-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent; }
75% {
border-top-color: #fff;
border-left-color: #fff;
border-right-color: #fff;
border-bottom-color: transparent; }
100% {
border-right-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent; } } .img-custom-anim-right {
animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0; }
@keyframes img-anim-right {
0% {
transform: translateX(5%);
clip-path: inset(0 0 0 100%);
opacity: 0; }
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1; } }
.img-custom-anim-left {
animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0; }
@keyframes img-anim-left {
0% {
transform: translateX(-5%);
clip-path: inset(0 100% 0 0);
opacity: 0; }
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1; } }
.img-custom-anim-top {
animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0; }
@keyframes img-anim-top {
0% {
transform: translateY(-5%);
clip-path: inset(0 0 100% 0);
opacity: 0; }
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1; } }
.form-control-lg {
padding: .75rem 1.25rem; }
.form-select-lg {
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 1.25rem; }
.form-control, .form-select {
color: #777; }
.form-control:focus, .form-select:focus {
border-color: #a3cfbb;
box-shadow: 0 0 0 0.25rem rgba(42, 122, 59, 0.25) !important; }
.form-control::placeholder {
color: #777; }
@media (max-width: 767px) {
.form-control-lg, .form-select-lg {
font-size: 1.125rem; } }
body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--wp--preset--color--accent-3); }
body .wp-block-table td, body .wp-block-table th {
border: 1px solid;
padding: .5em .75em; }
@media (max-width: 991px) {
figure.wp-block-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
figure.wp-block-table table {
min-width: 800px; width: 100%; } }
.wp-block-heading.is-style-stile-1 {
font-weight: 700;
color: var(--bs-primary); }
.wp-block-list.is-style-stile-1 {
padding-left: 0;
list-style: none; }
.wp-block-list.is-style-stile-1 li {
position: relative;
padding-left: 30px; }
.wp-block-list.is-style-stile-1 li::before {
content: "\2518";
position: absolute;
inset-inline-start: 0;
transform: rotate(45deg);
font-size: 1em;
top: 3px;
left: -2px;
font-family: Arial, sans-serif;
z-index: 2;
color: var(--bs-primary); }
.wp-block-list.is-style-stile-1 li::after {
position: absolute;
left: 0;
top: 2px;
content: '';
height: 18px;
width: 18px;
line-height: 18px;
text-align: center;
background: rgba(42, 122, 59, 0.15);
color: #fff;
border-radius: 50%;
z-index: 1; }
.widget-area.position-sticky {
top: 100px; }
.wp-block-latest-posts__list {
margin-bottom: 0; }
.wp-block-latest-posts__list li:not(:last-child) {
margin-bottom: 1.5rem; }
.wp-block-latest-posts__list li > a {
line-height: 1.2;
text-decoration: none;
font-weight: 800;
margin-bottom: 0.125rem; }
.wp-block-latest-posts__list li > time {
font-size: .75em; }
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image img {
border-radius: 6px; }
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignleft {
margin: 0 15px 0 0 !important; }
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignleft ~ * {
width: calc(75% - 15px); }
.wp-widget-group__inner-blocks {
padding: 2rem;
border-radius: 6px;
background-color: var(--bs-light); }
.wp-block-search .wp-block-search__label {
display: none; }
.wp-block-search .wp-block-search__input {
font-size: 1rem;
line-height: 1;
border: var(--bs-border-width) solid var(--bs-border-color);
box-shadow: var(--bs-box-shadow-sm);
padding: 8px 12px;
outline-offset: 1px;
outline-color: #2a7a3b; }
.blog-details-content h2, .blog-details-content h3, .blog-details-content h4, .blog-details-content h5, .blog-details-content h6 {
font-weight: 800;
color: var(--bs-primary); } form.wpcf7-form {
transition: 225ms; }
form.wpcf7-form label {
display: inline-block;
cursor: pointer;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 15px; }
form.wpcf7-form .form-group {
margin-bottom: 1.5rem; }
form.wpcf7-form .form-group p {
margin-top: 0; }
form.wpcf7-form .wpcf7-form-control-wrap {
flex-grow: 1; }
form.wpcf7-form .wpcf7-form-row {
display: flex; }
form.wpcf7-form .wpcf7-submit-row {
margin-top: var(--wp--preset--spacing--30);
position: relative; }
form.wpcf7-form .wpcf7-form-control.wpcf7-submit {
background-color: var(--bs-primary);
color: #fff;
border-width: 0; }
form.wpcf7-form .wpcf7-form-control:hover, form.wpcf7-form .wpcf7-form-control:focus {
outline: none;
border-color: var(--bs-primary); }
form.wpcf7-form .wpcf7-form-control.wpcf7-not-valid {
border-color: #dc3545; }
form.wpcf7-form .wpcf7-form-control.wpcf7-acceptance, form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox {
padding: 0;
height: auto; }
form.wpcf7-form .wpcf7-form-control.wpcf7-acceptance label, form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox label {
display: block;
min-height: 1.5rem;
padding-left: 2.25em;
box-sizing: border-box;
margin-right: 0;
line-height: 1.3; }
form.wpcf7-form .wpcf7-form-control.wpcf7-acceptance input[type='checkbox'], form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox input[type='checkbox'] {
width: 1.5em;
height: 1.5em;
margin-top: 0.25em;
vertical-align: top;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid var(--bs-primary);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact;
float: left;
margin-left: -2.5em; }
form.wpcf7-form .wpcf7-form-control.wpcf7-acceptance input[type='checkbox']:checked, form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox input[type='checkbox']:checked {
background-color: transparent;
border-color: var(--bs-primary);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e"); }
form.wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item, form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
margin: 0; }
form.wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
text-transform: none;
font-size: 14px; }
form.wpcf7-form .wpcf7-spinner {
position: absolute;
right: 0;
top: 10px; }
form.wpcf7-form .wpcf7-button-container {
position: relative; }
form.wpcf7-form .wpcf7-button-container p {
margin: 0; } span.wpcf7-not-valid-tip {
position: relative;
font-size: 13px;
padding: 5px 0 0; }
div.wpcf7-mail-sent-ok, .wpcf7 form.sent .wpcf7-response-output {
background: #398f14;
border: 0;
color: #fff; }
div.wpcf7-mail-sent-ng, .wpcf7 form.failed .wpcf7-response-output {
background: #dc3545;
border: 0;
color: #fff; }
div.wpcf7-spam-blocked {
background: #ffa500;
border: 0;
color: #000; }
div.wpcf7-validation-errors, .wpcf7 form.invalid .wpcf7-response-output {
background: #ffb900;
border: 0;
color: #000; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
margin: 30px 0 0;
padding: 12px 16px;
border-radius: 8px;
bottom: 0;
left: 0;
right: 0;
font-size: 14px;
text-align: center; }.grecaptcha-badge {
visibility: hidden;
}
.card-video .card-img {
height: auto;
}
.column-2 {
column-count: 2;
}   
#guida .wp-block-cover__image-background {
min-height: 900px;
top: auto;
}
#guida .cards-mobile {
column-gap: 10px;
}
@media (max-width: 1023px) {
#guida {
background-color: var(--bs-light);
position: relative;
}
#guida .wp-block-cover__image-background {
display: none;
}
#guida .wp-block-cover__inner-container {
position: relative;
z-index: 2;
} 
#guida:after {
content: '';
position: absolute;
z-index: 1; 
width: 100%;
height: 100%;
background: linear-gradient(rgba(249, 247, 242,0.7), rgba(249, 247, 242,0.7)), url(https://www.gianlucapetti.com/wp-content/themes/petti/assets/img/petti-home-mobile.png) no-repeat 70% 0%; 
}  
}
@media (max-width: 767px) {
#header .navbar-brand img {
height: 60px;
width: auto;
}
#landing-hero {
--wp--style--root--padding-left: var(--wp--preset--spacing--40);
--wp--style--root--padding-right: var(--wp--preset--spacing--40);
}    
#landing-hero .wp-block-cover__image-background {
object-position: 60% 50%;
}
#landing-hero h1 {
text-shadow: 1px 1px 5px #e6e5e1, -1px -1px 5px #e6e4e0, -1px -1px 10px #e7e5e1, 1px 1px 10px #e7e5e1, -1px -1px 15px #e7e5e1, 1px 1px 15px #e6e5e1;
width: 80%;
}
}
@media screen and (max-width: 440px) {
.card-video .card-img-overlay .name {
padding: 3rem .75rem 0.5rem;
font-size: .875rem;
letter-spacing: 1px;
line-height: 1;
}
}
@media (max-width: 400px) {
#topbar .container-xxl {
--bs-gutter-x: 1.5rem;
}
}
body.nutrizionista-milano .add-bari { display: none !important; }
body.nutrizionista-bari .add-milano { display: none !important; }
.cky-btn-reject, .cky-btn-customize {
color: var(--bs-primary) !important;
background: transparent;
border-color: var(--bs-primary) !important;
}
.cky-btn-accept {
background: var(--bs-primary) !important;
color: #ffffff;
border-color: var(--bs-primary) !important;
}
.cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy {
color: var(--bs-primary) !important;    
}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//www.gianlucapetti.com/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//www.gianlucapetti.com/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}