/*
Theme Name: Hestia Box
Theme URI: https://blockpresswp.com/
Template: blockpress
Author: MotionBlocks
Description: The block theme for creative sites with maximum perfomance and flexibility. It has more than 12 query loop templates, a lot of predefined Post and Page layouts, header and footer patterns, style switcher, library of block styles and section patterns, dark color scheme, font selector. Theme doesn't use jquery dependencies and any style library. All of these makes theme to be perfect if you need 100 web vitals score even without cache plugins. BlockPress can be used also to make super fast and clean Woocommerce shops. It has improved style loading for Woocommerce, better inputs, very clean design for shop pages and improved layouts for woocommerce blocks.
Tags: e-commerce,block-patterns,block-styles,editor-style,full-site-editing,full-width-template,rtl-language-support,template-editing,translation-ready,wide-blocks
Version: 1.2.1.1708955274
Updated: 2024-02-26 14:47:54
*/
/* @font-face {
font-family: 'Berlinsans', sans-serif;
src: url('/wp-content/themes/blockpress-child/assets/fonts/berlinsans.woff2') format('woff2'),
url('/wp-content/themes/blockpress-child/assets/fonts/berlinsans.woff') format('woff'),
url('/wp-content/themes/blockpress-child/assets/fonts/berlinsans.ttf') format('truetype');
font-weight: 700;
font-style: normal;
} */
body {
--wp--preset--font-family--tw-font-1: var(--wp--preset--font-family--din-pro);
--sc-font-sans: var(--wp--preset--font-family--din-pro);
--wp--preset--font-size--medium: 1.2rem;
--wp--preset--font-size--big: 1.55rem;
--wp--preset--font-size--max-huge: clamp(2rem, 3.2vw, 2.4rem);
--wp--preset--font-size--small: 1.1rem;
--wp--preset--font-size--subheading:1.55rem;
--wp--custom--spacing--blockbottom: 1rem;
--wp--custom--line-height--medium:1.5;
--wp--preset--gradient--diagonal-accent-to-button: linear-gradient(to top right,var(--wp--preset--color--accentbg) 0%, #333333 100%);/*var(--wp--preset--color--button)*/
/* --wpforms-button-background-color:var(--wp--preset--color--primary)!important; */
--sc-cart-icon-bottom:60px;
--sc-product-image-aspect-ratio:1/1!important;
}
.hidden {
display:none!important;
}
.wpforms-form {
--wpforms-label-size-font-size:1.1rem!important;
--wpforms-label-size-sublabel-font-size:1rem!important;
--wpforms-field-size-font-size:1.1rem!important;
}
/* :root :where(.wp-block-heading) {
font-family: var(--wp--preset--font-family--lt-wave-alt);
} */
::selection {
background: var(--wp--preset--color--primary);
color: white;
background-clip: none;
-webkit-text-fill-color: white;
}
.wp-block-surecart-subtotal,
#customer-downloads-preview, .sc-dashboard sc-tab:last-child {
display: none!important;
}
/* .cart {
bottom: 60px!important;
} */
body.page-template-template-surecart-dashboard, .sc-customer-dashboard {
font-size: 1rem!important;
}
p, li {
font-size: 1.2rem;
}
.gs-counterlabel {
font-size: 1.2rem!important;
}
#calcumate-root .self-storage-unit-image-d img {
display:none!important;
}
/* #calcumate-root .external-color{
cursor:default!important;
} */
h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-heading, .gs-counter {
font-family: var(--wp--preset--font-family--tw-font-1);
font-weight: 700!important;
/* text-transform: uppercase; */
letter-spacing: 0;
line-height:1.5;
}
h1, h2, h1.wp-block-heading, h2.wp-block-heading {
line-height:1.3;
}
h4, h5, h6, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading, .header-bg-sm {
/* font-family: var(--wp--preset--font-family--tw-font-1); */
/* font-weight: 500!important; */
/* letter-spacing: 0.025em; */
font-weight: 500!important;
}
:root :where(h3, h4, h5, h6) {
text-transform: none;
margin-bottom:.3rem;
}
.wp-site-blocks .alignfull.hero-msg {
margin:0!important;
}
.hero-msg > div {
border-radius: 16px;
background:#9b7932dc !important;
/* backdrop-filter: blur(8px) saturate(1.6) sepia(60%); */
backdrop-filter: blur(8px) sepia(60%);
}
.same-height {
display: flex;
height: 100%;
clear: both;
}
.same-height > div {
display: table-cell;
float: none;
vertical-align: top;
justify-content: stretch!important;
align-self: stretch!important;
}
.fr-negative-margin-10 {
margin-top: -9rem !important;
}
.header-bg {
background: transparent;
display: inline-block;
padding:25px;
/* border-radius:30px; */
max-width:670px!important;
}
.header-bg-sm {
color: white;
font-size: 1.6rem;
/* line-height: 1.67; */
margin-top: 10px;
display: inline-block;
}
.woocommerce.wc-block-breadcrumbs {
display: none;
}
/* .wp-block-post-title {
font-size: var(--wp--preset--font-size--max-huge);
} */
h1.wp-block-post-title {
font-size: var(--wp--preset--font-size--max-huge);
}
/* .has-gradient-bg {
z-index: 1;
position:relative;
} */
.home .wp-site-blocks { /* bg-filigrane */
/* background-image: url(/wp-content/uploads/2024/07/HESTIA-BOX-ICONE-BG.svg);
background-position: -49% 47%;
background-repeat: no-repeat;
background-size: 140%; */
/* background-position: 1% bottom;
background-repeat: no-repeat;
background-size: 190%; */
}
/* .gradient-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1000px;
height: 1000px;
border-radius: 50%;
background-image: -moz-radial-gradient(50% 50%, circle closest-side, var(--wp--preset--color--accenttwo) 44%, rgb(255, 255, 255) 100%);
background-image: -webkit-radial-gradient(50% 50%, circle closest-side, var(--wp--preset--color--accenttwo) 44%, rgb(255, 255, 255) 100%);
background-image: -ms-radial-gradient(50% 50%, circle closest-side, var(--wp--preset--color--accenttwo) 44%, rgb(255, 255, 255) 100%);
opacity: 0.15;
margin: 0 auto;
z-index: -1;
} */
.bg-filigrane-1 {
background-image: url(/wp-content/uploads/2024/08/HESTIA-BOX-ICONE-Blanc-transparent.svg);
background-position: -49% 47%;
background-repeat: no-repeat;
background-size: 140%;
}
.txtcolor {
position:relative;
background: linear-gradient(91.42deg, var(--wp--preset--color--primary) 10%, var(--wp--preset--color--primary) 90%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* .txtcolor:after {
content: "";
position: absolute;
bottom: 10px;
left: 10px;
width: 70%;
height: 10px;
background: #c39c4c;
z-index: -1;
transition: width 0.2s ease-in;
} */
.txtlogo, .txtplus, .txtnumero-1, .txtnumero-2, .txtnumero-3, .txtlogo-btn {
display: inline-block;
height: auto;
}
h1 img.svg-container {
width:93px;
vertical-align: bottom;
}
h2 img.svg-container {
width:93px;
vertical-align: bottom;
}
img.svg-container-plus {
width: 60px;
display: block;
margin: 0 auto 20px auto;
}
img.svg-container-btn {
width: 42px;
vertical-align: bottom;
}
#gspb_button-id-gsbp-2e9642f>.gspb-buttonbox {
padding: 2px 22px 10px 22px;
background-color: var(--wp--preset--color--primary, #c39c4c);
font-size: 15px;
border-radius: 50px;
}
.blocs-accueil h4 {
min-height:66px;
}
.hero-banner {
min-height: 500px;
}
.icones-simple h3 {
min-height:96px;
}
.icones-simple svg {
height:65px!important;
margin-bottom:5px;
}
.icones-simple h3 {
line-height:1.3;
color:white;
}
.icones-simple .wp-block-column {
background:var(--wp--preset--color--accentbg);
}
.bloc-accueil .wp-block-column {
transition: all .2s ease;
}
.bloc-accueil .icones-simple .wp-block-column {
transition: all .2s ease;
border: 1px solid #f6f6f6;
padding: 30px;
border-radius: 16px;
box-shadow: var(--tw-block-shadow);
}
.bloc-accueil .wp-block-column:hover {
/* transform: translateY(-7px); */
transform:scale(1.025);
}
.gspb-buttonbox-text {
margin-top:10px;
}
.gspb-buttonbox-title {
text-align:center;
}
.bloc-copyright p {
font-size: 1.1rem;
}
.wp-block-navigation__responsive-container.has-background.has-secondary-background-color {
background:white!important;
}
/* footer {
background-color:var(--wp--preset--color--secondary);
} */
footer .wp-block-social-links li {
font-size: 1.5rem;
}
/* body:not(.home) h2 {
font-size: var(--wp--preset--font-size--big);
} */
#blockpresstotop {
background-color:var(--wp--preset--color--primary)!important;
border: 1px solid white !important;
bottom:15px!important;
}
:where(.wp-block-group.has-background.block-inside-nopadding) {
padding:0!important;
}
.wp-block-columns.columns-center {
align-items: center!important;
}
/* body:not(.home) .fr-sticky-header {
background:#231f20;
}
.fr-sticky-enable.fr-position-absolute.animate-to-white > div {
background:#231f20!important;
} */
.breadcrumb-item {
font-size:var(--wp--preset--font-size--small);
}
/* .wp-block-button a {
font-family: var(--wp--preset--font-family--berlinsans)!important;
} */
footer h3 {
margin-bottom:1.2rem!important;
}
/* main h1, main h2, main h3, main h4, .wp-block-heading, .gs-counter {
color: var(--wp--preset--color--primary);
} */
/* .tw-bottom-shape-organic::after, .tw-top-shape-organic::before {
--group-shape: url("data:image/svg+xml,%3Csvg%20id%3D%22degrade%22%20data-name%3D%22degrade%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20483.7%2051.9%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%2C.cls-3%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%232c2d82%3B%7D.cls-4%7Bclip-path%3Aurl(%23clippath)%3B%7D.cls-3%7Bfill%3Aurl(%23D%C3%A9grad%C3%A9_sans_nom)%3Bfilter%3Aurl(%23drop-shadow-1)%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clippath%22%3E%3Crect%20class%3D%22cls-1%22%20y%3D%220%22%20width%3D%22483.7%22%20height%3D%2251.9%22%2F%3E%3C%2FclipPath%3E%3ClinearGradient%20id%3D%22D%C3%A9grad%C3%A9_sans_nom%22%20data-name%3D%22D%C3%A9grad%C3%A9%20sans%20nom%22%20x1%3D%22-1%22%20y1%3D%2229.2%22%20x2%3D%22506.1%22%20y2%3D%2229.2%22%20gradientTransform%3D%22translate(0%2051.9)%20scale(1%20-1)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2396c31e%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22%23faa500%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23f07332%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23d70a50%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23822d82%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232c2d82%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22drop-shadow-1%22%3E%3CfeOffset%20dx%3D%220%22%20dy%3D%220%22%2F%3E%3CfeGaussianBlur%20result%3D%22blur%22%20stdDeviation%3D%222%22%2F%3E%3CfeFlood%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22blur%22%20operator%3D%22in%22%2F%3E%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20class%3D%22cls-4%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M506.1-3.5c0%2C26.8-113.5%2C48.9-253.5%2C48.9H-1l-4.1%2C33.1%2C334%2C15%2C176.1-13.9%2C1.2-83Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M506.1-1.5c0%2C26.8-113.5%2C48.9-253.5%2C48.9H-1v-2.5h242.8c134.1%2C0%2C242.8-21.2%2C242.8-46.9l21.5.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
} */
[class*=tw-top-shape]::before, [class*=tw-bottom-shape]::after {
height: 20vw;
top: -15vw;
-webkit-mask: var(--group-shape) center repeat no-repeat;
mask: var(--group-shape) center repeat no-repeat;
pointer-events: none!important;
z-index:1;
}
[class*=tw-top-shape]::before {
-webkit-transform: none;
transform: none;
background-image: var(--group-shape);
background-size: contain; /* or contain, depending on how you want the SVG to scale */
background-repeat: no-repeat;
background-position: center;
}
/* footer {
z-index: 1;
position: relative;
} */
/* body:not(.home) footer {
padding-top:3vw;
} */
.sep-organic {
padding-top:10vw;
}
.fr-sticky-header li.wp-block-navigation-item {
font-size:1.1rem;
/* text-transform: uppercase; */
font-weight:500;
}
.wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog {
gap:2.7rem;
}
/* :root :where(a:where(:not(.wp-element-button))) {
text-decoration: underline;
} */
a:where(:not(.wp-element-button)) {
text-underline-offset: .15em;
text-decoration-thickness: 1px;
}
a:where(:not(.wp-element-button)):hover {
text-decoration-thickness: 2px;
}
h4 a:where(:not(.wp-element-button)) {
text-underline-offset: .2em;
}
.has-textonprimary-color a:where(:not(.wp-element-button)):hover {
color: var(--wp--preset--color--textonprimary);
}
.wp-block-buttons .wp-block-button__link:hover, .wp-block-navigation-item.is-style-accentbutton a:hover {
background: var(--wp--preset--color--accenttwo);
/* transform:translateY(-2px); */
/*transform: translate3d(0, -2px, 0);*/
/* box-shadow: 0 12px 28px rgba(0, 0, 0, .12); */
transform:none;
/* transition: color 0.3s; */
/* transform: none; */
}
.wp-block-buttons .wp-block-button__link {
/* position: relative;
overflow: hidden; */
transition: all .3s ease;
/* transition-timing-function: cubic-bezier(.15,.85,.31,1); */
/* text-shadow: 0 1px 0 rgb(0 0 0 / 40%); */
}
.wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .wp-block-button__link:focus, .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .wp-block-button__link:visited {
color:white !important;
/* transform: translateY(-3px); */
/* transform:none!important; */
}
.bloc-copyright a {
text-decoration: none;
}
.bloc-copyright a:where(:not(.wp-element-button)):hover {
color:currentColor;
}
.bloc3 {
/* border: 2px dashed #dcddde; */
text-align:center;
}
.bloc3 p {
min-height:86px;
}
.bloc3 .circled {
background-color: var(--wp--preset--color--primary);
color: #fff;
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
border-radius: 50%;
display: inline-block;
margin: 0 auto;
}
.blocs-banniere a:hover {
color:white!important;
}
.vp-portfolio__item-meta-categories {
display:none!important;
}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
background-color:var(--wp--preset--color--primary);
}
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
background-color:var(--wp--preset--color--accenttwo)!important;
}
.wp-block-button .wp-block-button__link, div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button {
padding:14px 30px;
font-size: 1.2rem;
border-radius: 50px;
line-height:1.2;
/* text-transform:uppercase; */
font-weight:500;
/* font-family: var(--wp--preset--font-family--comfortaa); */
}
div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button {
height:auto;
}
.wp-block-button.has-logo-digo .wp-block-button__link {
line-height:1.3;
}
.icone-accueil {
min-height:93px;
}
footer .wp-block-button .wp-block-button__link {
padding:10px 25px;
}
.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child)>a:after {
height:1px;
bottom: 8px;
}
.wp-block-navigation__container>.wp-block-navigation-item>a {
line-height: 1.33;
}
.wp-block-navigation .wp-block-navigation-item__label {
display: inline;
background: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
background-size: 0 1px;
background-position: 0 100%;
background-repeat: no-repeat;
-webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86) 0s;
-o-transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s;
transition: background-size .25s cubic-bezier(.785,.135,.15,.86) 0s;
letter-spacing: 0.015em;
}
.surheader .wp-block-navigation .wp-block-navigation-item__label {
display: inline;
background: linear-gradient(to right, var(--wp--preset--color--textonprimary) 0%, var(--wp--preset--color--textonprimary) 100%);
background-size: 0 1px;
background-position: 0 100%;
background-repeat: no-repeat;
transition:none;
}
.wp-block-navigation .wp-block-navigation-item.current-menu-item:not(.is-style-accentbutton) .wp-block-navigation-item__label {
background-size: 100% 1px;
}
.is-menu-open .wp-block-navigation__responsive-container-content .current-menu-item a .wp-block-navigation-item__label {
background: linear-gradient(to right, var(--wp--preset--color--textonprimary) 0%, var(--wp--preset--color--textonprimary) 100%);
background-size: 100% 1px;
background-position: 0 100%;
background-repeat: no-repeat;
transition:none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
color:white!important;
}
.is-menu-open .wp-block-navigation-item.is-style-accentbutton a {
padding:0!important;
}
.wp-block-navigation .wp-block-navigation-item:not(.is-style-accentbutton) .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
background-size: 100% 1px;
color:var(--wp--preset--color--accenttwo);
}
.surheader .wp-block-navigation .wp-block-navigation-item:not(.is-style-accentbutton) .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
color:var(--wp--preset--color--textonprimary)!important;
}
.is-menu-open .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.is-menu-open .wp-block-navigation-item__content:active .wp-block-navigation-item__label {
color:var(--wp--preset--color--textonprimary)!important;
}
/* body::before {
content: "";
display: block;
height: 5px;
width: 100%;
background: linear-gradient(90deg, rgba(150,195,30,1) 0%, rgba(250,165,0,1) 20%, rgba(240,115,50,1) 40%, rgba(215,10,80,1) 60%, rgba(130,45,130,1) 80%, rgba(44,45,130,1) 100%);
} */
/* .site-header .wp-block-navigation .wp-block-navigation-item a {
letter-spacing: 0.015em;
} */
.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation .wp-block-navigation-item.is-style-accentbutton a {
border-radius: 50px;
color:white;
font-weight: 500;
/* letter-spacing: 0.025em; */
}
/* .site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation .wp-block-navigation-item.is-style-accentbutton a span {
font-weight:600!important;
} */
.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation .wp-block-navigation-item.is-style-accentbutton.current-menu-item a {
/* border-color:var(--wp--preset--color--accenttwo)!important; */
}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .wp-block-navigation-item.is-style-accentbutton a {
border: none!important;
padding-left:0!important;
padding-right:0!important;
background:transparent;
}
.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.wp-block-navigation-item.is-style-accentbutton>a:after {
display: none!important;
}
.vp-portfolio__items-style-fade {
--vp-items-style-fade--overlay__background: #03443ebb!important;
}
.vp-filter__style-minimal .vp-filter__item>* {
color:var(--wp--preset--color--primary);
}
main .wp-block-cover__inner-container a:where(:not(.wp-element-button)):hover {
text-decoration:none;
}
.surheader > div {
padding-top:6px;
padding-bottom:7px;
}
.site-header .wp-block-navigation__container>.wp-block-navigation-item:not(.has-child)>a:after {
bottom: 4px;
color: var(--wp--preset--color--primary);
}
.wp-block-navigation-item a:after {
display:none!important;
}
footer > .wp-block-group > .wp-block-group:not(.bloc-copyright) p {
font-size:var(--wp--preset--font-size--medium) !important;
}
footer ul:not(.wp-block-social-links) li {
align-items: center;
background-color: inherit;
display: flex;
position: relative;
margin-bottom: 20px;
line-height: 1.7rem;
}
footer ul:not(.wp-block-social-links) li:before {
content: url('data:image/svg+xml;utf8,');
display: inline-block;
width: 14px;
height: 14px;
padding: 0 8px 8px 0;
}
footer :not(.wp-block-social-links) li.lien-tel:before, .surheader .lien-tel:before, .lientel:before {
content: url('data:image/svg+xml;utf8,');
width: 18px;
height: 18px;
padding: 0 8px 8px 0;
display: inline-block;
}
.lien-user:before {
content: url('data:image/svg+xml,');
width: 16px;
height: 16px;
padding: 0 7px 5px 0;
display: inline-block;
}
.lientel, .lienemail, .lien-user {
text-wrap:nowrap;
}
footer :not(.wp-block-social-links) li.lien-email:before, .surheader .lien-email:before, .lienemail:before {
content: url('data:image/svg+xml;utf8,');
width: 18px;
height: 18px;
padding: 0 8px 8px 0;
display: inline-block;
}
.surheader .lien-volume:before {
content: url('data:image/svg+xml,');
width: 18px;
height: 18px;
padding: 0 8px 0px 0;
display: inline-block;
}
footer :not(.wp-block-social-links) li.lien-reclamation:before {
content: url('data:image/svg+xml;utf8,');
width: 18px;
height: 18px;
padding: 0 8px 8px 0;
}
footer :not(.wp-block-social-links) li.lien-map:before {
content: url('data:image/svg+xml;utf8,');
width: 16px;
height: 16px;
padding: 0 12px 12px 0;
}
.surheader .lien-tel:before, .surheader .lien-email:before {
padding: 0 7px 0px 0;
}
.surheader .lien-target-blank:after {
content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath fill="%23c39c4c" %20d%3D%22M320%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h82.7L201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L448%20109.3V192c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V32c0-17.7-14.3-32-32-32H320zM80%2032C35.8%2032%200%2067.8%200%20112V432c0%2044.2%2035.8%2080%2080%2080H400c44.2%200%2080-35.8%2080-80V320c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V432c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V112c0-8.8%207.2-16%2016-16H192c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H80z%22/%3E%3C/svg%3E');
width: 18px;
height: 18px;
padding: 0 0px 2px 7px;
}
.lien-target-blank-white:after {
content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath fill="%23ffffff" %20d%3D%22M320%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h82.7L201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L448%20109.3V192c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V32c0-17.7-14.3-32-32-32H320zM80%2032C35.8%2032%200%2067.8%200%20112V432c0%2044.2%2035.8%2080%2080%2080H400c44.2%200%2080-35.8%2080-80V320c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V432c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V112c0-8.8%207.2-16%2016-16H192c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H80z%22/%3E%3C/svg%3E');
width: 24px;
height: 24px;
padding: 0 0px 0px 10px;
display:inline-block;
}
.cky-btn-revisit-wrapper {
background-color: var(--wp--preset--color--primary)!important;
}
.n2_clear{
margin: 0;
}
.fr-sticky-enable{
top: 0;
}
/* .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
background-color: #03443E;
} */
.wp-block-navigation__responsive-container-close{
top: 20px;
}
div.wpforms-container-full{
margin-top: -15px;
}
.site-content{
margin-top: 0;
}
.wp-block-cover__inner-container a{
text-decoration: none;
}
footer a{
text-decoration: none;
}
footer a:not(.wp-element-button):hover{
text-decoration: underline !important;
}
.wp-block-column{
min-width: initial;
word-break: keep-all;
}
.fr-sticky-enable > div > div{
max-height: 90px;
transition: max-height 0.15s ease-out;
flex-wrap: nowrap;
}
.wp-block-site-logo img{
transition: transform 0.4s;
}
.fr-sticky-enable .wp-block-site-logo img{
transform: scale(0.9);
transition: transform 0.4s;
}
.copyright-abc{
line-height: 18px;
}
.icones-lg * {
text-align:center;
}
.icones-lg img {
width:110px!important;
}
.wp-block-cover, .wp-block-cover-image, .wp-block-cover.bg-gradient {
min-height: 250px;
text-align:center;
}
/* .wp-block-cover.bg-gradient h1 {
text-transform: uppercase;
} */
.wp-block-cover.bg-gradient p {
font-size:1.3rem!important;
line-height:1.3;
}
.bloc-copyright .wp-block-image img {
vertical-align: middle;
}
.icones-lg p {
min-height:113px;
}
.is-style-outline-white a.wp-block-button__link:hover {
color: var(--wp--preset--color--accentbg)!important;
}
.banniere a:where(:not(.wp-element-button)):hover {
color: white;
text-decoration: underline!important;
}
/* .page-id-3206 footer {
background: #FDF0E2;
padding-top: 0;
} */
.wp-block-button .wp-block-button__link.external-link, .wp-block-button.button-arrow .wp-block-button__link {
position: relative;
padding-right:46px;
}
.wp-block-button .wp-block-button__link.external-link::after {
content: '';
display: inline-block;
width: 15px;
height: 15px;
background: url('data:image/svg+xml;utf8,');
background-size: cover;
margin-left: 5px;
position: absolute;
right: 25px;
top: 49%;
transform: translateY(-50%);
}
.wp-block-button.button-arrow .wp-block-button__link::after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background: url('data:image/svg+xml,');
background-size: cover;
margin-left: 9px;
position: absolute;
right: 23px;
top: 52%;
transform: translateY(-50%);
}
.embed-opinionsystem {
margin-block-start:0!important;
}
.ti-widget.ti-goog .ti-widget-container .ti-name {
font-size: 16px;
}
.logos-footer {
margin-top:30px;
}
@media screen and (min-width: 1900px) {
.sep-organic {
padding-top:2vw;
}
}
@media screen and (min-width: 1024px) {
/* .lien-accueil span {
content: url('data:image/svg+xml;utf8,');
display: inline-block;
width: 15px;
height: 15px;
} */
.logos-footer {
max-width:330px;
}
/* .site-header .wp-block-navigation .wp-block-navigation-item__content {
max-width:110px;
text-align: center;
} */
}
@media screen and (min-width: 1024px) and (max-width: 1170px) {
/* .site-header .wp-block-navigation .wp-block-navigation-item__content {
max-width:85px;
text-align: center;
} */
li.wp-block-navigation-item {
font-size: .95rem;
}
}
@media screen and (min-width: 850px) and (max-width: 1253px) {
.sep-organic {
padding-top:20vw;
}
.bloc3 p {
min-height:110px;
}
}
@media screen and (max-width: 1023px) {
.wp-block-navigation__responsive-container-content li.wp-block-navigation-item {
font-size: 1.25rem;
}
.wp-block-navigation__responsive-container-content .has-secondary-color li a, .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-close {
color:white!important;
}
/* .hero-banner {
height: calc(100vh + 10vh);
}
.wp-block-cover.hero-banner .wp-block-cover__image-background {
top:-10vh;
}
body .is-layout-constrained > .blob1:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin-top:150px;
} */
.blocs-pistes-cyclabes h4 {
min-height: 110px;
}
}
@media screen and (min-width: 768px) and (max-width: 850px) {
.wp-block-navigation {
font-size: .95rem!important;
}
}
@media screen and (min-width: 782px) {
body.page-template-template-surecart-dashboard .sc-dashboard__column {
padding-bottom: 80px;
}
}
@media screen and (min-width: 768px) {
.icones-simple .wp-block-column {
margin-bottom:30px!important;
}
.hero-msg > div {
padding:50px 60px!important;
}
.blocs-accueil h2 {
font-size:clamp(1.8rem, 3.1vw, 2.1rem);
}
/* .bloc3 h3 {
padding-left:40px;
padding-right:40px;
height:65px;
overflow:hidden;
} */
.bloc1 {
min-height:600px;
}
.topnavcloned {
display: none!important;
}
}
@media screen and (min-width: 768px) and (max-width: 1253px) {
.bloc1 {
min-height:845px;
}
.blocs-navettes p {
min-height: 140px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.bloc3 p {
min-height:80px;
}
.logos-footer img {
max-width:130px;
}
.logos-footer {
max-width:400px;
}
}
@media screen and (min-width: 850px) and (max-width: 1253px) {
.bloc1 {
min-height:720px;
}
}
@media (max-width:767px) {
.icones-simple h3 {
min-height:66px;
}
.icones-simple .wp-block-column {
margin-bottom:0px!important;
}
.icones-simple {
gap:3rem;
max-width:unset!important;
}
.wp-block-cover, .wp-block-cover-image, .wp-block-cover.bg-gradient {
min-height: 280px;
text-align:center;
}
.hero-msg > div {
padding:20px!important;
text-align:center;
}
.wp-site-blocks .alignfull.hero-msg {
margin-left:10px!important;
margin-right:10px!important;
}
.blocs-mobive .wp-block-group {
min-height: auto;
}
.blocs-navettes p {
min-height: auto;
}
.blocs-pistes-cyclabes h4 {
min-height: auto;
}
.scrollable-table {
overflow-x: auto;
}
.scrollable-table table {
width: 600px!important;
}
.blocs-location-velo > div > div, .blocs-aide-permis > div > div {
min-height: auto;
}
.fr-sticky-header.element-is-sticky {
padding-top:0px!important;
padding-bottom:0px!important;
}
/* .surheader > div > div {
justify-content: center!important;
} */
.logos-footer img {
max-width:150px;
}
.logos-footer figure {
margin-bottom: .5rem !important;
}
.order2 {
order:2;
}
.embed-opinionsystem {
margin:0 auto;
text-align:center;
}
.bloc3 p {
min-height:auto;
}
p, li {
font-size: 1rem;
}
.btn-last {
padding-bottom:40px;
}
.bloc-accueil2[class*=tw-top-shape]::before {
top: -17.5vw;
}
/* .hero-banner {
min-height: 940px;
overflow:visible;
} */
.hero-spacer {
height: 30vh!important;
}
/* body .is-layout-constrained > .blob1:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin-left:auto!important;
margin-top:20vh;
max-width: 40rem!important;
}
body .is-layout-constrained > .blob2:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin-left:auto!important;
margin-top:1vh;
max-width: 40rem!important;
} */
.wp-block-site-logo img{
max-width: 210px;
}
footer ul.is-style-nounderline li,
footer .wp-block-social-links {
justify-content: center;
}
footer h3,
footer .wp-block-buttons,
footer figure,
footer p {
display: block;
text-align:center;
}
/* body, .wp-site-blocks{
overflow-x:hidden !important;
} */
.topnavcloned {
margin-bottom: 50px!important;
}
#modal-3 nav.topnav {
display: none!important;
}
.wp-block-media-text .wp-block-media-text__content{
padding: 0;
}
.wp-block-media-text__media{
grid-row: 2 !important;
margin-top: 30px !important;
}
.wp-block-media-text__content{
grid-row: 1 !important;
}
.bloc-copyright {
justify-content:center!important;
}
.bloc-copyright {
justify-content:center!important;
}
.bloc-copyright p, .bloc-copyright figure, .bloc-copyright div {
width:100%;
text-align: center;
display:block;
margin-top:25px;
margin-bottom:25px;
}
}
@media (max-width:599px){
body {
--wp--preset--font-size--max-huge: clamp(1.6rem, 3.2vw, 2.1rem);
}
.wp-block-navigation__responsive-container.is-menu-open {
transition: none;
}
.header-bg {
margin-top:100px!important;
}
/* .wp-block-cover.hero-banner .wp-block-cover__image-background {
left:-15vh;
width:130%;
} */
:where(.wp-block-columns.has-background.block-inside) {
padding: 1.25em 1.8em!important;
}
/* .surheader .lien-email, .surheader .lien-tel {
display: none!important;
} */
}
@media (max-width:380px) {
body {
--wp--preset--font-size--max-huge:1.6rem;
}
.wp-block-site-logo img{
width: 190px;
}
/* .wp-block-cover.hero-banner .wp-block-cover__image-background {
left:-20vh;
width:160%;
}
.hero-banner {
min-height: 840px;
} */
.small-blobs .blob {
max-width: 100% !important;
}
.text-wrap {
padding: 2.5rem 3rem 2.5rem 3rem;
}
.header-bg {
padding:15px;
}
}
.gspb-buttonbox-text{
margin: 0 !important;
}
.a_color a{
color: #987733 !important;
}
.location-button a {
background-color: var(--wp--preset--color--button) !important;
color: var(--wp--preset--color--textonbutton) !important;
padding: 5px 15px !important;
line-height: 1.8;
border-radius: 50px !important;
}
.wp-block-surecart-cart-icon{
right: 20px !important;
}
.uagb-infobox-cta-link .uagb-inline-editing{
color: white !important;
}
.card_picto{
border-radius: 10px !important;
padding: 30px !important;
transition: all 0.3s ease !important;
&.dark{
background: var(--wp--preset--color--accentbg);
border: 1px solid #b58d3d6c;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .30) !important;
}
&.light{
background: #fff;
border: 1px solid #b58d3d13;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .20) !important;
}
&:hover{
transform: translateY(-10px) !important;
box-shadow: 0 8px 18px 0 rgba(0, 0, 0, .40) !important;
}
}
.liste_animation{
.wp-block-uagb-icon-list-child{
transition: all 0.3s ease;
&:hover{
transform: translateX(5px);
}
}
}
span{
font-size: 1em ;
}
.img_height_max img {
height: 250px !important;
min-width: 100% !important;
object-fit: contain;
border-radius: 10px !important;
}
@media (min-width:1400px) {
.img_height_max {
img, picture {
height: 100% !important;
width: 100% !important;
}
}
}
.hestia-product-card {
position: relative !important;
overflow: hidden !important;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .30) !important;
}
.hestia-product-card .wp-block-uagb-image:first-child {
position: relative;
z-index: 1;
}
@media (min-width: 1200px) {
.hestia-product-card .rideau-overlay {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 10 !important;
margin: 0 !important;
padding: 0 !important;
transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.hestia-product-card .rideau-overlay figure {
height: 100% !important;
width: 100% !important;
margin: 0 !important;
}
.hestia-product-card .rideau-overlay img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.hestia-product-card:hover .rideau-overlay {
transform: translateY(-100%);
}
}
@media (max-width: 1199px) {
.hestia-product-card .rideau-overlay {
display: none !important;
}
}
.wp-block-uagb-image a.wp-block-uagb-image--layout-overlay-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
.hestia-options-section>div {
border-top: 1px solid #eee;
}
.hestia-option-card {
background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
border-radius: 16px !important;
padding: 30px 20px 25px !important;
text-align: center;
position: relative;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.20);
transition: all 0.3s ease;
}
.hestia-option-card::before {
content: "Option";
position: absolute;
top: 18px;
right: -30px;
background: #c9a227;
color: #fff;
font-size: 11px;
font-weight: 600;
padding: 5px 40px;
transform: rotate(45deg);
z-index: 10;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.hestia-option-card:hover {
box-shadow: 0 8px 25px rgba(0,0,0,0.3);
transform: translateY(-3px);
}
.hestia-option-card .uagb-ifb-image-content img {
object-fit: contain;
}
.hestia-option-card .uagb-ifb-title {
font-weight: 600 !important;
color: #1a1a1a !important;
line-height: 1.4 !important;
}
.hestia-option-card .uagb-ifb-desc,
.hestia-option-card .uagb-ifb-desc p {
font-size: 20px !important;
font-weight: 700 !important;
color: #c9a227 !important;
margin: 0 !important;
}
@media (max-width: 768px) {
.hestia-option-card::before {
top: 15px;
right: -32px;
font-size: 10px;
padding: 4px 35px;
}
.hestia-option-card {
padding: 25px 15px 20px !important;
}
.uagb-is-root-container{
overflow: hidden !important;
}
}
.box_description{
background: #f8f5eb !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
}
.pastille_produit{
background-color: #141b24;
box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
transition: all 0.3s ease;
.uagb-ifb-title{
color: #fff !important;
}
&:hover{
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
}
}
.translateY{
transition: all 0.3s ease;
box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
&:hover{
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
}
}
.hestia-stock-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
border-radius: 50px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 8px;
}
.hestia-stock-badge--loading {
background: #f3f4f6;
color: #9ca3af;
}
.hestia-stock-badge--available {
background: #ecfdf5;
color: #059669;
border: 1px solid #a7f3d0;
}
.hestia-stock-badge--available::before {
content: "";
width: 8px;
height: 8px;
background: #10b981;
border-radius: 50%;
animation: pulse-green 2s infinite;
}
.hestia-stock-badge--soldout {
background: #fef2f2;
color: #dc2626;
border: 1px solid #fecaca;
}
.hestia-stock-badge--soldout::before {
content: "";
width: 8px;
height: 8px;
background: #ef4444;
border-radius: 50%;
}
@keyframes pulse-green {
0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
50% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
}
.pastille{
background: #f5f5f5 !important;
color: #666;
}
.product_card_img{
img{
width: 100% !important;
height: auto !important;
aspect-ratio: 4/3 !important;
}
}
.card-center .uagb-ifb-left-title-image{
justify-content: center !important;
align-items: center !important;
}
button[disabled] {
background: #e5e5e5 !important;
color: #888 !important;
cursor: not-allowed !important;
}
/* @media screen and (min-width: 1024px) {
.fixed_bottom{
opacity: 0 !important;
position: fixed !important;
bottom: 100%;
}
body:has(#blockpresstotop.active) .fixed_bottom{
position: fixed !important;
bottom: 0 !important;
z-index: 50 !important;
width: 100% !important;
box-shadow: 0 0px 10px rgba(0,0,0,0.20) !important;
opacity: 1 !important;
}
} */
.bump__amount{
display: none !important;
}
#assurance {
scroll-margin-top: 150px;
}