@charset "UTF-8"; *, *::after, *::before { margin: 0; padding: 0; box-sizing: inherit; } html { font-size: 62.5%; } body { box-sizing: border-box; overflow-x: hidden; color: #68412B; background-color: #f5f4ea; } img { display: block; margin: auto; width: 100%; } a { color: inherit; } .icon { display: inline-block; position: relative; height: 2rem; vertical-align: middle; } .icon::before { content: ""; display: inline-block; width: 2rem; height: 2rem; background: center/2rem 2rem no-repeat; position: absolute; left: 0; right: 0; transition: 0.2s; } .icon-facebook::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-instagram::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-youtube::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-linkedin::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-arrow-right::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-envelope::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-phone::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-close::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-caret-right::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-caret-down::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-cart::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-magnifier::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-download::before { background-image: url('data:image/svg+xml;utf-8,'); } .icon-upload::before { background-image: url('data:image/svg+xml;utf-8,'); } @font-face { font-family: "Montserrat"; src: url("../fonts/montserrat/Montserrat-Light.eot"); src: url("../fonts/montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Light.svgMontserrat-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Montserrat Medium"; src: url("../fonts/montserrat/Montserrat-Medium.eot"); src: url("../fonts/montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Medium.woff") format("woff"), url("../fonts/montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Medium.svgMontserrat-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Montserrat Bold"; src: url("../fonts/montserrat/Montserrat-Bold.eot"); src: url("../fonts/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Bold.svgMontserrat-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "Brandon Grotesque"; src: url("../fonts/brandon-grotesque/BrandonGrotesque-Black.eot"); src: url("../fonts/brandon-grotesque/BrandonGrotesque-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon-grotesque/BrandonGrotesque-Black.woff") format("woff"), url("../fonts/brandon-grotesque/BrandonGrotesque-Black.woff2") format("woff2"), url("../fonts/brandon-grotesque/BrandonGrotesque-Black.svgBrandonGrotesque-Black") format("svg"); font-weight: 900; font-style: normal; } body { font-family: "Montserrat", sans-serif; font-size: 1.6rem; line-height: 2.4rem; } h2, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .field--name-field-title { font-family: "Brandon Grotesque"; font-size: 3.2rem; font-weight: normal; line-height: 4.8rem; margin-bottom: 4rem; } h2.title-hero, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .title-hero.field--name-field-title { font-family: "Brandon Grotesque"; font-size: 6rem; line-height: 6.2rem; margin-bottom: 3.2rem; } @media (min-width: 1200px) { h2, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .field--name-field-title { font-size: 4.4rem; line-height: 5.6rem; margin-bottom: 5.2rem; } h2.title-hero, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .title-hero.field--name-field-title { font-size: 8.8rem; line-height: 9.4rem; margin-bottom: 6.4rem; } } h3 { font-family: "Brandon Grotesque"; font-size: 2.4rem; font-weight: normal; line-height: 3.6rem; margin-bottom: 4rem; } @media (min-width: 1200px) { h3 { font-size: 3.2rem; line-height: 4.4rem; } } h4 { font-family: "Brandon Grotesque"; font-size: 2.2rem; font-weight: normal; line-height: 2.8rem; margin-bottom: 4rem; } @media (min-width: 1200px) { h4 { font-size: 2.4rem; line-height: 3.2rem; } } h5 { font-family: "Brandon Grotesque"; font-size: 1.8rem; font-weight: normal; line-height: 2.6rem; margin-bottom: 2rem; } @media (min-width: 1200px) { h5 { line-height: 2.6rem; } } p { font-size: 1.8rem; line-height: 2.8rem; } p:not(:last-of-type) { margin-bottom: 2rem; } @media (min-width: 1200px) { p { font-size: 2rem; line-height: 3.2rem; } } strong { font-family: "Montserrat Bold", sans-serif; font-weight: normal; } ul:not(.links) { margin-top: 2rem; margin-left: 0; list-style: none; padding-left: 2rem; position: relative; } ul:not(.links) li { font-size: 2rem; line-height: 3rem; } ul:not(.links) li:not(:last-of-type) { margin-bottom: 0.5rem; } ul:not(.links) li::before { content: "•"; font-size: 1.6rem; position: absolute; left: 0; } @media (min-width: 1200px) { ul:not(.links) li { font-size: 2.2rem; line-height: 3rem; } ul:not(.links) li:not(:last-of-type) { margin-bottom: 1rem; } ul:not(.links) li::before { font-size: 2rem; } } ul.links:not(.links--list) li { display: inline-block; } ul.links li::before { content: ""; } ul.links li a { text-decoration: none; } ul.links--list li { line-height: 2.4rem; } ul.links--list li:not(:last-child) { margin-bottom: 0.8rem; } ul.links--list li:last-child { margin-bottom: 0.2rem; } ul.links--list li a { position: relative; } ul.links--list li a::after { content: ""; position: absolute; bottom: -0.3rem; display: block; width: 0; height: 0.1rem; background-color: #68412B; transition: width 0.3s linear; } ul.links--list li a:hover::after { width: 100%; } address { font-style: normal; } address strong, address span, address a { display: block; } address a { display: flex; flex-direction: column; width: fit-content; text-decoration: none; --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); position: relative; } address a::before, address a::after { position: absolute; content: ""; left: 0; bottom: 0; display: block; width: 100%; height: 0.1rem; background: #bf353f; transition: 1.1s var(--ease-out-expo); } address a::before { transform: scaleX(0); transform-origin: left; } address a::after { transform-origin: right; transition-delay: 0.25s; } address a:hover::before { transform: scaleX(1); transition-delay: 0.25s; } address a:hover::after { transform: scaleX(0); transition-delay: 0s; } table { border-spacing: 0; border-collapse: collapse; } table th, table td { border-top: 1px solid #68412B; text-align: left; } table th { font-family: "Brandon Grotesque"; font-size: 2.6rem; } @media (min-width: 768px) { table th { font-family: "Brandon Grotesque"; font-size: 2.6rem; } } .accordion .panel { padding: 2rem 0; border-top: 1px solid #a22e37; position: relative; } .accordion input { appearance: none; position: absolute; inset: 0; max-height: 7.5rem; cursor: pointer; z-index: 1; } .accordion input:checked + label::before { transform: rotate(180deg); } .accordion input:checked ~ .accordion-content { max-height: 1000vh; position: static; visibility: visible; transition: all 0.5s ease-in-out 0s; } .accordion input + label::before { content: ""; display: inline-block; width: 2rem; height: 3rem; background: center/3rem 3rem no-repeat; background-image: url('data:image/svg+xml;utf-8,'); position: absolute; right: 0; transition: 0.2s; } .accordion h4 { position: relative; margin-bottom: 0; line-height: 1; padding-right: 4rem; } .accordion-content { max-height: 0; overflow: hidden; transform: translateY(20px); margin-bottom: 2rem; position: absolute; visibility: hidden; } @keyframes slide-in-right { 0% { transform: translate(100em, 0); } 100% { transform: translate(0, 0); } } @keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 0.8rem; } 50% { height: 1.8rem; width: 0.8rem; } } .btn { display: block; text-decoration: none; padding: 1rem 3.2rem; min-width: 13rem; font-family: "Montserrat Medium", sans-serif; font-size: 1.6rem; line-height: 1.3; max-height: 4rem; letter-spacing: 0.06rem; text-align: center; color: inherit; transition: all 0.3s; cursor: pointer; } @media (min-width: 576px) { .btn { display: inline-block; } } .btn .icon { margin: 0 1.6rem 0 1.2rem; } .btn-primary { color: #fffdfd; background-color: #bf353f; } .btn-primary:hover { background-color: #a22e37; } .btn-primary[type=submit] { border: none; } .btn-primary .icon-envelope::before { background-image: url('data:image/svg+xml;utf-8,'); } .btn-primary .icon-phone::before { background-image: url('data:image/svg+xml;utf-8,'); } .btn-primary .icon-arrow-right::before { background-image: url('data:image/svg+xml;utf-8,'); } .btn-secondary { color: #31180e; background-color: #fffdfd; } .btn-secondary:hover { background-color: #f1bdc4; } .btn-secondary .icon-envelope::before { background-image: url('data:image/svg+xml;utf-8,'); } .btn-secondary .icon-arrow-right::before { background-image: url('data:image/svg+xml;utf-8,'); } .btn-primary--outline { color: #68412B; outline: 1px solid #bf353f; } .btn-primary--outline:hover { background-color: #f1bdc4; } .btn-primary--outline .icon-arrow-right::before { background-image: url('data:image/svg+xml;utf-8,'); } .btn-close { width: 4rem; height: 4rem; border: none; background-color: #a22e37; border-radius: 100%; display: flex; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .btn-close .icon-close::before { position: static; background-image: url('data:image/svg+xml;utf-8,'); margin: auto; transform: scale(1.2); } .input--container { margin-bottom: 2rem; } .input--control { width: 100%; font-size: 1.6rem; line-height: 1; padding: 1rem 2rem; border: none; outline: 1px solid #beb3af; background-color: #fffdfd; max-height: 4rem; transition: 0.2s; } .input--control:focus, .input--control:focus-visible { outline: 1px solid #bf353f; filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, 0.05)); } .input--control::placeholder { color: #beb3af; } .input--file { position: relative; } .input--file::before { content: ""; display: inline-block; width: 2rem; height: 2rem; background: center/2rem 2rem no-repeat; position: absolute; right: 2rem; transition: 0.2s; background-image: url('data:image/svg+xml;utf-8,'); z-index: 1; } .input--file::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 6rem; background-color: #bf353f; } .input--label { display: block; font-size: 1.4rem; line-height: 2.8rem; } @media (min-width: 992px) { .input--container { margin-bottom: 2.4rem; } } input[type=file] { font-size: 1.2rem; } select.input--control { appearance: none; background-image: url('data:image/svg+xml;utf-8,'); background-repeat: no-repeat; background-size: 2.4rem; background-position: calc(100% - 1rem) center; padding-right: 4rem; cursor: pointer; } textarea.input--control { height: 13rem; max-height: none; resize: none; } .checkbox--container { margin-bottom: 2.4rem; } .checkbox--input { opacity: 0; position: absolute; } .checkbox--input + label { display: inline-block; vertical-align: middle; position: relative; padding-left: 3.5rem; line-height: 2.6rem; } .checkbox--input + label::before, .checkbox--input + label::after { content: ""; position: absolute; cursor: pointer; } .checkbox--input + label::before { width: 2.4rem; height: 2.4rem; border: 1px solid #bf353f; display: inline-block; left: 0; top: 0.2rem; transition: 0.2s; } .checkbox--input + label::after { transform: scaleX(-1) rotate(135deg); transform-origin: left top; border-right: 0.3rem solid transparent; border-top: 0.3rem solid transparent; display: block; height: 1.8rem; left: 0.3rem; top: 1.6rem; width: 0.8rem; } .checkbox--input:checked + label::before { background-color: #bf353f; } .checkbox--input:checked + label::after { animation: check 0.8s; border-color: #fffdfd; } .checkbox--input:not(:checked) + label::after { transform: scale(0) rotate(135deg); transition: 0.3s; } /** Actual forms styles */ #ems-wf-dest .ems-wf-twoColumn { width: 100%; } @media (min-width: 992px) { #ems-wf-dest .ems-wf-twoColumn { width: 50%; } } .ems-wf-inputElement { margin-bottom: 2rem; padding-bottom: 0 !important; padding-top: 0 !important; height: auto !important; min-height: 7.7rem !important; border: 0 !important; } @media (min-width: 992px) { .ems-wf-inputElement { margin-bottom: 2.4rem; } } .ems-wf-inputElement label.ems-wf-label.ems-wf-bold { display: block; font-size: 1.4rem; font-weight: 400 !important; line-height: 2.8rem; padding: 0; font-family: "Montserrat", sans-serif !important; } .ems-wf-inputElement input, .ems-wf-inputElement select { width: 100%; font-size: 1.6rem !important; line-height: 1; padding: 1rem 2rem !important; border: none !important; outline: 1px solid #e5ded8 !important; background-color: #fffdfd !important; height: 4rem !important; max-height: 4rem !important; transition: 0.2s; } .ems-wf-inputElement input[type=radio], .ems-wf-inputElement select[type=radio] { appearance: none; opacity: 0; background-color: transparent; margin: 0; font: inherit; } .ems-wf-inputElement input[type=radio] + label, .ems-wf-inputElement select[type=radio] + label { position: relative; left: 4rem; } .ems-wf-inputElement input[type=radio] + label:before, .ems-wf-inputElement select[type=radio] + label:before { content: ""; display: flex; width: 2.5rem !important; height: 2.5rem !important; border-radius: 50% !important; border: 1px solid #bf353f !important; transition: 120ms transform ease-in-out !important; position: absolute; left: -4rem; top: -0.5rem; } .ems-wf-inputElement input[type=radio]:checked + label:before, .ems-wf-inputElement select[type=radio]:checked + label:before { content: "●"; color: #bf353f; font-size: 4rem; line-height: 2rem; } @media (min-width: 992px) { .ems-wf-inputElement input[type=radio]:checked + label:before, .ems-wf-inputElement select[type=radio]:checked + label:before { line-height: 1.8rem; } } @supports (-webkit-hyphens: none) { .ems-wf-inputElement input[type=radio]:checked + label:before, .ems-wf-inputElement select[type=radio]:checked + label:before { line-height: 1.8rem; } } .ems-wf-inputElement select { appearance: none; background-image: url('data:image/svg+xml;utf-8,'); background-repeat: no-repeat; background-size: 2.4rem; background-position: calc(100% - 1rem) center; padding-right: 4rem; cursor: pointer; } .ems-wf-inputElement textarea { border: none !important; outline: 1px solid #e5ded8 !important; height: 13rem; max-height: none; resize: none; } .ems-wf-inputElement input[type=checkbox] { width: auto; opacity: 0; position: absolute; } .ems-wf-inputElement input[type=checkbox] + label { display: inline-block; vertical-align: middle; position: relative; padding-left: 3.5rem; line-height: 2.6rem; margin-bottom: 2rem; font-family: "Montserrat", sans-serif !important; } .ems-wf-inputElement input[type=checkbox] + label::before, .ems-wf-inputElement input[type=checkbox] + label::after { content: ""; position: absolute; cursor: pointer; } .ems-wf-inputElement input[type=checkbox] + label::before { width: 2.4rem; height: 2.4rem; border: 1px solid #bf353f; border-radius: 0.2rem; display: inline-block; left: 0; top: 0.2rem; transition: 0.2s; } .ems-wf-inputElement input[type=checkbox] + label::after { transform: scaleX(-1) rotate(135deg); transform-origin: left top; border-right: 0.3rem solid transparent; border-top: 0.3rem solid transparent; display: block; height: 1.8rem; left: 0.3rem; top: 1.6rem; width: 0.8rem; } .ems-wf-inputElement input[type=checkbox]:checked + label::before { background-color: #bf353f; } .ems-wf-inputElement input[type=checkbox]:checked + label::after { animation: check 0.8s; border-color: #fffdfd; } .ems-wf-inputElement input[type=checkbox]:not(:checked) + label::after { transform: scale(0) rotate(135deg); transition: 0.3s; } .ems-wf-inputElement.textarea { width: 100% !important; } .ems-wf-inputElement .ems-wf-button { width: 100%; height: 4.7rem; background-color: #bf353f; color: #fffdfd; font-size: 1.6rem; } @media (min-width: 768px) { .ems-wf-inputElement .ems-wf-button { max-width: 17.6rem; } } .ems-wf-paragraph a { font-size: 1.6rem !important; font-family: "Montserrat", sans-serif !important; } .ui-datepicker .ui-datepicker-calendar th { font-size: 1.2rem !important; font-family: "Montserrat", sans-serif !important; } .showcase--img { position: relative; } .showcase img { object-fit: cover; aspect-ratio: 1/1; } .showcase--body { text-align: center; } .showcase--body .title-h3, .showcase--body .title-h4, .showcase--body .intro, .showcase--body .contents-sm { display: block; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* Fallback for non-webkit */ display: -webkit-box; } .showcase--body .title-h3 { letter-spacing: 0; margin-bottom: 2rem; -webkit-line-clamp: 2; height: 7rem; } .showcase--body .title-h4 { -webkit-line-clamp: 3; height: 7.8rem; margin-bottom: 0.4rem; } .showcase--body .intro { -webkit-line-clamp: 2; height: 5rem; } .showcase--body .intro p { font-size: 1.6rem; line-height: 2.4rem; } .showcase--body .contents-sm { font-size: 1.6rem; line-height: 2.4rem; -webkit-line-clamp: 2; height: 5rem; } .showcase--body .btn { color: #bf353f; } @media (max-width: 1199.98px) { .showcase--body .btn { display: block; margin-top: 3.6rem; font-size: 1.6rem; line-height: 1; max-height: 4rem; } .showcase--body .icon { margin-left: 0.8rem; margin-right: 0; width: 1.6rem; height: 1.6rem; } .showcase--body .icon::before { width: 1.6rem; height: 1.6rem; background-size: 1.6rem; } } @media (min-width: 1200px) { .showcase--body .title-h3 { letter-spacing: 0.04rem; height: 9rem; margin-bottom: 2.8rem; } .showcase--body .title-h4 { -webkit-line-clamp: 2; height: 6.4rem; } .showcase--body .btn { margin-top: 3.2rem; } .showcase--body .icon { margin-left: 1.2rem; margin-right: 1.6rem; } } .tag { position: absolute; bottom: 0; display: inline-block; padding: 0.4rem 2rem; color: #fffdfd; font-family: "Brandon Grotesque"; font-size: 1.6rem; line-height: 2.2; } .tag--soldout { background-color: #e86666; } .tag--current { background-color: #68d17b; } .tag--new { background-color: #ffbc03; } #sliding-popup { background-color: #fffdfd !important; padding: 5.2rem 2rem; } #sliding-popup .eu-cookie-compliance-banner { max-width: 100rem; margin-left: auto; margin-right: auto; } #sliding-popup .eu-cookie-compliance-banner #popup-text h2, #sliding-popup .eu-cookie-compliance-banner #popup-text .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .field--name-field-title, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info #sliding-popup .eu-cookie-compliance-banner #popup-text .field--name-field-title { color: #68412B; font-size: 2.2rem; } #sliding-popup .eu-cookie-compliance-banner #popup-text p { color: #68412B; font-family: "Montserrat", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; } #sliding-popup .eu-cookie-compliance-banner #popup-text button { color: #bf353f; font-size: 1.8rem; line-height: 2.8rem; font-family: "Montserrat", sans-serif; } #sliding-popup .eu-cookie-compliance-banner #popup-buttons { width: 100%; display: flex; flex-direction: column; margin-top: 2rem; } @media (min-width: 992px) { #sliding-popup .eu-cookie-compliance-banner #popup-buttons { max-width: 28rem; margin-top: 0; } } #sliding-popup .eu-cookie-compliance-banner #popup-buttons button { height: 4.4rem; display: flex; justify-content: center; align-items: center; border-radius: 0; background-color: #fffdfd; font-family: "Montserrat", sans-serif; font-size: 1.4rem; font-weight: 400; } #sliding-popup .eu-cookie-compliance-banner #popup-buttons button.agree-button { background-color: #bf353f; color: #fffdfd; } #sliding-popup .eu-cookie-compliance-banner #popup-buttons button.decline-button { border: 0.1rem solid #bf353f; background-image: none; color: #bf353f; } /** Newsletter suscription message */ div[data-drupal-messages=""] { position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 90; display: flex; justify-content: center; align-items: flex-start; padding-top: 5rem; } div[data-drupal-messages=""] div[role=contentinfo] { background-color: #fff; width: 100%; max-width: 90%; border-radius: 6px; padding: 30px; opacity: 1; height: fit-content; position: relative; } @media (min-width: 768px) { div[data-drupal-messages=""] div[role=contentinfo] { max-width: 450px; } } div[data-drupal-messages=""] div[role=contentinfo]:after { content: "+"; display: block; position: absolute; right: 1rem; top: 1rem; rotate: 45deg; font-size: 20px; color: #000; cursor: pointer; } .aos-cmp-cnt { padding: 4rem 1.2rem; } @media (min-width: 768px) { .aos-cmp-cnt { padding: 6rem 1.2rem; } } @media (min-width: 1400px) { .aos-cmp-cnt { padding: 6rem 0; } } .aos-cmp-contact .image-wrapper, .image-rounded .image-wrapper { margin: 0 !important; } .aos-cmp-contact .image-wrapper img, .image-rounded .image-wrapper img { width: 33.6rem; max-width: 100%; border-radius: 100%; aspect-ratio: 1/1 !important; object-fit: cover; } .aos-cmp-contact .text-wrapper, .image-rounded .text-wrapper { margin-top: 3.2rem; } .aos-cmp-contact .signature, .image-rounded .signature { margin: 2rem auto 3.2rem; } .aos-cmp-contact .signature span, .image-rounded .signature span { display: inline-block; } .aos-cmp-contact .signature .name, .image-rounded .signature .name { font-family: "Brandon Grotesque"; } .aos-cmp-contact .signature .name::after, .image-rounded .signature .name::after { content: ""; display: inline-block; background-color: #68412B; width: 0.1rem; height: 1.6rem; margin: 0 0.8rem 0 1.2rem; } .aos-cmp-contact .signature .position, .image-rounded .signature .position { font-size: 1.4rem; line-height: 1.8rem; } .aos-cmp-contact a, .image-rounded a { margin-top: 2rem; } @media (min-width: 576px) and (max-width: 991.98px) { .aos-cmp-contact .text-wrapper, .image-rounded .text-wrapper { text-align: center; } } @media (min-width: 576px) { .aos-cmp-contact .signature, .image-rounded .signature { margin-bottom: 1rem; } .aos-cmp-contact .btn-container, .image-rounded .btn-container { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 4rem; } } @media (min-width: 992px) { .aos-cmp-contact [class^=col], .image-rounded [class^=col] { display: flex; flex-direction: column; justify-content: center; } .aos-cmp-contact .text-wrapper, .image-rounded .text-wrapper { margin-top: 0; } .aos-cmp-contact .btn-container, .image-rounded .btn-container { justify-content: start; } } @media (min-width: 1400px) { .aos-cmp-contact .image-wrapper img, .image-rounded .image-wrapper img { width: 38.4rem; } } .aos-cmp-event-course { padding-bottom: 2.6rem; } .aos-cmp-event-course .title-h2 { text-align: center; } .aos-cmp-event-course .title-h4 { font-family: "Brandon Grotesque"; font-size: 3.4rem; line-height: 3.8rem; margin-bottom: 4rem; letter-spacing: 0.04rem; } .aos-cmp-event-course .showcase { box-shadow: 0 1rem 1.8rem 0 rgba(190, 179, 175, 0.3); } .aos-cmp-event-course .showcase img { aspect-ratio: 3/2; } .aos-cmp-event-course .showcase--body { background-color: #fffdfd; padding: 2.4rem 1.6rem 5.5rem; } .aos-cmp-event-course .showcase--body .btn { outline: none; color: #fffdfd; background-color: #bf353f; } .aos-cmp-event-course .showcase--body .btn .icon { transition: 0.2s; } .aos-cmp-event-course .showcase--body .btn .icon::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-event-course .showcase--body .btn:hover { background-color: #a22e37; } .aos-cmp-event-course .showcase--body .btn:hover .icon { transform: translateX(1rem); } @media (max-width: 575.98px) { .aos-cmp-event-course { padding-left: 0.8rem; padding-right: 0.8rem; } .aos-cmp-event-course .container, .aos-cmp-event-course .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-event-course .title-h2 { padding-right: 0; } .aos-cmp-event-course .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 25%)); grid-template-rows: 1fr; grid-auto-flow: column; overflow-x: auto; padding: 2rem 1.4rem 2rem 0.6rem; } .aos-cmp-event-course .col-12 { min-width: 24.8rem; } .aos-cmp-event-course .title-h2 { margin-bottom: 2rem; } } @media (min-width: 576px) { .aos-cmp-event-course .row { display: flex; justify-content: center; } .aos-cmp-event-course .showcase { margin: 1.4rem 0; } } @media (min-width: 768px) { .aos-cmp-event-course { padding-bottom: 4.6rem; } .aos-cmp-event-course .title-h2 { margin-bottom: 3.2rem; } } @media (min-width: 1200px) { .aos-cmp-event-course .title-h4 { font-size: 5rem; line-height: 5.6rem; letter-spacing: 0.03rem; } } @media (min-width: 1400px) { .aos-cmp-event-course { padding-bottom: 2rem; } .aos-cmp-event-course [class^=col] { padding: 0 var(--bs-gutter-x); } .aos-cmp-event-course .showcase { margin: 4rem 0; } .aos-cmp-event-course .showcase--body { padding: 2.8rem 3.2rem 4rem; } .aos-cmp-event-course .title-h2 { margin-bottom: 3.6rem; } } .aos-cmp-footer { padding-top: 2.8rem; padding-bottom: 0; background-color: #a22e37; color: #fffdfd; overflow-x: hidden; } .aos-cmp-footer .accordion .panel { border-top: 1px solid #fffdfd; padding: 2rem 0; } .aos-cmp-footer .accordion input + label::before { width: 2rem; height: 2rem; background: center/2rem 2rem no-repeat; background-image: url('data:image/svg+xml;utf-8,'); top: 2rem; } .aos-cmp-footer .footer-logo img { width: 17.8rem; height: auto; margin-left: 0; } .aos-cmp-footer .logos-desktop li, .aos-cmp-footer .logos-mobile li { vertical-align: middle; transition: 0.3s; } .aos-cmp-footer .logos-desktop li:hover, .aos-cmp-footer .logos-mobile li:hover { transform: translateY(-1rem); } .aos-cmp-footer .logos-desktop img, .aos-cmp-footer .logos-mobile img { width: auto; height: 3rem; } .aos-cmp-footer .logos-desktop { margin: 6rem auto 4.5rem; } .aos-cmp-footer .logos-desktop li:not(:last-child) { margin-right: 3.6rem; } .aos-cmp-footer .logos-desktop li:last-child img { min-height: 3.8rem; } .aos-cmp-footer .logos-mobile { margin-bottom: 4.5rem; } .aos-cmp-footer .logos-mobile ul { display: flex; align-items: center; } .aos-cmp-footer .logos-mobile ul li:last-child img { height: 4rem; } .aos-cmp-footer .links--list a::after { background-color: #fffdfd; } .aos-cmp-footer .links--botom { text-align: center; background-color: #bf353f; padding: 0.2rem 0 0.6rem; position: relative; } .aos-cmp-footer .links--botom::before { content: ""; position: absolute; background-color: #bf353f; top: 0; bottom: 0; left: -100%; right: -100%; } .aos-cmp-footer .links--botom li { margin: 0 1.6rem; } .aos-cmp-footer .links--botom li a { display: inline-block; font-size: 1.2rem; line-height: 1.8rem; text-decoration: none; --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); position: relative; } .aos-cmp-footer .links--botom li a::before, .aos-cmp-footer .links--botom li a::after { position: absolute; content: ""; left: 0; bottom: 0; display: block; width: 100%; height: 0.1rem; background: #bf353f; transition: 1.1s var(--ease-out-expo); } .aos-cmp-footer .links--botom li a::before { transform: scaleX(0); transform-origin: left; } .aos-cmp-footer .links--botom li a::after { transform-origin: right; transition-delay: 0.25s; } .aos-cmp-footer .links--botom li a:hover::before { transform: scaleX(1); transition-delay: 0.25s; } .aos-cmp-footer .links--botom li a:hover::after { transform: scaleX(0); transition-delay: 0s; } .aos-cmp-footer .links--botom li a::before, .aos-cmp-footer .links--botom li a::after { background: #fffdfd; } .aos-cmp-footer .social, .aos-cmp-footer .timetable, .aos-cmp-footer .contact { margin-bottom: 4.8rem; } .aos-cmp-footer .social { margin-top: 6rem; } .aos-cmp-footer .social .links--social li:not(:last-child) { margin-right: 2rem; } .aos-cmp-footer .social .links--social .icon { width: 3.2rem; height: 3.2rem; } .aos-cmp-footer .social .links--social .icon::before { width: 3.2rem; height: 3.2rem; background-size: 3.2rem; } .aos-cmp-footer .social .links--social .icon:hover::before { transform: scale(1.2); } .aos-cmp-footer .social .links--social .icon-facebook::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-footer .social .links--social .icon-instagram::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-footer .social .links--social .icon-linkedin::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-footer .social .links--social .icon-youtube::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-footer .timetable { display: none; } .aos-cmp-footer .timetable dl > div { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr 3fr; font-size: 1.8rem; line-height: 2.8rem; } .aos-cmp-footer .timetable dt { font-family: "Montserrat Medium", sans-serif; } .aos-cmp-footer .contact { font-size: 1.4rem; } .aos-cmp-footer .contact .btn { display: block; } .aos-cmp-footer .contact .btn .icon { transition: 0.2s; } .aos-cmp-footer .contact .btn:hover .icon { transform: translateX(1rem); } .aos-cmp-footer .footer-img { display: none; } .aos-cmp-footer .accordion .panel input[type=checkbox] { display: none; } @media (max-width: 575.98px) { .aos-cmp-footer .logos-mobile ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; } .aos-cmp-footer .footer-logo { display: none; } } @media (max-width: 1199.98px) { .aos-cmp-footer .footer-logo img { width: 14rem; height: auto; margin: 0 auto 4.8rem; } .aos-cmp-footer .logos-desktop { display: none; } } @media (min-width: 576px) and (max-width: 1199.98px) { .aos-cmp-footer .contact .btn { display: inline-block; min-width: 30rem; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .aos-cmp-footer .contact .btn { font-size: 1.5rem; } } @media (min-width: 576px) { .aos-cmp-footer .links--botom li { margin: 0 1.8rem; } .aos-cmp-footer .logos-mobile li:not(:last-child) { margin-right: 3.6rem; } .aos-cmp-footer .footer-img::after { background-size: 40%; } } @media (min-width: 992px) { .aos-cmp-footer .accordion { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; } .aos-cmp-footer .accordion .panel { border-top: none; padding: 0; } .aos-cmp-footer .accordion input { pointer-events: none; } .aos-cmp-footer .accordion input:checked ~ .accordion-content { margin-bottom: 0; max-height: fit-content; } .aos-cmp-footer .accordion input + label::before { display: none; } .aos-cmp-footer .accordion .title-h4 { font-size: 2.8rem; line-height: 3.4rem; margin-bottom: 2rem; } .aos-cmp-footer .accordion-content { max-height: fit-content; margin: 0; transform: none; position: static; visibility: visible; } .aos-cmp-footer .footer-img::after { background-size: 25%; } } @media (min-width: 1200px) { .aos-cmp-footer { padding-top: 5.2rem; } .aos-cmp-footer .right-column { display: flex; flex-direction: column; } .aos-cmp-footer .right-column .timetable { order: 1; } .aos-cmp-footer .social, .aos-cmp-footer .timetable, .aos-cmp-footer .contact { margin-bottom: 3.4rem; } .aos-cmp-footer .title-h5 { font-size: 2.6rem; line-height: 2.6rem; } .aos-cmp-footer .social { margin-top: 0; } .aos-cmp-footer .social .links--social { margin-top: 2.8rem; } .aos-cmp-footer .social .links--social .icon::before { width: 2.4rem; height: 2.4rem; background-size: 2.4rem; } .aos-cmp-footer .timetable dl > div { font-size: 1.4rem; line-height: 2.2rem; } .aos-cmp-footer .timetable dt { font-family: "Montserrat", sans-serif; } .aos-cmp-footer .logos-mobile { display: none; } } @media (min-width: 1400px) { .aos-cmp-footer .accordion { max-width: 55rem; } .aos-cmp-footer .footer-img { position: relative; } .aos-cmp-footer .footer-img::after { background-size: 15%; position: absolute; bottom: 0; } } .aos-cmp-form-contact .title-h2 { text-align: center; } .aos-cmp-form-contact form { max-width: 80rem; margin: auto; } .aos-cmp-form-contact form .btn { display: block; width: 100%; margin-top: 4rem; } @media (min-width: 576px) { .aos-cmp-form-contact form .btn[type=submit] { width: fit-content; } } @media (min-width: 768px) { .aos-cmp-form-contact form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3.2rem; } .aos-cmp-form-contact form .input--container:first-child, .aos-cmp-form-contact form .input--container:nth-child(10) { grid-column: 1/span 2; } .aos-cmp-form-contact form .input--container:first-child { width: calc(50% - 1.6rem); } .aos-cmp-form-contact form .checkbox--container { grid-column: 1/span 2; } .aos-cmp-form-contact form .btn[type=submit] { width: fit-content; } } .aos-cmp-form-group-request .title-h2 { text-align: center; } .aos-cmp-form-group-request form { max-width: 80rem; margin: auto; } .aos-cmp-form-group-request form .btn { display: block; width: 100%; margin-top: 4rem; } @media (min-width: 576px) { .aos-cmp-form-group-request form .btn[type=submit] { width: fit-content; } } @media (min-width: 768px) { .aos-cmp-form-group-request form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3.2rem; } .aos-cmp-form-group-request form .input--container:first-child, .aos-cmp-form-group-request form .input--container:nth-child(6) { grid-column: 1/span 2; } .aos-cmp-form-group-request form .input--container:first-child { width: calc(50% - 1.6rem); } .aos-cmp-form-group-request form .checkbox--container { grid-column: 1/span 2; } .aos-cmp-form-group-request form .btn[type=submit] { width: fit-content; } } .aos-cmp-form-job-application .title-h2 { text-align: center; } .aos-cmp-form-job-application form { max-width: 80rem; margin: auto; } .aos-cmp-form-job-application form .btn { display: block; width: 100%; margin-top: 4rem; } @media (min-width: 576px) { .aos-cmp-form-job-application form .btn[type=submit] { width: fit-content; } } @media (min-width: 768px) { .aos-cmp-form-job-application form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3.2rem; } .aos-cmp-form-job-application form .input--container:first-child, .aos-cmp-form-job-application form .input--container:nth-child(4), .aos-cmp-form-job-application form .input--container:nth-child(7) { grid-column: 1/span 2; width: calc(50% - 1.6rem); } .aos-cmp-form-job-application form .checkbox--container { grid-column: 1/span 2; } .aos-cmp-form-job-application form .btn[type=submit] { width: fit-content; } } .aos-cmp-accordion .title-h2 { text-align: center; } .aos-cmp-accordion .accordion { max-width: 80rem; margin: auto; } .aos-cmp-accordion .accordion input:checked ~ .accordion-content { margin-bottom: 3.2rem; } .aos-cmp-accordion .accordion h4 { line-height: 2.8rem; } .aos-cmp-accordion .accordion .panel { border-top: 1px solid #987160; } .aos-cmp-accordion p, .aos-cmp-accordion ul li { font-size: 1.8rem; line-height: 2.8rem; } .aos-cmp-accordion .btn { margin: 2.8rem auto; } .aos-cmp-accordion img { margin: 2.8rem 0; aspect-ratio: 3/2; object-fit: cover; } .aos-cmp-accordion table { width: 100%; margin-bottom: 2.8rem; } .aos-cmp-accordion table th, .aos-cmp-accordion table td { padding: 0.8rem 0; border-top: none; border-bottom: 1px solid #beb3af; } .aos-cmp-accordion table th:first-child, .aos-cmp-accordion table td:first-child { width: 70%; padding-right: 2rem; } .aos-cmp-accordion table th:last-child, .aos-cmp-accordion table td:last-child { text-align: right; } .aos-cmp-accordion table th { letter-spacing: 0.02rem; } @media (max-width: 767.98px) { .aos-cmp-accordion th { font-family: "Montserrat Medium", sans-serif; font-size: 1.6rem; line-height: 2.4rem; } } @media (min-width: 768px) { .aos-cmp-accordion img, .aos-cmp-accordion table { max-width: 49rem; } .aos-cmp-accordion table th { font-size: 2.2rem; } } .aos-cmp-header-desktop { background-color: #f5f4ea; padding-top: 0; padding-bottom: 0; position: sticky; top: 0; z-index: 10; box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.05); } .aos-cmp-header-desktop .nav { display: grid; grid-template-columns: min-content auto max-content; grid-template-areas: "logo nav search"; justify-items: center; padding: 0.4rem 0 1rem; justify-items: center; align-items: flex-end; } .aos-cmp-header-desktop .nav .logo, .aos-cmp-header-desktop .nav .links--main-menu, .aos-cmp-header-desktop .nav .search { display: grid; align-content: end; } .aos-cmp-header-desktop .nav .logo { grid-area: logo; } .aos-cmp-header-desktop .nav .links--main-menu { grid-area: nav; grid-auto-flow: column; } .aos-cmp-header-desktop .nav .search { grid-area: search; width: 20rem; } .aos-cmp-header-desktop .nav .search .search-block-form { position: relative; } .aos-cmp-header-desktop .nav .search .form-search { width: 100%; font-size: 1.6rem; line-height: 1; padding: 1rem 2rem; border-radius: 0; border: none; outline: 1px solid #e5ded8; background-color: #fffdfd; background-image: none; max-height: 3.2rem; transition: 0.2s; } .aos-cmp-header-desktop .nav .search .form-search:focus, .aos-cmp-header-desktop .nav .search .form-search:focus-visible { outline: 1px solid #bf353f; filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, 0.05)); } @media (min-width: 992px) { .aos-cmp-header-desktop .nav .search .form-actions .form-submit { display: block !important; max-width: 3rem; min-width: unset; background-color: transparent; outline: 0; font-size: 0; position: absolute; top: 0.7rem; right: 1rem; } } .aos-cmp-header-desktop .nav--checkbox, .aos-cmp-header-desktop .nav--button, .aos-cmp-header-desktop .nav--background, .aos-cmp-header-desktop .nav .links--top-bar { display: none; } .aos-cmp-header-desktop .top-menu { border-bottom: 1px solid #fffdfd; } .aos-cmp-header-desktop .top-menu .links--top-bar { display: flex; align-items: center; justify-content: end; padding: 1rem 0; } .aos-cmp-header-desktop .top-menu .links--top-bar > li { margin-left: 5.5rem; font-size: 1.4rem; line-height: 2.2rem; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages { display: flex; align-items: center; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages a { display: inline-block; text-transform: uppercase; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages a:not(:first-child) { margin-left: 1rem; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages a.active, .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages a.is-active { text-decoration: underline; cursor: default; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages a.active:hover, .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages a.is-active:hover { color: #68412B; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages #block-headerminor { margin-right: 3.2rem; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages #block-headerminor p { line-height: 1.8rem; display: flex; flex-direction: row-reverse; gap: 3.2rem; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages #block-headerminor p a { font-size: 1.4rem; line-height: 2.2rem; text-transform: none; position: relative; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages #block-headerminor p a:last-child:before { content: ""; display: inline-block; width: 2rem; height: 2rem; background: center/2rem 2rem no-repeat; background-image: url('data:image/svg+xml;utf-8,'); position: absolute; left: -2.8rem; top: 0; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages #block-headerminor p a:hover { color: #987160; } .aos-cmp-header-desktop .top-menu .links--top-bar > li.languages #block-headerminor p a:hover:before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-header-desktop .top-menu .links--top-bar > li a { transition: color 0.2s, background-image 0.18s; } .aos-cmp-header-desktop .top-menu .links--top-bar > li a .icon::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-header-desktop .top-menu .links--top-bar > li a:hover { color: #a22e37; } .aos-cmp-header-desktop .top-menu .links--top-bar > li a:hover .icon::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-header-desktop .top-menu .links--top-bar .icon { vertical-align: sub; } .aos-cmp-header-desktop .top-menu .links--top-bar .icon::before { left: auto; right: 0.8rem; } .aos-cmp-header-desktop .logo { position: relative; z-index: 2; } .aos-cmp-header-desktop .logo img { width: 13.2rem; height: auto; } .aos-cmp-header-desktop .links--main-menu > li { padding-bottom: 0.8rem; margin-bottom: -0.8rem; } .aos-cmp-header-desktop .links--main-menu > li > a { font-family: "Brandon Grotesque"; font-size: 2.2rem; line-height: 2.8rem; letter-spacing: 0.02rem; margin: 0 3rem; white-space: nowrap; position: relative; } .aos-cmp-header-desktop .links--main-menu > li > a:not(:only-child) { padding-right: 3rem; } .aos-cmp-header-desktop .links--main-menu > li > a:not(:only-child)::before { content: ""; display: inline-block; width: 2rem; height: 2rem; position: absolute; right: 0; bottom: 0.3rem; transition: 0.2s; background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-header-desktop .links--main-menu > li .submenu { background-color: #fffdfd; color: #68412B; position: absolute; left: 0; right: 0; z-index: 1; margin: 1rem auto 0; padding: 4rem 0; transform: scale(1, 0); transform-origin: top; transition: 0.5s; } .aos-cmp-header-desktop .links--main-menu > li .submenu .col-4 { padding: 0 var(--bs-gutter-x); } .aos-cmp-header-desktop .links--main-menu > li .submenu h5, .aos-cmp-header-desktop .links--main-menu > li .submenu a { font-size: 1.8rem; line-height: 2.8rem; } .aos-cmp-header-desktop .links--main-menu > li .submenu h5 { font-size: 2.2rem; line-height: 2.8rem; letter-spacing: 0.02rem; } .aos-cmp-header-desktop .links--main-menu > li .submenu--links { padding: 0 !important; } .aos-cmp-header-desktop .links--main-menu > li .submenu--links li { display: block; } .aos-cmp-header-desktop .links--main-menu > li .submenu--links li a { font-family: "Montserrat", sans-serif; letter-spacing: 0.08rem; margin: 0; transition: 0.2s; } .aos-cmp-header-desktop .links--main-menu > li .submenu--links li a:hover { color: #a22e37; } .aos-cmp-header-desktop .links--main-menu > li .submenu--img { position: relative; } .aos-cmp-header-desktop .links--main-menu > li .submenu--img::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%); } .aos-cmp-header-desktop .links--main-menu > li .submenu--img img { aspect-ratio: 3/2; object-fit: cover; } .aos-cmp-header-desktop .links--main-menu > li .submenu--img .title-h4 { position: absolute; left: 2rem; bottom: 2rem; margin: 0; color: #fffdfd; z-index: 1; } .aos-cmp-header-desktop .links--main-menu > li:hover > a { color: #a22e37; } .aos-cmp-header-desktop .links--main-menu > li:hover > a::before { background-image: url('data:image/svg+xml;utf-8,'); transform: rotate(180deg); } .aos-cmp-header-desktop .links--main-menu > li:hover > a::after { width: 100%; } .aos-cmp-header-desktop .links--main-menu > li:hover .submenu { transform: scale(1); box-shadow: 0 999em 0 999em rgba(26, 26, 26, 0.6); } .aos-cmp-header-desktop .search input { appearance: none; max-height: 3.5rem; padding-right: 4.5rem; background-image: url('data:image/svg+xml;utf-8,'); background-repeat: no-repeat; background-size: 2rem; background-position: 94% center; } .aos-cmp-header-desktop .search input:focus, .aos-cmp-header-desktop .search input:focus-visible { filter: none; } @media (min-width: 992px) and (max-width: 1399.98px) { .aos-cmp-header-desktop .links--main-menu { justify-content: space-between; } .aos-cmp-header-desktop .links--main-menu > li > a { font-size: 2rem; line-height: 2.6rem; margin: 0 2rem; } .aos-cmp-header-desktop .links--main-menu > li > a:not(:only-child) { padding-right: 1.5rem; } .aos-cmp-header-desktop .links--main-menu > li > a:not(:only-child)::before { width: 1.2rem; height: 1.2rem; bottom: 0.5rem; } } @media (max-width: 991.98px) { .aos-cmp-header-desktop { display: none; } } .aos-cmp-header-mobile { background-color: #f5f4ea; padding-top: 0; padding-bottom: 0; overflow-x: hidden; width: 100%; min-height: 6.6rem; position: sticky; top: 0; z-index: 10; box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.05); } .aos-cmp-header-mobile .accordion { margin-bottom: auto; } .aos-cmp-header-mobile .accordion input { border-left: 1px solid #e5ded8; width: 5.5rem; height: 5.5rem; top: 0; bottom: 0; left: auto; right: 2rem; } .aos-cmp-header-mobile .accordion input + label::before { width: 2rem; height: 2rem; background-size: 2rem; top: 1.8rem; right: 3.6rem; z-index: 1; } .aos-cmp-header-mobile .accordion input + label a { font-family: "Brandon Grotesque"; font-size: 2.2rem; line-height: 2.8rem; text-decoration: none; position: relative; z-index: 1; } .aos-cmp-header-mobile .accordion input + label + .accordion-content { opacity: 0; } .aos-cmp-header-mobile .accordion input + label::after { content: ""; display: inline-block; background-color: #f5f4ea; position: absolute; top: -1px; left: -100%; right: -100%; height: 5.5rem; } .aos-cmp-header-mobile .accordion input:checked + label::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-header-mobile .accordion input:checked + label::after { background-color: #e5ded8; } .aos-cmp-header-mobile .accordion input:checked ~ .accordion-content { margin-bottom: 5rem; opacity: 1; } .aos-cmp-header-mobile .accordion input.no-arrow, .aos-cmp-header-mobile .accordion input.no-arrow:checked { border-left: none; } .aos-cmp-header-mobile .accordion input.no-arrow + label::before, .aos-cmp-header-mobile .accordion input.no-arrow:checked + label::before { display: none; } .aos-cmp-header-mobile .accordion input.no-arrow + label::after, .aos-cmp-header-mobile .accordion input.no-arrow:checked + label::after { background-color: #f5f4ea; } .aos-cmp-header-mobile .accordion input.no-arrow + label a, .aos-cmp-header-mobile .accordion input.no-arrow:checked + label a { color: #68412B; } .aos-cmp-header-mobile .accordion input.no-arrow ~ .accordion-content, .aos-cmp-header-mobile .accordion input.no-arrow:checked ~ .accordion-content { margin: 0; } .aos-cmp-header-mobile .accordion a { font-size: 1.8rem; line-height: 2.8rem; } .aos-cmp-header-mobile .accordion .panel { margin: 0 -2rem; padding: 1.3rem 2rem; border-top: none; background-color: white; position: relative; } .aos-cmp-header-mobile .accordion .panel input[type=checkbox] { appearance: none; -webkit-appearance: none; } .aos-cmp-header-mobile .accordion .panel::after { content: ""; position: absolute; width: calc(100% - 4rem); height: 1px; left: 2rem; right: 2rem; bottom: 0; z-index: 1; background-color: #e5ded8; } .aos-cmp-header-mobile .accordion .menu-mobile--img { position: relative; margin-top: 2.6rem; } .aos-cmp-header-mobile .accordion .menu-mobile--img::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%); } .aos-cmp-header-mobile .accordion .menu-mobile--img img { aspect-ratio: 3/2; object-fit: cover; } .aos-cmp-header-mobile .accordion .menu-mobile--img .title-h4 { position: absolute; left: 2rem; bottom: 2rem; margin: 0; color: #fffdfd; z-index: 1; } .aos-cmp-header-mobile .accordion ul.links--list { margin-top: 2rem; } .aos-cmp-header-mobile .accordion ul.links--list li:not(:last-child) { margin-bottom: 2rem; } .aos-cmp-header-mobile .search-wrapper { padding: 4rem 0; } .aos-cmp-header-mobile .search-wrapper input { appearance: none; width: 100%; outline: 1px solid #bf353f; padding: 2rem 4.5rem 2rem 2rem; background-image: url('data:image/svg+xml;utf-8,'); background-repeat: no-repeat; background-size: 2rem; background-position: 96% center; } .aos-cmp-header-mobile .search-wrapper input:focus, .aos-cmp-header-mobile .search-wrapper input:focus-visible { outline: 1px solid #bf353f; filter: none; } .aos-cmp-header-mobile .links--top-bar { display: flex; flex-direction: column-reverse; } .aos-cmp-header-mobile .links--top-bar li { position: relative; padding: 0.8rem 0; } .aos-cmp-header-mobile .links--top-bar li::after { content: ""; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; } .aos-cmp-header-mobile .links--top-bar li:first-child { padding-bottom: 2rem; } .aos-cmp-header-mobile .links--top-bar li:nth-last-child(2) { padding-top: 2rem; } .aos-cmp-header-mobile .links--top-bar li:not(.languages), .aos-cmp-header-mobile .links--top-bar li:not(.languages)::after { background-color: #bf353f; } .aos-cmp-header-mobile .links--top-bar li a { position: relative; z-index: 1; color: #fffdfd; } .aos-cmp-header-mobile .links--top-bar li.languages { display: flex; justify-content: center; padding: 1rem 0; } .aos-cmp-header-mobile .links--top-bar li.languages, .aos-cmp-header-mobile .links--top-bar li.languages::after { background-color: #a22e37; } .aos-cmp-header-mobile .links--top-bar li.languages a { color: #fffdfd; margin: 0 1rem; text-transform: uppercase; } .aos-cmp-header-mobile .links--top-bar li.languages a.active, .aos-cmp-header-mobile .links--top-bar li.languages a.is-active { text-decoration: underline; } .aos-cmp-header-mobile .links--top-bar li.shop a .icon { margin-right: 2.8rem; } .aos-cmp-header-mobile .links--top-bar li.shop a .icon::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-header-mobile .nav { display: grid; grid-template-columns: min-content auto max-content; justify-items: right; } .aos-cmp-header-mobile .nav--logo img { position: fixed; width: 11rem; height: auto; top: 1.1rem; z-index: 10001; } .aos-cmp-header-mobile .nav--background { width: 2rem; height: 2rem; border-radius: 50%; position: fixed; top: -2rem; right: 0; background-color: #f5f4ea; z-index: 1000; transition: transform 0.5s cubic-bezier(0.86, 0, 0.7, 1); } .aos-cmp-header-mobile .nav--menu { display: block; position: fixed; top: 10rem; left: 0; bottom: 0; z-index: 1500; opacity: 0; width: 0; padding: 0 1.2rem; overflow-x: hidden; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .aos-cmp-header-mobile .nav--menu > .container, .aos-cmp-header-mobile .aos-cmp-picture_wall_carousel .nav--menu > .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-header-mobile .nav--menu > .title-h2 { display: flex; flex-direction: column; min-height: calc(100vh - 10rem); } .aos-cmp-header-mobile .nav--checkbox { display: none; } .aos-cmp-header-mobile .nav--checkbox:checked ~ .nav--background { transform: scale(300); } .aos-cmp-header-mobile .nav--checkbox:not(:checked) ~ .nav--menu { pointer-events: none; } .aos-cmp-header-mobile .nav--checkbox:checked ~ .nav--menu { opacity: 1; width: 100%; pointer-events: all; } .aos-cmp-header-mobile .nav--button { height: 6.5rem; text-align: center; position: absolute; top: 0; cursor: pointer; z-index: 2000; right: 2rem; } .aos-cmp-header-mobile .nav--hamburger { position: relative; margin-top: 3.2rem; } .aos-cmp-header-mobile .nav--hamburger, .aos-cmp-header-mobile .nav--hamburger::before, .aos-cmp-header-mobile .nav--hamburger::after { width: 3rem; height: 2px; background-color: #68412B; display: inline-block; } .aos-cmp-header-mobile .nav--hamburger::before, .aos-cmp-header-mobile .nav--hamburger::after { content: ""; position: absolute; left: 0; transition: all 0.2s; } .aos-cmp-header-mobile .nav--hamburger::before { top: -0.8rem; } .aos-cmp-header-mobile .nav--hamburger::after { top: 0.8rem; } .aos-cmp-header-mobile .nav--checkbox:checked + .nav--button .nav--hamburger { background-color: transparent; } .aos-cmp-header-mobile .nav--checkbox:checked + .nav--button .nav--hamburger::before, .aos-cmp-header-mobile .nav--checkbox:checked + .nav--button .nav--hamburger::after { top: 0; background-color: #68412B; } .aos-cmp-header-mobile .nav--checkbox:checked + .nav--button .nav--hamburger::before { transform: rotate(135deg); } .aos-cmp-header-mobile .nav--checkbox:checked + .nav--button .nav--hamburger::after { transform: rotate(-135deg); } @media (min-width: 992px) { .aos-cmp-header-mobile { display: none; } } /** Menu mobile adjustments for prod, due to the difference in html and hide of the search field */ #block-mobilemenublock .menu-mobile .search .form-search { width: 100%; font-size: 1.6rem; line-height: 1; padding: 1rem 2rem; border-radius: 0; border: none; outline: 1px solid #e5ded8; background-color: #fffdfd; max-height: 4rem; transition: 0.2s; } #block-mobilemenublock .menu-mobile .search .form-search:focus, #block-mobilemenublock .menu-mobile .search .form-search:focus-visible { outline: 1px solid #bf353f; filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, 0.05)); } #block-mobilemenublock .menu-mobile .links--top-bar .about p { display: flex; flex-direction: column; font-size: 1.6rem; gap: 1.2rem; } #block-mobilemenublock .menu-mobile .links--top-bar .about p a:last-child:before { content: ""; display: inline-block; width: 2rem; height: 2rem; background: center/2rem 2rem no-repeat; background-image: url('data:image/svg+xml;utf-8,'); position: relative; top: 0.3rem; margin-right: 0.8rem; } .aos-cmp-header-slideshow { padding: 0; } .aos-cmp-header-slideshow .carousel { position: relative; overflow: hidden; } .aos-cmp-header-slideshow .carousel-slider { display: flex; transition: 0.3s; } .aos-cmp-header-slideshow .carousel-slide { flex: 1 0 100%; position: relative; } .aos-cmp-header-slideshow .carousel-slide::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(104, 65, 43, 0), rgba(104, 65, 43, 0.35), rgba(104, 65, 43, 0.4), rgba(104, 65, 43, 0.35), rgba(104, 65, 43, 0)); } .aos-cmp-header-slideshow .carousel-slide img { display: block; height: 60rem; object-fit: cover; } .aos-cmp-header-slideshow .carousel-navigation { display: none; } .aos-cmp-header-slideshow .carousel-arrows { position: absolute; bottom: 1rem; left: 0; right: 0; text-align: center; } .aos-cmp-header-slideshow .carousel-prev, .aos-cmp-header-slideshow .carousel-next { width: 3.2rem; height: 3.2rem; margin: 0 1.5rem; background-color: transparent; border: none; cursor: pointer; } .aos-cmp-header-slideshow .carousel-prev .chevron.left::before, .aos-cmp-header-slideshow .carousel-prev .chevron.right::before, .aos-cmp-header-slideshow .carousel-next .chevron.left::before, .aos-cmp-header-slideshow .carousel-next .chevron.right::before { content: ""; display: inline-block; height: 2rem; width: 2rem; border-bottom: 0.2rem solid #fffdfd; vertical-align: 2px; } .aos-cmp-header-slideshow .carousel-prev .chevron.left::before, .aos-cmp-header-slideshow .carousel-next .chevron.left::before { border-left: 0.2em solid #fffdfd; transform: rotate(45deg); } .aos-cmp-header-slideshow .carousel-prev .chevron.right::before, .aos-cmp-header-slideshow .carousel-next .chevron.right::before { border-right: 0.2rem solid #fffdfd; transform: rotate(-45deg); } .aos-cmp-header-slideshow .banner-text { color: #fffdfd; text-align: center; height: fit-content; padding: 2rem; margin: auto; position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; } .aos-cmp-header-slideshow .banner-text .title-h1 { font-family: "Montserrat Medium", sans-serif; font-size: 2rem; font-weight: normal; margin-bottom: 1.5rem; } .aos-cmp-header-slideshow .banner-text .title-hero { font-family: "Brandon Grotesque"; font-size: 4.5rem; line-height: 4.5rem; margin-bottom: 3.2rem; text-transform: none; letter-spacing: 0; } .aos-cmp-header-slideshow .banner-text p { font-family: "Montserrat Medium", sans-serif; } .aos-cmp-header-slideshow .banner-text .btn { margin-top: 3.2rem; } @media (max-width: 575.98px) { .aos-cmp-header-slideshow .banner-text .btn { padding: 1rem 2rem; } } @media (min-width: 576px) { .aos-cmp-header-slideshow .banner-text { max-width: 60rem; margin: auto; } .aos-cmp-header-slideshow .banner-text .btn { width: fit-content; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .aos-cmp-header-slideshow .carousel-slide img { height: 67rem; } .aos-cmp-header-slideshow .carousel-arrows { bottom: 4.5rem; } .aos-cmp-header-slideshow .banner-text { max-width: 64rem; } } @media (min-width: 1400px) { .aos-cmp-header-slideshow .banner-text { max-width: 82rem; } .aos-cmp-header-slideshow .banner-text .title-hero { font-size: 6.8rem; line-height: 7.5rem; } .aos-cmp-header-slideshow .banner-text p { font-size: 2.2rem; line-height: 3.4rem; } } .aos-cmp-header-teaser { background-image: url(../images/header-teaser.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; margin-bottom: 0; overflow-x: hidden; padding-top: 2rem; padding-bottom: 2rem; position: relative; width: 100%; aspect-ratio: 16/9; object-fit: cover; } .aos-cmp-header-teaser .banner-text { position: relative; color: #fffdfd; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 2rem 0; } .aos-cmp-header-teaser .banner-text .title-h1 { font-family: "Montserrat Medium", sans-serif; font-size: 2rem; font-weight: normal; margin-bottom: 1.5rem; } .aos-cmp-header-teaser .banner-text .title-hero { font-size: 4.5rem; line-height: 4.5rem; margin-bottom: 3.2rem; text-transform: none; } .aos-cmp-header-teaser .banner-text p { font-family: "Montserrat Medium", sans-serif; } .aos-cmp-header-teaser .banner-text .btn { margin-top: 3.2rem; } @media (max-width: 575.98px) { .aos-cmp-header-teaser .banner-text .btn { padding: 1rem 2rem; } } @media (min-width: 576px) { .aos-cmp-header-teaser .banner-text { max-width: 62rem; margin: auto; } .aos-cmp-header-teaser .banner-text p, .aos-cmp-header-teaser .banner-text .btn { align-self: center; } .aos-cmp-header-teaser .banner-text .btn { width: fit-content; } } @media (min-width: 1200px) { .aos-cmp-header-teaser .banner-text { justify-content: center; } } @media (min-width: 1400px) { .aos-cmp-header-teaser .banner-text { max-width: 80rem; } .aos-cmp-header-teaser .banner-text .title-hero { font-size: 7.2rem; line-height: 8.4rem; } .aos-cmp-header-teaser .banner-text p { font-size: 2.2rem; line-height: 3.4rem; } } .aos-cmp-header-video { padding: 0; } .aos-cmp-header-video .videocontainer { position: relative; overflow: hidden; aspect-ratio: 16/9; object-fit: cover; } .aos-cmp-header-video .videocontainer video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .aos-cmp-header-video .videocontainer .video-overlay { position: absolute; inset: 0; pointer-events: none; } .aos-cmp-header-video .banner-text { display: flex; flex-direction: column; justify-content: center; height: fit-content; color: #fffdfd; text-align: center; position: absolute; inset: 0; padding: 2rem; margin: auto; } .aos-cmp-header-video .banner-text .title-h1 { font-family: "Montserrat Medium", sans-serif; font-size: 2rem; font-weight: normal; margin-bottom: 1.5rem; } .aos-cmp-header-video .banner-text .title-hero { font-family: "Brandon Grotesque"; font-size: 4.5rem; line-height: 4.5rem; margin-bottom: 3.2rem; text-transform: none; } .aos-cmp-header-video .banner-text p { font-family: "Montserrat Medium", sans-serif; } .aos-cmp-header-video .banner-text .btn { margin-top: 3.2rem; } @media (max-width: 575.98px) { .aos-cmp-header-video .banner-text .btn { padding: 1rem 2rem; } } @media (min-width: 576px) { .aos-cmp-header-video .banner-text { max-width: 60rem; } .aos-cmp-header-video .banner-text .btn { width: fit-content; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .aos-cmp-header-video .banner-text { max-width: 62rem; display: flex; flex-direction: column; justify-content: center; top: 0; bottom: 0; height: fit-content; } .aos-cmp-header-video .banner-text .btn { width: fit-content; align-self: center; } } @media (min-width: 1400px) { .aos-cmp-header-video .banner-text { max-width: 84rem; } .aos-cmp-header-video .banner-text .title-hero { font-size: 7.2rem; line-height: 8.4rem; } .aos-cmp-header-video .banner-text p { font-size: 2.2rem; line-height: 3.4rem; } } .aos-cmp-labels { padding-bottom: 2.6rem; } .aos-cmp-labels .row { display: flex; justify-content: center; } .aos-cmp-labels .title-h2 { text-align: center; margin-bottom: 2.6rem; } .aos-cmp-labels .showcase { margin: 1.4rem 0; padding-top: 1rem; transition: box-shadow 0.5s; } .aos-cmp-labels .showcase:hover { box-shadow: 0px 0px 25px 0px rgba(190, 179, 175, 0.7); } .aos-cmp-labels .showcase > a { text-decoration: none; } .aos-cmp-labels .showcase img { border: none; border-radius: 50%; max-width: 17.5rem; } .aos-cmp-labels .showcase--body { padding: 1.6rem 0.8rem 2rem; } .aos-cmp-labels .showcase--body .title-h5 { display: block; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* Fallback for non-webkit */ display: -webkit-box; font-size: 1.8rem; line-height: 2.6rem; -webkit-line-clamp: 2; height: 5.4rem; } .aos-cmp-labels .showcase--body .intro { height: 9rem; -webkit-line-clamp: 4; } .aos-cmp-labels .showcase--body .intro p { font-size: 1.4rem; line-height: 2.2rem; } @media (max-width: 575.98px) { .aos-cmp-labels .showcase img { max-width: 10rem; } } @media (min-width: 768px) { .aos-cmp-labels { padding-bottom: 4.6rem; } } @media (min-width: 1400px) { .aos-cmp-labels { padding-bottom: 2rem; } .aos-cmp-labels .container, .aos-cmp-labels .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-labels .title-h2 { padding: 0; } .aos-cmp-labels [class^=col] { padding: 0 var(--bs-gutter-x); } .aos-cmp-labels .showcase { margin: 4rem 0; } .aos-cmp-labels .showcase--body { padding: 2.4rem 2rem 3.2rem; } .aos-cmp-labels .showcase--body .title-h5 { font-size: 2rem; line-height: 2.8rem; height: 6rem; } .aos-cmp-labels .showcase--body .intro { height: 7.2rem; -webkit-line-clamp: 3; } .aos-cmp-labels .showcase--body .intro p { font-size: 1.6rem; line-height: 2.4rem; } } .aos-cmp-breadcrumbs { padding-top: 1rem; padding-bottom: 1rem; } .aos-cmp-breadcrumbs ul { display: flex; overflow: hidden; } .aos-cmp-breadcrumbs ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: fit-content; padding: 0 0.5rem; } .aos-cmp-breadcrumbs ul li a { font-size: 1.4rem; position: relative; } .aos-cmp-breadcrumbs ul li:first-child, .aos-cmp-breadcrumbs ul li:last-child { flex: 0 0 auto; } .aos-cmp-breadcrumbs ul li:last-child a { pointer-events: none; } .aos-cmp-breadcrumbs ul li:last-child:not(:only-child) a { color: #bf353f; } .aos-cmp-breadcrumbs ul li:not(:last-child), .aos-cmp-breadcrumbs ul li:not(:first-child) { transition: 0.3s; } .aos-cmp-breadcrumbs ul li:not(:last-child):hover, .aos-cmp-breadcrumbs ul li:not(:first-child):hover { flex: 1 0 auto; } .aos-cmp-breadcrumbs ul li:not(:last-child)::after { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; margin-left: 0.8rem; background: center/0.8rem 0.8rem no-repeat; background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-breadcrumbs ul li:not(:last-child) a::after { content: ""; position: absolute; bottom: -0.3rem; display: block; width: 0; height: 0.1rem; background-color: #68412B; transition: width 0.3s linear; } .aos-cmp-breadcrumbs ul li:not(:last-child) a:hover::after { width: 100%; } .aos-cmp-news-author { padding-top: 0; padding-bottom: 0; } .aos-cmp-news-author article { display: flex; column-gap: 1.6rem; } .aos-cmp-news-author article img { aspect-ratio: 1/1; object-fit: cover; max-width: 7.3rem; border-radius: 10rem; } .aos-cmp-news-author article .text-wrapper { display: flex; flex-direction: column; justify-content: space-between; } .aos-cmp-news-author article .title-h4 { font-size: 2.2rem; line-height: 1; letter-spacing: 0.02rem; margin-bottom: 0; } .aos-cmp-news-author article time { font-size: 2rem; line-height: 1; letter-spacing: 0.09rem; } @media (min-width: 576px) { .aos-cmp-news-author article { justify-content: center; } } @media (min-width: 1400px) { .aos-cmp-news-author article .title-h4 { font-size: 2.4rem; } } .aos-cmp-news { padding-bottom: 2.6rem; } .aos-cmp-news .title-h2 { text-align: center; margin-bottom: 2rem; } .aos-cmp-news .showcase { padding: 0; } .aos-cmp-news .showcase img { border-radius: 100%; max-width: 21rem; } .aos-cmp-news .showcase--body { background-color: #fffdfd; padding: 14rem 1.4rem 4rem; margin-top: -10.5rem; box-shadow: 0 1rem 1.8rem 0 rgba(190, 179, 175, 0.3); } .aos-cmp-news .showcase--body .title-h5 { color: #987160; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 0.8rem; } .aos-cmp-news .showcase--body .title-h4 { font-size: 2.4rem; line-height: 3.6rem; -webkit-line-clamp: 2; height: 7.5rem; margin-bottom: 3.2rem; } .aos-cmp-news .showcase--body .intro { margin-bottom: 1rem; } .aos-cmp-news .showcase--body a { display: inline-block; color: #bf353f; font-family: "Montserrat Medium", sans-serif; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: 0.05rem; text-decoration: none; --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); position: relative; } .aos-cmp-news .showcase--body a::before, .aos-cmp-news .showcase--body a::after { position: absolute; content: ""; left: 0; bottom: 0; display: block; width: 100%; height: 0.1rem; background: #bf353f; transition: 1.1s var(--ease-out-expo); } .aos-cmp-news .showcase--body a::before { transform: scaleX(0); transform-origin: left; } .aos-cmp-news .showcase--body a::after { transform-origin: right; transition-delay: 0.25s; } .aos-cmp-news .showcase--body a:hover::before { transform: scaleX(1); transition-delay: 0.25s; } .aos-cmp-news .showcase--body a:hover::after { transform: scaleX(0); transition-delay: 0s; } @media (max-width: 575.98px) { .aos-cmp-news { padding-left: 0.8rem; padding-right: 0.8rem; } .aos-cmp-news .container, .aos-cmp-news .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-news .title-h2 { padding-right: 0; } .aos-cmp-news .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 25%)); grid-template-rows: 1fr; grid-auto-flow: column; overflow-x: auto; padding: 2rem 1.4rem 2rem 0.6rem; } .aos-cmp-news .col-12 { min-width: 24.8rem; } .aos-cmp-news .title-h2 { margin-bottom: 2rem; } .aos-cmp-news .showcase--body .intro { display: none; } } @media (min-width: 576px) { .aos-cmp-news .row { display: flex; justify-content: center; } .aos-cmp-news .title-h2 { margin-bottom: 3.2rem; } .aos-cmp-news .showcase { margin: 1.4rem 0; } } @media (min-width: 768px) { .aos-cmp-news { padding-bottom: 4.6rem; } } @media (min-width: 1400px) { .aos-cmp-news { padding-bottom: 2rem; } .aos-cmp-news [class^=col] { padding: 0 var(--bs-gutter-x); } .aos-cmp-news .showcase { margin: 4rem 0; } .aos-cmp-news .showcase img { max-width: 31.6rem; } .aos-cmp-news .showcase--body { padding: 19rem 3.6rem 4rem; margin-top: -15.8rem; } .aos-cmp-news .showcase--body .title-h4 { font-size: 3.2rem; line-height: 4.4rem; letter-spacing: 0; height: 9.2rem; } .aos-cmp-news .title-h2 { margin-bottom: 3.6rem; } } .aos-cmp-newsletter { overflow-x: hidden; padding-top: 0; padding-bottom: 0; margin-top: 4rem; /** Newsletter field with drupal widget */ } .aos-cmp-newsletter .container, .aos-cmp-newsletter .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-newsletter .title-h2 { padding-top: 3.2rem; padding-bottom: 3.2rem; text-align: center; position: relative; } .aos-cmp-newsletter .title-h3 { line-height: 1; } .aos-cmp-newsletter .input-wrapper { display: flex; align-items: center; max-width: 54rem; margin: auto; max-height: 4rem; } .aos-cmp-newsletter .input-wrapper .btn { padding: 1rem 1.6rem; border: none; } .aos-cmp-newsletter .input-wrapper .btn .icon { margin: 0 1.6rem 0 1rem; } @media (min-width: 1200px) { .aos-cmp-newsletter .input-wrapper .btn { font-size: 1.6rem; } } .aos-cmp-newsletter .input-wrapper .btn .icon-envelope::before { background-image: url('data:image/svg+xml;utf-8,'); transform: translateY(-1px); } .aos-cmp-newsletter .input--control { border-right-color: #fffdfd; max-height: 3.8rem; } .aos-cmp-newsletter #newsletter-crm { position: relative; } .aos-cmp-newsletter #newsletter-crm #ems-wf-dest { display: flex; overflow: initial; flex-wrap: wrap; } .aos-cmp-newsletter #newsletter-crm #ems-wf-dest .ems-wf-inputElement:nth-child(4) { order: 3; flex-basis: 100%; margin-top: 1rem; } .aos-cmp-newsletter #newsletter-crm .ems-wf-twoColumn, .aos-cmp-newsletter #newsletter-crm .ems-wf-oneColumn { overflow: initial; } .aos-cmp-newsletter #newsletter-crm .ems-wf-oneColumn { width: fit-content; } .aos-cmp-newsletter #newsletter-crm .ems-wf-oneColumn button { margin: 0; padding: 0rem 1.6rem; border: 1px solid #bf353f; border-radius: 0; height: 3.8rem; font-size: 1.6rem; } .aos-cmp-newsletter #newsletter-crm .ems-wf-label { position: absolute; top: 0; color: #68412B !important; } .aos-cmp-newsletter #newsletter-crm .ems-wf-inputElement { padding: 0; float: none; margin: 0.5rem 0 0; min-height: auto !important; flex-grow: 1; width: unset; } .aos-cmp-newsletter #newsletter-crm .ems-wf-inputElement input { border-radius: 0; height: 3.8rem !important; } .aos-cmp-newsletter #newsletter-crm .ems-wf-separator { display: none !important; } .aos-cmp-newsletter #newsletter-crm .ems-wf-Alert { position: absolute; top: 100%; padding: 0.5rem 0 0 1.5rem; background-color: transparent; border: none; text-align: left; color: #a22e37; } .aos-cmp-newsletter .newsletter-img { display: none; } @media (max-width: 575.98px) { .aos-cmp-newsletter #newsletter-crm #ems-wf-dest .ems-wf-inputElement { flex-basis: 100%; } .aos-cmp-newsletter #newsletter-crm .ems-wf-oneColumn button { margin-top: 1rem; margin-bottom: 1rem; } } @media (max-width: 1199.98px) { .aos-cmp-newsletter .title-h3 { margin-bottom: 3.2rem; } .aos-cmp-newsletter #newsletter-crm { max-width: 54rem; margin: 0 auto; } } @media (min-width: 576px) { .aos-cmp-newsletter #newsletter-crm .ems-wf-button { padding: 1rem 1.6rem; } } @media (min-width: 768px) { .aos-cmp-newsletter { margin-top: 6rem; } } @media (min-width: 1200px) { .aos-cmp-newsletter .container, .aos-cmp-newsletter .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-newsletter .title-h2 { padding-top: 5.3rem; padding-bottom: 5.3rem; text-align: left; } .aos-cmp-newsletter [class^=col] { display: flex; flex-direction: column; justify-content: center; } .aos-cmp-newsletter .title-h3 { line-height: 1.5; margin-bottom: 0; } } .aos-cmp-newsletter #simplenews-subscriptions-block-component-item-field-newsletter .input--text.form-email { border-radius: 0; } .aos-cmp-popup .popup-wrapper { background-color: rgba(26, 26, 26, 0.6); position: fixed; inset: 0; padding: 10rem 0.4rem 0 0.4rem; z-index: 20; } .aos-cmp-popup .popup { background-color: #f5f4ea; border-radius: 50%; position: relative; display: flex; } .aos-cmp-popup .popup-button, .aos-cmp-popup .popup-content { position: absolute; } .aos-cmp-popup .popup-button { top: 0; width: 75%; top: 0; z-index: 10; } .aos-cmp-popup .popup-content { display: flex; flex-direction: column; justify-content: center; text-align: center; margin: auto; inset: 0; } .aos-cmp-popup .title-h4 { max-width: 80%; margin: 0 auto 2.4rem; } .aos-cmp-popup p, .aos-cmp-popup dl { font-size: 1.4rem; line-height: 2.2rem; } .aos-cmp-popup dl { margin: 0.4rem auto 2.4rem; } .aos-cmp-popup .btn-primary { display: inline-block; width: fit-content; margin-left: auto; margin-right: auto; } @media (max-width: 575.98px) { .aos-cmp-popup .popup { height: 0; padding-top: 100%; } .aos-cmp-popup .popup-content { width: 70%; height: 70%; } } @media (min-width: 576px) { .aos-cmp-popup .popup { width: 38.6rem; height: 38.6rem; margin: auto; } } @media (min-width: 1200px) { .aos-cmp-popup .popup-wrapper { padding-top: 20rem; } .aos-cmp-popup .popup-wrapper .title-h4, .aos-cmp-popup .popup-wrapper dl { margin-bottom: 3.2rem; } } .aos-cmp-product-overview { padding-top: 2.6rem; padding-bottom: 2.6rem; } .aos-cmp-product-overview .row { display: flex; justify-content: center; } .aos-cmp-product-overview .title-h2 { text-align: center; } .aos-cmp-product-overview .showcase { padding-bottom: 0.5rem; margin: 1.4rem 0; } .aos-cmp-product-overview .showcase img { aspect-ratio: auto !important; } .aos-cmp-product-overview .showcase--body { padding: 2rem 0 0.5rem; } .aos-cmp-product-overview .showcase--body .title-h4 { text-transform: none; /* -webkit-line-clamp: 3; height: 8.4rem; */ height: auto; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 768px) { .aos-cmp-product-overview { padding-top: 4.6rem; padding-bottom: 4.6rem; } } @media (min-width: 1400px) { .aos-cmp-product-overview { padding-top: 2rem; padding-bottom: 0; } .aos-cmp-product-overview [class^=col] { padding: 0 var(--bs-gutter-x); } .aos-cmp-product-overview .showcase { padding: 0 2.5rem 2rem; margin: 4rem 0; } .aos-cmp-product-overview .showcase--body { padding: 3.5rem 0 2rem; } } .aos-cmp-simple-button { text-align: center; } .aos-cmp-slider .carousel { position: relative; overflow: hidden; } .aos-cmp-slider .carousel-slider { display: flex; transition: 0.3s; } .aos-cmp-slider .carousel-slide { flex: 1 0 100%; display: flex; position: relative; opacity: 1; transition: opacity 0.1s; transition-delay: 0.4s; } .aos-cmp-slider .carousel-slide .intro { text-align: center; } .aos-cmp-slider .carousel-slide .intro .title-h2 { margin-bottom: 3.2rem; } .aos-cmp-slider .carousel-slide .intro-link { margin: 3.2rem auto 4rem; } .aos-cmp-slider .carousel-slide.is-active { opacity: 1; } .aos-cmp-slider .carousel-slide.is-active .panel-slides > div { animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .aos-cmp-slider .carousel-slide.is-active .panel-slides > div:nth-child(1) { animation-delay: 0.2s; } .aos-cmp-slider .carousel-slide.is-active .panel-slides > div:nth-child(2) { animation-delay: 0.4s; } .aos-cmp-slider .carousel-slide.is-active .panel-slides > div:nth-child(3) { animation-delay: 0.6s; } .aos-cmp-slider .carousel-slide.is-active .panel-slides > div a { display: block; transition: transform 0.2s; } .aos-cmp-slider .carousel-slide.is-active .panel-slides > div:hover a { transform: translateY(-0.8rem); } .aos-cmp-slider .carousel-navigation { display: none; } .aos-cmp-slider .carousel-arrows { display: flex; justify-content: end; margin-top: 3.2rem; } .aos-cmp-slider .carousel-prev, .aos-cmp-slider .carousel-next { width: 2.4rem; height: 2.4rem; background-color: transparent; border: none; cursor: pointer; } .aos-cmp-slider .carousel-prev .chevron.left::before, .aos-cmp-slider .carousel-prev .chevron.right::before, .aos-cmp-slider .carousel-next .chevron.left::before, .aos-cmp-slider .carousel-next .chevron.right::before { content: ""; display: inline-block; height: 1.5rem; width: 1.5rem; border-bottom: 0.2rem solid #bf353f; } .aos-cmp-slider .carousel-prev .chevron.left::before, .aos-cmp-slider .carousel-next .chevron.left::before { border-left: 0.2em solid #bf353f; transform: rotate(45deg); } .aos-cmp-slider .carousel-prev .chevron.right::before, .aos-cmp-slider .carousel-next .chevron.right::before { border-right: 0.2rem solid #bf353f; transform: rotate(-45deg); } .aos-cmp-slider .carousel-next { margin-left: 2.4rem; } .aos-cmp-slider .panel-slides { display: grid; row-gap: 1.2rem; } .aos-cmp-slider .panel-slides > div { position: relative; transition: transform 0.3s; } .aos-cmp-slider .panel-slides > div img { aspect-ratio: 6/2; overflow: hidden; object-fit: cover; } .aos-cmp-slider .panel-slides > div .caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.4rem; color: #fffdfd; background: linear-gradient(180deg, transparent 0%, rgba(104, 65, 43, 0.5) 95%); } .aos-cmp-slider .panel-slides > div .caption .title-h5 { font-size: 2.2rem; line-height: 2.8rem; text-transform: uppercase; margin-bottom: 0.4rem; } .aos-cmp-slider .panel-slides > div .caption span { display: block; font-size: 1.2rem; line-height: 1.8rem; } @media (min-width: 768px) { .aos-cmp-slider .carousel-slide .container, .aos-cmp-slider .carousel-slide .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-slider .carousel-slide .title-h2 { display: grid; grid-template-columns: 1fr 1fr; align-items: center; } .aos-cmp-slider .carousel-slide .intro { text-align: left; padding-right: 16%; background-size: cover; display: flex; flex-direction: column; height: 100%; justify-content: center; } .aos-cmp-slider .carousel-slide .intro-link { margin-bottom: 0; margin-left: 0; } } @media (min-width: 1400px) { .aos-cmp-slider .carousel-arrows { margin-top: 6.5rem; } .aos-cmp-slider .carousel-prev, .aos-cmp-slider .carousel-next { width: 3.2rem; height: 3.2rem; } .aos-cmp-slider .carousel-prev .chevron.left::before, .aos-cmp-slider .carousel-prev .chevron.right::before, .aos-cmp-slider .carousel-next .chevron.left::before, .aos-cmp-slider .carousel-next .chevron.right::before { content: ""; display: inline-block; height: 2rem; width: 2rem; } .aos-cmp-slider .carousel-next { margin-left: 3.2rem; } .aos-cmp-slider .panel-slides > div .caption span { font-size: 1.4rem; line-height: 2.2rem; } } .aos-cmp-socialmedia { color: #fffdfd; overflow-x: hidden; padding: 0 1.2rem; margin: 4rem auto; background: linear-gradient(to right, #edab30, #ffd768); } .aos-cmp-socialmedia .container, .aos-cmp-socialmedia .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-socialmedia .title-h2 { padding-top: 5rem; padding-bottom: 5rem; text-align: center; } .aos-cmp-socialmedia .links-social { line-height: 1; } .aos-cmp-socialmedia .links-social li { margin: 0 2.2rem; } .aos-cmp-socialmedia .links-social li a { display: block; line-height: 0; transition: 0.3s; } .aos-cmp-socialmedia .links-social li a:hover { transform: scale(1.3); } .aos-cmp-socialmedia .links-social .icon { width: 4.4rem; height: 4.4rem; } .aos-cmp-socialmedia .links-social .icon::before { width: 4.4rem; height: 4.4rem; background-size: 4.4rem; } .aos-cmp-socialmedia .links-social .icon-facebook::before { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-socialmedia .links-social .icon-instagram::before { background-image: url('data:image/svg+xml;utf-8,'); } @media (min-width: 768px) { .aos-cmp-socialmedia { margin: 6rem auto; } } @media (min-width: 1200px) { .aos-cmp-socialmedia .container, .aos-cmp-socialmedia .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-socialmedia .title-h2 { padding-top: 7rem; padding-bottom: 7rem; text-align: left; } .aos-cmp-socialmedia [class^=col] { display: flex; flex-direction: column; justify-content: center; } .aos-cmp-socialmedia .title-h2 { margin-bottom: 0; } .aos-cmp-socialmedia .links-social { margin-left: auto; } .aos-cmp-socialmedia .links-social li { margin-right: 0; } .aos-cmp-socialmedia .links-social li:not(:first-child) { margin-left: 4.4rem; } } .aos-cmp-socialwall { padding-bottom: 3rem; } .aos-cmp-socialwall .row { display: flex; justify-content: center; } .aos-cmp-socialwall h2, .aos-cmp-socialwall .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .field--name-field-title, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .aos-cmp-socialwall .field--name-field-title, .aos-cmp-socialwall h4 { text-align: center; } .aos-cmp-socialwall .title-social { font-family: "Montserrat Bold", sans-serif; color: #bf353f; text-transform: none; font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 0.4rem; letter-spacing: 0; } .aos-cmp-socialwall .title-h2 { margin-bottom: 3rem; } .aos-cmp-socialwall .image-wrapper { margin: 1rem 0; } .aos-cmp-socialwall a { display: block; overflow: hidden; position: relative; } .aos-cmp-socialwall a img { object-fit: cover; aspect-ratio: 1/1; border-radius: 0.4rem; transform: scale(1); transition: 0.3s ease-in-out; } .aos-cmp-socialwall a::before, .aos-cmp-socialwall a::after { content: ""; position: absolute; inset: 0; margin: auto; transform: scale(1, 0); transform-origin: bottom; transition: 0.3s; } .aos-cmp-socialwall a::before { background-color: #bf353f; border-radius: 0.4rem; z-index: 1; } .aos-cmp-socialwall a::after { display: inline-block; width: 4rem; height: 4rem; background: center/4rem 4rem no-repeat; background-image: url('data:image/svg+xml;utf-8,'); z-index: 2; } .aos-cmp-socialwall a:hover::before, .aos-cmp-socialwall a:hover::after { transform: scale(1, 1); } @media (min-width: 576px) { .aos-cmp-socialwall a::after { width: 8.8rem; height: 8.8rem; background: center/8.8rem 8.8rem no-repeat; background-image: url('data:image/svg+xml;utf-8,'); } } @media (min-width: 768px) { .aos-cmp-socialwall { padding-bottom: 5rem; } } @media (min-width: 1200px) { .aos-cmp-socialwall .title-social { line-height: 3.6rem; } .aos-cmp-socialwall .title-h2 { margin-bottom: 5.4rem; transform: translateY(-1rem); } } @media (min-width: 1400px) { .aos-cmp-socialwall .container, .aos-cmp-socialwall .aos-cmp-picture_wall_carousel .title-h2, .aos-cmp-picture_wall_carousel .aos-cmp-socialwall .title-h2 { padding: 0; } .aos-cmp-socialwall [class^=col] { padding: 0 var(--bs-gutter-x); } } .aos-cmp-subpage-title { background: linear-gradient(90deg, rgb(220, 167, 75) 0%, rgb(247, 198, 102) 50%); display: flex; flex-direction: column; justify-content: center; overflow-x: hidden; padding-top: 3.2rem; padding-bottom: 3.2rem; } .aos-cmp-subpage-title .title-h1 { font-family: "Brandon Grotesque"; font-size: 4.2rem; line-height: 1; text-align: center; color: #fffdfd; } @media (min-width: 576px) { .aos-cmp-subpage-title { min-height: 20rem; } } @media (min-width: 1200px) { .aos-cmp-subpage-title .title-h1 { font-size: 7.2rem; } } .aos-cmp-table-buttons .title-h2 { text-align: center; } .aos-cmp-table-buttons .btn .icon-download, .aos-cmp-table-buttons .btn .icon-arrow-right { transition: 0.3s; } .aos-cmp-table-buttons .btn:hover .icon-download { transform: translateY(0.5rem); } .aos-cmp-table-buttons .btn:hover .icon-arrow-right { transform: translateX(1rem); } .aos-cmp-table-buttons .icon-download::before { transform: translateY(-0.2rem); } .aos-cmp-table-buttons .table-container { max-width: 80rem; margin: auto; border-top: 1px solid #68412B; padding: 1.2rem 0 3.6rem; } .aos-cmp-table-buttons .table-container:last-child { padding-bottom: 0; } .aos-cmp-table-buttons .table-container .title-h4, .aos-cmp-table-buttons .table-container .btn { margin-bottom: 2.4rem; } @media (min-width: 576px) { .aos-cmp-table-buttons .table-container { padding: 2.4rem 0; } .aos-cmp-table-buttons .table-container .buttons-content { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.2rem; } .aos-cmp-table-buttons .table-container .btn { margin-bottom: 0; } } @media (min-width: 1200px) { .aos-cmp-table-buttons .table-container { display: grid; grid-template-columns: 1fr 2fr; column-gap: 3rem; align-items: center; } .aos-cmp-table-buttons .table-container .buttons-content { width: fit-content; margin-left: auto; } .aos-cmp-table-buttons .table-container .title-h4 { margin-bottom: 0; } } .aos-cmp-table-opening-hours .intro span { display: block; } .aos-cmp-table-opening-hours .table-container { border-top: 1px solid #beb3af; padding: 1.2rem 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 3.2rem; align-items: center; } .aos-cmp-table-opening-hours .table-container:last-child { padding-bottom: 0; } .aos-cmp-table-opening-hours .table-container p, .aos-cmp-table-opening-hours .table-container strong { line-height: 1; } .aos-cmp-table-opening-hours .table-container p { font-size: 1.6rem; } .aos-cmp-table-opening-hours .table-container strong { font-family: "Brandon Grotesque"; font-size: 1.8rem; } .aos-cmp-table-opening-hours .accordion { margin-top: 3.6rem; } .aos-cmp-table-opening-hours .accordion .panel { border-top: none; } @media (max-width: 1199.98px) { .aos-cmp-table-opening-hours .intro { text-align: center; margin-bottom: 4rem; } .aos-cmp-table-opening-hours .accordion input { max-height: 6.5rem; } .aos-cmp-table-opening-hours .accordion input + label::before { width: 2rem; height: 2rem; } } @media (min-width: 768px) and (max-width: 1199.98px) { .aos-cmp-table-opening-hours .table-container, .aos-cmp-table-opening-hours .accordion { max-width: 60rem; } .aos-cmp-table-opening-hours .table-container { margin: auto; } .aos-cmp-table-opening-hours .accordion { margin: 4rem auto 0; } } @media (min-width: 1200px) { .aos-cmp-table-opening-hours .title-h2 { margin-bottom: 2.5rem; } .aos-cmp-table-opening-hours .table-container p { font-size: 1.8rem; } .aos-cmp-table-opening-hours .table-container strong { font-size: 2.2rem; line-height: 2.8rem; } .aos-cmp-table-opening-hours .accordion .title-h4 { font-size: 3.2rem; line-height: 4.4rem; } .aos-cmp-table-opening-hours .accordion input + label::before { width: 2rem; height: 4rem; } } .aos-cmp-table .title-h2 { text-align: center; } .aos-cmp-table .table-container { max-width: 80rem; margin: auto; border-top: 1px solid #68412B; padding: 0.8rem 0 4rem; } .aos-cmp-table .table-container:last-child { padding-bottom: 0; } .aos-cmp-table .table-container .title-h4 { margin-bottom: 1.2rem; } .aos-cmp-table .table-container img { aspect-ratio: 3/2; object-fit: cover; margin-top: 2.4rem; } .aos-cmp-table .table-container span { display: block; } .aos-cmp-table .table-container ul { margin-top: 0; } .aos-cmp-table .table-container ul li { font-size: 1.8rem; } .aos-cmp-table .table-container ul li::before { font-size: 1.6rem; } @media (min-width: 768px) { .aos-cmp-table .table-container { padding: 1.2rem 0 3.2rem; } .aos-cmp-table .table-container img { max-width: 49rem; margin: 2.4rem 0 0; } } @media (min-width: 1200px) { .aos-cmp-table .table-container { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); column-gap: 3.2rem; } .aos-cmp-table .table-container .title-h4 { overflow-wrap: break-word; } .aos-cmp-table .table-container ul li { font-size: 2rem; } } @media (min-width: 992px) { .aos-cmp-text-with-image { padding: 0; } } @media (min-width: 992px) { .aos-cmp-text-with-image:first-child { padding: 6rem 0 0 !important; } } @media (min-width: 992px) { .aos-cmp-text-with-image:last-child { padding: 0 0 6rem !important; } } @media (min-width: 992px) { .aos-cmp-text-with-image .col-lg-6 { padding-left: 0 !important; padding-right: 0 !important; } } .aos-cmp-text-with-image .text-wrapper { margin-left: auto; padding-top: 4rem; } .aos-cmp-text-with-image .text-wrapper .title-h2 { margin-bottom: 4rem; } .aos-cmp-text-with-image .text-wrapper .btn { margin-top: 3.2rem; } .aos-cmp-text-with-image .image-wrapper { margin-left: -2rem; margin-right: -2rem; } .aos-cmp-text-with-image .image-wrapper img { aspect-ratio: 3/2; object-fit: cover; } @media (max-width: 991.98px) { .aos-cmp-text-with-image .row > div:first-of-type { order: 2; } } @media (min-width: 576px) { .aos-cmp-text-with-image .text-wrapper { max-width: 54rem; margin-right: auto; padding-left: 0.8rem; padding-right: 0.8rem; } .aos-cmp-text-with-image .image-wrapper img { max-height: 53rem; } } @media (min-width: 768px) and (max-width: 991.98px) { .aos-cmp-text-with-image .text-wrapper { max-width: 72rem; } } @media (min-width: 992px) { .aos-cmp-text-with-image .row { align-items: center; } .aos-cmp-text-with-image .text-wrapper { margin-right: 0; padding-top: 0; } .aos-cmp-text-with-image .image-wrapper { margin-left: 0; } } @media (min-width: 1200px) { .aos-cmp-text-with-image { max-width: 192rem; margin: auto !important; } .aos-cmp-text-with-image .text-wrapper { max-width: 60.5rem; padding-right: 7.2rem; margin-left: auto; } } @media (min-width: 1400px) { .aos-cmp-text-with-image .image-wrapper { margin-right: -0.8rem; } .aos-cmp-text-with-image .image-wrapper img { aspect-ratio: 1/1; } } .aos-cmp-text-with-image .reverse-order .row > div:first-of-type { order: 2; } @media (min-width: 992px) { .aos-cmp-text-with-image .reverse-order .image-wrapper { margin-left: -2rem; margin-right: auto; } } @media (min-width: 1200px) { .aos-cmp-text-with-image .reverse-order .text-wrapper { padding-left: 7.2rem; padding-right: 0; margin-left: 0; } } .aos-cmp-text .text-container { max-width: 80rem; margin: auto; } .aos-cmp-text .title-h2 { text-align: center; } .aos-cmp-text p { font-size: 2rem; line-height: 3.2rem; letter-spacing: 0.09rem; } .aos-cmp-text p:not(:last-of-type) { margin-bottom: 2.8rem; } .aos-cmp-text .btn { margin-top: 3.2rem; } @media (min-width: 1200px) { .aos-cmp-text .highlight { font-size: 2.2rem; line-height: 3.4rem; letter-spacing: 0.04rem; margin-bottom: 5.2rem; } .aos-cmp-text .btn { margin-top: 4rem; } } .aos-cmp-timeline .timeline { position: relative; padding-left: 3.2rem; } .aos-cmp-timeline .timeline::before { content: ""; width: 0.1rem; height: 100%; background-color: #bf353f; position: absolute; top: 0; bottom: 0; left: 0; } .aos-cmp-timeline .timeline--step { display: block; width: 3.2rem; height: 3.2rem; background-color: #bf353f; border-radius: 5rem; position: absolute; top: 0; left: -1.6rem; } .aos-cmp-timeline .timeline--step .icon { height: 3.2rem; transition: 0.2s; } .aos-cmp-timeline .timeline--step .icon::before, .aos-cmp-timeline .timeline--step .icon::after { content: ""; display: inline-block; width: 3.2rem; height: 3.2rem; background: center/2rem 2rem no-repeat; position: absolute; left: 0; right: 0; transition: 0.2s; } .aos-cmp-timeline .timeline--step .icon-caret-down::before, .aos-cmp-timeline .timeline--step .icon-caret-down::after { background-image: url('data:image/svg+xml;utf-8,'); } .aos-cmp-timeline .timeline--step:hover .icon-caret-down::before { margin-top: 0.6rem; } .aos-cmp-timeline .timeline:last-child .timeline--step { pointer-events: none; } .aos-cmp-timeline .timeline:last-child .timeline--step .icon::before, .aos-cmp-timeline .timeline:last-child .timeline--step .icon::after { display: none; } .aos-cmp-timeline .timeline:not(:last-child) { padding-bottom: 4rem; } .aos-cmp-timeline .timeline .flex-row-reverse { flex-direction: row !important; } .aos-cmp-timeline .image-wrapper img { aspect-ratio: 3/2; object-fit: cover; } .aos-cmp-timeline .text-wrapper .btn { outline: none; color: #fffdfd; background-color: #bf353f; margin-top: 3.2rem; } .aos-cmp-timeline .text-wrapper .btn:hover { background-color: #a22e37; } @media (max-width: 991.98px) { .aos-cmp-timeline .text-wrapper { margin-bottom: 3.2rem; } } @media (min-width: 992px) { .aos-cmp-timeline .title-h2 { text-align: center; margin-bottom: 7rem; } .aos-cmp-timeline .timeline { padding-left: 0; } .aos-cmp-timeline .timeline::before { right: 0; margin: auto; } .aos-cmp-timeline .timeline--step { left: 0; right: 0; margin: auto; width: 5.2rem; height: 5.2rem; } .aos-cmp-timeline .timeline--step .icon { height: 5.4rem; } .aos-cmp-timeline .timeline--step .icon-caret-down::before, .aos-cmp-timeline .timeline--step .icon-caret-down::after { width: 5.4rem; height: 5.4rem; transform: scale(1.5); } .aos-cmp-timeline .timeline--step:hover .icon-caret-down::before { margin-top: 1rem; } .aos-cmp-timeline .timeline:not(:last-child) { padding-bottom: 6rem; } .aos-cmp-timeline .timeline:nth-child(even) .col-lg-6:first-child { order: 2; } .aos-cmp-timeline .timeline:nth-child(even) .col-lg-6:first-child .text-wrapper { padding-left: 16%; } .aos-cmp-timeline .timeline:nth-child(even) .col-lg-6:last-child { order: 1; } .aos-cmp-timeline .timeline:nth-child(even) .col-lg-6:last-child .image-wrapper { padding-right: 16%; } .aos-cmp-timeline .timeline:nth-child(odd) .text-wrapper { padding-right: 16%; } .aos-cmp-timeline .timeline:nth-child(odd) .image-wrapper { padding-left: 16%; } } body.path-search .region--breadcrumb { display: none; } body.path-search .region--content { padding: 3rem 2rem; } @media (min-width: 576px) { body.path-search .region--content { max-width: 540px; padding: 6rem 0; margin-left: auto; margin-right: auto; padding-right: 1.6rem; padding-left: 1.6rem; } } @media (min-width: 768px) { body.path-search .region--content { max-width: 720px; } } @media (min-width: 992px) { body.path-search .region--content { max-width: 960px; } } @media (min-width: 1200px) { body.path-search .region--content { max-width: 1140px; } } @media (min-width: 1400px) { body.path-search .region--content { max-width: 1232px; } } body.path-search .region--content .search-form, body.path-search .region--content .views-exposed-form { display: none; } body.path-search .region--content ol { list-style: none; } body.path-search .region--content ol li { margin-bottom: 4.2rem; } body.path-search .region--content ol li h3 { margin-bottom: 1rem; font-size: 2.8rem; } @media (min-width: 1200px) { body.path-search .region--content ol li h3 { font-size: 3.4rem; } } body.path-search .region--content .pager { margin: 5.2rem 0 2.4rem; } @media (min-width: 768px) { body.path-search .region--content .pager { margin: 8rem 0 6rem; } } body.path-search .region--content .pager .pager__items { list-style: none; display: flex; justify-content: center; gap: 1rem; padding: 0; } @media (min-width: 1200px) { body.path-search .region--content .pager .pager__items { gap: 1.6rem; } } body.path-search .region--content .pager .pager__items .pager__item:before { display: none; } body.path-search .region--content .pager .pager__items .pager__item a { text-decoration: none; border: 0.1rem solid #bf353f; border-radius: 50%; display: block; height: 3rem; width: 3rem; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; } @media (min-width: 1200px) { body.path-search .region--content .pager .pager__items .pager__item a { height: 4rem; width: 4rem; } body.path-search .region--content .pager .pager__items .pager__item a:hover { transition: 0.3s all; background-color: #f1bdc4; color: #fffdfd; } } body.path-search .region--content .pager .pager__items .pager__item--first a, body.path-search .region--content .pager .pager__items .pager__item--previous a, body.path-search .region--content .pager .pager__items .pager__item--next a, body.path-search .region--content .pager .pager__items .pager__item--last a { border: 0; border-radius: unset; position: relative; } body.path-search .region--content .pager .pager__items .pager__item--first a span:last-child, body.path-search .region--content .pager .pager__items .pager__item--previous a span:last-child, body.path-search .region--content .pager .pager__items .pager__item--next a span:last-child, body.path-search .region--content .pager .pager__items .pager__item--last a span:last-child { display: none; } body.path-search .region--content .pager .pager__items .pager__item--first a:hover, body.path-search .region--content .pager .pager__items .pager__item--previous a:hover, body.path-search .region--content .pager .pager__items .pager__item--next a:hover, body.path-search .region--content .pager .pager__items .pager__item--last a:hover { transition: 0.5s all; background-color: transparent; color: #bf353f; } body.path-search .region--content .pager .pager__items .pager__item--first a:before, body.path-search .region--content .pager .pager__items .pager__item--previous a:before { content: "«"; display: block; position: absolute; left: 0; top: 0; } @media (min-width: 1200px) { body.path-search .region--content .pager .pager__items .pager__item--first a:before, body.path-search .region--content .pager .pager__items .pager__item--previous a:before { font-size: 2.4rem; top: 0.5rem; } } body.path-search .region--content .pager .pager__items .pager__item--previous a:before { content: "‹"; } body.path-search .region--content .pager .pager__items .pager__item--next a:after, body.path-search .region--content .pager .pager__items .pager__item--last a:after { content: "›"; display: block; position: absolute; right: 0; top: 0; } @media (min-width: 1200px) { body.path-search .region--content .pager .pager__items .pager__item--next a:after, body.path-search .region--content .pager .pager__items .pager__item--last a:after { font-size: 2.4rem; top: 0.5rem; } } body.path-search .region--content .pager .pager__items .pager__item--last a:after { content: "»"; } body.path-search .region--content .pager .pager__items .pager__item.is-active a { background-color: #bf353f; color: #fffdfd; } .aos-cmp-image_video_slider .container-fluid, .aos-cmp-image_video_slider .container-xxl, .aos-cmp-image_video_slider .container-xl, .aos-cmp-image_video_slider .container-lg, .aos-cmp-image_video_slider .container-md, .aos-cmp-image_video_slider .container-sm { padding: 0; } .aos-cmp-image_video_slider .component-item--type-image-video-slider { height: 66rem; background-position: center; background-repeat: no-repeat; background-size: cover; } @media (min-width: 992px) { .aos-cmp-image_video_slider .component-item--type-image-video-slider { height: 90rem; } } .aos-cmp-image_video_slider .component-item--type-image-video-slider.video-container video { width: 100%; height: 100%; object-fit: cover; object-position: center; } .aos-cmp-picture_wall_carousel { overflow-x: hidden; padding-left: 0; padding-right: 0; position: relative; /* Scrollbar webkit */ } .aos-cmp-picture_wall_carousel *::-webkit-scrollbar { width: 0.3rem; } .aos-cmp-picture_wall_carousel *::-webkit-scrollbar-track { background: transparent; } .aos-cmp-picture_wall_carousel *::-webkit-scrollbar-thumb { background-color: #f1bdc4; border-radius: 5rem; border: 0.7rem solid #f5f4ea; } .aos-cmp-picture_wall_carousel .container-fluid, .aos-cmp-picture_wall_carousel .container-xxl, .aos-cmp-picture_wall_carousel .container-xl, .aos-cmp-picture_wall_carousel .container-lg, .aos-cmp-picture_wall_carousel .container-md, .aos-cmp-picture_wall_carousel .container-sm { padding: 0 2rem; } .aos-cmp-picture_wall_carousel .picture-wall { display: grid; grid-auto-columns: 4.662vw; grid-auto-flow: column; grid-template-rows: repeat(10, 8fr); gap: 2rem; height: 80vh; overflow-y: hidden; overflow-x: auto; scroll-margin-bottom: 2em; scrollbar-width: none; } .aos-cmp-picture_wall_carousel .picture-wall::-webkit-scrollbar { display: none; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph { position: relative; overflow: hidden; grid-row: span 10; grid-column: span 8; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph::after { content: ""; display: block; padding-bottom: 100%; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:first-child, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(2) { grid-row: span 5; grid-column: span 5; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(3), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(4) { grid-row: span 10; grid-column: span 5; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(9), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(10), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(13), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(14), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(19), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(20) { grid-row: span 5; grid-column: span 7; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(5), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(15) { grid-row: span 6; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(6), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(16) { grid-row: span 4; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(7), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(17) { grid-row: span 4; grid-column: span 10; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(8), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(18) { grid-row: span 6; grid-column: span 10; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(9) { grid-column: span 9; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(10) { grid-column: span 9; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .field--name-field-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info { display: flex; flex-direction: column; justify-content: end; position: absolute; inset: -1px; padding: 2rem 2rem 4rem; text-align: center; background: linear-gradient(0deg, #fffdfd 0%, rgba(255, 253, 253, 0.2) 70%, rgba(255, 253, 253, 0) 100%); color: #68412B; transform: scale(1, 0); transform-origin: bottom; transition: transform 0.3s; z-index: 1; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .field--name-field-title { margin-bottom: 2rem; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info .field--name-field-link a { position: absolute; inset: 0; color: transparent; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:hover .field--name-field-image img { transform: scale(1.2); } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:hover .paragraph-info-container .paragraph-info { transform: scale(1, 1); } .aos-cmp-picture_wall_carousel #wall-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; } .aos-cmp-picture_wall_carousel #wall-nav button { width: 7rem; height: 7rem; background-color: #fff; display: flex; justify-content: center; align-items: center; font-size: 2rem; position: absolute; z-index: 900; cursor: pointer; } .aos-cmp-picture_wall_carousel #wall-nav button:before { content: ""; display: inline-block; height: 2rem; width: 2rem; border-bottom: 0.2rem solid #000; vertical-align: 2px; } .aos-cmp-picture_wall_carousel #wall-nav button.prev { left: 0; } .aos-cmp-picture_wall_carousel #wall-nav button.prev:before { border-left: 0.2rem solid #000; transform: rotate(45deg); margin-right: -4px; } .aos-cmp-picture_wall_carousel #wall-nav button.next { right: 40px; } .aos-cmp-picture_wall_carousel #wall-nav button.next:before { border-right: 0.2rem solid #000; transform: rotate(-45deg); margin-left: -4px; } @media (max-width: 1199.98px) { .aos-cmp-picture_wall_carousel #wall-nav { display: none; } } @media (max-width: 767.98px) { .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .paragraph-info-container .paragraph-info { transform: scale(1, 1); background: transparent; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .field--name-field-title, .aos-cmp-picture_wall_carousel .picture-wall > .paragraph .field-type-text { display: none; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:hover .field--name-field-image img { transform: none; } } @media (min-width: 576px) { .aos-cmp-picture_wall_carousel .picture-wall { grid-auto-columns: 3.457vw; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:first-child { grid-row: span 10; grid-column: span 5; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(2) { grid-row: span 10; grid-column: span 10; } .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(3), .aos-cmp-picture_wall_carousel .picture-wall > .paragraph:nth-child(4) { grid-row: span 5; grid-column: span 7; } } :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } .container, .aos-cmp-picture_wall_carousel .title-h2, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.6rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container, .aos-cmp-picture_wall_carousel .title-h2 { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container, .aos-cmp-picture_wall_carousel .title-h2 { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container, .aos-cmp-picture_wall_carousel .title-h2 { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container, .aos-cmp-picture_wall_carousel .title-h2 { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .aos-cmp-picture_wall_carousel .title-h2 { max-width: 1232px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.6rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } }/*# sourceMappingURL=main.css.map */