/*! Theme Name: Henka Bonsai Author: TagoraSign Author URI: https://www.tagorasign.be/ Version: 1.0.0 */ @charset "UTF-8"; /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} table {border-collapse:collapse;border-spacing:0;} /* GENERAL */ body {scrollbar-gutter: stable both-edges;line-height:normal;word-wrap:break-word;} html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{background:transparent;border:0;outline:0;padding:0;margin:0;} html,body{-webkit-text-size-adjust:100%;font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:0.01em;font-size:17px;line-height:normal;text-transform:none;width:100%;height:100%;min-height:100%;color:#181919;background-color:#F2F2F0;} input, textarea {-webkit-appearance:none;border-radius:0;} *:focus {outline:0 !important;box-shadow:none !important;} :focus-visible {outline:0;outline-offset:0;} a, button, input[type="submit"] {transition:all .2s ease-in-out;} a, a:hover, a:active, a:focus, button, button:hover, button:active, button:focus {outline:0 !important;text-decoration:none !important;} a[href^="tel:"] {display:inline-block;} ::selection {background-color:#E23737;color:#FFFFFF;} ::-moz-selection {background-color:#E23737;color:#FFFFFF;} img {display:block;outline:none;border:none;max-width:100%;height:auto;text-align:center;color:#E23737;} /* FONTS */ @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-Thin.eot'); src:url('assets/fonts/BarlowCondensed-Thin.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-Thin.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-Thin.woff') format('woff'), url('assets/fonts/BarlowCondensed-Thin.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-Thin.svg#BarlowCondensed-Thin') format('svg'); font-weight:100;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-ThinItalic.eot'); src:url('assets/fonts/BarlowCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-ThinItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-ThinItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-ThinItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-ThinItalic.svg#BarlowCondensed-ThinItalic') format('svg'); font-weight:100;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-ExtraLight.eot'); src:url('assets/fonts/BarlowCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-ExtraLight.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-ExtraLight.woff') format('woff'), url('assets/fonts/BarlowCondensed-ExtraLight.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-ExtraLight.svg#BarlowCondensed-ExtraLight') format('svg'); font-weight:200;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-ExtraLightItalic.eot'); src:url('assets/fonts/BarlowCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-ExtraLightItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-ExtraLightItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-ExtraLightItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-ExtraLightItalic.svg#BarlowCondensed-ExtraLightItalic') format('svg'); font-weight:200;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-Light.eot'); src:url('assets/fonts/BarlowCondensed-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-Light.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-Light.woff') format('woff'), url('assets/fonts/BarlowCondensed-Light.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-Light.svg#BarlowCondensed-Light') format('svg'); font-weight:300;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-LightItalic.eot'); src:url('assets/fonts/BarlowCondensed-LightItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-LightItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-LightItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-LightItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-LightItalic.svg#BarlowCondensed-LightItalic') format('svg'); font-weight:300;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-Regular.eot'); src:url('assets/fonts/BarlowCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-Regular.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-Regular.woff') format('woff'), url('assets/fonts/BarlowCondensed-Regular.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-Regular.svg#BarlowCondensed-Regular') format('svg'); font-weight:400;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-Italic.eot'); src:url('assets/fonts/BarlowCondensed-Italic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-Italic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-Italic.woff') format('woff'), url('assets/fonts/BarlowCondensed-Italic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-Italic.svg#BarlowCondensed-Italic') format('svg'); font-weight:400;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-Medium.eot'); src:url('assets/fonts/BarlowCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-Medium.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-Medium.woff') format('woff'), url('assets/fonts/BarlowCondensed-Medium.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-Medium.svg#BarlowCondensed-Medium') format('svg'); font-weight:500;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-MediumItalic.eot'); src:url('assets/fonts/BarlowCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-MediumItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-MediumItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-MediumItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-MediumItalic.svg#BarlowCondensed-MediumItalic') format('svg'); font-weight:500;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-SemiBold.eot'); src:url('assets/fonts/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-SemiBold.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-SemiBold.woff') format('woff'), url('assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg'); font-weight:600;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-SemiBoldItalic.eot'); src:url('assets/fonts/BarlowCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-SemiBoldItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-SemiBoldItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-SemiBoldItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-SemiBoldItalic.svg#BarlowCondensed-SemiBoldItalic') format('svg'); font-weight:600;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-Bold.eot'); src:url('assets/fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-Bold.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-Bold.woff') format('woff'), url('assets/fonts/BarlowCondensed-Bold.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-Bold.svg#BarlowCondensed-Bold') format('svg'); font-weight:700;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-BoldItalic.eot'); src:url('assets/fonts/BarlowCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-BoldItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-BoldItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-BoldItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-BoldItalic.svg#BarlowCondensed-BoldItalic') format('svg'); font-weight:700;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-ExtraBold.eot'); src:url('assets/fonts/BarlowCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-ExtraBold.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-ExtraBold.woff') format('woff'), url('assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-ExtraBold.svg#BarlowCondensed-ExtraBold') format('svg'); font-weight:800;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-ExtraBoldItalic.eot'); src:url('assets/fonts/BarlowCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-ExtraBoldItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-ExtraBoldItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-ExtraBoldItalic.svg#BarlowCondensed-ExtraBoldItalic') format('svg'); font-weight:800;font-style:italic;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-Black.eot'); src:url('assets/fonts/BarlowCondensed-Black.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-Black.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-Black.woff') format('woff'), url('assets/fonts/BarlowCondensed-Black.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-Black.svg#BarlowCondensed-Black') format('svg'); font-weight:900;font-style:normal;font-display:swap; } @font-face {font-family:'Barlow Condensed'; src:url('assets/fonts/BarlowCondensed-BlackItalic.eot'); src:url('assets/fonts/BarlowCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowCondensed-BlackItalic.woff2') format('woff2'), url('assets/fonts/BarlowCondensed-BlackItalic.woff') format('woff'), url('assets/fonts/BarlowCondensed-BlackItalic.ttf') format('truetype'), url('assets/fonts/BarlowCondensed-BlackItalic.svg#BarlowCondensed-BlackItalic') format('svg'); font-weight:900;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-Thin.eot'); src:url('assets/fonts/BarlowSemiCondensed-Thin.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-Thin.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-Thin.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-Thin.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-Thin.svg#BarlowSemiCondensed-Thin') format('svg'); font-weight:100;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-ThinItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-ThinItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-ThinItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-ThinItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-ThinItalic.svg#BarlowSemiCondensed-ThinItalic') format('svg'); font-weight:100;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed ExLight'; src:url('assets/fonts/BarlowSemiCondensed-ExtraLight.eot'); src:url('assets/fonts/BarlowSemiCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-ExtraLight.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-ExtraLight.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-ExtraLight.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-ExtraLight.svg#BarlowSemiCondensed-ExtraLight') format('svg'); font-weight:200;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed ExLight'; src:url('assets/fonts/BarlowSemiCondensed-ExtraLightItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-ExtraLightItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-ExtraLightItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-ExtraLightItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-ExtraLightItalic.svg#BarlowSemiCondensed-ExtraLightItalic') format('svg'); font-weight:200;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-Light.eot'); src:url('assets/fonts/BarlowSemiCondensed-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-Light.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-Light.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-Light.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-Light.svg#BarlowSemiCondensed-Light') format('svg'); font-weight:300;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-LightItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-LightItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-LightItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-LightItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-LightItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-LightItalic.svg#BarlowSemiCondensed-LightItalic') format('svg'); font-weight:300;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-Regular.eot'); src:url('assets/fonts/BarlowSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-Regular.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-Regular.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-Regular.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-Regular.svg#BarlowSemiCondensed-Regular') format('svg'); font-weight:400;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-Italic.eot'); src:url('assets/fonts/BarlowSemiCondensed-Italic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-Italic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-Italic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-Italic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-Italic.svg#BarlowSemiCondensed-Italic') format('svg'); font-weight:400;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-Medium.eot'); src:url('assets/fonts/BarlowSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-Medium.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-Medium.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-Medium.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-Medium.svg#BarlowSemiCondensed-Medium') format('svg'); font-weight:500;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-MediumItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-MediumItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-MediumItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-MediumItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-MediumItalic.svg#BarlowSemiCondensed-MediumItalic') format('svg'); font-weight:500;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-SemiBold.eot'); src:url('assets/fonts/BarlowSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-SemiBold.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-SemiBold.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-SemiBold.svg#BarlowSemiCondensed-SemiBold') format('svg'); font-weight:600;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-SemiBoldItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-SemiBoldItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-SemiBoldItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-SemiBoldItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-SemiBoldItalic.svg#BarlowSemiCondensed-SemiBoldItalic') format('svg'); font-weight:600;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-BoldItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-BoldItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-BoldItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-BoldItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-BoldItalic.svg#BarlowSemiCondensed-BoldItalic') format('svg'); font-weight:700;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-Bold.eot'); src:url('assets/fonts/BarlowSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-Bold.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-Bold.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-Bold.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-Bold.svg#BarlowSemiCondensed-Bold') format('svg'); font-weight:700;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-ExtraBold.eot'); src:url('assets/fonts/BarlowSemiCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-ExtraBold.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-ExtraBold.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-ExtraBold.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-ExtraBold.svg#BarlowSemiCondensed-ExtraBold') format('svg'); font-weight:800;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-ExtraBoldItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-ExtraBoldItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-ExtraBoldItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-ExtraBoldItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-ExtraBoldItalic.svg#BarlowSemiCondensed-ExtraBoldItalic') format('svg'); font-weight:800;font-style:italic;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-Black.eot'); src:url('assets/fonts/BarlowSemiCondensed-Black.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-Black.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-Black.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-Black.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-Black.svg#BarlowSemiCondensed-Black') format('svg'); font-weight:900;font-style:normal;font-display:swap; } @font-face { font-family:'Barlow Semi Condensed'; src:url('assets/fonts/BarlowSemiCondensed-BlackItalic.eot'); src:url('assets/fonts/BarlowSemiCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BarlowSemiCondensed-BlackItalic.woff2') format('woff2'), url('assets/fonts/BarlowSemiCondensed-BlackItalic.woff') format('woff'), url('assets/fonts/BarlowSemiCondensed-BlackItalic.ttf') format('truetype'), url('assets/fonts/BarlowSemiCondensed-BlackItalic.svg#BarlowSemiCondensed-BlackItalic') format('svg'); font-weight:900;font-style:italic;font-display:swap; } .ff-barlowc {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;} .ff-barlowsc {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;} .fw-100 {font-weight:100;} .fw-200 {font-weight:200;} .fw-300 {font-weight:300;} .fw-400 {font-weight:400;} .fw-500 {font-weight:500;} .fw-600 {font-weight:600;} .fw-700 {font-weight:700;} .fw-800 {font-weight:800;} .fw-900 {font-weight:900;} .fs-14 {font-size:14px;} .fs-16-20 {font-size:16px;line-height:20px;} .fs-16-26 {font-size:16px;line-height:26px;} .fs-17-27 {font-size:17px;line-height:27px;} .fs-18 {font-size:18px;} .fs-18-28 {font-size:18px;line-height:28px;} .fs-21-31 {font-size:21px;line-height:31px;} .fs-22 {font-size:22px;} .fs-24 {font-size:24px;} .fs-30 {font-size:30px;} .fs-40 {font-size:40px;} .fs-60-54 {font-size:60px;line-height:54px;} .fs-90 {font-size:90px;} .fs-180-160 {font-size:180px;line-height:160px;} .ls-0 {letter-spacing:0;} .ls-20 {letter-spacing:0.01em;} .ls-100 {letter-spacing:0.05em;} .c-white {color:#FFFFFF;} .c-grey-light {color:#F2F2F0;} .c-grey-medium {color:#918C8A;} .c-grey-dark {color:#4C4D4E;} .c-black {color:#181919;} .c-red {color:#E23737;} .bc-white {background-color:#FFFFFF;} .bc-grey-light {background-color:#F2F2F0;} .bc-grey-medium {background-color:#918C8A;} .bc-grey-dark {background-color:#4C4D4E;} .bc-black {background-color:#181919;} .bc-red {background-color:#E23737;} .bc-transparent {background-color:transparent;} a, a:active, a:focus {color:#E23737;cursor:pointer;} a:hover {color:#181919;} a.link-black, a.link-black:active, a.link-black:focus {color:#181919;} a.link-black:hover {color:#E23737;} a.link-button {position:relative;display:inline-block;font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;letter-spacing:0.05em;font-style:normal;font-size:18px;line-height:normal;text-transform:uppercase;text-align:center;padding:15px 40px 17px 40px;border:none!important;border-radius:0;} a.link-button, a.link-button:active, a.link-button:focus {color:#FFFFFF;background-color:#181919;} a.link-button:hover {color:#FFFFFF;background-color:#E23737;} b, strong {font-weight:600;} i, em, .fs-italic {font-style:italic;} h1, h2, h3, h4, h5 {position:relative;} .p-0-0-0-150 {padding:0 0 0 150px;} .p-0-0-15-0 {padding:0 0 15px 0;} .p-0-0-20-0 {padding:0 0 20px 0;} .p-0-0-40-0 {padding:0 0 40px 0;} .p-0-0-50-0 {padding:0 0 50px 0;} .p-0-0-90-0 {padding:0 0 90px 0;} .p-0-0-160-0 {padding:0 0 160px 0;} .p-0-0-240-0 {padding:0 0 240px 0;} .p-30-0-50-0 {padding:30px 0 50px 0;} .p-40-40-30-40 {padding:40px 40px 30px 40px;} .p-40-40-80-40 {padding:40px 40px 80px 40px;} .p-60-0-0-8 {padding:60px 0 0 8px;} .p-50-0-170-0 {padding:50px 0 170px 0;} .p-80-0-200-0 {padding:80px 0 200px 0;} .p-80-0-240-0 {padding:80px 0 240px 0;} .p-100-80-100-80 {padding:100px 80px 100px 80px;} .p-120-0-400-0 {padding:120px 0 400px 0;} .p-200-0-0-0 {padding:200px 0 0 0;} .p-220-0-150-0 {padding:220px 0 150px 0;} .p-240-0-40-0 {padding:240px 0 40px 0;} .p-240-0-240-0 {padding:240px 0 240px 0;} .p-240-200-240-200 {padding:240px 200px 240px 200px;} .p-250-0-100-0 {padding:250px 0 100px 0;} .m-0-0-26-0 {margin:0 0 26px 0;} .m-70-auto-0-auto {margin:70px auto 0 auto;} .m-80-auto-160-auto {margin:80px auto 160px auto;} .m-100-0-0-0 {margin:100px 0 0 0;} .m-120-auto-0-auto {margin:120px auto 0 auto;} .m--180-auto--180-auto {margin:-180px auto -180px auto;} .wm-1050 {width:1050px;max-width:100%;} .wm-1350 {width:1350px;max-width:100%;} .otgs-development-site-front-end {display:none;} /* COOKIEYES */ .cky-overlay {background:#181919 !important;opacity:0.8 !important;} .cky-consent-container .cky-consent-bar {border:none !important;-webkit-border-radius:0 !important;border-radius:0 !important;} .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper {padding:20px !important;} .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper + div {display: none;} .cky-notice .cky-title {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif !important;font-size:15px !important;line-height:22px !important;font-weight:600 !important;text-transform:uppercase;margin:0 0 8px 0 !important;color:#E23737 !important;} .cky-notice-des *, .cky-preference-content-wrapper *, .cky-dma-content-wrapper *, .cky-accordion-header-des *, .cky-gpc-wrapper .cky-gpc-desc * {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif !important;font-size:13px !important;line-height:20px !important;font-weight:500 !important;color:#181919 !important;} .cky-btn {font-family: 'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif !important;font-weight:500 !important;letter-spacing:0.05em !important;font-style:normal !important;font-size:13px !important;height:auto !important;line-height:normal !important;padding:8px 15px !important;text-transform:uppercase !important;-webkit-border-radius:0 !important;border-radius:0 !important;} .cky-btn.cky-btn-customize, .cky-btn.cky-btn-customize:active, .cky-btn.cky-btn-customize:focus, .cky-btn.cky-btn-customize:visited, .cky-btn.cky-btn-customize:link {background-color:#FFFFFF !important;color:#181919 !important;border-color:#181919 !important;opacity:1 !important;} .cky-btn.cky-btn-reject, .cky-btn.cky-btn-reject:active, .cky-btn.cky-btn-reject:focus, .cky-btn.cky-btn-reject:visited, .cky-btn.cky-btn-reject:link {background-color:#FFFFFF !important;color:#181919 !important;border-color:#181919 !important;opacity:1 !important;} .cky-btn.cky-btn-accept, .cky-btn.cky-btn-accept:active, .cky-btn.cky-btn-accept:focus, .cky-btn.cky-btn-accept:visited, .cky-btn.cky-btn-accept:link {background-color:#181919 !important;color:#FFFFFF !important;border-color:#181919 !important;opacity:1 !important;} .cky-btn.cky-btn-preferences, .cky-btn.cky-btn-preferences:active, .cky-btn.cky-btn-preferences:focus, .cky-btn.cky-btn-preferences:visited, .cky-btn.cky-btn-preferences:link {background-color:#FFFFFF !important;color:#181919 !important;border-color:#181919 !important;opacity:1 !important;} .cky-btn:hover {background-color:#E23737 !important;color:#FFFFFF !important;border-color:#E23737 !important;opacity:1 !important;} .cky-modal {background:#FFFFFF !important;border-radius:0 !important;-webkit-border-radius:0 !important;} .cky-preference-center {-webkit-border-radius:0 !important;border-radius:0 !important;} .cky-preference-header, .cky-preference-body-wrapper, .cky-accordion-wrapper, .cky-accordion, .cky-accordion-wrapper, .cky-footer-wrapper, .cky-prefrence-btn-wrapper {border-color:#F2F2F0 !important;} .cky-preference-header .cky-btn-close {position:relative;width:15px !important;height:15px !important;background-color:transparent;background-image:none;background-repeat:no-repeat;background-position:center center;background-size:15px 15px;background-attachment:scroll;} .cky-preference-header .cky-btn-close:hover {background-position:center center;} .cky-preference-header .cky-btn-close:before, .cky-preference-header .cky-btn-close:after {position:absolute;content:"";top:0;bottom:0;right:0;left:0;width:15px;height:15px;margin:auto;cursor:pointer;background-repeat:no-repeat;background-size:15px 15px;background-position:center center;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;} .cky-preference-header .cky-btn-close:before {background-image:url("assets/images/henkabonsai-icon-close-grey.svg");opacity:1;} .cky-preference-header .cky-btn-close:after {background-image:url("assets/images/henkabonsai-icon-close-red.svg");opacity:0;} .cky-preference-header .cky-btn-close:hover:before {opacity:0;} .cky-preference-header .cky-btn-close:hover:after {opacity:1;} .cky-preference-header .cky-btn-close img {display:none !important;} .cky-preference-header .cky-preference-title {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif !important;font-size:15px !important;line-height:22px !important;font-weight:600 !important;text-transform:uppercase;color:#E23737 !important;} .cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p {margin: 0 auto !important;} .cky-preference-body-wrapper .cky-preference-content-wrapper p {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif !important;font-size:13px !important;line-height:20px !important;font-weight:500 !important;color:#181919 !important;padding:0 0 10px 0 !important;} .cky-preference-body-wrapper .cky-preference-content-wrapper p:last-of-type {padding:0 !important;} .cky-preference-content-wrapper .cky-show-desc-btn {text-decoration:underline !important;color:#BCB5B3 !important;} .cky-preference-content-wrapper .cky-show-desc-btn:hover {color:#E23737 !important;} .cky-accordion .cky-accordion-chevron i::before {border:none !important;height:10px !important;width:10px !important;top:7px !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;transform:none !important;background-image:url("assets/images/henkabonsai-icon-pagination-arrow-right-grey.svg");background-repeat:no-repeat;background-size:auto 10px;background-position:center center;} .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before {-webkit-transform:rotate(90deg) !important;-moz-transform:rotate(90deg) !important;-ms-transform:rotate(90deg) !important;-o-transform:rotate(90deg) !important;transform:rotate(90deg) !important;} .cky-accordion-header .cky-accordion-btn {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif !important;font-size:15px !important;line-height:22px !important;font-weight:600 !important;text-transform:uppercase !important;color:#181919 !important;} .cky-accordion-header .cky-always-active {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif !important;font-size:15px !important;line-height:22px !important;font-weight:600 !important;color:#E23737 !important;} .cky-switch input[type="checkbox"] {background-color:#BCB5B3 !important;} .cky-switch input[type="checkbox"]:checked {background-color:#E23737 !important;} .cky-audit-table {background:#F2F2F0 !important;color:#181919 !important;-webkit-border-radius:0 !important;border-radius:0 !important;} .cky-audit-table .cky-cookie-des-table {border-bottom:1px solid #FFFFFF !important;} .cky-footer-wrapper div:nth-of-type(2) {background-color:#F2F2F0 !important;color:#181919 !important;padding:5px 0 !important;-ms-border-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;} .cky-footer-wrapper div:nth-of-type(2) a {width:78px;height:13px;} .cky-footer-wrapper div:nth-of-type(2) a img, .cky-footer-wrapper div:nth-of-type(2) a svg {display:none !important;} .cky-footer-wrapper div:nth-of-type(2) a::before {display:block;content:"";background-image:url("assets/images/henkabonsai-logo-cookieyes.svg");background-size:78px 13px;background-repeat:no-repeat;background-position:center center;width:78px;height:13px;} [type="checkbox"]:checked, [type="checkbox"]:not(:checked) {opacity:1 !important;pointer-events:auto !important;} [data-cky-tag="powered-by"] div, [data-cky-tag="detail-powered-by"], [data-cky-tag="optout-powered-by"] {opacity:1 !important;} /* HEADER */ header {} header .navbar {padding:80px 15px;} header .navbar .container {position:relative;} header .navbar .navbar-brand {margin:0 auto;padding:0;} header .navbar .navbar-brand img.logo {width:195px;max-width:100%;height:auto;} header .navbar .navbar-nav .nav-item {margin:0 20px 0 0;} header .navbar .navbar-nav .nav-item:last-of-type {margin:0;} header .navbar .navbar-nav .nav-item .nav-link {font-style:normal;font-size:18px;line-height:normal;text-transform:uppercase;padding:15px 20px 17px 20px;color:#181919;background-color:#F2F2F0;} header .navbar .navbar-nav .nav-item .nav-link:hover {color:#FFFFFF;background-color:#E23737;} header .navbar .navbar-nav .nav-item.active .nav-link {color:#FFFFFF;background-color:#E23737;} .wpml-ls-legacy-dropdown {position:relative;width:40px;max-width:100%;} .wpml-ls-legacy-dropdown a {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:0.05em;color:#181919;background-color:transparent;border:none;padding:5px 0 5px 15px;} .wpml-ls-legacy-dropdown a:hover {color:#E23737 !important;} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {position:relative;padding:5px 0 5px 15px;} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::before {position:absolute;display:block;content:"";border:none;top:15px;left:0;width:10px;height:5.73px;background-image:url("assets/images/henkabonsai-icon-arrow-bottom-grey.svg");opacity:1;background-repeat:no-repeat;background-size:10px 5.73px;} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {display:none;} .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {color:#181919;background-color:transparent;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border-top:none;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {display:block;position:absolute;top:100%;left:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.25s ease,transform 0.25s ease,visibility 0s linear 0.25s;pointer-events:none;background-color:transparent;} .wpml-ls-legacy-dropdown:hover .wpml-ls-sub-menu {opacity:1;visibility:visible;transform:translateY(0);transition:opacity 0.25s ease,transform 0.25s ease,visibility 0s;pointer-events:auto;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {padding:5px 0 5px 15px;white-space:nowrap;} /* ACCUEIL */ #intro {background-image:url("assets/images/henkabonsai-background-home-01.png");background-size:auto 100%;background-repeat:no-repeat;background-position:calc(50% + 420px) center;margin:70px 0 0 0;} #intro .kanji {position:relative;} #intro .kanji img {position:absolute;top:-195px;right:140px;width:35.37px;height:202.22px;} #features .container {position:relative;z-index:2;} #features h3 {background-size:148px auto;background-repeat:no-repeat;background-position:top center;} #features h3.frostresistant {background-image:url("assets/images/henkabonsai-icon-frostresistant.svg");} #features h3.lightweight {background-image:url("assets/images/henkabonsai-icon-lightweight.svg");} #features h3.waterproof {background-image:url("assets/images/henkabonsai-icon-waterproof.svg");} #craft {position:relative;z-index:0;background-image:url("assets/images/henkabonsai-background-home-02.png");background-size:auto 100%;background-repeat:no-repeat;background-position:calc(50% - 480px) center;} #collections {position:relative;min-height:1550px;background-image:url("assets/images/henkabonsai-background-home-03.png");background-repeat:no-repeat;background-size:auto 1100px;background-position:top 250px center;background-color:transparent;} #collections .txt-bowls {padding:450px 0 0 0;} #collections .txt-rocks {padding:0 0 0 0;} #collections .txt-slabs {padding:500px 0 0 0;} #custom {background-image:url("assets/images/henkabonsai-background-home-04.png");background-size:auto 100%;background-repeat:no-repeat;background-position:calc(50% + 480px) center;} #contact form label {width:100%;} #contact form ::placeholder, #contact form ::-webkit-placeholder {color:#181919;opacity: 1;} #contact form input[type=text], #contact form input[type=email], #contact form input[type=tel] {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:italic;font-size:21px;line-height:31px;color:#181919;padding:0 0 12px 0;margin:40px 0 0 0;border-bottom:1px solid #4C4D4E;width:100%;} #contact form .message .wpcf7-form-control-wrap {display:block;} #contact form .message .wpcf7-form-control-wrap textarea {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:italic;font-size:21px;line-height:31px;color:#181919;padding:0 0 12px 0;margin:40px 0 0 0;border-bottom:1px solid #4C4D4E;width:100%;resize:none;} #contact form .consent {position:relative;display:block;margin:40px auto;} #contact form .consent span.wpcf7-list-item {position:relative;display:block;margin:0;} #contact form .consent span.wpcf7-list-item input[type=checkbox] {position:absolute;top:3px;left:0;width:22px;height:22px;cursor:pointer;padding:0;margin:0;background-color:transparent;background-image:url("assets/images/henkabonsai-icon-checkbox-unchecked.svg");background-repeat:no-repeat;background-size:22px 22px;background-position:center center;border:none;-o-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-o-appearance:0;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;} #contact form .consent span.wpcf7-list-item input[type=checkbox]:checked {background-image:url("assets/images/henkabonsai-icon-checkbox-checked.svg");} #contact form .consent span.wpcf7-list-item .wpcf7-list-item-label {display:block;font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:italic;font-size:16px;margin:0;padding:0 0 0 30px;vertical-align:middle;} #contact form .send {position:relative;text-align:center;margin:0 auto;} #contact form .send input[type=submit], #contact form .send input[type=submit]:active, #contact form .send input[type=submit]:focus {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:0.05em;font-size:18px;line-height:normal;text-transform:uppercase;text-align:center;padding:15px 40px 17px 40px;border:none!important;border-radius:0;color:#FFFFFF;background-color:#181919;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #contact form .send input[type=submit]:hover {color:#FFFFFF;background-color:#E23737;} #contact form .send .wpcf7-spinner {position:absolute;background-color:#E23737;margin:17px 0 0 -32px;} #contact form .send .wpcf7-spinner::before {background-color:#FFFFFF;} #contact form .wpcf7-not-valid-tip {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:italic;font-size:15px;display:block;color:#E23737;margin:2px 0 0 0;} #contact form .captcha .recaptcha .wpcf7-not-valid-tip {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:normal;font-size:15px;display:block;color:#E23737;margin:-3px 0 0 0;} #contact form .wpcf7-response-output {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:normal;font-size:15px;text-align:center;background-color:#E23737 !important;color:#FFFFFF !important;margin:15px 0 0 0;padding:15px 20px 15px 20px;border:none;-o-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {border:none;-webkit-text-fill-color:#181919;-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,0) inset;transition:background-color 5000s ease-in-out 0s;} /* SHOP */ #shop .nav li {margin:0 20px 0 0;} #shop .nav li:last-of-type {margin:0;} #shop .nav li a {color:#181919;padding:13px 20px 15px 20px;border-top:2px solid #F2F2F0;border-bottom:2px solid #F2F2F0;transition:all 0.3s ease;} #shop .nav li a:hover,#shop .nav li a.active,#shop .nav li a:focus {color:#E23737;border-top:2px solid #E23737;border-bottom:2px solid #E23737;} #shop .row .col-lg-4 {padding:0 20px 0 20px;margin:0 0 40px 0;} #shop .product-img {position:relative;overflow:hidden;} #shop .product-img img {display:block;width:100%;height:auto;} #shop .product-img::after {position:absolute;content:"";inset:0;pointer-events:none;background: radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(242,245,249,0.8) 100%);transition:opacity 0.4s ease;} #shop .product-overlay {position:absolute;inset:0;background:rgba(255,255,255,0.50);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;} #shop .product-cta {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:18px;letter-spacing:0.05em;text-transform:uppercase;padding:15px 40px 17px 40px;color:#FFFFFF;background-color:#181919;transition:all .2s ease-in-out;} #shop .product-cta:hover {background-color:#E23737;} #shop .product-link:hover .product-overlay {opacity:1;} #shop .product-item {position:relative;} #shop .product-item.sold-out::before {position:absolute;display:flex;align-items:center;justify-content:center;content:"SOLD\AOUT";white-space:pre-line;text-align:center;top:20px;left:35px;width:66px;height:66px;font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:16px;line-height:17px;letter-spacing:0.05em;color:#FFFFFF;background-color:#E23737;z-index:10;} #shop p.empty {padding:0 15px;} /* PAGINATION */ .page-numbers {position:relative;display:inline-block;width:50px;height:50px;font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:18px;line-height:49px;font-weight:500;color:#181919;margin:0 10px 0 0;} .page-numbers:last-child {margin:0;} .page-numbers.current {background-color:#E23737;color:#FFFFFF;} a.page-numbers:hover {background-color:#E23737;color:#FFFFFF;} .page-numbers.prev, .page-numbers.next {background-color:transparent !important;} .page-numbers.prev:before, .page-numbers.prev:after, .page-numbers.next:before, .page-numbers.next:after {position:absolute;content:"";top:0;bottom:0;right:0;left:0;width:5.73px;height:10px;margin:auto;cursor:pointer;background-repeat:no-repeat;background-size:5.73px 10px;background-position:center center;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;} .page-numbers.prev:before {background-image:url("assets/images/henkabonsai-icon-pagination-arrow-left-grey.svg");opacity:1;} .page-numbers.prev:after {background-image:url("assets/images/henkabonsai-icon-pagination-arrow-left-red.svg");opacity:0;} .page-numbers.prev:hover:before {opacity:0;} .page-numbers.prev:hover:after {opacity:1;} .page-numbers.next:before {background-image:url("assets/images/henkabonsai-icon-pagination-arrow-right-grey.svg");opacity:1;} .page-numbers.next:after {background-image:url("assets/images/henkabonsai-icon-pagination-arrow-right-red.svg");opacity:0;} .page-numbers.next:hover:before {opacity:0;} .page-numbers.next:hover:after {opacity:1;} /* BREADCRUMB */ .breadcrumb {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:16px;color:#BCB5B3;padding:0;background-color:transparent;border-radius:0;} .breadcrumb span.itemListElement {display:inline-block;padding:0 0 0 18px;} .breadcrumb span.itemListElement:first-of-type {padding:0;} .breadcrumb span.current-item {color:#E23737;} .breadcrumb span a,ul.breadcrumb span a:active,ul.breadcrumb span a:focus,ul.breadcrumb span a:visited,ul.breadcrumb span a:link {color:#BCB5B3;} .breadcrumb span a:hover {color:#E23737;} /* FICHE PRODUIT */ #article .col-lg-5 {border-left:2px solid #F2F2F0;} #article .gallery-mobile {display:none;} #article.sold-out .gallery, #article.sold-out .gallery-one-image {position:relative;} #article.sold-out .gallery::before, #article.sold-out .gallery-one-image::before {position:absolute;display:flex;align-items:center;justify-content:center;content:"SOLD\AOUT";white-space:pre-line;text-align:center;top:-10px;left:-10px;width:66px;height:66px;font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:16px;line-height:17px;letter-spacing:0.05em;color:#FFFFFF;background-color:#E23737;z-index:10;} #article .product-details {border-bottom:2px solid #F2F2F0;} #article .product-details h2 {display:block;background-repeat:no-repeat;background-size:auto 22px;background-position:center left;padding:0 0 0 30px;} #article .product-details h2:nth-child(2) {margin:8px 0 0 0;} #article .product-details h2.dimensions {background-image:url("assets/images/henkabonsai-icon-dimensions.svg");} #article .product-details h2.finish {background-image:url("assets/images/henkabonsai-icon-finish.svg");} #article form label {width:100%;} #article form ::placeholder, #article form ::-webkit-placeholder {color:#BCB5B3;opacity: 1;} #article form input[type=text], #article form input[type=email], #article form input[type=tel] {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:italic;font-size:16px;line-height:20px;color:#181919;padding:0 0 8px 0;margin:20px 0 0 0;border-bottom:1px solid #4C4D4E;width:100%;} #article form .message .wpcf7-form-control-wrap {display:block;} #article form .message .wpcf7-form-control-wrap textarea {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:italic;font-size:16px;line-height:20px;color:#181919;padding:0 0 8px 0;margin:20px 0 0 0;border-bottom:1px solid #4C4D4E;width:100%;resize:none;} #article form .consent {position:relative;display:block;margin:20px auto;} #article form .consent span.wpcf7-list-item {position:relative;display:block;margin:0;} #article form .consent span.wpcf7-list-item input[type=checkbox] {position:absolute;top:4px;left:0;width:18px;height:18px;cursor:pointer;padding:0;margin:0;background-color:transparent;background-image:url("assets/images/henkabonsai-icon-checkbox-unchecked-single.svg");background-repeat:no-repeat;background-size:18px 18px;background-position:center center;border:none;-o-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-o-appearance:0;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;} #article form .consent span.wpcf7-list-item input[type=checkbox]:checked {background-image:url("assets/images/henkabonsai-icon-checkbox-checked-single.svg");} #article form .consent span.wpcf7-list-item .wpcf7-list-item-label {display:block;font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:italic;font-size:16px;margin:0;padding:0 0 0 26px;vertical-align:middle;} #article form .send {position:relative;text-align:center;margin:0 auto;} #article form .send input[type=submit], #article form .send input[type=submit]:active, #article form .send input[type=submit]:focus {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:0.05em;font-size:18px;line-height:normal;width:100%;text-transform:uppercase;text-align:center;padding:15px 15px 17px 15px;border:none!important;border-radius:0;color:#FFFFFF;background-color:#181919;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #article form .send input[type=submit]:hover {color:#FFFFFF;background-color:#E23737;} #article form .send .wpcf7-spinner {position:absolute;background-color:#E23737;margin:17px 0 0 -32px;} #article form .send .wpcf7-spinner::before {background-color:#FFFFFF;} #article form .wpcf7-not-valid-tip {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:italic;font-size:15px;display:block;color:#E23737;margin:2px 0 0 0;} #article form .captcha .recaptcha .wpcf7-not-valid-tip {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:normal;font-size:15px;display:block;color:#E23737;margin:-3px 0 0 0;} #article form .wpcf7-response-output {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-style:normal;font-size:15px;text-align:center;background-color:#E23737 !important;color:#FFFFFF !important;margin:15px 0 0 0;padding:15px 20px 15px 20px;border:none;-o-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} /* Galerie */ #article .vp-portfolio__items-style-fade .vp-portfolio__item-overlay {opacity:0 !important;} #article .vp-portfolio__items-wrap, #article .vp-portfolio__layout-elements, #article .vp-portfolio__thumbnails-wrap {margin-bottom: 0;} /* Lightbox */ .pswp--open .pswp__bg {opacity:.98 !important;} .pswp__bg {background-color:rgb(24,25,25) !important;} .pswp__top-bar, .pswp__caption {background-color:transparent !important;} .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {background-color:transparent !important;} .pswp__ui--idle .pswp__top-bar {opacity:1;} .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {opacity:1;} .pswp__top-bar {left:auto;right:50px;top:50px;} .pswp__button--arrow--left {left:50px;} .pswp__button--arrow--right {right:50px;} .pswp__button--close, .pswp__button--arrow--left::before, .pswp__button--arrow--right::before {background-size:auto 30px;background-position:center center;background-color:transparent;} .pswp__button--close{background-image:url("assets/images/henkabonsai-icon-lightbox-close-white.svg") !important;} .pswp__button--arrow--left::before{background-image:url("assets/images/henkabonsai-icon-lightbox-arrow-left-white.svg") !important;} .pswp__button--arrow--right::before {background-image:url("assets/images/henkabonsai-icon-lightbox-arrow-right-white.svg") !important;} /* INSPIRATION */ #inspiration .container-fluid .col-md-12 {padding:0 5px;} /* Filtres */ /* #inspiration .vp-filter {display:flex;} #inspiration .vp-filter__item:nth-child(1) {order:1;} #inspiration .vp-filter__item:nth-child(4) {order:2;} #inspiration .vp-filter__item:nth-child(3) {order:3;} #inspiration .vp-filter__item:nth-child(2) {order:4;} */ #inspiration .vp-filter__style-minimal .vp-filter__item {margin:0 20px 0 0;} #inspiration .vp-filter__style-minimal .vp-filter__item:last-of-type {margin:0;} #inspiration .vp-filter__style-minimal .vp-filter__item a {font-family: 'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:18px;font-weight:500;text-transform:none;color:#181919;padding:13px 20px 15px 20px;border-top:2px solid #F2F2F0;border-bottom:2px solid #F2F2F0;transition:all 0.3s ease;} #inspiration .vp-filter__style-minimal .vp-filter__item.vp-filter__item-active > * {color:#E23737;border-top:2px solid #E23737;border-bottom:2px solid #E23737;cursor:pointer;} #inspiration .vp-filter__style-minimal .vp-filter__item > a:focus, #inspiration .vp-filter__style-minimal .vp-filter__item > a:hover {color:#E23737;border-top:2px solid #E23737;border-bottom:2px solid #E23737;} /* Galerie */ #inspiration .vp-portfolio__items-wrap, #inspiration .vp-portfolio__layout-elements, #inspiration .vp-portfolio__thumbnails-wrap {margin-bottom: 160px;} #inspiration .vp-portfolio__items-style-fade .vp-portfolio__item-overlay:hover {opacity:.8;} #inspiration .vp-portfolio__items-style-fade .vp-portfolio__item-overlay-text-align-center .vp-portfolio__item-meta .vp-portfolio__item-meta-categories, #inspiration .vp-portfolio__items-style-fade .vp-portfolio__item-overlay-text-align-center .vp-portfolio__item-meta .vp-portfolio__item-meta-inline {display:none;} /* Lightbox */ .vp-portfolio__preloader {width:50px;height:50px;left:50%;margin-left:-25px;margin-top:50px;} .vp-portfolio__preloader::before {display:block;content:"";width:50px;height:50px;background-image:url("assets/images/henkabonsai-picto-grey.svg");background-size:30px auto;background-repeat:no-repeat;background-position:center center;} .vp-portfolio__preloader::after {animation:vp-preloader-spinner .8s linear infinite;width:50px;height:50px;border:3px solid #F2F2F0;border-left-color:#BCB5B3;} .vp-portfolio__preloader img, .vp-portfolio__preloader svg {display:none;} @media (min-width: 767.98px) { .page-template-template-inspiration .pswp__item {left:10%;right:auto;width:50% !important;} .page-template-template-inspiration .pswp__zoom-wrap {left:0;right:auto;transform:none !important;} .page-template-template-inspiration .pswp__zoom-wrap img{top: 50%;transform: translateY(-50%);margin:auto;width:100% !important;max-width:100%;height:auto !important;} .page-template-template-inspiration .pswp__caption {top:50%;bottom:auto;left:auto;right:10%;width:30%;transform:translateY(-50%);} .page-template-template-inspiration .pswp__caption .pswp__caption__center {max-width:100% !important;font-size:15px;padding:15px 0 15px 50px;} } .page-template-template-inspiration .vp-portfolio__item-popup-title {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:60px;line-height:54px;font-weight:500;text-transform:uppercase;color:#F2F2F0;padding:0 0 35px 0;} .page-template-template-inspiration .vp-portfolio__item-popup-description {font-family:'Barlow Semi Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:21px;line-height:31px;font-weight:400;color:#BCB5B3;} .page-template-template-inspiration .vp-portfolio__item-popup-description .link-lightbox {display:block;color:#E23737;padding:30px 0 0 0;} .page-template-template-inspiration .pswp__ui--hidden .pswp__top-bar, .page-template-template-inspiration .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .page-template-template-inspiration .pswp__ui--hidden .pswp__button--arrow--right {opacity:1 !important;} .page-template-template-inspiration .vp-portfolio__items-style-fade .vp-portfolio__item-meta-title {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:0.05em;text-transform:uppercase;color:#FFFFFF;} /* FOOTER */ footer {position:relative;} footer::before {content:"";position:absolute;left:0;bottom:0;width:135px;height:100%;background-color:#F2F2F0;} footer img.picto {height:60px;width:auto;} footer p.address {position:relative;} footer p.address::before {position:absolute;content:"";top:-35px;left:-12px;width:24.4px;height:24.41px;background-image:url("assets/images/henkabonsai-icon-address.svg");background-size:24.4px 24.41px;background-repeat:no-repeat;} footer p.details {position:relative;} footer p.details::before {position:absolute;content:"";top:-35px;left:-12px;width:26.66px;height:24.05px;background-image:url("assets/images/henkabonsai-icon-details.svg");background-size:26.66px 24.05px;background-repeat:no-repeat;} footer ul.social {margin:0;padding:0;} footer ul.social li {display:inline-block;list-style:none;margin:0 15px 0 0;padding:0;} footer ul.social li:last-of-type {margin:0;} footer ul.social li a {position:relative;display:block;background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:24px;height:24px;} footer ul.social li a:hover {background-color:transparent;} footer ul.social li a:before, footer ul.social li a:after {position:absolute;content:"";top:0;bottom:0;right:0;left:0;margin:auto;cursor:pointer;width:24px;height:24px;background-size:24px 24px;background-repeat:no-repeat;background-position:center center;-o-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;} footer ul.social li.instagram a:before {background-image:url("assets/images/henkabonsai-icon-instagram-black.svg");opacity:1;} footer ul.social li.facebook a:before {background-image:url("assets/images/henkabonsai-icon-facebook-black.svg");opacity:1;} footer ul.social li.youtube a:before {background-image:url("assets/images/henkabonsai-icon-youtube-black.svg");opacity:1;} footer ul.social li.instagram a:after {background-image:url("assets/images/henkabonsai-icon-instagram-red.svg");opacity:0;} footer ul.social li.facebook a:after {background-image:url("assets/images/henkabonsai-icon-facebook-red.svg");opacity:0;} footer ul.social li.youtube a:after {background-image:url("assets/images/henkabonsai-icon-youtube-red.svg");opacity:0;} footer ul.social li a:hover:before {opacity:0;} footer ul.social li a:hover:after {opacity:1;} footer ul.mentions {} footer ul.mentions li {display:inline-block;vertical-align:middle;} footer ul.mentions li:after {content: "\00a0\00a0|\00a0\00a0";} footer ul.mentions li:last-child:after {content: "";} /* RESPONSIVE */ @media (min-width:575.98px) { .container, .container-sm {width:540px;max-width:100%;} } @media (min-width:767.98px) { .container, .container-md, .container-sm {width:720px;max-width:100%;} } @media (min-width:991.98px) { .container, .container-lg, .container-md, .container-sm {width:960px;max-width:100%;} } @media (min-width:1199.98px) { .container, .container-lg, .container-md, .container-sm, .container-xl {width:1140px;max-width:100%;} } @media (min-width:1399.98px) { .container, .container-lg, .container-md, .container-sm, .container-xl {width:1250px;max-width:100%;} } @media (min-width:1799.98px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {width:1640px;} } @media screen and (max-width:1999.98px) { footer::before {width:60px;} } @media screen and (max-width:1799.98px) { .fs-90 {font-size:70px;} .fs-180-160 {font-size:160px;line-height:145px;} .p-0-0-0-150 {padding:0 0 0 130px;} .p-0-0-40-0 {padding:0 0 30px 0;} .p-0-0-50-0 {padding:0 0 40px 0;} .p-0-0-90-0 {padding:0 0 70px 0;} .p-0-0-160-0 {padding:0 0 120px 0;} .p-0-0-240-0 {padding:0 0 180px 0;} .p-30-0-50-0 {padding:30px 0 40px 0;} .p-40-40-30-40 {padding:30px 30px 25px 30px;} .p-40-40-80-40 {padding:30px 30px 60px 30px;} .p-50-0-170-0 {padding:50px 0 140px 0;} .p-60-0-0-8 {padding:50px 0 0 8px;} .p-80-0-200-0 {padding:40px 0 140px 0;} .p-80-0-240-0 {padding:40px 0 180px 0;} .p-100-80-100-80 {padding:80px 60px 80px 60px;} .p-120-0-400-0 {padding:100px 0 250px 0;} .p-220-0-150-0 {padding:190px 0 140px 0;} .p-240-0-40-0 {padding:180px 0 40px 0;} .p-240-0-240-0 {padding:180px 0 180px 0;} .p-240-200-240-200 {padding:180px 150px 180px 150px;} .p-250-0-100-0 {padding:200px 0 100px 0;} .m-0-0-26-0 {margin:0 0 23px 0;} .m--180-auto--180-auto {margin:-120px auto -120px auto;} .m-80-auto-160-auto {margin:20px auto 100px auto;} .m-100-0-0-0 {margin:60px 0 0 0;} #intro {background-position:calc(50% + 420px) center;margin:50px 0 0 0;} #intro .kanji img {top:-175px;right:100px;} #collections {min-height:1100px;background-size:auto 800px;background-position:top 200px center;} #collections .txt-bowls {padding:330px 0 0 0;} #collections .txt-rocks {padding:0 0 0 0;} #collections .txt-slabs {padding:370px 0 0 0;} #shop .row .col-lg-4 {padding:0 15px 0 15px;margin:0 0 30px 0;} #shop .product-item.sold-out::before {top:15px;left:30px;} #article.sold-out .gallery::before, #article.sold-out .gallery-one-image::before {top:-15px;left:-15px;} #inspiration .vp-portfolio__items-wrap, #inspiration .vp-portfolio__layout-elements, #inspiration .vp-portfolio__thumbnails-wrap {margin-bottom:120px;} footer::before {width:100px;} } @media screen and (max-width:1599.98px) { } @media screen and (max-width:1499.98px) { .fs-21-31 {font-size:19px;line-height:29px;} .fs-24 {font-size:22px;} .fs-30 {font-size:25px;} .fs-40 {font-size:35px;} .fs-60-54 {font-size:55px;line-height:50px;} .fs-90 {font-size:55px;} .fs-180-160 {font-size:120px;line-height:110px;} .p-0-0-20-0 {padding:0 0 15px 0;} .p-0-0-50-0 {padding:0 0 30px 0;} .p-0-0-90-0 {padding:0 0 40px 0;} .p-0-0-160-0 {padding:0 0 80px 0;} .p-0-0-240-0 {padding: 0 0 120px 0;} .p-50-0-170-0 {padding:50px 0 120px 0;} .p-60-0-0-8 {padding:40px 0 0 6px;} .p-80-0-200-0 {padding:20px 0 100px 0;} .p-80-0-240-0 {padding:20px 0 120px 0;} .p-100-80-100-80 {padding:60px 40px 60px 40px;} .p-120-0-400-0 {padding:60px 0 150px 0;} .p-200-0-0-0 {padding:165px 0 0 0;} .p-220-0-150-0 {padding:120px 0 100px 0;} .p-240-0-240-0 {padding:120px 0 120px 0;} .p-240-200-240-200 {padding:120px 100px 120px 100px;} .p-250-0-100-0 {padding:150px 0 50px 0;} .m--180-auto--180-auto {margin:-80px auto -80px auto;} .m-70-auto-0-auto {margin:50px auto 0 auto;} .m-80-auto-160-auto {margin:0 auto 60px auto;} .m-100-0-0-0 {margin:50px 0 0 0;} header .navbar {padding:60px 15px;} #intro {background-position:calc(50% + 395px) center;margin:30px 0 0 0;} #intro .kanji img {top:-100px;right:80px;width:30px;height:auto;} #features h3 {background-size:120px auto;} #craft {background-position:calc(50% - 395px) center;} #collections {min-height:900px;background-size:auto 650px;background-position:top 150px center;} #collections .txt-bowls {padding:260px 0 0 0;} #collections .txt-slabs {padding:280px 0 0 0;} #custom {background-position:calc(50% + 395px) center;} #contact form input[type="text"], #contact form input[type="email"], #contact form input[type="tel"] {font-size:19px;line-height:29px;padding:0 0 10px 0;margin:30px 0 0 0;} #contact form .message .wpcf7-form-control-wrap textarea {font-size:19px;line-height:29px;padding:0 0 10px 0;margin:30px 0 0 0;} #contact form .consent {margin:35px auto;} #contact form .consent span.wpcf7-list-item input[type=checkbox] {top:4px;width:18px;height:18px;background-size:18px 18px;} #contact form .consent span.wpcf7-list-item .wpcf7-list-item-label {font-size:16px;padding:0 0 0 26px;} #inspiration .vp-portfolio__items-wrap, #inspiration .vp-portfolio__layout-elements, #inspiration .vp-portfolio__thumbnails-wrap {margin-bottom:80px;} .pswp__top-bar {right:30px;top:30px;} .pswp__button--arrow--left {left:30px;} .pswp__button--arrow--right {right:30px;} .page-template-template-inspiration .pswp__caption .pswp__caption__center {padding:15px 0 15px 30px;} .page-template-template-inspiration .vp-portfolio__item-popup-title {font-size:50px;line-height:45px;padding:0 0 30px 0;} .page-template-template-inspiration .vp-portfolio__item-popup-description {font-size:19px;line-height:29px;} .page-template-template-inspiration .vp-portfolio__item-popup-description .link-lightbox {padding:25px 0 0 0;} footer::before {width:60px;} } @media screen and (max-width:1399.98px) { .p-240-0-40-0 {padding:120px 0 35px 0;} .m-120-auto-0-auto {margin:100px auto 0 auto;} footer::before {width:35px;} } @media screen and (max-width:1199.98px) { .fs-18-28 {font-size:17px;line-height:27px;} .fs-21-31 {font-size:17px;line-height:27px;} .fs-22 {font-size:20px;} .fs-30 {font-size:22px;} .fs-40 {font-size:30px;} .fs-60-54 {font-size:45px;line-height:40px;} .fs-90 {font-size:45px;} .fs-180-160 {font-size:100px;line-height:90px;} .p-0-0-0-150 {padding:0 0 0 50px;} .p-0-0-40-0 {padding:0 0 25px 0;} .p-0-0-90-0 {padding:0 0 30px 0;} .p-0-0-240-0 {padding:0 0 100px 0;} .p-30-0-50-0 {padding:25px 0 30px 0;} .p-40-40-30-40 {padding:20px 20px 15px 20px;} .p-40-40-80-40 {padding:20px 20px 40px 20px;} .p-60-0-0-8 {padding:30px 0 0 3px;} .p-80-0-200-0 {padding:20px 0 80px 0;} .p-80-0-240-0 {padding:20px 0 100px 0;} .p-100-80-100-80 {padding:50px 30px 50px 30px;} .p-120-0-400-0 {padding:60px 0 120px 0;} .p-220-0-150-0 {padding:100px 0 80px 0;} .p-240-0-240-0 {padding:100px 0 100px 0;} .p-240-200-240-200 {padding:80px 60px 80px 60px;} .p-250-0-100-0 {padding:120px 0 50px 0;} .m-0-0-26-0 {margin: 0 0 12px 0;} .m-70-auto-0-auto {margin:40px auto 0 auto;} .m--180-auto--180-auto {margin:-50px auto -50px auto;} header .navbar {padding:50px 15px;} #intro {background-position:calc(50% + 300px) center;margin:10px 0 0 0;} #intro .kanji img {top:-100px;right:60px;width:25px;height: auto;} #craft {background-position:calc(50% - 350px) center;} #collections {min-height:720px;background-size:auto 550px;background-position:top 120px center;} #collections .txt-bowls {padding:240px 0 0 0;} #collections .txt-slabs {padding:260px 0 0 0;} #contact form input[type="text"], #contact form input[type="email"], #contact form input[type="tel"] {font-size:17px;line-height:27px;padding:0 0 8px 0;margin:25px 0 0 0;} #contact form .message .wpcf7-form-control-wrap textarea {font-size:17px;line-height:27px;padding:0 0 8px 0;margin:25px 0 0 0;} #shop .row .col-lg-4 {padding:0 10px 0 10px;margin:0 0 20px 0;} #shop .product-item.sold-out::before {top:10px;left:20px;} #article.sold-out .gallery::before, #article.sold-out .gallery-one-image::before {top:-10px;left:-10px;} .page-template-template-inspiration .vp-portfolio__item-popup-title {font-size:40px;line-height:35px;padding:0 0 25px 0;} .page-template-template-inspiration .vp-portfolio__item-popup-description {font-size:17px;line-height:27px;} .page-template-template-inspiration .vp-portfolio__item-popup-description .link-lightbox {padding:15px 0 0 0;} } @media screen and (max-width: 991.98px) { .fs-18 {font-size:17px;} .fs-30 {font-size:20px;} .fs-60-54 {font-size:38px;line-height:36px;} .fs-90 {font-size:35px;} .fs-180-160 {font-size:90px;line-height:80px;} .p-0-0-0-150 {padding:0 0 0 0;} .p-0-0-40-0 {padding:0 0 20px 0;} .p-0-0-160-0 {padding:0 0 60px 0;} .p-0-0-240-0 {padding: 0 0 80px 0;} .p-50-0-170-0 {padding:50px 0 50px 0;} .p-60-0-0-8 {padding:25px 0 0 3px;} .p-80-0-200-0 {padding:20px 0 80px 0;} .p-80-0-240-0 {padding:20px 0 80px 0;} .p-120-0-400-0 {padding:60px 0 100px 0;} .p-240-0-240-0 {padding:80px 0 80px 0;} .p-250-0-100-0 {padding:100px 0 50px 0;} .m-80-auto-160-auto {margin:0 auto 40px auto;} /* HEADER */ body.menu-open {overflow:hidden;height:100vh;touch-action:none;} header .navbar {position:relative;z-index:1000;padding:35px 15px;} header .navbar .navbar-brand {margin:0 auto 0 0 !important;padding:0 0 0 15px;} header .navbar .navbar-brand img.logo {width:150px;max-width:100%;height:auto;} /* HAMBURGER */ header .navbar .navbar-toggler {display:block;position:relative;overflow:hidden;margin:0 15px 0 auto;width:30px;height:30px;font-size:0;text-indent:-9999px;z-index:1001;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;transition:background .3s;} header .navbar .navbar-toggler:focus {outline:0;} header .navbar .navbar-toggler span {display:block;position:absolute;left:0;right:0;height:2px;background-color:#BCB5B3;border-radius:1px;transition:transform 0s .3s;} header .navbar .navbar-toggler span::after, header .navbar .navbar-toggler span::before {position:absolute;display:block;left:0;width:100%;height:2px;background-color:#BCB5B3;content:"";border-radius:1px;transition-duration:.3s,.3s;transition-delay:.3s,0s;} header .navbar .navbar-toggler span::before {top:-10px;transition-property:top,transform;} header .navbar .navbar-toggler span::after {bottom:-10px;transition-property:bottom,transform;} header .navbar .navbar-toggler[aria-expanded="true"] {background-color:transparent;} header .navbar .navbar-toggler[aria-expanded="true"] span {background:0 0;} header .navbar .navbar-toggler[aria-expanded="true"] span::before {top:0;transform:rotate(45deg);} header .navbar .navbar-toggler[aria-expanded="true"] span::after {bottom:0;transform:rotate(-45deg);} header .navbar .navbar-toggler[aria-expanded="true"] span::after, header .navbar .navbar-toggler[aria-expanded="true"] span::before {transition-delay:0s,.3s;} /* MENU */ header .navbar-collapse {position:fixed;inset:0;background-color:#F2F2F0;top:0;left:0;width:100%;height:100%;display:flex !important;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:999;will-change:opacity;} header .navbar-collapse.show {opacity:1;pointer-events:auto;} header .navbar-collapse.is-closing {opacity:0;pointer-events:none;} header .navbar .navbar-nav {width:720px;max-width:100%;text-align:left;margin:0 auto !important;padding:0;display:flex;flex-direction:column;align-items:flex-start;} header .navbar .navbar-nav .nav-item {margin:0 !important;opacity:0;width:fit-content;max-width:100%;transform:translateY(-20px);transition:all 0.35s ease;} header .navbar .navbar-nav .nav-item .nav-link {display:inline-block;white-space:nowrap;font-weight:500;font-size:40px;padding:15px 20px 17px 20px;} header .navbar .navbar-nav .nav-item.active .nav-link:hover {color:#FFFFFF;background-color:#E23737;} header .navbar .navbar-nav .nav-item .nav-link:hover {color:#181919;background-color:#F2F2F0;} /* LANG */ header .header-lang {position:absolute;left:auto;right:auto;bottom:35px;opacity:0;width:720px;max-width:100%;transition:opacity .4s ease;transition-delay:.25s;} header .navbar-collapse.show .header-lang {opacity: 1 !important;} header .header-lang .wpml-ls {display:block;} header .header-lang .wpml-ls-legacy-dropdown {width: auto;} header .header-lang .wpml-ls-item-toggle {display:inline-block !important;padding:0;} header .header-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::before {display:none;} header .header-lang .wpml-ls-sub-menu {display:inline-block !important;position:static !important;visibility:visible !important;} header .header-lang .wpml-ls-sub-menu li {margin:0;padding:0;} header .header-lang .wpml-ls-item a {font-family:'Barlow Condensed','Barlow','Roboto','Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:24px;} .wpml-ls-legacy-dropdown {position:static;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {position:static !important;display:inline-flex !important;flex-direction:row;opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;transition:none !important;margin:0;} .wpml-ls-legacy-dropdown:hover .wpml-ls-sub-menu {opacity:1;visibility:visible;transform:none;} .wpml-ls-legacy-dropdown .wpml-ls-current-language > a {padding:0 6px 0 0;color:#E23737;} .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {color: #E23737;} header .header-lang a.wpml-ls-link {color:#181919;padding:0;} header .header-lang a.wpml-ls-link:hover, header .header-lang a.wpml-ls-link:focus {color:#181919;} #intro {background-position:calc(50% + 230px) center;margin:30px 0 0 0;} #intro .kanji img {top:-100px;right:40px;width:20px;height:auto;} #collections {min-height:600px;background-size:auto 450px;background-position:top 100px center;} #collections .txt-bowls {padding:190px 0 0 0;} #collections .txt-slabs {padding:210px 0 0 0;} #custom {background-position:calc(50% + 450px) center;} #contact p.fs-21-31 br {display:none;} #shop .row .col-lg-4 {padding:0 15px 0 15px;margin:0 0 30px 0;} #shop .nav li {margin:0 15px 0 0;} #shop .nav li a {padding:8px 14px 10px 14px;} #shop .product-item.sold-out::before {top:10px;left:25px;} .breadcrumb {font-size:14px;} #article .gallery-desktop {display:none;} #article .gallery-mobile {display:block;margin:0 auto 18px auto;} #article .vp-portfolio__thumbnails {display:flex !important;flex-wrap:wrap;} #article .vp-portfolio__thumbnails .vp-portfolio__thumbnail-wrap {flex: 1 0 20%;max-width:19.6%;margin-right:0.5% !important;} #article .vp-portfolio__thumbnails .vp-portfolio__thumbnail-wrap:last-of-type {margin-right:0 !important;} #article .product-details {} #inspiration .vp-portfolio__items-wrap, #inspiration .vp-portfolio__layout-elements, #inspiration .vp-portfolio__thumbnails-wrap {margin-bottom:60px;} #inspiration .vp-filter__style-minimal .vp-filter__item {margin:0 15px 0 0;} #inspiration .vp-filter__style-minimal .vp-filter__item a {font-size:17px;padding:8px 14px 10px 14px;} .pswp__top-bar {right:20px;top:20px;} .pswp__button--arrow--left {left:15px;} .pswp__button--arrow--right {right:15px;} .page-template-template-inspiration .vp-portfolio__item-popup-title {font-size:35px;line-height:27px;padding:0 0 20px 0;} .page-template-template-inspiration .vp-portfolio__item-popup-description .link-lightbox {padding:10px 0 0 0;} footer .row.m-120-auto-0-auto {display:flex;flex-wrap:wrap;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(2) {order:1;width:100%;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(3) {order:2;width:100%;} footer .row.m-120-auto-0-auto > .col-lg-4 {order:3;width:50%;display:flex;align-items:center;padding:60px 15px 0 15px;} footer .row.m-120-auto-0-auto > .col-lg-2 {order:4;width:50%;display:flex;align-items:center;justify-content:flex-end;padding:60px 15px 0 15px;} footer img.picto {height:40px;width:auto;} } @media screen and (max-width: 767.98px) { .fs-16-26 {font-size:15px;line-height:25px;} .fs-17-27 {font-size:15px;line-height:25px;} .fs-18-28 {font-size:15px;line-height:25px;} .fs-21-31 {font-size:15px;line-height:25px;} .fs-24 {font-size:20px;} .fs-30 {font-size:15px;} .fs-40 {font-size:25px;} .fs-60-54 {font-size:40px;line-height:34px;} .fs-180-160 {font-size:70px;line-height:63px;} .p-0-0-20-0 {padding:0 0 10px 0;} .p-0-0-50-0 {padding:0 0 20px 0;} .p-0-0-240-0 {padding:0 0 70px 0;} .p-0-0-160-0 {padding: 0 0 35px 0;} .p-50-0-170-0 {padding:0 0 0 0;} .p-60-0-0-8 {padding:20px 0 0 3px;} .p-80-0-200-0 {padding:0 0 80px 0;} .p-80-0-240-0 {padding:0 0 80px 0;} .p-100-80-100-80 {padding:35px 25px 35px 25px;} .p-120-0-400-0 {padding:25px 0 80px 0;} .p-200-0-0-0 {padding:175px 0 0 0;} .p-220-0-150-0 {padding:0 0 0 0;} .p-240-0-40-0 {padding:60px 0 25px 45px;} .p-240-200-240-200 {padding:80px 15px 80px 15px;} .p-250-0-100-0 {padding:70px 0 50px 0;} .m-70-auto-0-auto {margin:50px auto 0 auto;} .m-120-auto-0-auto {margin:80px auto 0 auto;} .m--180-auto--180-auto {margin:0 auto 0 auto;} a.link-button {font-size:16px;} header .navbar {padding:35px;} header .navbar .navbar-nav {width:540px;max-width:100%;} header .header-lang {width:540px;max-width:100%;} #intro {background-image:url("assets/images/henkabonsai-background-home-01-mobile.png");background-position:calc(50% + 198px) center;margin:45px 0 0 0;} #intro .kanji img {top:-70px;right:5px;width:20px;height:auto;} #craft {background-image:none;background-position:right 50px top;background-size:auto 720px;} #craft img {width:calc(100% + ((100vw - 100%) / 2));max-width:none;margin-left:calc(-1 * ((100vw - 100%) / 2));margin-bottom:50px;} #features .col-md-4:nth-child(2) h3, #features .col-md-4:nth-child(3) h3 {margin:55px auto 0 auto;} #features h3 {background-size:130px auto;} #collections {background-image:url("assets/images/henkabonsai-background-home-03-mobile.png");background-size:auto 760px;background-position:top 70px center;background-position:left center;min-height:880px;} #collections .col-md-4 {display:none;} #custom {background-image:none;background-position:left 50px top;background-size:auto 720px;} #custom img {width:calc(100% + ((100vw - 100%) / 2));max-width:none;margin-right:calc(-1 * ((100vw - 100%) / 2));margin-bottom:50px;} #contact form .consent {margin:30px auto 60px auto;} #contact form .send input[type="submit"], #contact form .send input[type="submit"]:active, #contact form .send input[type="submit"]:focus {font-size:16px;} #shop .product-overlay {display:none;} #shop .product-cta {font-size:16px;} #inspiration .vp-portfolio__items-wrap, #inspiration .vp-portfolio__layout-elements, #inspiration .vp-portfolio__thumbnails-wrap {margin-bottom:35px;} .page-template-template-inspiration .pswp__caption .pswp__caption__center {max-width:80% !important;left:10%;right:10%;padding:15px 0 15px 0;} .page-template-template-inspiration .vp-portfolio__item-popup-title {font-size:20px;line-height:17px;padding:0 0 10px 0;} .page-template-template-inspiration .vp-portfolio__item-popup-description {font-size:14px;line-height:20px;} .page-template-template-inspiration .vp-portfolio__item-popup-description .link-lightbox {padding:5px 0 0 0;} .pswp__top-bar {right:10px;top:10px;} .pswp__button--arrow--left {left:5px;} .pswp__button--arrow--right {right:5px;} .page-template-template-inspiration .vp-portfolio__items-style-fade .vp-portfolio__item-meta-title {font-size:16px;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(2) {padding:0 15px 0 35px;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(3) {padding:90px 15px 75px 35px;} footer .row.m-120-auto-0-auto > .col-lg-4 {padding:0 0 0 35px;} footer .row.m-120-auto-0-auto > .col-lg-2 {padding:0 35px 0 0;} footer ul.mentions {text-align:left;} } @media screen and (max-width: 575.98px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right:25px;padding-left:25px;} .row {margin-right:-25px;margin-left:-25px;} .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right:25px;padding-left:25px;} .fs-14 {font-size:12px;} .p-40-40-30-40 {padding:25px 25px 20px 25px;} .p-240-0-240-0 {padding:70px 0 70px 0;} .m-0-0-26-0 {margin:0 0 17px 0;} header .navbar {padding:35px 25px;} header .navbar .navbar-brand {padding:0;} header .navbar .navbar-toggler {margin:0 0 0 auto;} header .navbar .navbar-nav {padding:0 25px;} header .header-lang {left:25px;bottom:25px;} #collections {background-position:top 70px left;background-position:left center;} #shop .row .col-lg-4 {padding:0 25px 0 25px;margin:0 0 25px 0;} #shop .product-item.sold-out::before {top:12.5px;left:37.5px;} .filters-mobile {position:relative;margin:0 auto 25px auto;width:100%;} .filters-mobile select {font-size:18px;padding:18px 35px 20px 25px;border:none;border-radius:0;width:100%;background-color:#FFFFFF;color:#181919;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("assets/images/henkabonsai-icon-arrow-bottom-grey.svg");background-repeat:no-repeat;background-position:right 25px center;background-size:10px auto;} .filters-mobile select:focus {outline:none;border-color:transparent;} #article.sold-out .gallery::before, #article.sold-out .gallery-one-image::before {top:-12.5px;left:-12.5px;} .vp-filter {display:none;} #inspiration .container-fluid {max-width:540px;margin-left:auto;margin-right:auto;padding-right:25px;padding-left:25px;} #inspiration .container-fluid .col-md-12 {padding:0 25px;} #inspiration .vp-portfolio__items-wrap, #inspiration .vp-portfolio__layout-elements, #inspiration .vp-portfolio__thumbnails-wrap {margin-bottom:0;} .page-template-template-inspiration .pswp__caption .pswp__caption__center {max-width:100% !important;left:0;right:0;padding:15px 25px 15px 25px;} footer::before {width:25px;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(2) {padding:0 15px 0 75px;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(3) {padding:90px 15px 75px 75px;} footer .row.m-120-auto-0-auto > .col-lg-4 {padding:0 0 0 75px;} footer .row.m-120-auto-0-auto > .col-lg-2 {padding:0 35px 0 0;} footer ul.mentions li:nth-last-of-type(2):after {content: "";} footer ul.mentions li:last-of-type {display:block;padding:7px 0 0 0;} } @media screen and (max-width: 440.98px) { .cky-consent-container .cky-consent-bar {-webkit-border-radius:0 !important;border-radius:0 !important;} .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper {padding:20px 0 !important;} #collections {background-size:auto 610px;min-height:730px;} } @media screen and (max-width: 375.98px) { } @media screen and (max-width: 350px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right:15px;padding-left:15px;} .row {margin-right:-15px;margin-left:-15px;} .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right:15px;padding-left:15px;} .p-40-40-30-40 {padding:15px 15px 10px 15px;} .p-80-0-200-0 {padding:0 0 70px 0;} .p-80-0-240-0 {padding:0 0 70px 0;} .p-100-80-100-80 {padding:25px 15px 25px 15px;} .p-240-0-40-0 {padding:60px 0 25px 35px;} .m-0-0-26-0 {margin:0 0 7px 0;} header .navbar {padding:35px 15px;} header .navbar .navbar-nav {padding:0 15px;} header .header-lang {left:15px;bottom:15px;} #collections {background-size:auto 560px;min-height:680px;} #shop .row .col-lg-4 {padding:0 15px 0 15px;margin:0 0 15px 0;} #shop .product-item.sold-out::before {top:7.5px;left:22.5px;} .filters-mobile {margin:0 auto 15px auto;} #article.sold-out .gallery::before, #article.sold-out .gallery-one-image::before {top:-7.5px;left:-7.5px;} #inspiration .container-fluid {padding-right:15px;padding-left:15px;} #inspiration .container-fluid .col-md-12 {padding:0 15px;} .page-template-template-inspiration .pswp__caption .pswp__caption__center {padding:15px;} footer::before {width:15px;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(2) {padding:0 15px 0 50px;} footer .row.m-120-auto-0-auto > .col-lg-3:nth-of-type(3) {padding:90px 15px 75px 50px;} footer .row.m-120-auto-0-auto > .col-lg-4 {padding:0 0 0 50px;} } /* Apparition douce des produits au scroll */ .product-item { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .product-item.is-visible { opacity: 1; transform: translateY(0); } /* Respect du confort utilisateur */ @media (prefers-reduced-motion: reduce) { .product-item { opacity: 1; transform: none; transition: none; } }