/*
Theme Name: EBA Theme 2020
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ---- VARIABLES ------------------ */

html, body {

font-size: 17px;
font-weight:400;

--base-color: #000017;
--primary-color: #00B0E9;
--secondary-color:  #F2F2F4;

--container-max-width: 1600px;
--passe-partout: 5%;

--font-xs: calc(0.8em + 0.1 * ((100vw - 320px) / 150));
--font-s: calc(1em + 0.1 * ((100vw - 320px) / 150));
--font-m: calc(1.1em + 1.1 * ((100vw - 320px) / 150));
--font-l: calc(1.2em + 1.1 * ((100vw - 320px) / 150));
--font-xl: calc(1.5em + 1.1 * ((100vw - 320px) / 150));
--font-xxl: calc(1.1em + 2.1 * ((100vw - 320px) / 150));
--font-xxxl: calc(2.6em + 1 * ((100vw - 320px) / 150));

/* Formule responsive font-size */
/* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */

--space-xs: 1em;
--space-s: 2em;
--space-m: 5em;
--space-l: 8em;
--space-xl: 12em;
--space-xxl: 16em;

}

/* --- FONTS -------------------------------*/

.banner h1, .banner h2, .banner h4, .banner p {font-size: unset}
h1.lead, .banner h1.lead {font-size: var(--font-xxxl); line-height: 1.1; letter-spacing: 0px; font-weight: 500!important;}
h1, .banner h1 {font-size: var(--font-xxl); line-height: 1.3; letter-spacing: 1px; text-transform: uppercase;}
h2.lead, .banner h2.lead {font-size: calc(1.2 * var(--font-xl));}
h2, .banner h2 {font-size: var(--font-xl); line-height: 1.3; letter-spacing: -1px; font-weight: 500!important;}
h3, .banner h3 {font-size:  var(--font-l); line-height: 1.3; letter-spacing: 0px;}
h4, h5 {font-size: var(--font-m); line-height: 1.4;}
p, p + ul, p + ol, h1 + ul, h2 + ul, h3 + ul, h1 + ol, h2 + ol, h3 + ol {font-size: var(--font-s);}
p.lead {font-size: calc(1.3 * var(--font-s));}
p.extra {font-size: var(--font-m)}
.toggle, .has-dropdown .icon-angle-down {opacity: 1;} /* elements such arrow ico in nav */
.small-headline {font-size: var(--font-xs); margin-bottom:0.2em!important; color: var(--primary-color);}
p.lead.catalog-title{margin-bottom:0;}
p.uppercase{line-height: 1.5;}
p a {display: inline-block; position:relative;}
p > a:not(.button):hover:before {left: 50%; width: 0;}
.dark p > a:not(.button):before {background-color: #fff;}
p.headline{text-transform:uppercase; color:var(--primary-color)!important; margin-bottom: 0.3em;}

blockquote, .quote {font-size : var(--font-m); line-height: 1.2; quotes: "“"; margin-bottom: 0.3em; margin-left: 0; font-style: unset; font-family: "Sorts Mill Goudy", sans-serif; color: var(--base-color); border-left: none; padding: 0; position: relative; display: inline;}
blockquote:before, .quote:before {content: "“"; font-family: playfair display; color: var(--primary-color); font-size: calc(1.3 *var(--font-xl)); position: absolute; left: -0.6em; top: -0.25em; }
.author-quote{font-size: calc(1.3 * var(--font-xs)); margin-top: 1em;}
.uppercase{letter-spacing: 0;}
li > blockquote p {margin-bottom: 0; margin-top: 0.3em;}


a:hover {text-decoration: none;} /* hack boostrap instruction from Toolset */

.dark, .dark p, .dark td {color: #ffff;}
::selection {background-color: var(--primary-color); color: #fff}

.mfp-ready .mfp-close {opacity: 1;}

a.remove, a.icon-remove {line-height: 21px!important;} /* e.g in cart items */

/* --- LAYOUT (passe-partout, etc.) -------------------------------*/


.full-width .ubermenu-nav, .container {max-width: 100%!important;} /* Hack, e.g news home page: sinon max-width par default appliqué */
/*.header .container, #main .section-content>.row, #footer .section-content > .row {max-width: var(--container-max-width);}*/

/* Passe-partout */
.container {padding-left: calc(var(--passe-partout) - 15px); padding-right: calc(var(--passe-partout) - 15px);}
#header .container {padding-left: calc(var(--passe-partout) - 15px); padding-right: calc(var(--passe-partout) - 15px); {max-width: 100%!important;}}
#main .section-content > .row:not(.row-full-width), #footer .section-content > .row {padding-left: calc(var(--passe-partout) - 15px); padding-right: calc(var(--passe-partout) - 15px); max-width:var (--container-max-width)!important;}
#main .section-content > .row:not(.row-full-width).row-large {padding-left: calc(var(--passe-partout) - 30px); padding-right: calc(var(--passe-partout) - 30px);}
#main .section-content > .row:not(.row-full-width).row-small {padding-left: calc(var(--passe-partout) - 9.8px); padding-right: calc(var(--passe-partout) - 9.8px);}
#main .section-content > .row:not(.row-full-width).row-collapse {padding-left: calc(var(--passe-partout) - 0px); padding-right: calc(var(--passe-partout) - 0px);}
.nav-dark .nav>li>a:hover, .nav-dark .nav>li.active>a {text-decoration: none;}

@media (min-width: 550px) {
.row-full-width > .col:last-of-type {padding-right: 0;}
.row-full-width > .col:first-of-type {padding-left: 0;}
}

@media (min-width: 1750px) {
  /* Corrige alignement sur very large screen */
 .row.align-right > .col {padding-left: 8%;}
 .row.align-left > .col {padding-right: 8%;}
}

/*Row Full Width*/
.row-full-width:not(.row-collapse) {padding-left: calc(var(--passe-partout) - 15px); padding-right: calc(var(--passe-partout) - 15px);}

/*Row No Margin*/
.no-margin-right .row-full-width{padding-left: calc(var(--passe-partout) - 15px); padding-right: 0;}


/* --- HEADER -----------------------------*/
header .nav>li {margin: 0 1em;}
header .nav>li>a {color: var(--base-font); font-size: calc(0.7 * var(--font-s));}
header .nav-line-bottom>li>a:before {bottom: 2px;}
header .has-dropdown .icon-angle-down {display: none;}
header .nav-line-bottom>li>a:before {bottom: -1px; background-color:var(--primary-color)!important;}
li.nav-icon.has-icon:before{display:none;}
.header-nav.nav-line-bottom > li.nav-icon.has-icon > a:before{display:none;}
.nav-dark .nav>li>a {color: #fff; font-weight: 500;}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{height: 2px;}
.header:not(.transparent) .header-nav.nav > li > a:hover{text-decoration:none;}

/* Nav dropdown*/
header .nav-dropdown {box-shadow: none; border: none!important; padding: 1em 5px; font-size: calc(0.7 * var(--font-s)); color: var(--base-color); text-transform: uppercase; font-weight: 500; margin-top: 5px;}
header .nav-dropdown.nav-dropdown-default>li>a {color: var(--base-color)!important; border-bottom: none; text-transform: uppercase; font-weight: 500; font-size: calc(1 * var(--font-s)); display: inline-block; position:relative; padding: 10px 0;}
header .nav-dropdown.nav-dropdown-default>li>a:before {content: ''; position:absolute; height: 2px; width: 100%; bottom: 0px; transition: background 0.3s;}
header .nav-dropdown.nav-dropdown-default>li:hover>a:before { background-color: var(--primary-color);}

/* Off canva */
.off-canvas-center .mfp-content {padding-top: 0;}
.mfp-bg.off-canvas-center:not(.dark) {opacity:1;}
.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {background-color: transparent;}
.nav-sidebar >li>a, .nav-dropdown>li>a, .nav-column>li>a {color: var(--base-color)}
.nav-sidebar >li:hover>a {color: var(--primary-color)}
.off-canvas-center .nav-sidebar.nav-vertical > li > a {text-decoration: none;}
.off-canvas-center ul.sub-menu li > a {font-size: 1.3em; color: var(--base-color);}

/* --- FOOTER ------------------------------*/
footer p a:hover {color: var(--primary-color)!important;}
footer p a.is-underline {text-transform: none!important; padding: 0!important;}
.absolute-footer .container {padding-left: calc(var(--passe-partout) - 0px); padding-right: calc(var(--passe-partout) - 0px);}
.absolute-footer .copyright-footer {padding-top: 1.3em; font-size: 0.8em;}

/* --- ELEMENTS --------------------------*/

/*BULLETS*/
#main .col-inner ul, #main article ul {list-style: none}
#main .col-inner ul li, #main article ul li {position:relative;margin-left: 1em; margin-bottom: 0;}
#main .col-inner ul li:before, #main article ul li:before {content: "";position:absolute; left: -1em; width: 5px; height: 5px; top: 0.65em; background: var(--primary-color);}

/* CARDS */
.col.card > .col-inner {padding: 3em 3em 2.2em 3em;}

/*FORMS*/
input[type='email'], input[type='search'], input[type='number'], input[type='tel'], input[type='text'], input[type='password'], textarea, select {box-shadow: none;}
input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {box-shadow: none;}
input:hover, textarea:hover, select:hover {border: 2px solid var(--primary-color);}
input.wpcf7-form-control.wpcf7-submit {border: none; background-color: var(--primary-color)!important; color: #fff; min-height:unset; line-height:2; padding: 0 2em; border-radius: 99px;}
input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-submit:focus {background: var(--primary-color)!important; color: #fff;-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%); box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);}

/* LIGHTBOX */
.lightbox-content {padding: 2em!important; max-width: 700px!important;}

/*BUTTONS*/
.button{font-weight:normal; padding: 0 2.5em;}
.button.secondary:not(.is-outline){text-decoration:none;}

.button.is-underline:before {background-color: var(--primary-color); opacity: 1;}

.button.go-down {
    background-color: transparent!important;
    background-image: url(/wp-content/uploads/arrow-down.svg);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    height: 8.5em;
    width: 3.2em;
    background-size: contain;
    margin: 0;
    padding: 0em 1em 2em 1em;
    background-origin: content-box;
    border: none;
    transition: all 0.3s;
	margin-left: -1em;}
.button.go-down:hover {padding-top: 2em; padding-bottom: 0; box-shadow: none;}
.button.go-down span {display:none;}

/* IMAGE BOX used as flat button */
.button-flat.box {background-color: var(--secondary-color)!important; color: var(--base-color); height: 100%; padding: 0;}
.button-flat:hover {background-color: var(--primary-color)!important;}
.button-flat .overlay{background-color:transparent;}
.button-flat .box-image {position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index:1;}
.button-flat .box-image a {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.button-flat .box-image a:before {display:none;}
.button-flat .box-image img {display: none;}
.button-flat h4 {font-size: calc(0.85 * var(--font-m)); color:var(--base-color); text-shadow:none; margin-bottom:var(--space-xs);}
.button-flat p{font-size: calc(0.8 * var(--font-s)); color:var(--base-color); text-shadow:none;}
.button-flat:hover .box-text h4, .button-flat:hover .box-text h3, .button-flat:hover .box-text h2, .button-flat:hover .box-text * {color: #fff!important;}
.button-flat .box-text p + .button {margin-bottom: 0;}
.button-flat:hover .box-text img {}
.button-flat .box-text-inner {width: 100%;}

/*HERO BANNER */
.hero .banner-bg {transform-origin: top left; transform: skewY(-3deg)}
.hero .banner {background-color: #fff;}
.hero .banner-bg:after {content: ""; height: 100%; width: 20%; border-bottom: 12px solid var(--primary-color); position: absolute; display: block;}

/*Section double Skew */
.section-skew, .section-skew-inverse {z-index:1;}
.section-skew > .bg-fill{transform: skewY(-3deg);transform-origin: left top; background: inherit;}
.border-top-right > .bg-fill:before{content: ""; width: 20%;border-bottom: 12px solid var(--primary-color);position: absolute;display: inline; left: 80%; top: 0;}
.section-skew-inverse > .bg-fill {transform: skewY(3deg);transform-origin: right top; background: inherit;}
.border-top-left > .bg-fill:before{content: ""; width: 20%;border-bottom: 12px solid var(--primary-color);position: absolute;display: inline; left: 80%; top: 0;}

/*Solutions slider*/
.flickity-viewport {margin-bottom: 3em;}
.slider-style-container .flickity-slider>*:not(.is-selected) {opacity: 1!important;}
.slider-solutions .banner-inner.fill{margin-right:30px!important;}
.flickity-page-dots {bottom: -0.95em!important; left: 3em; width: 5em;}
.slider-nav-dots-dashes .flickity-page-dots .dot {height: 2px; width: 33.33%; background: var(--base-color);}
.flickity-page-dots .dot:hover{background: var(--primary-color);}
.flickity-page-dots .dot { border: none; opacity: 0.1;}
li.dot:before{content:""!important;}
.flickity-prev-next-button {top: unset; bottom: -3em; width: 28px; z-index: 1; color: var(--primary-color); font-size: 0.4em;}
.flickity-prev-next-button svg{padding:0;}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {opacity:1}
.flickity-prev-next-button.previous {left: 15px!important;}
.flickity-prev-next-button.next {left: 20.5em!important;}
.flickity-page-dots .dot.is-selected{background: var(--primary-color);}
.flickity-viewport .flickity-slider * {text-align: left!important;} /* Hack un align-right de la row qui s'appliquent hélas au texte des bannières */
.flickity-viewport .flickity-slider h3 {margin-bottom: 0;}


/*PAGE BANNER*/
.page-banner {transform: skewY(-3deg);transform-origin: left top; background: inherit;}
.page-banner .text-box{transform: skewY(3deg)!important}
.page-banner .banner-bg:after{content: ""; height: 100%; width: 20%; border-bottom: 12px solid var(--primary-color); position: absolute; display: block;}

/* Quote collection Mark's moral */
blockquote.quotescollection-quote {margin: 0;}
blockquote.quotescollection-quote p {font-style: normal; font-size: 1.4em; color: var(--base-color); margin-bottom: 0; font-family: "Sorts Mill Goudy", sans-serif;}
blockquote.quotescollection-quote .author {color: var(--base-color);}


/* BLOG */

/* Blog page */
.row.blog .col {display: flex;}
.row.blog .col .box-blog-post .is-divider {background-color: var(--primary-color);}
.row.blog h5.post-title {margin-top: 1em;}

/* Single Post */
	.single-post .row {max-width: 1220px; padding-left: 0; padding-right: 0;}
	@media (min-width:769px) {
	  .single-post .post {max-width: none;}
	  .post .entry-image { max-height: 500px; overflow: hidden;}
	  .single-post .entry-content {margin-left: 15%; margin-right: 15%;}
	  .single-post .entry-content .blog-share {margin: 4em -20% 0 -20%;}
	  .single-post .blog-wrapper blockquote {font-size: 1.4em; margin: 3em -3em;}
	}
	@media (min-width: 760px) {
		   .single-post .blog-wrapper p {text-align:justify;}
		   .single-post .message-box p {text-align: initial;}
	}
	.row-full-width.row-masonry {margin: 0 8vw;}
	.row-full-width.row-masonry .post-item {padding-bottom: 4em;}

	.single-post #secondary h4 {font-weight: 400;}
	
	.post {max-width: 700px; margin: 0 auto 30px;}
	.post .entry-header .badge {display:none;}
	.post .entry-category {display: none;}
	.post h1.entry-title {font-size: 2.2em; line-height: 1.4em; margin-bottom: 0.4em;}
	.post .entry-divider {background-color: var(--primary-color);}
	.entry-meta {text-transform: none; font-size: 0.9em; margin-bottom: 2em; color: var(--base-color)!important;}
	.entry-meta a {color: var(--base-color)!important;}
	.post .entry-image {margin-bottom: 3em}
	.single-post .blog-wrapper blockquote:before {top: 0.3em;}
	.single-post .blog-wrapper blockquote p {margin-left: -2.5em; margin-right: -2.5em; margin-top: 0;}
	article.post h3 {margin-top: 4vw}
	.post .blog-share {margin-top: 4em; border-top: 1px solid #D4D7DD; border-bottom: 1px solid #D4D7DD; padding: 1.2em 0 1em 0;}
	.post .blog-share .is-divider {display: none;}
	.post .blog-share a.icon {font-size: 1em; margin: 0 0.3em;}
	.post .navigation-post * {border: none!important;}
	.post .navigation-post .next-prev-nav {font-size: 1.2em;}

	.single-post .html-before-comments .section, .single-post .html-before-comments .section-content {padding-left: 0; padding-right: 0;}


/* WOOCOMMERCE */
.product-small .box .product-title {margin-bottom: 0.5em;}
.product-small .box .product-title a {font-size: calc(1.2 * var(--font-s)); font-weight: 500;}
.product-small .box .product-title a:hover { color: var(--base-color);}
.product-small .box .price span {font-weight: 500;}

.woocommerce.archive .shop-container header, .woocommerce.archive .shop-page-title {display: none;}
.woocommerce.archive .shop-container {padding-top: 4em; padding-left: calc(var(--passe-partout) - 20px); padding-right: calc(var(--passe-partout) - 20px); padding-bottom: 8em;}
.woocommerce.archive #secondary {display: none;}

.single-product .col-sm-12 {margin-bottom: 12vh;}
.single-product .section-content > .row, .single-product .ddl-full-width-row  {justify-content: center;}

.single-product h1.product-title {font-size: var(--font-l);}
.single-product .is-divider {background-color: var(--primary-color);}
.single-product .gap-element {display: none!important;}
.single-product #secondary {display: none!important;}

.woocommerce-cart #main, .woocommerce-checkout #main {margin-bottom: 15vh;}
.woocommerce-cart .breadcrumbs i, .woocommerce-checkout .breadcrumbs i {margin-bottom: 0.2em;}

/* --- TOOLSET TEMPLATES --------------------------*/
/* General Toolset layout hack */
.ddl-full-width-row.row {max-width: 100%; margin: 0!important;}
.js-wpv-view-layout {display: flex; flex-flow: row wrap; width: 100%;}
.js-wpv-view-layout > .col {display: flex;}
.box-text a:not(.button):hover{text-decoration:none;}

/*SOLUTIONS CATALOG*/
.form-group{display: flex; flex-wrap: wrap}
input.js-wpv-filter-trigger.format-radio{opacity:0; position: fixed; width: 0;}
label{cursor: pointer;}
h3.catalog-title a{color:var(--base-color);}
h3.catalog-title a:hover{text-decoration:none; color: var(--primary-color);}
h3.catalog-title {margin-bottom: 0.3em;}

.filter-format {margin-bottom: 1em;}
.filter-format form {display:inline-block; width: 100%;}
.filter-format label {font-size: var(--font-m); margin: 0; font-weight:500; color: var(--base-color);border-bottom:4px solid transparent;}
.filter-format label.format-radio-label {margin: 0 1em 0 0;}
.filter-format label.format-radio-label:nth-of-type(2) {margin-left: 0;}
.filter-format label.format-radio-label:first-of-type {margin-right: 0;}
.filter-format input[type="radio"] {opacity: 0; position: fixed; width: 0;}
.filter-format input[type="radio"] {}
.filter-format input[type="radio"]:focus + label {border-bottom:4px solid var(--primary-color);}
.filter-format input[type="radio"]:hover + label {border-bottom:4px solid var(--primary-color);}
.filter-format input[type="radio"]:checked + label{border-bottom:4px solid var(--primary-color);}

.filter-dimension {line-height: 2;}
.filter-dimension label{font-size: calc(0.95 * var(--font-s)); margin: 0; opacity:0.4; border-bottom:none; font-weight:400; cursor:hand; color: var(--base-color);}
.filter-dimension label.dimensions-filter-label {margin: 0 1.6em 0 0;}
.filter-dimension label.dimensions-filter-label:nth-of-type(2) {margin-left: 0;}
.filter-dimension label.dimensions-filter-label:first-of-type {margin-right: 0;}
.filter-dimension input[type="radio"]:focus + label {opacity:1; border-bottom:none;}
.filter-dimension input[type="radio"]:hover + label {opacity:1; border-bottom:none;}
.filter-dimension input[type="radio"]:checked + label{opacity:1; border-bottom:none;}

.catalog-results .box-overlay.dark .box-text {text-shadow: none;}
.catalog-results .box-text {font-size:calc(1.1 * var(--font-s))!important; padding: 0!important;}
.catalog-results .box-text a {padding: 0 1em 0 1.5em;}
.catalog-results h3{font-size: calc(0.85 * var(--font-m)); line-height: 1.1; margin: 0.7em 0 0.2em 0;}
.catalog-results p.small-headline {margin-bottom: 2em!important;}

/*SOLUTIONS SINGLE*/ /* LIVE ONLINE SINGLE */
.single-solutions .entry-header, .single-solutions-individual .entry-header, .single-live-online-class .entry-header {display:none;}
.single-solutions .post-sidebar, .single-solutions-individual .post-sidebar, .single-live-online-class .post-sidebar {display:none;}
.single-solutions .blog-share, .single-solutions-individual .blog-share, .single-live-online-class .blog-share {display:none;}
.single-solutions nav, .single-solutions-individual nav, .single-live-online-class nav {display:none;}

.single-solutions .large-10.col, .single-solutions-individual .large-10.col, .live-online-class-template-default .large-10.col {max-width: 100%; flex-basis: 100%; padding: 0!important;} 
.single-solutions .article-inner.has-shadow, .single-solutions-individual .article-inner.has-shadow, .live-online-class-template-default .article-inner.has-shadow{box-shadow:none;}
.single-solutions .sidebar .col-inner, .single-solutions-individual ..col-inner, .single-live-online-class .sidebar .col-inner {padding: 1.6em 1.5em 0.5em 1.5em; background: rgba(245,245,245,1); position: -webkit-sticky; position: sticky; top: 30vh; border-radius: 8px;}
.single-solutions h1, .single-solutions-individual h1 {font-size: calc(0.9 * var(--font-xxl));}
.single-solutions p.lead, .single-solutions-individual p.lead {font-size: calc(1.2 * var(--font-s));}
.single-solutions p.small, .single-solutions-individual p.small {font-size: 90%;}
.single-solutions .formats .js-wpv-view-layout, .single-solutions-individual .formats .js-wpv-view-layout {margin-left: -15px; margin-right: -15px;}

.single-solutions .entry-content .box, .single-solutions-individual .entry-content .box {border-radius: 8px; transition: box-shadow 0.2 ease;}
.single-solutions .entry-content .box:hover, .single-solutions-individual .entry-content .box:hover {-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%); box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);}
.single-solutions .entry-content .box-text, .single-solutions-individual .entry-content .box-text {padding: 2em 0.5em 2em 0.5em;}
.single-solutions .entry-content .box-text img, .single-solutions-individual .entry-content img {margin-bottom: 0.5em;}
.single-solutions .entry-content .box-text h4, .single-solutions-individual .entry-content h4 {margin-bottom: 0.4em;}

.single-live-online-class .sidebar .button {padding: 0.4em 0.4em; text-transform: none; letter-spacing: 0; line-height: 1.4; width:100%; margin-right: 0; border-radius: 99px;}
.single-live-online-class .sidebar .button:hover {-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%); box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);}

/*========================================================================================================
 * 
 * 
 *  TABLET AND DOWN
 * 
 * 
========================================================================================================*/
@media only screen and (max-width: 849px) {

	
	
	
}


/*========================================================================================================
 * 
 * 
 *  MOBILE
 * 
 * 
========================================================================================================*/
@media only screen and (max-width: 549px) {
	
	html, body {
		
		font-size: 14px;
		--passe-partout: 20px;
		--font-xxl: calc(1.6em + 2.1 * ((100vw - 320px) / 150));
		--font-xxxl: calc(2.6em + 1 * ((100vw - 320px) / 150));
	}
	
	main h1 br, main h2 br, main h3 br {content: ' ';}
	
	/* HEADER */
	#header .container {padding-left: var(--passe-partout); padding-right: var(--passe-partout)}
	#logo {max-width: 150px;}
	
	/* Section - Clip path */

	/* Footer */
	footer p {font-size: 0.8em;}

	/* Slider */
	.slider-wrapper .flickity-prev-next-button {display: unset;}
	
	/* Blockquote */
	.quote:before {top: -12%;}
	
	/* CARDS */
	.col.card > .col-inner {padding: 2em 2em 1.5em 2em;}
	
	/* BLOG */
	.row.blog h5.post-title {font-size: 1.2em;}
	.post h1.entry-title {font-size: 1.6em;}
	.single-post blockquote:before {top: -0.3em; font-size: 3em; left: -0.4em;}
	.single-post blockquote p {margin-left: 0em; margin-right: 0; font-size: calc(1.2 * var(--font-s))}
	
	/* --- TEMPLATES --------------------------*/
	/* SOLUTION CATALOG */
	.filter-format > .col {padding-left: 0; padding-right: 0;}
	.filter-format label.format-radio-label {margin: 0 1em 0 0;}
	.filter-dimension label.dimensions-filter-label {margin: 0 1em 0 0;}
	
	
	/* SINGLE SOLUTION */ /* SINGLE LIVE ONLINE CLASS */
	.single-live-online-class .sidebar .button {line-height: unset;}
}

@media only screen and (max-width: 359px) {




}