/* Etshuon - styles Helix Ultimate injected inline under the orbit template, kept in load order. */

/* 1. Template param "custom_css" (orbit) */
html.error-page .error-code {
    font-size: 300px !important;
    color: #4D4E40 !important;
}

html.error-page .error-message {
    color: #4D4E40 !important;
}

h3.sppb-addon-title, .blocks-el-oui-heading h3, h3.ouiw-io__title {
    font-size: 45px !important;
    line-height: 50px !important;
    letter-spacing: 0px !important;
}

.box_bochevon, .box_bochevoiron, .box_bochevocalciummarin, .box_veghum, .box_vrac
{ border-bottom: 5px solid #c20e19; }

.box_bochevomo
{ border-bottom: 5px solid #88aa3b; }

.box_entreterreetmer
{ border-bottom: 5px solid #4f9c93; }

.box_revival, .box_bacterre, .box_complanteden
{ border-bottom: 5px solid #9c1457; }

.box_vegor70
{ border-bottom: 5px solid #325982; }

.box_algh, .box_alghsolar
{ border-bottom: 5px solid #6d9ace; }

.box_alghboost, .box_alghiron
{ border-bottom: 5px solid #5d9d9d; }

.box_alghflower
{ border-bottom: 5px solid #cb796d; }

.box_foliaire
{ border-bottom: 5px solid #285381; }

.box_alghsi
{ border-bottom: 5px solid #d48e44; }

*[oat_device="mobile"] .box_cultures {
        font-size: 44px;}

.etiquette
{
z-index:99 !important ; 
position: relative;
padding-top: 0px;
    padding-right: 30%;
    padding-bottom: 0px;
    padding-left: 15%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: -100px;
        margin-left: 0px;
}

*[oat_device="tablette"] .etiquette {
        padding-top: 0px 0px 0px 70px;
margin-top: 0px;
        margin-right: 0px;
        margin-bottom: -90px;
        margin-left: 0px;
}
*[oat_device="mobile"] .etiquette {
        padding-top: 10%;
        padding-right: 40%;
        padding-bottom: 0px;
        padding-left: 10%;
}


p {
text-align : justify !important;
}

*[oat_device="tablette"] .oabloc5 {
padding : 200 px 0px 100px 0px;
}

*[oat_device="mobile"] .oabloc2 {
padding: 30px !important;
margin: 75px 30px 50px 30px !important;
}

*[oat_device="mobile"] .oabloc1 {
margin: 150px 0px 50px 0px !important;
padding: 0px !important;
}

*[oat_device="mobile"] .oabloc4 {
margin: 30px !important;
padding: 30px !important;
}

*[oat_device="mobile"] h1 {
font-size: 48px;
word-break: break-all !important;
}

*[oat_device="mobile"] h2 {
font-size: 44px;
}

*[oat_device="mobile"] .oabloc2 h2 {
font-size: 44px;
}

*[oat_device="mobile"] h3 {
font-size: 40px;
}

*[oat_device="mobile"] h4 {
font-size: 32px;
}

*[oat_device="mobile"] .oabloc3 h2 {
font-size: 36px;
}

*[oat_device="mobile"] .oabloc3 {
padding: 100px 0px 50px 0px !important;
}

.sppb-social-share-style-solid ul li.sppb-social-share-linkedin a {
    background-color: #F5D410 !important;
}

.sppb-addon-single-image .sppb-img-responsive {
max-width: 100% !important ;
}

#sp-footer li a
{
padding: 0px !important ;
}

.col-lg-12
{
padding: 0px ;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
        color: #F5D410 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before, .sp-megamenu-parent:hover .sp-dropdown {
background: #4D4E40;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
color: #F5D410 !important;
}

gamme
{
color: #fff !important;
}

body
{
color: #4D4E40 !important;
}


.sp-megamenu-wrapper
{
font-family: acumin-pro-condensed, sans-serif;
font-weight: 700 !important;
color: #4D4E40;
}


h1
{
font-size: 72px;
font-weight: 700;
font-family : 'cleanvertisingblack';
padding-bottom: 20px !important ;
}

h2
{
font-size: 60px;
padding-bottom: 40px ;
font-family: acumin-pro-condensed, sans-serif;
font-weight: 700;
}

h3
{
font-size: 48px;
line-height: 1em;
font-family: acumin-pro-extra-condensed, sans-serif;
font-weight: 600;
}

h4
{
font-size: 36px;
font-family: acumin-pro-extra-condensed, sans-serif;
font-weight: 400;
}

h5
{
font-size: 22px;
font-family: acumin-pro-extra-condensed, sans-serif;
font-weight: 600;
}

.vignetteproduit h4
{
font-size: 55px;
line-height: 60px;
letter-spacing: 0px;
font-family: acumin-pro-extra-condensed, sans-serif;
font-weight: 300;
}

.oabloc3 h2, .oabloc3 h1
{
text-align: center;
display: inherit;
}

.oabloc3 h3
{
padding-bottom: 20px !important;
padding-top: 40px !important;
display: inherit;
}

.oabloc3 h4
{
padding-bottom: 10px !important;
padding-top: 30px !important;
display: inherit;
}

.oabloc2 h5
{
font-size: 45px;
font-family: acumin-pro-condensed, sans-serif;
font-weight: 600;
display: inherit !important;
text-align: center !important;
padding-top: 20px !important;
padding-bottom: 40px !important;
}


.oabloc2 h2
{
font-size: 55px;
padding-bottom: 20px !important;
font-family: acumin-pro-condensed, sans-serif;
font-weight: 300;
}

.oabloc2 h3
{
font-size: 30px;
font-family: acumin-pro-extra-condensed, sans-serif;
font-weight: 600;
}

.vignetteproduit .overlay-background-style, .vignetteproduit .ouiw-io__layer 
{
background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%) !important;
}

.vignetteproduit:hover .overlay-background-style, .vignetteproduit:hover .ouiw-io__layer 
{
transition: 4s linear;
background: linear-gradient(45deg, rgba(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%) !important;
}


.vignetteproduit .sppb-btn , .ouiw-io__btn, .bouton-huon.sppb-btn, .sppb-btn-custom
{
background-color: #ffd500 !important;
color:#4B4B4A !important;
font-weight: 600;
}

.vignetteproduit .sppb-btn:hover , .ouiw-io__btn:hover , .bouton-huon.sppb-btn:hover , .sppb-btn-custom:hover
{
background-color: #4B4B4A !important;
color:#fff !important;
font-weight: 600;
}

vignetteproduit
{
padding: 35px;
color: #FFF;
text-align: left;
}

.oabloc1{
padding: 300px 0px 200px 0px; 
margin: 0px;
background-repeat: no-repeat;
background-size: cover;
}
.oabloc2
{
padding: 50px 50px 50px 50px !important;
margin: 0px 50px 0px 50px !important;
color: #FFF !important;
background-color: rgba(0, 0, 0, 0.5);
}

.oabloc3
{
padding: 350px 50px 100px 50px !important;
}

.oabloc4
{
background-color: rgba(255, 255, 255, 0.9);
margin: 75px !important;
padding: 50px !important;
}

.oabloc5 a 
{
color: #FFF ;
}

.view-login #sp-main-body .login {padding:150px;}
.mobile_only {display:none}
.desktop_only {display:none;}
*[oat_device="phone"] .mobile_only {display:block;}
*[oat_device="desktop"] .desktop_only {display:block;}
*[oat_device="phone"] #sp-header 
.col-4.col-lg-5 {display:none;}

*[oat_device="desktop"] #offcanvas-toggler {display:none;}

#sp-top1, #sp-top2 {margin-bottom:35px;margin-top:10px;}

#mod-search-searchword {background-color:transparent;color:#FFF;border:1px solid #CCC;}

#mod-search-searchword::placeholder {color:#FFF;font-weight:700;}

*[oat_device="phone"] .col-4.col-lg-5 {display:none;}

*[oat_device="phone"] #sp-logo {display:none;}

*[oat_device="phone"] #sp-header {height:70px;background-color:#4c4c3e;color:#FFF;position:fixed;top:0;left:0;right:0;z-index:0;}

*[oat_device="phone"] #sp-main-body {margin-top:70px;}

*[oat_device="phone"] #offcanvas-toggler {display:block;position:fixed;right:0;top:0;height:50px;margin:10px;color:#FFF;z-index:5;}

#map-finder {display:none;}

*[oat_device="phone"] #map-finder {display:block;position:fixed;left:0;top:0;height:50px;margin:10px;margin-left:20px;color:#FFF;z-index:5;    line-height: 52px;
    font-size: 30px;}


*[oat_device="phone"] .col-4.col-lg-5 #offcanvas-toggler {display:block;}
*[oat_device="phone"] .no-mobile {display:none;}
*[oat_device="phone"] #sp-header {background-image:url('/images/etshuon-mobile.jpg');background-size:auto 80%;background-position:center center;background-repeat:no-repeat;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    font-size: 1.6rem;
}
/*
@media screen and (max-width: 1300px) {
#sp-logo {display:none;}
}
@media screen and (min-width: 1301px) {
#sp-logo {display:block;}
} */
@media (min-width: 768px) {
.container {
    max-width: 100% !important;
}}
@media screen and (max-width: 1040px) {
#sp-top1 {display:none}
#sp-top2 {display:none}
  #sp-logo {display:none;}
#sp-header 
.col-4.col-lg-5 {width: 50% !important;
    max-width: 50% !important;
    display: block;
    float: left;
    flex: 0 0 50%;}
}
@media (min-width: 576px)
.container {
    max-width: 100%;
}

@media screen and (max-width:800px) {#sp-header 
.col-4.col-lg-5 {width: 100% !important;
    max-width: 100% !important;
    display: block;
    float: left;
    flex: 0 0 100%;
}
.sppb-addon-single-image .sppb-img-responsive {max-width:100px;}
}

#section-id-1565007958237 .sppb-container-inner {max-width:1290px;margin:auto;}

#sp-header .container-inner {max-width:1290px;margin:auto;}


body[oat_device="phone"] .no_mobile {display:none;}

.view-featured #sp-component {max-width:1280px;margin:auto;padding-top:300px;}

.view-featured #sp-component {color:#FFF;}
.view-featured #sp-component h2, .view-featured #sp-component p {color:#FFF;}

.view-featured #sp-main-body {
    background-image: none !important;
background-color:#ffd500;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 50% 50%;
}

.item_blog_post {padding:25px;background-color:rgba(0,0,0,0.8);}
.item_blog_post h2,.item_blog_post p {color:#FFF;}
#mod-ajaxsearch-searchword:placeholder {color:#FFF;}
#mod-ajaxsearch-searchword {color:#FFF;border:1px solid #FFF;min-width:250px;}

#mod-ajaxsearch-searchword:FOCUS {
    color: #FFF;
    border: 1px solid #FFF;
    min-width: 250px;
BACKGROUND-COLOR:TRANSPARENT;
}

#sp-footer a {color:#FFF;}

.view-login #sp-main-body {background-image:url(/images/huon-image_campagne.jpg);
  }

body[oat_device="desktop"] .no_desktop {display:none;}

.view-login .login .row {    background: rgba(0,0,0,0.8);
    padding: 150px 50px;}


.com-users.view-registration .registration {color:#FFF;}

.com-users.view-registration #member-registration {background-color: rgba(0,0,0,0.8);
    padding: 55px;
}

.com-users.view-registration fieldset legend {font-size:55px;color:#FFF;margin-bottom:70px;text-align:center;}

.com-users.view-registration .header_image {position:relative;}

.com-users.view-registration #sp-main-body {background-image:url("/images/arriere-plan-vigne.jpg") !important;background-size:cover;}

.itemid-105 #conseil_commercial {display:none;}

.com-users.view-registration #conseil_commercial {display:none;}
#infos_produits {max-width:1280px;margin:auto !important;}


#loginbutton {border:2px solid #FFF;color:#FFF;}
#creermoncompte {border:0px solid #FFF;color:#FFF;}
a.forget-pass {color:#FFF;}
h2.titre {color:#FFF;}
.blanc {color:#fff;}
.frame_login {background-color:rgba(0,0,0,0.5);padding:25px;}

.vignetteproduit .sppb-addon-subtitle:before, .vignetteproduit .ouiw-io__subtitle:before {content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;color:#FFF;font-size:1rem;}

@media (min-width: 1200px) {
    #offcanvas-toggler {
        display:none;
    }
}


:root {
  --couleur-principale: #ffd500 !important;
}

.djacc__openbtn.djacc__openbtn--default {background: #000!important;}
.djacc-popup .djacc__bar:after, .djacc-popup .djacc__bar:before {
background: var(--couleur-principale)!important;}
    .djacc-popup .djacc__close {
    background: var(--couleur-principale)!important;
    margin-left: 10px;
}

/* 2. Generated by Helix from the layout rows, logo height and preset */
.logo-image {height:190px;}.logo-image-phone {height:190px;}
#sp-main-body{ background-image:url("/images/texture_huon.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-position:50% 50%; }
#sp-reassurance{ background-color:#FFD500; }
#sp-footer{ background-image:url("/images/2019/08/16/bas-de-page-ets-huon.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:#030303;color:#ffffff; }
:root {--sppb-topbar-bg-color: #E0DECB; --sppb-topbar-text-color: #4D4E40; --sppb-header-bg-color: #e0decb; --sppb-logo-text-color: #4d4e40; --sppb-menu-text-color: #4d4e40; --sppb-menu-text-hover-color: #F5D410; --sppb-menu-text-active-color: #F5D410; --sppb-menu-dropdown-bg-color: #8E8A7D; --sppb-menu-dropdown-text-color: #4d4e40; --sppb-menu-dropdown-text-hover-color: #f5d410; --sppb-menu-dropdown-text-active-color: #4d4e40; --sppb-text-color: #4d4e40; --sppb-bg-color: #4d4e40; --sppb-link-color: #f5d410; --sppb-link-hover-color: #f5d410; --sppb-footer-bg-color: #4d4e40; --sppb-footer-text-color: #ffffff; --sppb-footer-link-color: #f5d410; --sppb-footer-link-hover-color: #f5d410}

/* 3. <style> block hard-coded in orbit/index.php */
@font-face {
    font-family: 'cleanvertisingblack';
    src: url('../fonts/cleanveb-webfont.ttf') format('ttf'), 
	url('../fonts/cleanveb-webfont.woff2') format('woff2'),
         url('../fonts/cleanveb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.cleanvertising, .cleanvertising * {font-family: 'cleanvertisingblack';}

.desktop_only {
    display: block;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    margin-left: 7px;

}

body[oat_device="desktop"] .site-mobile {background:transparent!important;}
body[oat_device="desktop"] .offcanvas-menu {
    z-index: 10!important;
}
body[oat_device="mobile"] .offcanvas-menu {width:100%!important;}
body[oat_device="mobile"].ltr.offcanvs-position-right .offcanvas-menu {
    right: -900px;
}
body[oat_device="mobile"].ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {right:0;}
body[oat_device="mobile"].ltr.offcanvs-position-right.offcanvas-active #mobile-header {display:none;}

.menu-toggler *{ font-family: "Font Awesome 5 Free"!important; }
.menu-toggler::after { font-family: "Font Awesome 5 Free"!important;content: "\f105"!important;color:#FFF!important;	font-weight:700;}

body[oat_device="mobile"] #page_produits {background-image:none !important}

.box_bochevo {border-bottom:5px solid #e30613;}
.box_bochevodynamise {border-bottom:5px solid #7b2146;}
.box_bochevocalgomarin {border-bottom:5px solid #ee7203;}
.box_vegor70 {border-bottom:5px solid #005984;}
.box_entreterreetmer {border-bottom:5px solid #009e95;}
.box_bacterre {border-bottom:5px solid #b70c59;}
.box_algh {border-bottom:5px solid #a06624;}
body[oat_device="mobile"].offcanvas-active #marqueglobale {opacity:0;transition:all 1s;}
body[oat_device="desktop"].offcanvas-active .close-offcanvas {display:block;}
body[oat_device="desktop"] .close-offcanvas {display:none;}
.close-offcanvas,.close-offcanvas:hover {
    background: transparent!important;
}

.offcanvas-active #offcanvas-toggler  {opacity:0;transition:all 1s;}
.offcanvas-menu {background-color:rgba(77,78,64,0.9);padding:6rem 1rem;}
.offcanvas-menu .sp-module ul > li > a:hover {
    color: #F5D410 !important;font-weight:700;
}
#site-mobile a {color:#FFF!important;}
.offcanvas-menu .btn-primary {background-color:#ffd500;border-radius:8px;text-transform:none;}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right:0!important;
}

body.pasdebandeau img.bandeau {display:none;}
body img.bandeau {display:block;width:100%;}
.bandeau-huon {width:100%;}


.offcanvas-menu  .sp-module ul > li > a {font-family: 'acumin-pro-condensed', sans-serif;color:#FFF!important;font-size:2rem;text-transform:uppercase;}
.offcanvas-menu .menu-parent {padding-bottom:0.6rem!important;border-bottom:1px solid #fff!important;}
#marque {font-family: 'cleanvertisingblack';font-size:28px;line-height:24px;}
#complement {margin-left:0.2rem;}
#info01 {    margin-top: 0.3rem;}
#info01, #info02 {display:block;font-size:12px;line-height:10px;} 
#site-mobile {    display: flex;
    align-items: center;
    justify-content: center;padding:1rem 0;}

#marqueglobale {display: flex;
    align-items: center;
    justify-content: center;}

#mobile-header 
{position:fixed;left:0;right:0;z-index:6;}
#mobile-header #site-mobile 
{line-height:3rem;background-color:#4D4E40;font-size:1.2rem;font-family: 'acumin-pro-condensed', sans-serif;color:#FFF;font-weight:700;background-image:url('../images/icone-feuille-huon.webp');
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 30px 20px;}

.site-mobile 
{line-height:3rem;background-color:#4D4E40;font-size:1.2rem;font-family: 'acumin-pro-condensed', sans-serif;color:#FFF;font-weight:700;background-image:url('../images/icone-feuille-huon.webp');
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 30px 20px;position: absolute;
    height: 60px;
    left: 0;
    top: 0;
    width: 100%;}
#mobile-header #offcanvas-toggler {position:fixed;right:1rem;margin:0!important;top:0;}
.offcanvas-overlay {
    z-index: 4!important;
}
.offcanvas-menu {
    z-index: 5!important;
}
.close-offcanvas {
    position: fixed;
    top: 15px;
    z-index: 100;
    /* border-radius: 100%; */
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    background: #333;
    color: #fff;
    display: block;
	z-index:100;
}

body[oat_device="desktop"] #mobile-header #offcanvas-toggler {
	position:absolute;
    top: 0.3rem;
}
.header-desktop-mobile {position:relative;}

@media (max-width: 1040px) { .header-wrapper {display:none;}*[oat_device="desktop"] #offcanvas-toggler {
  display: block!important;
}}
@media (min-width: 1041px) {#mobile-header {display:none;} }

/* ---- Oui Blocks compat (pages migrated from SP Page Builder) ---------------------------------------------------- */
.com-blocks #sp-main-body {padding:0;}
/* SP Page Builder's row container (.sppb-row-container): Bootstrap steps + 1320px from 1400px; the old `.container{max-width:100%}` rule above is for Helix's own containers. */
@media (min-width:576px) {.blocks-layout .container {max-width:540px !important;}}
@media (min-width:768px) {.blocks-layout .container {max-width:720px !important;}}
@media (min-width:992px) {.blocks-layout .container {max-width:960px !important;}}
@media (min-width:1200px) {.blocks-layout .container {max-width:1140px !important;}}
@media (min-width:1400px) {.blocks-layout .container {max-width:1320px !important;}}
/* In SP Page Builder 6.9 (with this template's Bootstrap) a text add-on's last paragraph margin collapses into the add-on's margin: no flow-root on the text. */
.blocks-layout .blocks-el-oui-text {display:block;}
.vignetteproduit .ouiw-io__layer::after {display:none;}
/* A "custom" button of SP Page Builder (.sppb-btn-custom): the layout keeps the class oui-btn-custom on the button's box; it looks like .sppb-btn, not like Bootstrap's / the template's .btn-primary. */
.oui-btn-custom .btn {display:inline-block;white-space:normal;max-width:100%;height:auto;padding:8px 12px;border:1px solid transparent;border-radius:4px;line-height:20px;font-weight:600;text-transform:none;letter-spacing:normal;text-align:center;background-color:#ffd500 !important;color:#4B4B4A !important;}
.oui-btn-custom .btn:hover {background-color:#4B4B4A !important;color:#fff !important;}
/* The page builder's icon box colours the glyph, not the link around it (the footer's links are white). */
.oui-icon a {color:inherit !important;}
/* Bootstrap 4 (this template) has fixed 15px gutters; Blocks sets a row's gutter with Bootstrap 5's variable (SP Page Builder's "No gutter" / "Columns gap"). */
:where(.blocks-layout .blocks-row) {--bs-gutter-x:30px;}
.blocks-layout .blocks-row {margin-left:calc(var(--bs-gutter-x, 30px) / -2);margin-right:calc(var(--bs-gutter-x, 30px) / -2);}
.blocks-layout .blocks-row > .blocks-col {padding-left:calc(var(--bs-gutter-x, 30px) / 2);padding-right:calc(var(--bs-gutter-x, 30px) / 2);}
/* Bootstrap 5's .ratio (Blocks' video element) for this Bootstrap 4 template. */
.ratio {position:relative;width:100%;}
.ratio::before {display:block;padding-top:var(--bs-aspect-ratio);content:"";}
.ratio > * {position:absolute;top:0;left:0;width:100%;height:100%;}
.ratio-1x1 {--bs-aspect-ratio:100%;}
.ratio-4x3 {--bs-aspect-ratio:75%;}
.ratio-16x9 {--bs-aspect-ratio:56.25%;}
.ratio-21x9 {--bs-aspect-ratio:42.857143%;}
.ratio-9x16 {--bs-aspect-ratio:177.7778%;}
/* SP Page Builder's sections are positioned with z-index 1 and print a zero white box-shadow (which changes how Chrome paints a fixed background beyond the first screen): a section pulled up over the previous one (negative margin) paints above its overlay. */
.blocks-layout > .blocks-section {position:relative;z-index:1;overflow:visible;will-change:top;box-shadow:0 0 0 0 #fff;}
/* template.css: #sp-footer #sp-footer1 .sp-module .sppb-addon-single-image { margin-right: 10px } for the Blocks picture element. */
#sp-footer #sp-footer1 .sp-module .blocks-el-oui-image {margin-right:10px;}
/* SP Page Builder's column is a flex box: a section's own margin does not collapse through it (Bootstrap's block cell would let it). */
.blocks-layout .blocks-cell-body {display:flow-root;}

/* Convert Forms (the contact form that replaces SP Page Builder's Form Builder) dressed like it: grey labels, 38px inputs, 20px between fields. */
.blocks-layout .cf-form-wrap {padding:0 30px !important;background:none !important;}
.blocks-layout .cf-fields {display:flex;flex-wrap:wrap;column-gap:30px;margin:0 !important;}
.blocks-layout .cf-control-group {width:100%;margin:0 0 20px;padding:0 !important;}
.blocks-layout .cf-control-group:has(.cf-one-half) {width:calc(50% - 15px);}
.blocks-layout .cf-control-group:last-child {margin-bottom:0;}
.blocks-layout .cf-control-label {margin:0;}
.blocks-layout .cf-label {display:block;color:#b7b7b7 !important;font-size:16px !important;line-height:24px;font-weight:400 !important;margin:0 0 8px !important;}
.blocks-layout .cf-required-label {color:inherit !important;}
.blocks-layout .cf-input, .blocks-layout textarea.cf-input {display:block;width:100% !important;max-width:none;box-sizing:border-box;height:38px;padding:8px 12px !important;font-size:16px !important;line-height:20px;border:1px solid rgba(0,0,0,.15) !important;border-radius:4px !important;background:#fff !important;color:#495057 !important;}
.blocks-layout textarea.cf-input {height:150px;resize:none;}
.blocks-layout .captcha-container {display:block;}
.blocks-layout .captcha-equation {display:block;color:#b7b7b7;font-size:16px;line-height:24px;font-weight:400;margin:0 0 8px;}
.blocks-layout .cf-btn {display:inline-block;height:38px;padding:8px 12px !important;border:1px solid transparent !important;border-radius:4px !important;font-size:16px !important;line-height:20px !important;font-weight:600 !important;text-transform:none;letter-spacing:normal;background:#ffd500 !important;color:#4B4B4A !important;box-shadow:none;}
.blocks-layout .cf-btn:hover {background:#4B4B4A !important;color:#fff !important;}
.blocks-layout .cf-input::placeholder {color:#6c757d;opacity:1;}
.blocks-layout .captcha-equation {font-family:inherit !important;font-size:16px !important;line-height:24px !important;color:#b7b7b7 !important;}
.blocks-layout .cf-btn {width:auto !important;min-width:0;}


/* ==== Floating buttons: oui4all (accessibility) and ConsentKit (cookies) ====================================
   Same look: 48px dark-olive circle, yellow line icon, colours swap on hover. Desktop: stacked in the bottom-left
   corner (ConsentKit under oui4all, whose offset is the plugin's "vertical offset" = 84px). Phone/tablet: ConsentKit
   bottom-left, oui4all bottom-right (plugin "mobile alignment"), so they never overlap.
   ConsentKit is hosted (consent.oui.it.com): its button is restyled here, the 🍪 emoji replaced by a CSS-masked icon. */
:root { --etshuon-fab-bg: #4D4E40; --etshuon-fab-icon: #FFD500; }

.oui4all-popup .oui4all__openbtn,
.ck-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: var(--etshuon-fab-bg) !important;
  color: var(--etshuon-fab-icon) !important;
  border: 2px solid var(--etshuon-fab-icon) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .25) !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}
.oui4all-popup .oui4all__openbtn:hover,
.oui4all-popup .oui4all__openbtn:focus-visible,
.ck-icon:hover,
.ck-icon:focus-visible {
  background: var(--etshuon-fab-icon) !important;
  color: var(--etshuon-fab-bg) !important;
  transform: scale(1.06);
}
.oui4all-popup .oui4all__openbtn:focus-visible,
.ck-icon:focus-visible { outline: 3px solid var(--etshuon-fab-bg) !important; outline-offset: 3px !important; }
.oui4all-popup .oui4all__openbtn svg { width: 24px; height: 24px; fill: none !important; stroke: currentColor; }

/* ConsentKit: a simple line cookie instead of the emoji (the label stays the button's aria-label). */
.ck-icon { font-size: 0 !important; line-height: 0 !important; }
.ck-icon::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Cpath d='M8.5 8.5v.01'/%3E%3Cpath d='M16 15.5v.01'/%3E%3Cpath d='M12 12v.01'/%3E%3Cpath d='M11 17v.01'/%3E%3Cpath d='M7 14v.01'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Cpath d='M8.5 8.5v.01'/%3E%3Cpath d='M16 15.5v.01'/%3E%3Cpath d='M12 12v.01'/%3E%3Cpath d='M11 17v.01'/%3E%3Cpath d='M7 14v.01'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Position: ConsentKit always bottom-left, 20px from the edges (oui4all sits above it on desktop, see plugin offsets). */
.ck-icon,
.ck-icon--bottom-right,
.ck-icon--bottom-left { left: 20px !important; right: auto !important; bottom: 20px !important; }