@font-face {
font-family: 'Trujillo';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/trujillo-regular.otf) format('opentype'),
url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/trujillo-regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-SemiBoldItalic.ttf) format('truetype');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//montagnedebuttes.ch/wp-content/themes/u-child/assets/fonts/Roboto-BoldItalic.ttf) format('truetype');
font-weight: 700;
font-style: italic;
font-display: swap;
}  :root { --color-primary: #006EB8;
--color-secondary: #878787;
--color-third: #EBF2FA;
--color-text: #55575B;
--color-background: #ffffff;
--color-footer: #EBF2FA; --font-family: 'Trujillo', sans-serif;
--body-font-family: 'Roboto', sans-serif;
--font-size: clamp(16px, 2vw, 20px);
--font-weight: 400;
--line-height: 1.6; --space-xs: 5px;
--space-sm: 10px;
--space-md: 15px;
--space-lg: 20px;
--space-xl: 25px;
--space-2xl: 30px;
--space-3xl: 40px;
--space-4xl: 60px; --container-max-width: 1440px;
--container-padding-desktop: 50px;
--container-padding-mobile: 25px;
--grid-gutter: 30px;
--logo-width: 220px; --border-radius: 4px;
--transition: all 0.3s ease;
--box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
} body,
html {
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
font-family: var(--font-family);
}
body {
font-family: var(--body-font-family);
font-weight: var(--font-weight);
font-size: var(--font-size);
line-height: var(--line-height);
color: var(--color-text);
min-height: 100vh;
}
.wp-block-separator {
border: none;
border-top: 2px solid;
opacity: 0.1;
margin: 40px 0;
}
.has-chapeau-font-size {
font-size: clamp(18px, 2vw, 26px)!important;
line-height: 1.4em;
font-weight: 500;
}
p > a,
ul a {
color: var(--color-primary);
transition: var(--transition);
text-decoration: none;
}
p > a:hover,
ul a:hover {
color: var(--color-secondary);
}
h1 {
font-size: clamp(28px, 4vw, 52px);
font-weight: 600;
color: var(--color-primary);
}
h2 {
font-size: clamp(24px, 5vw, 42px);
font-weight: 500;
color: var(--color-primary);
}
.home h2 {
font-weight: 600;
line-height: 1.4em;
}
.single-post h2 {
font-size: clamp(22px, 4vw, 28px);
}
.no-scroll {
overflow-y: hidden;
}
*:focus {
outline: none;
}
html.no-scroll {
overflow: hidden;
}
.row {
margin-right: calc(-0.5 * var(--grid-gutter));
margin-left: calc(-0.5 * var(--grid-gutter));
}
.row > * {
padding-right: calc(var(--grid-gutter) * 0.5);
padding-left: calc(var(--grid-gutter) * 0.5);
}  h1, .h1 { margin-bottom: 30px; margin-top: 0; }
h2, .h2 { margin-bottom: 25px; margin-top: 0; }
h3, .h3 { margin-bottom: 20px; margin-top: 0; }
h4, .h4 { margin-bottom: 15px; margin-top: 0; }
h5, .h5 { margin-bottom: 10px; margin-top: 0; }
h6, .h6 { margin-bottom: 5px; margin-top: 0; }
p { margin-bottom: 20px; margin-top: 0; } p, ul:not([class]), ol:not([class]) {
margin-bottom: 20px;
margin-top: 0;
} h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
.h1 + p, .h2 + p, .h3 + p, .h4 + p, .h5 + p, .h6 + p {
margin-top: 0;
} p + p {
margin-top: 20px;
} :not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + h2,
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .h2 {
margin-top: calc(20px + 25px);
}
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + h3,
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .h3 {
margin-top: calc(20px + 20px);
}
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + h4,
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .h4 {
margin-top: calc(20px + 15px);
}
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + h5,
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .h5 {
margin-top: calc(20px + 10px);
}
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + h6,
:not(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .h6 {
margin-top: calc(20px + 5px);
} p:last-child, ul:not([class]):last-child, ol:not([class]):last-child {
margin-bottom: 0;
} .wp-block-group > :last-child,
.wp-block-column > :last-child,
.accordion-content > :last-child {
margin-bottom: 0;
} .wp-block-group > :first-child,
.wp-block-column > :first-child,
.accordion-content > :first-child {
margin-top: 0;
} .container {
max-width: var(--container-max-width)!important;
padding-left: var(--container-padding-desktop)!important;
padding-right: var(--container-padding-desktop)!important;
width: auto!important;
}
.is-style-section {
padding: 80px 0;
}
.main-content:not(:has(.main-swiper)) {
padding: 80px 0;
}
.main-content .wp-block-group.alignfull.has-background {
position: relative;
width: 100vw;
left: calc(0px - ((100vw - 100%) / 2));
padding-left: var(--container-padding-desktop);
padding-right: var(--container-padding-desktop);
}
.main-content .wp-block-group.alignfull.has-background > * {
width: var(--container-max-width);
}
.wp-block-group.alignfull.has-background > *:last-child {
padding: 0;
margin-bottom: 0;
} .btn {
background-color: var(--color-primary);
color: #ffffff;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
display: inline-block;
transition: var(--transition);
}
.btn:hover {
background-color: var(--color-secondary);
color: #ffffff;
}
.wp-block-button .wp-block-button__link {
background-color: var(--color-primary);
color: #ffffff;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
display: inline-block;
transition: var(--transition);
}
.wp-block-button .wp-block-button__link:hover {
background-color: #fff;
color: var(--color-primary);
} .timeline-list {
padding: 0;
margin: 0 auto;
width: 75%;
list-style-type: none;
position: relative;
}
.timeline-list > li {
padding: 0 0 var(--space-lg) 0;
clear: both;
display: block;
text-shadow: none!important;
position: relative;
width: calc(50% - 50px);
box-sizing: border-box;
font-size: var(--font-size);
line-height: var(--line-height);
float: right;
text-align: left;
margin-bottom: var(--space-sm);
}
.timeline-list > li h2 {
font-size: clamp(24px, 5vw, 42px);
font-weight: 600;
margin-bottom: var(--space-xs);
margin-top: 0;
color: var(--color-primary);
}
.timeline-list > li:after {
content: "";
display: block;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: var(--color-primary);
position: absolute;
top: 20px;
left: -50px;
margin-left: -10px;
}
.timeline-list > li:nth-child(2n) {
float: left;
text-align: right;
}
.timeline-list > li:nth-child(2n):after {
left: auto;
margin-left: 0;
right: -50px;
margin-right: -10px;
}
.timeline-list:before {
content: "";
display: block;
height: calc(100% - 20px);
width: 0;
position: absolute;
left: 50%;
margin-left: -1.5px;
top: 20px;
border-left: 1px dashed var(--color-secondary);
}
.timeline-list:after {
content: "";
clear: both;
display: block;
} @media screen and (max-width: 992px) {
.timeline-list {
width: 85%;
}
.timeline-list > li h2 {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.timeline-list {
width: 100%;
}
.timeline-list > li {
clear: both;
float: left!important;
width: calc(100% - 50px);
margin-bottom: var(--space-sm);
padding: var(--space-md);
text-align: right!important;
font-size: 16px;
}
.timeline-list > li h2 {
font-size: 24px;
}
.timeline-list > li:after {
right: -30px!important;
left: auto!important;
margin: 0!important;
top: 18px;
}
.timeline-list:before {
height: 100%;
left: auto;
right: 30px;
}
}
@media screen and (max-width: 576px) {
.timeline-list > li {
padding: var(--space-lg);
font-size: 15px;
}
.timeline-list > li h2 {
font-size: 20px;
margin-bottom: var(--space-xs);
}
} .col-step {
display: flex;
margin-bottom: 20px;
}
.step-card {
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
padding: var(--space-2xl);
transition: var(--transition);
width: 100%;
min-height: 150px;
display: flex;
flex-direction: column;
color: #fff;
}
.step-card.status-past {
background-color: var(--color-primary);
}
.step-card.status-present {
background-color: #97bf0d;
}
.step-card.status-future {
background-color: var(--color-secondary);
}
.step-card .step-year {
font-size: 36px;
font-weight: 700;
margin-bottom: var(--space-md);
line-height: 1;
}
.step-card .step-content {
font-size: clamp(16px, 2vw, 18px);
} .key-number-wrap {
height: 100%;
background-color: var(--color-third);
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
}
.key-number {
padding: var(--space-2xl);
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
transition: var(--transition);
}
.key-number .number {
font-size: 48px;
font-weight: 700;
color: var(--color-primary);
margin-bottom: var(--space-md);
line-height: 1;
word-break: keep-all;
}
.key-number .title {
font-size: clamp(20px, 5vw, 24px);
font-weight: 500;
color: var(--color-text);
margin-top: 0;
margin-bottom: var(--space-sm);
line-height: 1.2;
}
.key-number .description {
font-size: 16px;
color: var(--color-secondary);
line-height: var(--line-height);
margin-bottom: 0;
} .acf-key-number {
margin: var(--space-3xl) 0;
}
.acf-key-number .container {
padding-left: 0;
padding-right: 0;
} @media screen and (max-width: 768px) {
.key-number .number {
font-size: 40px;
}
.key-number .title {
font-size: 18px;
}
.key-number .description {
font-size: 15px;
}
}
@media screen and (max-width: 576px) {
.key-number {
padding: var(--space-lg);
}
.key-number .number {
font-size: 36px;
}
.key-number .title {
font-size: 16px;
}
.key-number .description {
font-size: 14px;
}
} blockquote {
font-style: italic;
border-left: 4px solid var(--color-primary);
padding-left: 16px;
margin: 1em 0;
} .blog-cat,
.events-by-category {
margin-bottom: var(--space-3xl);
margin-top: var(--space-3xl);
}
.blog-cat-list,
.events-by-category-list {
row-gap: var(--grid-gutter);
}
.blog-item {
text-decoration: none;
}
.card {
box-shadow: var(--box-shadow);
display: flex;
flex-direction: column;
overflow: hidden;
color: var(--color-text);
border-radius: var(--border-radius);
transition: var(--transition);
background-color: #fff;
height: 100%;
}
.card:hover {
transform: translateY(-5px);
}
.card .img-wrap {
height: 250px;
min-height: 250px;
}
.card .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition);
}
.card .blog-content {
padding: var(--space-2xl);
padding-bottom: 80px;
display: flex;
justify-content: space-between;
flex-direction: column;
transition: var(--transition);
height: auto;
position: relative;
height: 100%;
}
.card .blog-content-top {
display: flex;
flex-direction: column;
gap: 10px;
}
.card .blog-content .arrow {
position: absolute;
right: var(--space-2xl);
bottom: var(--space-2xl);
font-size: 18px;
color: var(--color-primary);
opacity: 1;
transition: var(--transition);
}
.card .date {
font-size: 16px;
}
.card .blog-content .arrow .read-more {
display: inline-block;
opacity: 0;
transform: translateX(-100px);
transition: var(--transition);
}
.card:hover .blog-content .arrow .read-more {
opacity: 1;
transform: translateX(0);
}
.card h3 {
margin-bottom: var(--space-md);
margin-top: var(--space-sm);
padding: 0;
font-size: clamp(18px, 5vw, 28px);
color: var(--color-primary);
line-height: 1.4em;
}
.card .card-info {
font-size: 15px;
display: inline-flex;
}
.card .card-info i {
position: relative;
width: 25px;
min-width: 25px;
top: 1px;
}
.card .category {
font-size: 14px;
background-color: var(--color-primary);
margin-top: var(--space-lg);
padding: var(--space-xs) var(--space-sm);
color: #fff;
border-radius: var(--border-radius);
display: inline-block;
}
.blog-item.animation {
animation: fadeIn 0.5s;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0px);
}
}
.ias-blog,
.load-more-blog {
text-align: center;
}
.ias-blog .loader {
width: 50px;
height: 50px;
border-radius: 100%;
position: relative;
margin: 0 auto;
}
.ias-blog .loader:before,
.ias-blog .loader:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 100%;
border: 5px solid transparent;
border-top-color: var(--color-secondary);
}
.ias-blog .loader:before {
z-index: 100;
animation: spin 1s infinite;
}
.ias-blog .loader:after {
border: 5px solid #eeeeee;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.load-more-blog .btn {
position: relative;
}
.load-more-blog .btn .text {
transition: 0.3s;
}
.load-more-blog .btn svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.load-more-blog .btn.loading svg {
opacity: 1;
visibility: visible;
}
.load-more-blog .btn.loading .text {
opacity: 0;
visibility: hidden;
} .ff-default .ff-el-form-control {
border-radius: var(--border-radius);
}
button.ff-btn-submit {
background-color: var(--color-primary);
color: #ffffff;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
display: inline-block;
transition: var(--transition);
border: none;
cursor: pointer;
}
button.ff-btn-submit:hover {
background-color: var(--color-secondary);
color: #ffffff;
}   .tabs {
margin-bottom: var(--space-3xl);
}
.tabs .tabs-nav {
margin-bottom: var(--space-lg);
}
.tabs-nav ul {
padding: 0px;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.tabs-nav ul li {
display: inline-block;
list-style-type: none;
padding: var(--space-sm) 15px;
border-radius: var(--border-radius);
background: #eee;
transition: var(--transition);
cursor: pointer;
}
.tabs-nav ul li:hover,
.tabs-nav ul li.active {
background: var(--color-secondary);
color: #fff;
}
.tabs-content .tab {
display: none;
}
.tabs-content .tab.active {
display: block;
}   table {
width: 100%;
border: 0;
}
table tbody tr {
background: #fafafa;
border-bottom: 0;
}
table tbody tr:nth-child(even) {
background: transparent;
}
table tr td,
.wp-block-table td,
.wp-block-table th {
border: 0;
padding: var(--space-lg) var(--space-xl);
}
table tr td a:hover {
color: var(--color-secondary);
text-decoration: none;
}
table p {
margin-bottom: 0px;
}
.wp-block-table::-webkit-scrollbar {
height: 4px;
width: 4px;
background: #e0e0e0;
}
.wp-block-table::-webkit-scrollbar-corner {
background: #e0e0e0;
}
.wp-block-table::-webkit-scrollbar-thumb {
background: var(--color-secondary);
border-radius: 0;
}   .accordions {
margin-bottom: var(--space-3xl);
}
.accordion-item {
background: #eee;
transition: all 0.3s ease;
margin-bottom: var(--space-xs);
}
.accordion-item .accordion-header h1,
.accordion-item .accordion-header h2,
.accordion-item .accordion-header h3,
.accordion-item .accordion-header h4,
.accordion-item .accordion-header h5,
.accordion-item .accordion-header h6 {
font-size: 20px;
font-weight: 500;
margin: 0px;
padding: 0px;
}
.accordion-item .accordion-header {
padding: 35px 90px 35px 35px;
display: block;
position: relative;
transition: 0.3s;
cursor: pointer;
}
.accordion-item .accordion-header:after {
content: "";
position: absolute;
top: 50%;
right: 35px;
width: 22px;
height: 2px;
background: var(--color-text);
transform: translateY(-50%);
transition: 0.3s;
}
.accordion-item .accordion-header:before {
content: "";
position: absolute;
top: 50%;
right: 45px;
width: 2px;
height: 22px;
background: var(--color-text);
transform: translateY(-50%);
transition: 0.3s;
}
.accordion-item .accordion-header.active:before {
transform: translateY(-50%);
height: 0px;
}
.accordion-item.active {
background: #e5e5e5;
}
.accordion-item .accordion-content {
padding: var(--space-sm) 35px var(--space-xl) 35px;
display: none;
}
.accordion-item .accordion-content p:last-child {
margin-bottom: 0px !important;
}
ul.editor-list,
.tab ul,
.accordion-content ul {
margin-bottom: 20px;
margin-left: 14px;
list-style: none;
padding: 0;
}
.accordion-content ul ul {
margin-bottom: 16px;
margin-top: 12px;
}
.accordion-content ul > li {
position: relative;
padding-left: 24px;
margin-bottom: 16px;
}
.accordion-content ul > li:before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 5px;
height: 5px;
background: currentColor;
border-radius: 100%;
}
.accordion-content ul ul > li:before {
background: transparent;
border: 1px solid currentColor;
} #site-header {
padding: var(--space-md) 0;
box-shadow: 0 2px 8px 0 rgb(0 0 0 / 6%);
background: var(--color-third);
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
transition: var(--transition);
transform: translateY(0);
}
#site-header.sticky {
transform: translateY(-100%);
}
#site-header.sticky.visible {
transform: translateY(0);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-logo {
width: var(--logo-width);
}
.site-logo img {
width: 100%;
} .entry-header {
margin: 0 auto;
margin-bottom: var(--space-3xl);
}
.entry-header h1 {
font-weight: bold;
font-size: clamp(24px, 5vw, 42px);
margin-bottom: var(--space-lg);
}
.single-post .meta-text {
font-size: 16px;
}
.entry-thumbnail {
margin-bottom: var(--space-3xl);
}
.entry-thumbnail img {
width: 100%;
max-height: 800px;
object-fit: cover;
}
.entry-content {
margin: 0 auto;
}
.entry-categories {
display: flex;
gap: var(--space-sm);
margin-bottom: var(--space-lg);
}
.entry-categories .badge {
background-color: var(--color-primary);
color: #fff;
padding: 4px 8px;
border-radius: var(--border-radius);
font-size: 14px;
display: inline-block;
}  .main-nav {
display: block;
}
.primary-menu {
display: flex;
padding: 0;
margin: 0;
gap: var(--space-2xl);
}
.primary-menu li {
list-style: none;
position: relative;
}
.primary-menu li a {
color: var(--color-text);
text-decoration: none;
transition: var(--transition);
display: flex;
font-size: 20px;
font-family: var(--font-family);
align-items: center;
}
.primary-menu li a:hover {
color: var(--color-primary);
}
.primary-menu li.current-menu-item a {
color: var(--color-primary);
} .primary-menu li .sub-menu {
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
box-shadow: var(--box-shadow);
border-radius: var(--border-radius);
padding: 0;
margin: 0;
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
min-width: 200px;
margin-top: 10px;
}
.primary-menu li:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.primary-menu li .sub-menu li {
margin: 0;
position: relative;
}
.primary-menu li .sub-menu li a {
padding: 12px var(--space-lg);
color: var(--color-text);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
white-space: nowrap;
}
.primary-menu li .sub-menu li.menu-item-has-children a {
display: flex;
}
.primary-menu li .sub-menu li:last-child a {
border-bottom: none;
}
.primary-menu li .sub-menu li a:hover {
color: var(--color-primary);
background-color: rgba(85, 163, 179, 0.05);
} .primary-menu li .sub-menu li .sub-menu {
top: 0;
left: 100%;
margin-left: 5px;
opacity: 0;
visibility: hidden;
transform: translateX(-10px);
}
.primary-menu li .sub-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
} .primary-menu > li.menu-item-has-children > a::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-left: 6px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%2355575B'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease;
}
.primary-menu li.menu-item-has-children:hover > a::after {
transform: rotate(180deg);
} .primary-menu li .sub-menu li.menu-item-has-children > a::after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-left: auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%2355575B'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
float: right;
}
.primary-menu li .sub-menu li.menu-item-has-children:hover > a::after {
transform: none;
} .menu-toggle {
display: none;
width: 30px;
height: 24px;
position: relative;
cursor: pointer;
z-index: 100;
}
.menu-toggle span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: var(--color-text);
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: var(--transition);
}
.menu-toggle span:nth-child(1) {
top: 0px;
}
.menu-toggle span:nth-child(2) {
top: 10px;
}
.menu-toggle span:nth-child(3) {
top: 20px;
}
.menu-toggle.active span:nth-child(1) {
top: 10px;
transform: rotate(135deg);
}
.menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
top: 10px;
transform: rotate(-135deg);
} .mobile-nav-container {
position: fixed;
right: -100%; width: 100%;
height: 100%;
background-color: #fff;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
z-index: 98; overflow-y: auto;
transition: var(--transition);
padding-top: var(--space-4xl); }
.mobile-nav-container.open {
right: 0; }
.mobile-nav-inner {
padding: 0 var(--space-xl) var(--space-2xl);
}
.mobile-menu {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-menu li {
margin: 0;
padding: 0;
position: relative;
}
.mobile-menu li a {
display: block;
position: relative;
padding: 12px 0;
color: var(--color-text);
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: var(--transition);
}
.mobile-menu li a:hover {
color: var(--color-primary);
}
.mobile-menu .sub-menu {
display: none;
margin: 0;
list-style: none;
margin-top: var(--space-sm);
padding-left: var(--space-lg);
}
.mobile-menu .submenu-open > .sub-menu {
display: block;
}
.mobile-menu .sub-menu li a {
padding: 8px 0;
font-size: 16px;
color: var(--color-secondary);
}
.mobile-menu .sub-menu li a:hover {
color: var(--color-primary);
} .mobile-menu .menu-item-has-children > a::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%2355575B'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.mobile-menu .submenu-open > a::after {
transform: translateY(-50%) rotate(180deg);
} .main-swiper {
width: 100%;
height: auto;
position: relative;
}
.main-swiper .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.main-swiper .swiper-slide .slide-caption {
position: absolute;
width: 100%;
}
.main-swiper .swiper-slide img {
width: 100%;
height: 400px;
object-fit: cover;
}
.swiper-button-next, .swiper-button-prev {
color: #fff;
}
.swiper-pagination-bullet-active {
background-color: #fff;
} .testimonials-swiper {
width: 100%;
position: relative;
margin-bottom: var(--space-3xl);
}
.testimonials-swiper .swiper-wrapper {
display: flex;
align-items: center;
}
.testimonials-swiper .swiper-slide {
transition: var(--transition);
}
.testimonials-swiper .swiper-pagination {
position: relative;
margin-top: var(--space-3xl);
}
.testimonials-swiper .swiper-slide:not(.swiper-slide-active) .testimonial-card {
opacity: 0;
transform: scale(0.9);
}
.testimonials-swiper .testimonial-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0px 100px;
}
.testimonials-swiper .testimonial-content {
font-style: italic;
margin-bottom: var(--space-lg);
font-size: 20px;
}
.testimonials-swiper h4 {
font-weight: 600;
margin-bottom: 0px;
} .logo-grid {
margin: var(--space-3xl) 0;
}
.logo-item {
background-color: #fafafa;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
aspect-ratio: 1;
overflow: hidden;
}
.logo-item a {
display: flex;
padding: var(--space-3xl);
align-items: center;
width: 100%;
height: 100%;
}
.logo-item img {
width: 100%;
height: auto;
max-height: 125px;
object-fit: contain; transition: var(--transition);
}
.logo-item:hover img { transform: translateY(-5px);
} .acf-gallery {
margin: var(--space-3xl) 0;
} .gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: var(--space-lg); }
.gallery-grid .gallery-item img {
width: 100%;
height: 250px;
object-fit: cover;
display: block;
}
.gallery-grid .gallery-item:hover {
transform: translateY(-5px);
} .gallery-masonry {
column-count: 4;
column-gap: var(--space-lg);
width: 100%;
}
.gallery-masonry .gallery-item {
display: inline-block;
width: 100%;
margin: 0 0 var(--space-lg);
break-inside: avoid;
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
transform: translateZ(0);
border-radius: 0;
}
.gallery-masonry .gallery-item img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.gallery-masonry .gallery-item:hover {
transform: none;
} @media (max-width: 1200px) {
.gallery-masonry { column-count: 3; }
}
@media (max-width: 992px) {
.gallery-masonry { column-count: 2; }
}
@media (max-width: 576px) {
.gallery-masonry { column-count: 1; }
} .gallery-item {
position: relative;
overflow: hidden;
cursor: pointer;
box-shadow: var(--box-shadow);
transition: transform 0.3s ease;
border-radius: var(--border-radius);
}
.gallery-item img {
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-caption {
position: absolute;
inset: auto 0 0 0;
background-color: rgba(0,0,0,0.7);
color: #fff;
padding: var(--space-sm);
font-size: 14px;
} .lg-backdrop {
background-color: rgba(0,0,0,0.85);
}
.lg-toolbar .lg-icon,
.lg-actions .lg-next, 
.lg-actions .lg-prev {
background-color: rgba(85, 163, 179, 0.45);
color: #fff;
}
.lg-toolbar .lg-icon:hover,
.lg-actions .lg-next:hover, 
.lg-actions .lg-prev:hover {
background-color: var(--color-primary);
} footer .footer-content {
padding: 60px 0;
background-color: var(--color-footer);
}
footer p {
font-size: clamp(16px, 2vw, 22px);
}
footer p a {
color: var(--color-primary);
text-decoration: none;
display: inline-block;
transition: var(--transition);
}
footer p a:hover {
transform: translateX(4px);
}
footer .copyright-container {
padding: var(--space-sm) 0;
background-color: var(--color-primary);
font-size: 16px;
color: #ffffff;
}
.col-space-between {
display: flex;
flex-direction: column;
justify-content: space-between;
} @media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) { .main-nav {
display: none;
}
.menu-toggle {
display: block;
}
}
@media screen and (max-width: 782px) {
.wp-block-image img {
max-width: 300px;
}
}
@media screen and (max-width: 768px) {
.container,
.main-content .wp-block-group.alignfull.has-background {
padding-left: var(--container-padding-mobile)!important;
padding-right: var(--container-padding-mobile)!important;
}
.is-style-section {
padding: 60px 0;
}
.card h3 {
font-size: clamp(18px, 5vw, 22px);
}
.entry-thumbnail img {
max-height: 500px;
}
}
@media screen and (max-width: 576px) {
.is-style-section {
padding: 40px 0;
}
.card .img-wrap {
height: 200px;
min-height: 200px;
}
.logo-item a {
justify-content: center;
}
.logo-item img {
max-width: 250px;
}
.entry-thumbnail img {
max-height: 300px;
}
}