.rotate {
display: block;
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.rotate {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.rotate:hover img {
-webkit-transform: scale(1.01) rotate(-0.2deg);
-moz-transform: scale(1.01) rotate(-0.2deg);
-o-transform: scale(1.01) rotate(-0.2deg);
-ms-transform: scale(1.01) rotate(-0.2deg);
transform: scale(1.01) rotate(-0.2deg);
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px); }
to {
opacity: 1;
transform: translateY(0); }
} .animate-bottom.inview {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 2s;
animation-name: animatebottom;
animation-duration: 2s
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
} .hidden {
opacity: 0;
}
@-webkit-keyframes fade-in {
0%   { opacity: 0; transform: scale(.7,.7) }
100% { opacity: 1;}
}
@keyframes fade-in {
0%   { opacity: 0; transform: scale(.7,.7) }
100% { opacity: 1; }
}
.fade-in-element {
animation: fade-in 2s;
} .reveal {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-moz-transition: .8s;
-o-transition: .8s;
-webkit-transition: .8s;
transition: .8s;
}
.reveal:nth-of-type(2) {
-moz-transition-delay: .6s;
-o-transition-delay: .6s;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.reveal:nth-of-type(3) {
-moz-transition-delay: .9s;
-o-transition-delay: .9s;
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.reveal:nth-of-type(4) {
-moz-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.reveal:nth-of-type(5) {
-moz-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.reveal:nth-of-type(6) {
-moz-transition-delay: 1.7s;
-o-transition-delay: 1.7s;
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.reveal.inview {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} .wiggle {
position: absolute;
display: block;
bottom: 40px;
width: 100%;
height: auto;
padding: 0;
-webkit-animation-name: wiggle; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-name: wiggle;
animation-duration: 2s;
animation-iteration-count: infinite;
z-index: 5;
}
.wiggle a {
display: block;
width: 100px;
height: 40px;
margin: 0 auto;
border: 0;
background-image: url(//scandolagency.ch/wp-content/themes/flexy-wpauto-v2/images/more.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-color: transparent;
padding: 0;
}
.wiggle .a:hover {
background-color: inherit;
border: 0;
}
@keyframes wiggle {
0% { bottom: 40px; }
50% { bottom: 45px; }
100% { bottom: 40px; }
}.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
color: var(--color-light);
font-size: 1.3rem !important;
}
.cover .swiper-slide-duplicate {
display: none !important;
} .minislider .swiper {
width: 100%;
} .minislider .swiper {
position: relative;
}
.minislider .swiper .swiper-wrapper {
padding: 0 4rem;
transition-timing-function: linear;
}
.minislider .swiper-minislider-img .swiper-slide {
width: 27% !important;
transition: opacity 0.3s ease-in-out;
}
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-prev,
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.minislider .swiper-minislider-img .swiper-slide,
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-next {
opacity: 0.5 !important;
} .minislider .swiper-minislider-logos .swiper-wrapper {
align-items: center;
}
.swiper-button-prev-mini {
left: 5%;
}
.swiper-button-next-mini {
right: 5%;
}
.minislider .swiper-button-next-mini {
right: 0;
left: auto;
}
.minislider .swiper-button-prev-mini {
left: 0;
right: auto;
}
.minislider .swiper-button-next-mini,
.minislider .swiper-button-prev-mini {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
color: var(--color-main);
padding: 0.5rem;
z-index: 10;
border-radius: 40px 40px 0 0;
}
.minislider .swiper-button-next-mini {
right: 0;
border-radius: 40px 0 0 40px; }
.minislider .swiper-button-prev-mini {
left: 0;
border-radius: 0 40px 40px 0; }
.minislider .swiper-button-next-mini::after {
content: 'next';
padding-left: 0.5rem;
}
.minislider .swiper-button-prev-mini::after {
content: 'prev';
padding-right: 0.5rem;
}
.minislider .swiper-button-next-mini::after,
.minislider .swiper-button-prev-mini::after {
color: var(--color-light);
font-size: 1.2rem !important;
font-family: swiper-icons;
text-transform: none !important;
font-weight: var(--fw-bold);
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-pagination {
z-index: 5 !important;
}
.swiper-pagination-bullet-active {
background: var(--color-light) !important;
}
.swiper-wrapper.disabled {
transform: translate3d(0px, 0, 0) !important;
}
.swiper-wrapper.disabled .swiper-slide {
transition: none !important;
}
.swiper-button-lock,
.swiper-button-disabled,
.swiper-pagination.disabled,
.swiper-button-prev.disabled,
.swiper-button-next.disabled {
display: none !important;
} .noshow {
display: none;
}
.fancybox-content.animated-modal {
width: 100%;
max-width: 800px;
background-color: transparent;
}
.fancybox-content.animated-modal .form-box {
padding: 2rem;
background-color: var(--color-light);
}
.fancybox-slide--html .fancybox-close-small {
background-color: var(--color-primary);
opacity: 1;
border-radius: var(--br-round);
width: 30px;
height: 30px;
right: 2rem !important;
top: 2rem !important;
padding: 0 !important;
}
.fancybox-button svg {
width: 25px;
height: 25px;
}
.fancybox-button svg path {
fill: var(--color-light) !important;
}:root { --color-main: #3a3036;
--color-primary: #228dcd;
--color-lightgrey : #efefef;
--color-beige : #B2AEA7;
--color-light : #ffffff;
--color-dark : #3a3036;
--color-light-op2: rgba(255, 255, 255, .2); --typo-title : 'Oswald', serif;
--fw-title-medium : 500;
--fw-title-bold : 700;
--fw-title-extrabold : 900;
--typo-main : 'Open sans', serif;
--fw-light : 300;
--fw-regular : 400;
--fw-medium : 500;
--fw-semibold : 600;
--fw-bold : 700;
--fw-extrabold : 800;
--fs-title-xxl : clamp(1.4rem, 3vw, 3rem); --fs-title-xl : clamp(1.2rem, 2.5vw, 2rem); --fs-title-lg : clamp(1.1rem, 2.2vw, 1.4rem); --fs-title-md : clamp(1rem, 2vw, 1.2rem); --fs-xl : clamp(1.2rem, 2.5vw, 2rem); --fs-lg : clamp(1.1rem, 2.2vw, 1.4rem); --fs-md	: clamp(1rem, 2vw, 1.2rem); --fs-sm : clamp(0.9rem, 1.5vw, 1.1rem); --fs-xs : clamp(0.8rem, 1.2vw, 0.9rem); --fs-xxs : clamp(0.6rem, 1.8vw, 0.9rem); --letter-spacing : 0.05rem;
--line-height-xs : 1;
--line-height-sm : 1.5;
--line-height-md : 1.7; --width-inner-lg : 1200px;
--width-inner-md : 800px;
--width-inner-sm : 500px;
--width-logo-cover : clamp(250px, 25vw, 500px);
--width-logo-footer : clamp(120px, 4vw, 250px);
--height-lg : 70vh;
--height-md : 50vh;
--height-sm : 40vh; --padding-xl : clamp(3rem, 5vw, 7rem); --padding-lg : clamp(2rem, 4vw, 5rem); --padding-md : clamp(1.2rem, 2.5vw, 2rem); --padding-sm : clamp(0.8rem, 1vw, 1rem); --padding-xs : clamp(0.4rem, 1vw, 0.6rem);  --margin-xl : clamp(2.5rem, 4vw, 4rem); --margin-lg : clamp(1.2rem, 2vw, 3rem); --margin-md : clamp(1rem, 2vw, 1.5rem); --margin-sm : clamp(0.8rem, 1.5vw, 1rem); --margin-xs : clamp(0.5rem, 1.5vw, 0.8rem);  --ratio-landscape: 16 / 9;
--ratio-square: 1 / 1;
--ratio-portrait: 4 / 5; --br-lg : 1rem;
--br-md: 0.4rem;
--br-sm : 0.3rem;
--br-round : 50%; --shadow : 1px 3px 15px rgba(0, 0, 0, 0.6);
--shadow-light : 1px -2px 12px rgba(0, 0, 0, 0.2);
--shadow-bottom : 1px 1px 5px rgba(0, 0, 0, 0.08);
--shadow-inset : inset 2px 2px 20px rgba(0, 0, 0, 0.8); --transition-fast: 0.2s ease;
--transition-medium: 0.3s ease;
--transition-slow: 0.5s ease;
} html,
body {
font-family: var(--typo-main);
font-size: 1em;
color: var(--color-main);
font-weight: var(--fw-light);
background-color: var(--color-light);
margin: 0;
}
a,
a:focus,
a:active {
color: var(--color-primary);
text-decoration: none;
transition: color var(--transition-fast);
}
main a {
font-weight: var(--fw-semibold);
color: var(--color-primary);
}
a:hover {
color: var(--color-main);
text-decoration: none;
}
h1, h2, h3, h4,
span.h1-title {
display: block;
position: relative;
margin: 0;
}
h1 a, h2 a, h3 a, h4 a {
text-decoration: none;
}
h1,
span.h1-title {
font-family: var(--typo-title);
font-weight: var(--fw-title-bold);
font-size: var(--fs-title-xxl);
line-height: var(--line-height-sm);
}
h1.h1-hidden {
display: none;
}
h2,
h2.title {
font-family: var(--typo-title);
font-weight: var(--fw-title-bold);
font-size: var(--fs-title-xl);
}
h3 {
font-family: var(--typo-main);
font-weight: var(--fw-semibold);
font-size: var(--fs-title-lg);
}
h3.surtitle {
font-weight: var(--fw-light);
text-transform: uppercase;
margin: 0 0 var(--padding-sm) 0;
}
h4 {
font-weight: var(--fw-bold);
font-size: var(--fs-title-md);
margin: var(--margin-xs) 0;
}
.text-content {
width: 100%;
}
.text-content h2,
.text-content h3,
.text-content h4 {
margin: var(--margin-md) 0 var(--margin-sm) 0;
}
.text-content > *:first-child {
margin-top: 0;
}
.text-content > *:last-child {
margin-bottom: 0;
}
p,
.text-content ul,
.text-content ol {
line-height: var(--line-height-md);
font-size: var(--fs-md);
margin: 0 0 var(--margin-sm) 0;
}
.text-content ul,
.text-content ol {
padding-left: 1rem;
}
.text-content ul li,
.text-content ol li {
position: relative;
list-style: none;
}
.text-content ul li:before  {
position: absolute;
left: 0;
content: "\2022";
color: var(--color-primary);
display: inline-block;
width: 1rem;
margin-left: -1rem;
font-weight: var(--fw-title-extrabold);
}
strong,
.strong {
font-weight: var(--fw-bold);
}
em {
font-style: italic;
}
hr {
border-top: 1px solid var(--color-primary);
border-bottom: 0;
height: 1px;
margin: 1rem 0 2rem 0;
}
pre {
background-color: var(--color-beige);
border: 1px solid var(--color-primary);
font-family: monospace;
padding: 0.5rem;
margin: 1rem 0;
font-size: var(--fs-xs);
} *,
*::before,
*::after {
box-sizing: border-box;
}
main {
position: relative;
}
section {
position: relative;
padding-top: var(--padding-lg);
padding-bottom: var(--padding-lg);
text-align: left;
}
section.small-section {
padding-top: var(--padding-md);
padding-bottom: var(--padding-md);
}
.nopadd {
padding-top: 0;
padding-bottom: 0;
}
.nopadd-top {
padding-top: 0;
}
.nopadd-bottom {
padding-bottom: 0;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.height_min,
.height_min .swiper {
height: var(--height-sm);
}
.height_medium,
.height_medium .swiper {
height: var(--height-md);
}
.height_big,
.height_big .swiper {
height: var(--height-lg);
}
.height_full,
.height_full .swiper {
height: 100vh;
height: 100dvh;
scroll-snap-align: start;
}
.landscape {
--size-ratio: var(--ratio-landscape);
aspect-ratio: var(--size-ratio);
}
.square {
--size-ratio: var(--ratio-square);
aspect-ratio: var(--size-ratio);
}
.portrait {
--size-ratio: var(--ratio-portrait);
aspect-ratio: var(--size-ratio);
}
iframe {
border: 0;
}
.container-fluid {
padding-left: var(--padding-md);
padding-right: var(--padding-md);
}
.inner {
position: relative;
display: block;
width: 100%;
max-width: var(--width-inner-lg);
margin: 0 auto;
}
.inner-sm {
display: block;
width: 100%;
max-width: var(--width-inner-sm);
position: relative;
margin: 0 auto;
}
.inner-md {
display: block;
width: 100%;
max-width: var(--width-inner-md);
position: relative;
margin: 0 auto;
}
.fullwidth,
.fullwidth .inner {
width: 100%;
max-width: 100%;
}
.fullwidth .inner-sm,
.fullwidth .inner .inner-sm {
width: 100%;
max-width: 100%;
}
.fullwidth .force-inner {
padding-left: var(--padding-md);
padding-right: var(--padding-md);
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5 {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: var(--padding-md);
align-content: flex-start;
}
.compensate-for-scrollbar {
margin-right: 0 !important;
}
.copyright {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
padding: 0.3rem 0.5rem;
line-height: var(--line-height-xs);
background: rgba(255, 255, 255, 0.6);
font-size: clamp(0.6rem, 2vw, 0.8rem);
font-weight: var(--fw-medium);
color: var(--color-main);
border-radius: var(--br-md);
}
.section-header {
margin-bottom: var(--margin-xl);
}
.no-image {
background-color: var(--color-beige);
display: flex;
justify-content: center;
align-items: center;
font-weight: var(--fw-bold);
}
.center,
section.text_img .content-text.center {
text-align: center;
align-items: center;
}
.coverfit img {
height: 100%;
width: 100%;
object-fit: cover;
}
.grayscale,
.grayscale img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
} .white {
background-color: var(--color-light);
}
.grey {
background-color: var(--color-lightgrey);
}
.primary {
background: var(--color-primary);
}
.dark-bg {
background-color: var(--color-dark);
}
.dot-border {
border: 6px dotted var(--color-main);
} .primary h2,
.primary h3,
.primary h4,
.primary p,
.primary ul li,
.primary ul li:before,
.primary a,
.primary a:focus,
.primary a:active,
.primary a:hover,
section.faq.primary .faq-list-item .plus::before,
section.title.primary span#animated-text {
color: var(--color-light);
}
.primary a.button-link {
background-color: var(--color-light);
}
.primary a.button-link,
.primary a.button-link:focus,
.primary a.button-link:active {
color: var(--color-main);
}
.primary .dot-border {
border: 6px dotted var(--color-light);
} .dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg p,
.dark-bg ul li,
.dark-bg ul li:before,
.dark-bg a,
.dark-bg a:focus,
.dark-bg a:active,
.dark-bg a:hover,
.dark-bg p a:hover,
section.faq.dark-bg .faq-list-item .plus::before,
section.title.dark-bg span#animated-text {
color: var(--color-light);
}
.dark-bg a.button-link {
background-color: var(--color-light);
}
.dark-bg a.button-link,
.dark-bg a.button-link:focus,
.dark-bg a.button-link:active {
color: var(--color-main);
}
.dark-bg a.button-link:hover {
background-color: var(--color-primary);
}
.dark-bg .dot-border {
border: 6px dotted var(--color-light);
} .bg_move h2,
.bg_move h3,
.bg_move h4,
.bg_move p,
.bg_move ul li,
.bg_move ul li:before,
.bg_move a,
.bg_move a:focus,
.bg_move a:active,
.bg_move a:hover,
.bg_move p a:hover,
section.faq.bg_move .faq-list-item .plus::before,
section.title.bg_move span#animated-text {
color: var(--color-light);
}
.bg_move a.button-link {
background-color: var(--color-light);
}
.bg_move a.button-link,
.bg_move a.button-link:focus,
.bg_move a.button-link:active {
color: var(--color-main);
}
.bg_move .dot-border {
border: 6px dotted var(--color-light);
} .bg_lines {
background-image: url(//scandolagency.ch/wp-content/themes/flexy-wpauto-v2/images/bg/bg-lines.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}
.bg_move {
animation: gradient 15s linear infinite;
background-color: #228dcd;
background-image: linear-gradient(120deg, 
#228dcd,
#2f6a92,
#1e3a5f,
#162c45,
#2f6a92,
#228dcd 
);
background-size: 400% 400%;
background-position: 0% 50%;
}
@keyframes gradient {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
} .close-btn {
position: absolute;
top: 1rem;
right: 1rem;
width: 30px;
height: 30px;
border-radius: var(--br-round);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
padding: 0.3rem;
background-color: var(--color-primary);
z-index: 10;
}
.close-btn svg {
fill: var(--color-light);
width: 25px;
height: 25px;
}
.close-btn:hover {
background-color: var(--color-main);
} .icon-block {
display: block;
}
.icon-wrap {
margin: 0 1.3rem 0 0;
}
.icon-wrap:last-of-type {
margin: 0;
}
.icon {
display: inline-block;
line-height: var(--line-height-md);
height: auto;
opacity: 1;
}
.icon:hover {
opacity: 0.7;
}
.icon.sm {
width: clamp(15px, 2vw, 25px);
}
.icon.md {
width: clamp(20px, 3vw, 35px);
}
.icon.lg {
width: clamp(25px, 4vw, 45px);
} .header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;	
background-color: var(--color-light);
padding: var(--padding-md);
z-index: 11;
transition: var(--transition-medium);
}
.header.topMenu {
justify-content: space-between;
}
.header.fullheight {
position: fixed;
background-color: transparent;
}
.header .logo {
z-index: 30;
}
.header .header-logo {
position: relative;
z-index: 15;
}
.header .header-logo img {
width: auto;
height: 25px;
}
.header .header-logo.lsmall {
opacity: 0;
visibility: hidden;
display: none;
transition: var(--transition-medium);
} .header.smallscroll {
position: fixed;
align-items: center;
background-color: transparent;
padding: var(--padding-sm) var(--padding-md);
}
.header.smallscroll .header-logo.lbig {
opacity: 0;
visibility: hidden;
display: none;
} .header-menu {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
z-index: 30;
} .menu-toggle {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: transparent;
border-radius: var(--br-round);
padding: 0;
z-index: 30;
cursor: pointer;
transition: var(--transition-medium);
}
.menu-toggle.active,
.smallscroll .menu-toggle,
.menu-toggle:hover {
background-color: var(--color-primary);
}
.menu-toggle .menu_open {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 18px;
}
.menu-toggle .menu_open span {
display: block;
width: 100%;
height: 2px;
background: var(--color-light);
border-radius: var(--br-sm);
position: absolute;
left: 0;
transition: var(--transition-medium);
}
.menu-toggle .menu_open span:nth-child(1) {
top: 0;
}
.menu-toggle .menu_open span:nth-child(2) {
top: 8px;
}
.menu-toggle .menu_open span:nth-child(3) {
top: 16px;
} .menu-toggle.active .menu_open span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.menu-toggle.active .menu_open span:nth-child(2) {
opacity: 0;
transform: scale(0);
}
.menu-toggle.active .menu_open span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}  nav.menu-wrap {
position: absolute;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: center;
gap: var(--padding-md);
width: 0;
top: 0;
bottom: 0;
padding: 0;
margin: 0;
height: 100vh;
height: 100dvh;
right: calc(-500%);
background-color: var(--color-light);
z-index: 5;
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
box-shadow: var(--shadow);
transition: var(--transition-medium);
}
nav.menu-wrap.active {
width: 100%;
max-width: 80vw;
right: 0;
}
ul.menu {
padding: 0;
margin: 0;
}
ul.menu li {
list-style: none;
}
ul.menu li a {
position: relative;
color: var(--color-primary);
font-weight: var(--fw-regular);
display: block;
}
ul.menu li a:hover {
color: var(--color-main);
}
ul.menu li.current-menu-parent a:not(ul.sub-menu li a),
ul.menu li.current-page-parent a:not(ul.sub-menu li a),
ul.menu li ul.sub-menu li.current-menu-item a,
ul.menu li.current-menu-item a,
.single ul.menu li.menu-item.on-air a,
header.fullheight.smallscroll ul.menu li.current-menu-item a:not(ul.sub-menu li a) {
color: var(--color-primary);
text-decoration: none;
font-weight: var(--fw-semibold);
} .top_menu ul.menu li.menu-item-has-children a::after {
width: 7px;
height: 7px;
margin-top: 3px;
}
.top_menu ul.menu li.menu-item-has-children.active a::after {
margin-top: 6px;
}
.main_menu ul.menu li.menu-item-has-children a::after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border: solid var(--color-primary);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-left: 0.5rem;
vertical-align: text-top;
margin-top: 5px;
transform-origin: center;
}
.main_menu ul.menu li.menu-item-has-children.active a::after {
transform: rotate(225deg);
margin-top: 10px;
}
.main_menu ul.menu li.current-menu-parent.menu-item-has-children a::after,
.main_menu ul.menu li.current-menu-parent.menu-item-has-children.active a::after {
border: solid var(--color-main);
border-width: 0 2px 2px 0;
}
.main_menu ul.menu li.menu-item-has-children .sub-menu li a::after {
content: none;
} .top_menu {
order: 2;
width: 100%;
margin-top: var(--padding-md);
padding: 0 var(--padding-md);
text-align: center;
}
.top_menu ul li a {
font-size: var(--fs-sm);
font-weight: var(--fw-regular);
text-transform: none;
} .main_menu {
order: 1;
width: 100%;
padding: 0 var(--padding-md);
margin-top: 8rem;
}
.main_menu ul li {
border-bottom: 1px solid var(--color-beige);
margin-bottom: var(--padding-sm);
padding-bottom: var(--padding-sm);
}
.main_menu ul li a {
font-size: var(--fs-md);
font-weight: var(--fw-medium);
line-height: var(--line-height-sm);
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.main_menu ul.menu li.disabled-link a {
pointer-events: none;
}
.main_menu ul.menu li.disabled-link .sub-menu li a {
pointer-events: all;
} .main_menu ul.menu li .sub-menu {
display: none;
}
.main_menu ul.menu li ul.sub-menu {
padding: 1rem 0 0 0;
}
.main_menu ul.menu li ul.sub-menu li {
margin-bottom: var(--margin-sm);
padding-bottom: 0;
border-bottom: 0;
}
.main_menu ul.menu li ul.sub-menu li a {
font-size: var(--fs-md);
text-transform: none;
font-weight: var(--fw-regular);
} ul.menu li.btnMenuLink {
display: inline-block;
margin-top: 2rem;
background-color: var(--color-light);
border: 0.05rem solid var(--color-primary);
border-radius: var(--br-md);
padding: 0.3rem 0.8rem;
}
ul.menu li.btnMenuLink:hover {
border: 0.05rem solid var(--color-main);
}
ul.menu li.btnMenuLink a,
.top_menu ul.menu li.current-menu-item.btnMenuLink a {
color: var(--color-primary);
font-weight: var(--fw-regular);
}
ul.menu li.btnMenuLink:hover a {
color: var(--color-main	);
}
.smallscroll ul.menu li.btnMenuLink {
border: 0;
padding: 0;
} .video-full {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
overflow: hidden;
} .video-full iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: auto;
aspect-ratio: 16 / 9;
transform: translate(-50%, -50%);
pointer-events: none;
} @media (min-aspect-ratio: 16/9) {
.video-full iframe {
width: 100vw;
height: auto;
}
}
@media (max-aspect-ratio: 16/9) {
.video-full iframe {
width: auto;
height: 100vh;
}
} .content-video .embed-video {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
width: 100%;
height: auto;
margin: 0;
}
.content-video .embed-video iframe,
.content-video .embed-video object,
.content-video .embed-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} p.embed-video {
max-width: 600px;
width: 100%;
margin: var(--padding-md) 0;
position: relative;
overflow: hidden;
border-radius: var(--br-sm);
}
p.embed-video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: none;
} section.cover {
position: relative;
width: 100%;
}
section.cover,
section.cover .swiper {
width: 100%;
}
section.cover {
display: flex;
justify-content: center;
align-items: center;
} .home section.cover .swiper-slide {
position: relative;
opacity: 1;
transition: opacity 3s ease-in-out;
}
.home section.cover .swiper-slide::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0; transition: opacity 3s ease-in-out;
}
.home section.cover .swiper-slide.cover-loaded::after {
opacity: 1;
}
.home section.cover .tagline:not(.choice-video) {
opacity: 0;
transform: translateY(20px);
transition: opacity 1s ease-out 1s, transform 1s ease-out 1s;
}
.home section.cover .swiper-slide.cover-loaded .tagline {
opacity: 1;
transform: translateY(0);
}
section.cover .swiper-slide {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
justify-content: center;
align-items: center;
}
section.cover .tagline-logo {
width: var(--width-logo-cover);
height: auto;
max-height: 35vh;
}
.header.smallscroll + main section.cover .tagline-logo {
opacity: 0;
transition: 1s all;
} .tagline {
text-align: center;
padding: 0 var(--padding-md);
z-index: 2;
}
.tagline:not(.choice-no_bg) > *,
.tagline:not(.choice-no_bg)  h2,
.tagline:not(.choice-no_bg)  h3 {
color: var(--color-light);
margin: 0;
}
.tagline h1,
.tagline span.h1-title  {
margin: 0;
padding: 0;
}
.tagline h2 {
margin: var(--margin-sm); 0 0 0;
}
.tagline .cover-text {
margin-top: var(--margin-xl);
}
.tagline.choice-no_bg .cover-text {
margin-bottom: var(--margin-xl);
}  section.title {
display: flex;
align-items: center;
}
section.title #animated-text-wrapper {
position: relative;
display: inline-block;
}
section.title span#animated-text {
font-size: var(--fs-title-xl);
font-weight: var(--fw-medium);
}
section.title span#animated-text strong {
font-weight: var(--fw-extrabold);
}
section.title .cursor {
display: inline-block;
animation: blink 0.7s steps(2, start) infinite;
}
@keyframes blink {
from { opacity: 1; }
to { opacity: 0; }
} section.text h2,
section.text h3 {
margin-bottom: 0;
}
section.text h3:has(+h2) {
margin-bottom: var(--padding-sm);
}
section.text h2:has(+.text-content),
section.text h3:has(+.text-content) {
margin-bottom: var(--padding-md);
}
section.text .bloc-wrap > .button-container {
margin-top: 0;
} section.duo_text .duo-content {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
gap: var(--padding-md);
}
section.duo_text .duo-content .duo-header {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: var(--margin-md);
}
section.duo_text .duo-content .duo-header img {
width: 90px;
height: auto;
margin-bottom: var(--margin-md);
}  section.media.img .size {
display: block;
margin: 0 auto;
}
section.media.img .size-100,
section.media.img .size-50,
section.media.img .size-25 {
max-width: 100%;
}
section.media.fullwidth img {
width: 100%;
} section.media.parallax {
padding: 0;
display: block;
position: relative;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(0, 0, 0, 0.3);
background-blend-mode: overlay;
}
section.media.parallax .bloc-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
height: 100%;
}
section.media.parallax .bloc-wrap .inner {
transform: translateY(300px);
opacity: 0;
transition-property: transform, opacity;
transition-duration: 1s;
text-align: center;
padding: 0 2rem;
}
section.media.parallax .bloc-wrap .inner.inview {
transform: translateY(0);
opacity: 1;
}
section.media.parallax .bloc-wrap .inner * {
color: var(--color-light);
}
section.media.parallax .bloc-wrap .inner p {
font-size: var(--fs-xl);
}
section.media.parallax .bloc-wrap .inner a.button-link {
background-color: var(--color-light);
}
section.media.parallax .bloc-wrap .inner .button-text {
color: var(--color-main);
} section.video .inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
section.video .content-video {
width: 100%;
} section.slider {
width: 100%;
}
section.slider .bloc-wrap {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
gap: 0;
}
section.slider .slider-img {
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
height: 100%;
}
section.slider .slider-content,
section.slider .slider-wrap.with-content {
width: 100%;
}
section.slider .slider-content {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
margin: 0;
padding: 0 0 2rem 0;
order: 1;
}
section.slider.fullwidth .slider-content {
padding: 4rem 2rem;
}
section.slider .slider-wrap {
max-height: 75vh;
}
section.slider .slider-wrap.with-content {
position: relative;
overflow: hidden;
order: 2;
margin: 0;
}
section.slider .swiper-wrapper img {
width: 100% !important;
height: 100%;
object-fit: cover;
} section.columns .bloc-wrap {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: var(--padding-lg);
}
section.columns .bloc-wrap .column-box {
width: 100%;
}
section.columns .column-box .column-img.picto img {
max-height: clamp(24px, 5vw, 40px);
}
section.columns .column-box .column-img.illus img {
border-radius: var(--br-md);
}
section.columns .column-box .column-wrap {
display: flex;
flex-flow: column;
height: 100%;
}
section.columns .column-box .column-content {
margin-top: var(--margin-md);
}
section.columns .column-box .column-content.medium-text p {
font-size: var(--fs-sm);
} 
section.columns .column-box .button-container {
margin-top: var(--padding-sm);
margin: auto auto 0;
} section.text_img .bloc-wrap {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
gap: 0;
}
section.text_img .content-text,
section.text_img .content_img {
width: 100%;
}
section.text_img .content-text {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
justify-content: center;
margin: 0;
padding: 0 0 var(--padding-md) 0;
order: 1;
}
section.text_img.nopadd-top .content-text {
padding: var(--padding-md) 0;
}
section.text_img.nopadd-top.fullwidth .content-text {
padding: var(--padding-md);
}
section.text_img .content-img {
position: relative;
overflow: hidden;
order: 2;
margin: 0 auto;
}
section.text_img:not(.fullwidth) .content-img {
border-radius: var(--br-md);
}
section.text_img .content-img img {
max-height: clamp(400px, 50vh, 1000px);
}
section.text_img.thumbnail .content-img {
max-width: 200px;
margin: 0 auto;
} section.text_img.fullwidth .content-text {
padding: 0 var(--padding-md) var(--padding-md) var(--padding-md);
}
section.text_img.fullwidth {
padding-bottom: 0;
} section.text_img .content-img.full-pad {
padding: 0 var(--padding-md);
}
section.text_img .content-img.whole {
display: flex;
justify-content: center;
align-items: center;
}
section.text_img .content-img.cover img {
width: 100%;
height: 100%;
object-fit: cover;
} section.text_img.slider .content-slider .slider-img {
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
height: 100%;
}
section.text_img.slider .content-slider {
max-height: 75vh;
}
section.text_img.slider .content-slider.with-text {
width: 100%;
position: relative;
overflow: hidden;
order: 2;
margin: 0;
}
section.text_img.slider .content-slider .swiper-wrapper img {
width: 100% !important;
height: 100%;
object-fit: cover;
} section.text_img .content-video {
width: 100%;
order: 2;
}
section.text_img .content-video .embed-video {
width: 100%;
height: 100%;
} section.gallery .inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--padding-sm);
}
section.gallery .gallery-item {
flex: 1 1 calc(50% - var(--padding-sm));
max-width: calc(50% - var(--padding-sm));
text-align: center;
overflow: hidden;
}
section.gallery .gallery-item img {
border-radius: var(--br-md);	
} section.faq .faq-list-item:hover,
section.faq .faq-list-item.active {
background-color: rgba(255, 255, 255, .05);
}
section.faq .faq-list-item {
margin-bottom: var(--margin-xs);
border-radius: var(--br-md);
}
section.faq .faq-list-item .plus {
width: 100%;
padding: 0.8rem 1rem;
cursor: pointer;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
section.faq .faq-list-item h3 {
margin: 0;
width: calc(100% - 2rem);
font-weight: var(--fw-semibold);
}
section.faq .faq-list-item .plus::before {
content: "\002B";
display: inline-block;
width: 2rem;
font-size: 1.5rem;
font-weight: var(--fw-medium);
color: var(--color-main);
}
section.faq .faq-list-item.active .plus::before {
content: "\2212";
}
section.faq .faq-list-item .faq-content {
width: 100%;
height: auto;
padding: 0.5rem 2rem 2rem 2.5rem;
display: none;
transition: none;
}
section.faq .faq-list-item .faq-content .wrap-content img {
margin: var(--margin-sm) 0 0 0;
}  section.form .button-container.modal-btn {
text-align: center;
}
#form {
display: none;
max-width: var(--width-inner-md);
width: 100%;
}
#form .form-box {
background-color: var(--color-light);
padding: var(--padding-md);
} section.iframe.fullwidth iframe {
width: 100%;
} section.minislider .swiper-wrapper .swiper-img {
width: 100%;
}
section.minislider .swiper-wrapper .swiper-content {
padding: 1rem 2rem 0;
}
section.minislider .swiper-minislider-logos img {
max-height: 60px;
} section.slider-bloc {
padding: 0;
}
section.slider-bloc .swiper-slide,
section.slider-bloc .swiper-slide .swiper-content {
display: flex;
flex-flow: column;
justify-content: center;
}
section.slider-bloc .swiper-slide {
padding: var(--padding-lg);
}
section.slider-bloc .swiper-slide .swiper-img {
text-align: center;
}
section.slider-bloc .swiper-slide .swiper-content {
padding: 0 var(--padding-xl);
} ul + .button-container {
margin-top: var(--margin-sm);
}
.button-container {
position: relative;
display: inline-block;
margin-top: var(--margin-lg);
overflow: hidden;
}
a.button-link,
input[type="submit"],
input[type=button] {
position: relative;
display: inline-block;
text-align: center;
font-family: var(--typo-title);
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
padding: var(--padding-xs) var(--padding-sm);
letter-spacing: var(--letter-spacing);
text-transform: uppercase;
border: 0;
background-color: var(--color-primary);
border-radius: var(--br-md);
cursor: pointer;
transition: var(--transition-slow);
}
a.button-link,
a.button-link:focus,
a.button-link:active {
color: var(--color-light);
text-decoration: none;
}
a.button-link:hover,
input[type="submit"]:hover,
input[type=button]:hover {
background-color: var(--color-main);
color: var(--color-light);
} section.postlist {
text-align: center;
}
.postlist .post-container {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
gap: var(--padding-md);
}
.postlist .section-header {
text-align: center;
}
.post-item {
position: relative;
display: flex;
flex-flow: column;
min-height: 100%;
border-radius: var(--br-md);
overflow: hidden;
box-shadow: var(--shadow-light);
width: 100%;
}
.postlist .post-item .section-header {
text-align: center;
}
.post-item .post-img {
height: 250px;
flex-shrink: 0;
}
.post-item .post-entry.list {
position: absolute;
top: 1rem;
left: 1rem;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.post-item .post-entry.list span {
font-size: 0.8rem;
font-weight: var(--fw-regular);
background-color: var(--color-main);
color: var(--color-light);
padding: 0.5rem;
margin-right: 0.5rem;
line-height: var(--line-height-xs);
border-radius: var(--br-md);
letter-spacing: var(--letter-spacing);
}
.post-item .post-content {
display: flex;
flex-flow: column;
flex-grow: 1;
justify-content: center;
align-items: center;
text-align: center;
padding: var(--padding-md);
background-color: var(--color-light);
}
.post-item .post-content p {
line-height: var(--line-height-sm);
}
.post-item .post-content .button-container {
margin-top: auto;
} section.white .post-item .post-content {
background-color: var(--color-lightgrey);
} .post-1 .post-item {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
.post-1 .post-item .post-img {
height: auto;
}
.post-1 .post-item .post-content {
justify-content: center;
padding: var(--padding-sm);
} .post-single .back-btn .button-container {
margin: 0;
} .error404 section {
display: flex;
flex-flow: column wrap;
justify-content: center;
background-image: url(//scandolagency.ch/wp-content/themes/flexy-wpauto-v2/images/lost.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: rgba(0, 0, 0, 0.5);
background-blend-mode: multiply;
}
.error404 section h2,
.error404 section h3,
.error404 section p {
color: var(--color-light);
} .cc-revoke.cc-bottom {
background-image: url(//scandolagency.ch/wp-content/themes/flexy-wpauto-v2/images/cookie.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 30px;
color: rgba(0, 0, 0, 0) !important;
background-color: var(--color-dark) !important;
bottom: 1rem !important;
left: 0 !important;
font-size: 0.7rem;
font-weight: var(--fw-light);
margin: 0;
font-style: italic;
border-top-left-radius: 0 !important;
border-top-right-radius: 0.3em !important;
border-bottom-right-radius: 0.3em  !important;
border-bottom-left-radius: 0 !important;
} .cookies-wrap {
border: 1px solid #d1d1d1;
margin-bottom: 2rem;
}
.cookies-wrap .cookies-line {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
padding: 0.8rem;
border-bottom: 1px solid #d1d1d1;
}
.cookies-wrap .cookies-line:last-of-type {
border-bottom: 0;
}
.cookies-wrap .cookies-line.strong {
font-weight: bold;
}
@media (min-width: 640px) {
.cookies-wrap .cookies-line {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.cookies-wrap .cookies-line {
grid-template-columns: repeat(4, 1fr);
}
} footer {
position: relative;
width: 100%;
background-color: var(--color-dark);
padding: var(--padding-lg) 0;
}
footer .footer-content {
border-bottom: 1px solid var(--color-light-op2);
padding-bottom: var(--padding-lg);
margin-bottom: var(--padding-lg);
}
footer .footer-content:last-of-type {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
footer .wrap {
width: 100%;
max-width: var(--width-inner-lg);
margin: 0 auto;
}
footer .top .wrap {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
footer .top .logo img {
width: var(--width-logo-footer);
height: auto;
}
footer .footer-item {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
}
footer h4,
footer p {
color: var(--color-lightgrey);
font-size: var(--fs-md);
}
footer p,
footer p a, {
font-weight: var(--fw-regular);
line-height: var(--line-height-md);
}
footer p a:hover {
color: var(--color-lightgrey);
} .pictos-sm {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
gap: var(--padding-md);
margin-top: var(--padding-lg);
} footer .credits {
position: relative;
display: block;
width: auto;
margin: var(--margin-xl) 0 0 0;
font-size: var(--fs-xs);
} .white .form-box {
background-color: var(--color-lightgrey);
border-radius: var(--br-lg);
padding: clamp(1rem, 2vw, 2rem);
} .dark-bg .gform-theme--framework label,
.dark-bg .gform-theme--framework legend,
.dark-bg .gform-theme--framework .gfield_description,
.dark-bg .gsection_description,
.dark-bg .gform-theme--framework .gform_confirmation_message,
.dark-bg .gform-theme--framework input[type].gform-text-input-reset,
.dark-bg .gfield_description,
.dark-bg .gform_confirmation_message,
.dark-bg .gform_wrapper .ginput_product_price_wrapper span,
.dark-bg .gform_wrapper .ginput_container_total input,
.primary .gform-theme--framework label,
.primary .gform-theme--framework legend,
.primary .gform-theme--framework .gfield_description,
.primary .gsection_description,
.primary .gform-theme--framework .gform_confirmation_message,
.primary .gform-theme--framework input[type].gform-text-input-reset,
.primary .gfield_description,
.primary .gform_confirmation_message,
.primary .gform_wrapper .ginput_product_price_wrapper span,
.primary .gform_wrapper .ginput_container_total input {
color: var(--color-light);
}
.grey .gfield_consent_description {
background-color: var(--color-light) !important;
} .gform_wrapper .gform_required_legend,
.gsection_description,
.gfield--type-html,
.gfield--type-html p,
.gfield--type-html li,
.char_count {
font-size: var(--fs-sm);
font-weight: var(--fw-light);
line-height: var(--line-height-md);
} .not-show {
visibility: hidden !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; position: absolute !important; } .animated-modal .gform_wrapper {
margin: var(--margin-sm) auto 0 !important;
}
.form-text {
padding-bottom: var(--padding-sm);
} .gform_wrapper .gform_required_legend {
margin-bottom: var(--margin-sm);
} .form-box .gform-theme--foundation .gform_fields {
row-gap: var(--padding-md);
} h3.gsection_title {
font-size: var(--fs-lg);
margin: var(--margin-sm) 0 0 0;
}
.gsection_description {
margin: var(--margin-xs) 0 0 0;
} .gform_wrapper .gfield_checkbox .gchoice,
.gform_wrapper .gfield_radio .gchoice {
display: flex;
align-items: center;
}
.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
line-height: var(--line-height-md);
font-size: var(--fs-sm) !important;
}  .gfield_consent_description {
background-color: var(--color-lightgrey) !important;
color: var(--color-main) !important;
border-radius: var(--br-md) !important;
border: 0 !important;
} .gform_wrapper .readonly {
background-color: var(--color-lightgrey);
border-radius: var(--br-sm);
padding: 0.5rem;
}
.read-only input {
padding: 0 !important;
border: 0 !important;
background-color: transparent !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
font-weight: var(--fw-medium) !important;
cursor: default;
} .gform_wrapper textarea {
max-height: 150px;
} .gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) {
font-size: var(--fs-md); !important;
font-weight: var(--fw-medium) !important;
} .gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
font-size: var(--fs-xs);
} .gform_confirmation_message {
font-size: var(--fs-lg) !important;
font-weight: var(--fw-medium) !important;
color: var(--color-primary) !important	;
}  @media (hover: none) and (pointer: coarse) {
section.cover .swiper-slide,
article.post-single section.main-pic,
section.media.parallax {
background-attachment: scroll;
}
} @media (hover: none) and (pointer: fine) {
section.cover .swiper-slide,
article.post-single section.main-pic,
section.media.parallax {
background-attachment: scroll;
}
} @media (hover: hover) and (pointer: coarse) {
section.cover .swiper-slide,
article.post-single section.main-pic,
section.media.parallax {
background-attachment: scroll;
}
} @media (hover: hover) and (pointer: fine) {
article.post-single section.main-pic,
section.media.parallax {
background-attachment: fixed;
}
} @media screen and (min-width: 415px) { .main-menu.active {
width: auto;
min-width: 300px;
}
}
@media (min-width: 576px) { .grid-4,
.grid-5 {
grid-template-columns: repeat(2, 1fr);
} section.media.img .size-25 {
max-width: 50%;
} section.columns .bloc-wrap .column-box {
flex: 1 1 50%;
} section.gallery .gallery-item {
flex: 1 1 calc(33.33% - var(--padding-sm));
max-width: calc(33.33% - var(--padding-sm));
}
}
@media (min-width: 680px) { .alignleft {
float: left;
margin: 0 1.5em 1em 0;
}
.alignright {
float: right;
margin: 0 0 1em 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignnone {
margin: 0 0 1em 0;
} .grid-3 {
grid-template-columns: repeat(2, 1fr);
}	
.grid-4 {
grid-template-columns: repeat(3, 1fr);
} section.columns .bloc-wrap .column-box {
flex: 1 1 33.333%;
} section.media.img .size-50 {
max-width: 75%;
}
section.media.img .size-25 {
max-width: 33%;
} .post-item {
width: calc(50% - var(--padding-md));
}
.post-1 .post-item {
width: 100%;
}
}
@media (min-width: 768px) { .grid-2 {
grid-template-columns: repeat(2, 1fr);
} section.faq .faq-list-item .faq-content .wrap-content.hasImage {
display: grid;
grid-template-columns: 26% auto;
grid-gap: var(--padding-md);
}
section.faq .faq-list-item .faq-content .wrap-content.noImage {
display: grid;
grid-template-columns: 100%;
}
section.faq .faq-list-item .faq-content .wrap-content img {
order: 1;
margin: 0;
}
section.faq .faq-list-item .faq-content .wrap-content .faq-text {
order: 2;
} .post-1 .post-item {
grid-template-columns: repeat(2, 1fr);
} footer .top.center .wrap {
flex-flow: column wrap;
justify-content: center;
}
footer .columns .footer-item:not(.center):last-of-type {
align-items: flex-end;
text-align: right;
}
}
@media (min-width: 880px) { section.text_img .content-text,
section.text_img.fullwidth .content-text {
padding: var(--padding-md);
}
section.text_img .content-img {
max-height: inherit;
}
section.text_img.left .content-text {
order: 2;
}
section.text_img.right .content-text {
order: 1;
}
section.text_img.left .content-img,
section.text_img.left .content-slider.with-text,
section.text_img.left .content-video {
order: 1;
}
section.text_img.right .content-img,
section.text_img.right .content-slider.with-text,
section.text_img.right .content-video {
order: 2;
}
section.text_img.left .content-img.full-pad {
padding: 0 0 0 var(--padding-md);
}
section.text_img.right .content-img.full-pad {
padding: 0 var(--padding-md); 0 0;
}
section.text_img.nopadd-top .content-text {
padding: inherit;
}
section.text_img .content-img {
max-height: none;
} section.text_img.fullwidth {
padding-bottom: var(--padding-lg);
}
section.text_img.nopadd-bottom.fullwidth {
padding-bottom: 0;
}
section.text_img.fullwidth .content-text {
padding: inherit;
} section.text_img.big .content-text {
width: 30%;
}
section.text_img.big .content-img,
section.text_img.big .content-slider.with-text,
section.text_img.big .content-video {
width: 70%;
} section.text_img.demi .content-text,
section.text_img.demi .content-img,
section.text_img.demi .content-slider.with-text,
section.text_img.demi .content-video {
width: 50%;
margin: 0;
} section.text_img.tiers .content-text {
width: 70%;
}
section.text_img.tiers .content-img img {
max-height: 500px;
}
section.text_img.tiers .content-img,
section.text_img.tiers .content-slider.with-text,
section.text_img.tiers .content-video {
width: 30%;
} section.text_img.thumbnail .content-text {
width: 85%;
}
section.text_img.thumbnail .content-img {
width: 15%;
} section.gallery .gallery-item {
flex: 1 1 calc(25% - var(--padding-sm));
max-width: calc(25% - var(--padding-sm));
}
}
@media (min-width: 992px) { .grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
grid-template-columns: repeat(5, 1fr);
} .header.smallscroll {
background-color: var(--color-light);
box-shadow: var(--shadow-bottom);
}
.header.smallscroll .header-logo.lsmall {
opacity: 1;
visibility: visible;
display: block;
} section.media.img .size-50 {
max-width: 50%;
}
section.media.img .size-25 {
max-width: 25%;
} section.media.parallax .bloc-wrap .inner.inner-sm {
max-width: 1000px;
} .menu-toggle {
display: none;
}
.header-menu {
justify-content: center;
}
nav {
width: 100%;
height: 100%;
}
nav.menu-wrap {
position: relative;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
top: auto;
right: auto;
left: auto; 	 		
padding: 0;
margin: 0;
background-color: transparent;
z-index: 5;
overflow: initial;
overflow-x: initial;
overflow-y: initial;
box-shadow: none;
}
nav.menu-wrap.active {
height: auto;
top: auto;
bottom: auto;
box-shadow: none;
width: 100%;
}
nav.menu-wrap ul {
display: flex;
flex-flow: row;
justify-content: flex-end;
align-items: center;
height: 100%;
} .top_menu + .main_menu {
margin-top: 2rem;
} .top_menu {
order: 1;
margin-top: 0;
text-align: initial;
margin-bottom: var(--padding-sm);
padding: 0 0 var(--padding-sm) 0;
}
.header.smallscroll .top_menu {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.header.smallscroll .top_menu ul {
margin-bottom: var(--padding-sm);
padding-bottom: var(--padding-sm);
border-bottom: 1px solid var(--color-lightgrey);
}
.top_menu ul li {
padding: 0 0 0 var(--padding-md);
}
.main_menu {
order: 2;
width: auto;
padding: 0;
margin-top: 0;
}
.main_menu ul li {
display: flex;
align-items: center;
padding: 0;
border-bottom: 0;
margin-bottom: 0;
margin-left: var(--padding-sm);
margin-right: var(--padding-sm);
}
.smallscroll .main_menu ul li {
margin-left: var(--padding-xs);
margin-right: var(--padding-xs);
}
.main_menu ul li:last-of-type {
margin-right: 0;
}
.main_menu ul li a:not(.btnMenuLink a) {
display: initial;
padding: 0;
}
.smallscroll .main_menu ul li a {
font-size: var(--fs-sm);
}
.smallscroll .main_menu ul.menu li.menu-item-has-children a::after,
.smallscroll .main_menu ul.menu li.current-menu-parent.menu-item-has-children a::after {
margin-top: 2px;
}
.smallscroll .main_menu ul.menu li.current-menu-parent.menu-item-has-children.active a::after {
margin-top: 7px;
}
ul.menu li.btnMenuLink {
display: block;
margin-top: 0;
margin-left: 2rem;
transform: none;
} .main_menu ul.menu li ul.sub-menu {
display: none;
position: absolute;
width: auto;
height: auto;
padding: var(--padding-sm); 0;
top: var(--padding-lg);
left: 0;
background-color: var(--color-light);
box-shadow: var(--shadow-light);
z-index: 10;
}
.smallscroll .main_menu ul.menu li ul.sub-menu {
top: var(--padding-md);
}
.main_menu ul.menu li ul.sub-menu li {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.main_menu ul.menu li ul.sub-menu li:hover {
background-color: var(--color-light);
}
.main_menu ul.menu li ul.sub-menu li a {
display: block;
font-size: 1rem;
white-space: nowrap;
height: auto;
padding: var(--padding-sm) var(--padding-lg);
border: 0;
}
.smallscroll .main_menu 	ul.menu li ul.sub-menu li a {
padding: var(--padding-sm) var(--padding-xs);
}	 
.main_menu ul.menu li.menu-item-has-children ul.sub-menu li a::after {
content: none;
} header.fullheight ul.menu li a:not(ul.sub-menu li a) {
color: var(--color-light);
}
header.fullheight.smallscroll ul.menu li a:not(ul.sub-menu li a) {
color: var(--color-main);
}
header.fullheight ul.menu li.menu-item-has-children a::after {
border-color: var(--color-light);
}
header.fullheight.smallscroll ul.menu li.menu-item-has-children a::after {
border-color: var(--color-main);
} footer .bottom .wrap {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-end;
}
footer .credits {
margin: 0;
}
}
@media (min-width: 1200px) { section.text_img .content-text,
section.text_img.fullwidth .content-text {
padding: var(--padding-lg);
}
section.text_img.left .content-img.full-pad {
padding: 0 0 0 var(--padding-lg);
}
section.text_img.right .content-img.full-pad {
padding: 0 var(--padding-lg) 0 0;
} section.columns.fullwidth .bloc-wrap .column-box {
flex: 1 1 20%;
} section.gallery .gallery-item {
flex: 1 1 calc(20% - var(--padding-sm));
max-width: calc(20% - var(--padding-sm));
}
section.gallery .gallery-item:last-of-type {
display: block;
}
}