@charset "UTF-8";
.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Light.eot);
src: local("TT Firs Neue Light"), local("TTFirsNeue-Light"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Light.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Light.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Light.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Regular.eot);
src: local("TT Firs Neue Regular"), local("TTFirsNeue-Regular"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Regular.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Regular.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Regular.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BoldItalic.eot);
src: local("TT Firs Neue Bold Italic"), local("TTFirsNeue-BoldItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BoldItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BoldItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BoldItalic.ttf) format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBoldItalic.eot);
src: local("TT Firs Neue DemiBold Italic"), local("TTFirsNeue-DemiBoldItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBoldItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBoldItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBoldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLight.eot);
src: local("TT Firs Neue ExtraLight"), local("TTFirsNeue-ExtraLight"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLight.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLight.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLight.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLight.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ThinItalic.eot);
src: local("TT Firs Neue Thin Italic"), local("TTFirsNeue-ThinItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ThinItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ThinItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ThinItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ThinItalic.ttf) format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-MediumItalic.eot);
src: local("TT Firs Neue Medium Italic"), local("TTFirsNeue-MediumItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-MediumItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-MediumItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-MediumItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBold.eot);
src: local("TT Firs Neue DemiBold"), local("TTFirsNeue-DemiBold"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBold.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBold.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBold.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-DemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BlackItalic.eot);
src: local("TT Firs Neue Black Italic"), local("TTFirsNeue-BlackItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BlackItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BlackItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BlackItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-LightItalic.eot);
src: local("TT Firs Neue Light Italic"), local("TTFirsNeue-LightItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-LightItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-LightItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-LightItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLightItalic.eot);
src: local("TT Firs Neue ExtraLight Italic"), local("TTFirsNeue-ExtraLightItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLightItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLightItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLightItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraLightItalic.ttf) format("truetype");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Bold.eot);
src: local("TT Firs Neue Bold"), local("TTFirsNeue-Bold"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Bold.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Bold.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Bold.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBold.eot);
src: local("TT Firs Neue ExtraBold"), local("TTFirsNeue-ExtraBold"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBold.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBold.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBold.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Medium.eot);
src: local("TT Firs Neue Medium"), local("TTFirsNeue-Medium"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Medium.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Medium.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Medium.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Thin.eot);
src: local("TT Firs Neue Thin"), local("TTFirsNeue-Thin"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Thin.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Thin.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Thin.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Thin.ttf) format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBoldItalic.eot);
src: local("TT Firs Neue ExtraBold Italic"), local("TTFirsNeue-ExtraBoldItalic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBoldItalic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBoldItalic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-ExtraBoldItalic.ttf) format("truetype");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/css/TTFirsNeue-Black.eot);
src: local("TT Firs Neue Black"), local("TTFirsNeue-Black"), url(//megatool.be/wp-content/themes/custom/css/TTFirsNeue-Black.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/css/TTFirsNeue-Black.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/css/TTFirsNeue-Black.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/css/TTFirsNeue-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "TT-Firs-Neue";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Italic.eot);
src: local("TT Firs Neue Italic"), local("TTFirsNeue-Italic"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Italic.eot?#iefix) format("embedded-opentype"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Italic.woff2) format("woff2"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Italic.woff) format("woff"), url(//megatool.be/wp-content/themes/custom/assets/fonts/TT/TTFirsNeue-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/DM/DMSans-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/DM/DMSans-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/DM/DMSans-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/DM/DMSans-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/DM/DMSans-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url(//megatool.be/wp-content/themes/custom/assets/fonts/DM/DMSans-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}
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;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
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;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
max-width: 100%;
}
body {
font-weight: normal;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
max-width: 100%;
}
* {
box-sizing: border-box;
}
h2 {
margin-bottom: 0.8em;
}
.container {
max-width: 1300px;
margin: 0 auto;
}
.container.max {
max-width: 1500px;
}
.container.padding-top-none {
padding-top: 0;
}
.container.padding-bottom-none {
padding-bottom: 0;
}
.container .section-title:first-child {
grid-column: 1/-1;
}
.page {
--header: 86px;
}
.page .woocommerce ul.products {
display: grid;
grid: auto/1fr;
gap: 30px;
margin: 0;
}
@media (min-width: 480px) {
.page .woocommerce ul.products {
grid: auto/1fr 1fr;
}
}
@media (min-width: 768px) {
.page .woocommerce ul.products {
grid: auto/1fr 1fr 1fr;
}
}
@media (min-width: 1024px) {
.page .woocommerce ul.products.columns-4 {
grid: auto/1fr 1fr 1fr 1fr;
}
}
.page .woocommerce ul.products::before, .page .woocommerce ul.products::after {
display: none;
}
.page .woocommerce ul.products li {
margin: 0 !important;
width: 100% !important;
float: none !important;
}
.slider-nav-btn {
width: 40px;
height: 40px;
display: inline-flex !important;
align-items: center;
justify-content: center;
background-color: #67B774;
border: none;
border-radius: 0;
cursor: pointer;
}
.slider-nav-btn svg {
width: 25px;
stroke: #FFFFFF;
}
.slider-nav-btn.next {
background-color: #157811;
}
.noscroll, .overflow-hidden {
overflow: hidden;
}
:root {
--plyr-color-main: #157811;
}
body {
background-color: #FFFFFF;
font-style: normal;
color: #000000;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
font-family: DMSans, "sans-serif";
font-weight: normal;
font-style: normal;
}
h1, .h1 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
}
h2, .h2 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.1;
}
@media (min-width: 650px) {
h2, .h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 900px) {
h2, .h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
h2 span, .h2 span {
color: #157811;
}
h3, .h3 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
}
h4, .h4 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
}
h5, .h5 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
}
h6, .h6 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
}
.custom-text p {
margin-bottom: 15px;
}
.custom-text p:last-child {
margin-bottom: 0;
}
.custom-text a {
color: inherit;
}
.custom-text em, .custom-text i {
font-style: italic;
}
.custom-text ul {
list-style: circle outside;
margin: 15px 0;
padding-left: 1.2em;
}
.custom-text ul li {
margin-bottom: 7px;
}
.custom-text ul li:last-child {
margin-bottom: 0;
}
.custom-text ol {
list-style: decimal outside;
margin: 15px 0;
}
.custom-text ol li {
margin-bottom: 7px;
}
.custom-text ol li:last-child {
margin-bottom: 0;
}
div.section-inner {
max-width: 1300px;
margin: 0 auto;
padding: 30px 15px;
}
@media (min-width: 650px) {
div.section-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
div.section-inner {
padding: 70px 30px;
}
}
@media (min-width: 1024px) {
div.section-inner {
padding: 70px 30px;
}
}
a.link-a, button.link-a {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 600;
font-style: normal;
text-decoration: none;
color: inherit;
display: inline-block;
position: relative;
background: transparent;
border: none;
min-width: fit-content;
max-width: max-content;
line-height: 1.2;
padding: 10px 20px;
overflow: hidden;
}
a.link-a:hover::before, button.link-a:hover::before {
left: 0;
width: 100%;
transform: translateX(0);
height: 100%;
}
a.link-a:hover:after, button.link-a:hover:after {
width: 100%;
transform: translateX(0);
height: 100%;
right: 0;
}
a.link-a::before, button.link-a::before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
width: min(100px, 30%);
height: 2px;
top: 0;
left: 0;
transform: translateX(-2px);
}
a.link-a::after, button.link-a::after {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
width: min(100px, 30%);
height: 1px;
right: 50%;
bottom: 0;
}
a.link-contact, button.link-contact {
border: none;
background: transparent;
padding: 0;
color: inherit;
text-decoration: none;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
a.link-empty, button.link-empty {
text-decoration: none;
color: inherit;
}
a.link-b, div.sp-product-hero-inner div.sp-content-container .right .sp-price-container a.add_to_cart_button, div.tp-cart-content-inner .cart-collaterals .wc-proceed-to-checkout a:hover, div.tp-cart-content-inner .cart-collaterals .wc-proceed-to-checkout a, button.link-b, div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel #payment button, div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-buttons button.thwmsc-btn, div.tp-checkout-content-inner #thwmsc_wrapper .woocommerce-checkout-payment button[type=submit], div.tp-cart-content-inner form table.shop_table tbody tr button[name=update_cart] {
display: inline-block;
text-decoration: none;
border: 1px solid #B8D0BB;
line-height: 1.5;
width: fit-content;
padding: 10px 20px;
min-width: 120px;
text-align: center;
color: inherit;
background: #B8D0BB;
}
.card-product-featured .card-product-featured-inner .image-container {
height: min(250px, 65vh);
}
@media (min-width: 650px) {
.card-product-featured .card-product-featured-inner .image-container {
height: min(320px, 65vh);
}
}
.card-product-featured .card-product-featured-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
@media (hover: hover) {
.card-product .cc-top {
transform: translateY(-105%);
}
.card-product:hover .cc-top {
transform: translateY(0);
}
}
.card-product .card-product-inner {
position: relative;
min-height: 350px;
overflow: hidden;
}
.card-product .card-product-inner .image-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.card-product .card-product-inner .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.card-product .card-product-inner .cc-content-container {
min-height: 350px;
height: 100%;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
}
.card-product .card-product-inner .cc-content-container .cc-top {
background-color: #67B774;
padding: 5px 20px 15px;
color: #FFFFFF;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr;
gap: 15px;
transition: all 0.3s ease;
flex: 1;
}
.card-product .card-product-inner .cc-content-container .cc-top .product-title {
text-transform: uppercase;
border-bottom: 1px solid #FFFFFF;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 600;
font-style: normal;
font-size: 18px;
}
.card-product .card-product-inner .cc-content-container .cc-top .product-meta {
border-bottom: 1px solid #FFFFFF;
margin-top: auto;
}
.card-product .card-product-inner .cc-content-container .cc-top .product-category {
border-bottom: 1px solid #FFFFFF;
overflow: hidden;
}
.card-product .card-product-inner .cc-content-container .cc-top .product-category span, .card-product .card-product-inner .cc-content-container .cc-top .product-category p {
text-overflow: ellipsis;
white-space: nowrap;
display: block;
width: 100%;
margin-right: 10px;
overflow: hidden;
}
.card-product .card-product-inner .cc-content-container .cc-top .product-price {
text-align: right;
}
.card-product .card-product-inner .cc-content-container .cc-bottom {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.card-product .card-product-inner .cc-content-container .cc-bottom a {
text-decoration: none;
display: block;
color: inherit;
padding: 5px 0;
text-align: center;
font-family: TT-Firs-Neue, "sans-serif";
font-size: 0.9em;
}
.card-product .card-product-inner .cc-content-container .cc-bottom a.detail {
background: #FFFFFF;
}
.card-product .card-product-inner .cc-content-container .cc-bottom a.cart {
background-color: #C7E1CB;
}
.card-product .card-product-inner .cc-content-container .cc-bottom form button {
height: 100%;
text-decoration: none;
display: block;
color: inherit;
padding: 5px 0;
text-align: center;
font-family: TT-Firs-Neue, "sans-serif";
font-size: 0.9em;
background-color: #C7E1CB;
border: none;
width: 100%;
cursor: pointer;
}
.card-search .card-search-inner {
overflow: hidden;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
}
@media (min-width: 900px) {
.card-search .card-search-inner {
grid-template-columns: 200px 1fr;
gap: 30px;
align-items: center;
}
}
.card-search .card-search-inner .cc-left {
display: none;
}
@media (min-width: 900px) {
.card-search .card-search-inner .cc-left {
display: block;
}
}
.card-search .card-search-inner .cc-left .image-container {
height: 200px;
width: 200px;
border: 1px solid #1D2D03;
}
.card-search .card-search-inner .cc-left .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-search .card-search-inner .cc-right {
position: relative;
}
@media (min-width: 900px) {
.card-search .card-search-inner .cc-right {
padding: 30px;
}
}
.card-search .card-search-inner .cc-right::before {
content: "";
position: absolute;
top: -30px;
left: 0;
position: absolute;
width: 1px;
height: calc(100% + 30px + 30px);
background: #1D2D03;
display: none;
}
@media (min-width: 900px) {
.card-search .card-search-inner .cc-right::before {
display: block;
}
}
.card-search .card-search-inner .cc-right .category-container {
margin-bottom: 15px;
}
@media (min-width: 900px) {
.card-search .card-search-inner .cc-right .category-container {
margin-bottom: 30px;
}
}
.card-search .card-search-inner .cc-right h3 {
text-transform: uppercase;
margin-bottom: 15px;
}
.card-search .card-search-inner .cc-right .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
.card-search .card-search-inner .cc-right .link-container a {
color: inherit;
text-decoration: none;
}
.card-faq {
background: #C7E1CB;
border: 1px solid #1D2D03;
border-radius: 20px;
}
.card-faq .card-faq-inner button {
border: none;
background: transparent;
padding: 30px;
cursor: pointer;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
}
.card-faq .card-faq-inner button.open span.icon svg {
transform: rotate(-90deg);
}
.card-faq .card-faq-inner button span.title {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 600;
font-style: normal;
text-transform: uppercase;
}
.card-faq .card-faq-inner button span.icon {
margin-left: 30px;
}
.card-faq .card-faq-inner button span.icon svg {
display: block;
width: 15px;
height: auto;
transform: rotate(90deg);
transition: all 0.3s ease-in-out;
}
.card-faq .card-faq-inner .content {
display: none;
}
.card-faq .card-faq-inner .content .content-inner {
padding: 0 30px 30px 30px;
}
.card-team {
max-width: 400px;
}
.card-team .card-team-inner .image-container {
margin-bottom: 10px;
}
.card-team .card-team-inner .image-container img {
width: 100%;
max-width: 100%;
aspect-ratio: 16/11;
height: auto;
object-fit: cover;
}
.card-team .card-team-inner .name-container {
display: grid;
grid: auto/1fr auto;
gap: 20px;
}
.card-team .card-team-inner .name-container .left {
display: grid;
grid: auto/1fr;
}
.card-team .card-team-inner .name-container .left span.name {
font-size: 25px;
line-height: 1;
}
.card-team .card-team-inner .name-container .left span.function {
font-size: 20px;
}
.card-team .card-team-inner .name-container .right .toggle-team-info {
display: block;
width: 24px;
height: 24px;
cursor: pointer;
margin-top: 2px;
background-image: url(//megatool.be/wp-content/themes/custom/assets/icons/plus.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.card-team .card-team-inner .name-container .right .toggle-team-info.active {
background-image: url(//megatool.be/wp-content/themes/custom/assets/icons/plus-fill.svg);
}
.card-team .card-team-inner .contact-container {
display: none;
}
.card-team .card-team-inner .contact-container .contact-content {
display: grid;
grid: auto/1fr;
}
.card-team .card-team-inner .contact-container .contact-content a {
font-size: 16px;
}
.card-product-small .card-product-small-inner {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
@media (min-width: 768px) {
.card-product-small .card-product-small-inner {
grid-template-columns: 40% 1fr;
}
}
.card-product-small .card-product-small-inner .image-container {
min-height: 350px;
height: 100%;
width: 100%;
}
.card-product-small .card-product-small-inner .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.card-product-small .card-product-small-inner .cc-content-container {
min-height: 350px;
height: 100%;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-top {
background-color: #67B774;
padding: 5px 20px 15px;
color: #FFFFFF;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr;
gap: 15px;
transition: all 0.3s ease;
flex: 1;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-top .product-title {
text-transform: uppercase;
border-bottom: 1px solid #FFFFFF;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 600;
font-style: normal;
font-size: 18px;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-top .product-meta {
border-bottom: 1px solid #FFFFFF;
margin-top: auto;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-top .product-category {
border-bottom: 1px solid #FFFFFF;
overflow: hidden;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-top .product-category span, .card-product-small .card-product-small-inner .cc-content-container .cc-top .product-category p {
text-overflow: ellipsis;
white-space: nowrap;
display: block;
width: 100%;
margin-right: 10px;
overflow: hidden;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-top .product-price {
text-align: right;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-bottom {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.card-product-small .card-product-small-inner .cc-content-container .cc-bottom a {
text-decoration: none;
display: block;
color: inherit;
padding: 5px 0;
text-align: center;
font-family: TT-Firs-Neue, "sans-serif";
font-size: 0.9em;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-bottom a.detail {
background: #FFFFFF;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-bottom a.cart {
background-color: #C7E1CB;
}
.card-product-small .card-product-small-inner .cc-content-container .cc-bottom form button {
height: 100%;
text-decoration: none;
display: block;
color: inherit;
padding: 5px 0;
text-align: center;
font-family: TT-Firs-Neue, "sans-serif";
font-size: 0.9em;
background-color: #C7E1CB;
border: none;
width: 100%;
cursor: pointer;
}
.card-remastered {
display: flex;
flex-direction: column;
}
.card-remastered .card-remastered-image-container {
position: relative;
height: 200px;
width: 100%;
overflow: hidden;
}
.card-remastered .card-remastered-image-container img {
width: 100%;
height: 100%;
object-fit: contain;
}
.card-remastered .card-remastered-image-container .card-image-brand {
position: absolute;
border: 1px solid #000000;
padding: 0.5rem 1rem;
}
.card-remastered .card-remastered-content-container {
display: flex;
flex-direction: column;
background-color: #E3F0E5;
}
.card-remastered .card-remastered-content-container .card-title-container {
border-bottom: 1px solid #000000;
padding: 1rem 2rem;
}
.card-remastered .card-remastered-content-container .card-description-container {
padding: 1rem 2rem;
border-bottom: 1px solid #000000;
}
.card-remastered .card-remastered-content-container .card-meta-container {
padding: 1rem 2rem;
border-bottom: 1px solid #000000;
}
.card-remastered .card-remastered-content-container .card-meta-container .product-code {
color: #000000;
}
.card-remastered .card-remastered-content-container .quantity-message {
text-align: center;
padding: 1rem;
display: block;
color: red;
}
.card-remastered .card-remastered-content-container .quantity-message:empty {
display: none;
}
.card-remastered .card-remastered-content-container .card-cta-container {
padding: 0;
}
.card-remastered .card-remastered-content-container .card-cta-container .price-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding: 1rem 2rem;
}
.card-remastered .card-remastered-content-container .card-cta-container .price-container .product-price, .card-remastered .card-remastered-content-container .card-cta-container .price-container .product-price-old {
font-size: 14px;
display: block;
}
.card-remastered .card-remastered-content-container .card-cta-container .price-container .product-quantity .quantity-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 35px auto 35px;
}
.card-remastered .card-remastered-content-container .card-cta-container .price-container .product-quantity .quantity-container button, .card-remastered .card-remastered-content-container .card-cta-container .price-container .product-quantity .quantity-container span {
text-align: center;
background: #FFFFFF;
border: none;
color: #000000;
height: 100%;
padding: 5px 0;
cursor: pointer;
}
.card-remastered .card-remastered-content-container .card-cta-container .price-container .product-quantity .quantity-container input[type=number] {
border: none;
background: transparent;
color: #000000;
max-width: 60px;
text-align: center;
-moz-appearance: textfield;
}
.card-remastered .card-remastered-content-container .card-cta-container .price-container .product-quantity .quantity-container input[type=number]::-webkit-outer-spin-button, .card-remastered .card-remastered-content-container .card-cta-container .price-container .product-quantity .quantity-container input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.card-remastered .card-remastered-content-container .card-cta-container .actions-container {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap-reverse;
}
.card-remastered .card-remastered-content-container .card-cta-container .actions-container a {
background-color: #C7E1CB;
padding: 18px 1rem;
text-decoration: none;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex: 1 1 50%;
display: block;
text-align: center;
text-wrap: nowrap;
}
.card-remastered .card-remastered-content-container .card-cta-container .actions-container button {
background-color: #1D2D03;
padding: 18px 1rem;
text-decoration: none;
color: #FFFFFF;
border: none;
cursor: pointer;
flex: 1 1 50%;
display: block;
text-align: center;
text-wrap: nowrap;
}
.card-remastered .card-remastered-content-container .card-cta-container .actions-container button[disabled] {
cursor: not-allowed;
filter: grayscale(1);
}
.card-remastered .card-remastered-content-container .card-cta-container .card-price-amount {
padding: 1rem 2rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.card-remastered .card-remastered-content-container .card-cta-container .card-price-amount input {
width: 75px;
height: 50px;
text-align: center;
border: 1px solid #1D2D03;
background-color: #E3F0E5;
border-radius: 5px;
}
.card-remastered .card-remastered-content-container .card-cta-container .card-cta {
gap: 0;
display: flex;
align-items: center;
justify-content: center;
}
.card-remastered .card-remastered-content-container .card-cta-container .card-cta .detail {
background-color: #C7E1CB;
padding: 0.5rem 1rem;
text-decoration: none;
color: #000000;
width: 50%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.card-remastered .card-remastered-content-container .card-cta-container .card-cta form {
width: 50%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.card-remastered .card-remastered-content-container .card-cta-container .card-cta form .shop {
background-color: #1D2D03;
padding: 0.5rem 1rem;
text-decoration: none;
color: #FFFFFF;
width: 100%;
height: 100%;
border: none;
}
.card-tip {
display: flex;
flex-direction: column;
gap: 1rem;
}
.card-tip .card-tip-title {
width: fit-content;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #000000;
}
.woocommerce-notices-wrapper .woocommerce-message[role=alert] a {
color: inherit;
}
li.product {
position: relative;
border: 1px solid #C7E1CB;
overflow: hidden;
list-style-type: none;
}
li.product .product-image {
height: 350px;
}
li.product .product-image img {
height: 100%;
width: 100%;
object-fit: contain;
}
li.product .product-overlay {
background-color: #67B774;
padding: 5px 20px 15px;
color: #FFFFFF;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 35px;
display: flex;
flex-direction: column;
transform: translateY(-100%);
transition: all 0.3s ease;
}
li.product .product-overlay > * {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 300;
font-style: normal;
font-size: 14px;
padding: 8px 0;
line-height: 1.2;
}
li.product .product-overlay .product-title {
text-transform: uppercase;
border-bottom: 1px solid #FFFFFF;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 600;
font-style: normal;
font-size: 18px;
}
li.product .product-overlay .product-meta {
border-bottom: 1px solid #FFFFFF;
margin-top: auto;
}
li.product .product-overlay .product-category {
border-bottom: 1px solid #FFFFFF;
}
li.product .product-overlay .product-price {
text-align: right;
}
li.product .product-overlay .login-button a {
display: block;
text-align: center;
color: #000000;
background-color: #DCDCDC;
padding: 7px;
text-decoration: none;
}
li.product .product-action-buttons {
display: grid;
grid: auto/1fr 1fr;
border-top: 1px solid #C7E1CB;
}
li.product .product-action-buttons a {
padding: 5px 0;
color: #000000;
text-align: center;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 0.9em;
}
li.product .product-action-buttons a:nth-of-type(2n) {
background-color: #C7E1CB;
}
li.product:hover .product-overlay {
transform: translateY(0);
}
.section-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.1;
position: relative;
text-transform: uppercase;
width: fit-content;
padding: 12px;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
}
.section-title::before {
content: "";
position: absolute;
left: 0;
top: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
.section-title::after {
content: "";
position: absolute;
left: 20%;
bottom: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
.section-inner > .section-title {
grid-column: 1/-1;
}
.f-title-container.with-slider .left {
margin-bottom: 60px;
}
.f-title-container.with-slider .right {
text-align: right;
}
@media (min-width: 480px) {
.f-title-container.with-slider {
display: flex;
gap: 20px;
}
.f-title-container.with-slider .right {
margin-left: auto;
}
}
footer {
background: #1D2D03;
}
footer .footer-image {
height: 245px;
}
footer .footer-image img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
footer .footer-inner {
max-width: 1300px;
margin: 0 auto;
padding: 30px;
color: #FFFFFF;
}
footer .footer-inner .top {
margin-bottom: 60px;
}
footer .footer-inner .top .ft-logo-container img {
display: block;
width: 100%;
height: auto;
max-width: 200px;
}
footer .footer-inner .bottom {
--size: 220px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: repeat(auto-fit, minmax(var(--size), 1fr));
gap: 45px;
}
footer .footer-inner .bottom .col {
text-align: center;
}
@media (min-width: 500px) {
footer .footer-inner .bottom .col {
text-align: left;
}
}
footer .footer-inner .bottom .col h2 {
margin-bottom: 20px;
font-size: 24px;
}
footer .footer-inner .bottom .col .ft-link-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 5px;
}
footer .footer-inner .bottom .col .ft-link-container a, footer .footer-inner .bottom .col .ft-link-container p {
line-height: 1.4;
}
footer .footer-inner .bottom .col .custom-text {
max-width: 300px;
margin: 0 auto;
}
@media (min-width: 500px) {
footer .footer-inner .bottom .col .custom-text {
margin: 0;
max-width: 350px;
}
}
.header-notif {
background: #157811;
padding: 3px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: fit-content;
z-index: 92;
}
.header-notif + header {
--header_notif: 61px;
margin-top: var(--header_notif);
}
@media (min-width: 560px) {
.header-notif + header {
--header_notif: 34px;
}
}
.header-notif .header-notif-inner .custom-text {
text-align: center;
color: #FFFFFF;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 300;
font-style: normal;
}
#site-navigation {
--header: 86px;
position: absolute;
top: var(--header);
left: 0;
width: 100%;
height: 100%;
z-index: 99;
transform: translateY(-100%);
opacity: 0;
transition: all 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
background: rgba(199, 225, 203, 0.4);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
pointer-events: none;
}
#site-navigation.has-header-notif {
--header: calc(86px + 61px);
}
@media (min-width: 560px) {
#site-navigation.has-header-notif {
--header: calc(86px + 34px);
}
}
@media (min-width: 1024px) {
#site-navigation {
display: none;
background: pink;
}
}
#site-navigation.active {
transform: translateY(0);
opacity: 1;
pointer-events: initial;
}
#site-navigation .slide-navigation-inner {
position: relative;
z-index: 91;
padding: 30px 15px;
height: 100%;
max-height: calc(100dvh - var(--header));
overflow-y: scroll;
}
@media (min-width: 650px) {
#site-navigation .slide-navigation-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
#site-navigation .slide-navigation-inner {
padding: 70px 30px;
}
}
@media (min-width: 1024px) {
#site-navigation .slide-navigation-inner {
padding: 70px 30px;
}
}
#site-navigation .slide-navigation-inner ul {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
#site-navigation .slide-navigation-inner ul li button {
display: none;
}
#site-navigation .slide-navigation-inner ul li.menu-item-has-children > button {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
margin-left: 8px;
line-height: 1;
color: #000000;
height: 16px;
width: 16px;
border: 2px solid #000000;
border-radius: 50%;
text-align: center;
vertical-align: middle;
background: transparent;
font-size: 12px;
transform: rotate(90deg);
padding: 0;
}
#site-navigation .slide-navigation-inner ul li.menu-item-has-children > button.open {
transform: rotate(-90deg);
}
#site-navigation .slide-navigation-inner ul li.menu-item-has-children ul.sub-menu {
display: none;
padding-top: 15px;
}
#site-navigation .slide-navigation-inner ul li a {
text-decoration: none;
color: #1D2D03;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
pointer-events: initial;
}
#site-navigation .slide-navigation-inner .account-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 60px;
}
#site-navigation .slide-navigation-inner .account-container p {
display: block;
width: 100%;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 20px;
font-size: 2rem;
}
#site-navigation .slide-navigation-inner .account-container a, #site-navigation .slide-navigation-inner .account-container button {
margin: 0 30px 15px 0;
}
#site-navigation .slide-navigation-inner .account-container a svg, #site-navigation .slide-navigation-inner .account-container button svg {
display: block;
height: 20px;
width: auto;
}
#site-navigation .slide-navigation-inner .search-container {
margin-top: 45px;
}
#site-navigation .slide-navigation-inner .search-container label {
display: block;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 20px;
font-size: 2rem;
}
#site-navigation .slide-navigation-inner .search-container .input-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr 40px;
border: 1px solid #FFFFFF;
background: #FFFFFF;
filter: drop-shadow(0px, 2px, 4px, rgba(0, 0, 0, 0.16));
}
#site-navigation .slide-navigation-inner .search-container .input-container input {
background: transparent;
border: none;
outline: none;
border-radius: 0;
padding: 10px;
}
#site-navigation .slide-navigation-inner .search-container .input-container button {
background: transparent;
border: none;
border-radius: 0;
padding: 10px;
}
#site-navigation .slide-navigation-inner .search-container .input-container button svg {
display: block;
width: 20px;
height: auto;
}
.side-navigation-desktop {
position: absolute;
top: 0;
right: 0;
width: fit-content;
height: 100%;
background: #E3F0E5;
z-index: 999;
transform: translateX(100%);
opacity: 0;
pointer-events: none;
display: none;
transition: all 0.3s ease-in-out;
}
.side-navigation-desktop.open {
transform: translateX(0);
opacity: 1;
right: 0;
display: block;
}
.side-navigation-desktop button.close {
background: transparent;
border: none;
display: block;
width: 20px;
height: 20px;
position: relative;
margin-top: 10px;
margin-left: 10px;
pointer-events: initial;
cursor: pointer;
}
.side-navigation-desktop button.close span {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3px;
background: #157811;
}
.side-navigation-desktop button.close span:nth-child(1) {
transform: rotate(45deg);
}
.side-navigation-desktop button.close span:nth-child(2) {
transform: rotate(-45deg);
}
.side-navigation-desktop ul {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 0;
}
.side-navigation-desktop ul li {
background: #E3F0E5;
border: 1px solid #C7E1CB;
padding: 32px 32px 32px 16px;
}
.side-navigation-desktop ul li:nth-child(1) {
border-top: none;
}
.side-navigation-desktop ul li a {
text-decoration: none;
color: inherit;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 40px 1fr;
gap: 15px;
pointer-events: initial;
}
header {
position: relative;
width: 100%;
z-index: 90;
max-width: 100%;
}
header .header-inner {
padding: 30px 15px;
padding-top: 0px !important;
padding-bottom: 0px !important;
width: 100%;
}
@media (min-width: 650px) {
header .header-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
header .header-inner {
padding: 70px 30px;
}
}
@media (min-width: 1024px) {
header .header-inner {
padding: 70px 30px;
}
}
header .top {
background: #F5F5F5;
padding: 15px 0;
}
header .top .header-max #header-top {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 150px 1fr;
}
@media (min-width: 1024px) {
header .top .header-max #header-top {
grid-template-columns: 250px 1fr 250px;
}
}
header .top .header-max #header-top .left img {
display: block;
width: 100%;
height: auto;
max-width: 150px;
}
header .top .header-max #header-top .middle {
display: none;
position: relative;
}
@media (min-width: 1024px) {
header .top .header-max #header-top .middle {
display: flex;
align-items: center;
}
}
header .top .header-max #header-top .middle form {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
width: 100%;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
overflow: hidden;
position: relative;
}
header .top .header-max #header-top .middle form.active .search-container {
width: calc(100% - 40px);
}
header .top .header-max #header-top .middle form.active button.clear {
transform: translateX(0);
}
header .top .header-max #header-top .middle form .filter-container {
display: none;
}
header .top .header-max #header-top .middle form .search-container {
transition: all 0.3s ease-in-out;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr 40px;
border: 1px solid #FFFFFF;
background: #FFFFFF;
filter: drop-shadow(0px, 2px, 4px, rgba(0, 0, 0, 0.16));
width: 100%;
}
header .top .header-max #header-top .middle form .search-container input {
background: transparent;
border: none;
outline: none;
border-radius: 0;
padding: 10px;
}
header .top .header-max #header-top .middle form .search-container button {
background: transparent;
border: none;
border-radius: 0;
padding: 10px;
}
header .top .header-max #header-top .middle form .search-container button svg {
display: block;
width: 20px;
height: auto;
}
header .top .header-max #header-top .middle form button.clear {
background: transparent;
width: 40px;
height: 100%;
border: none;
position: absolute;
top: 0;
right: 0;
transform: translateX(40px);
background: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease-in-out;
}
header .top .header-max #header-top .middle form button.clear svg {
display: block;
width: 50%;
height: auto;
}
header .top .header-max #header-top .middle .form-results {
position: absolute;
top: 55.5px;
left: 0;
width: 100%;
overflow-y: auto;
pointer-events: none;
z-index: 95;
}
header .top .header-max #header-top .middle .form-results .cc {
pointer-events: initial;
}
header .top .header-max #header-top .middle .form-results .cc:nth-child(odd) {
background: #FFFFFF;
}
header .top .header-max #header-top .middle .form-results .cc:nth-child(even) {
background: #DCDCDC;
}
header .top .header-max #header-top .middle .form-results .cc .cc-inner {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 60px 1fr 40px;
gap: 30px;
padding: 10px 30px;
align-items: center;
}
header .top .header-max #header-top .middle .form-results .cc .cc-inner .image-container {
width: 60px;
height: 60px;
}
header .top .header-max #header-top .middle .form-results .cc .cc-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
header .top .header-max #header-top .middle .form-results .cc .cc-inner .title-container {
text-align: center;
}
header .top .header-max #header-top .middle .form-results .cc .cc-inner .link-container a {
display: block;
width: 40px;
height: 40px;
border: 1px solid #157811;
text-decoration: none;
color: inherit;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
header .top .header-max #header-top .middle .form-results .cc .cc-inner .link-container a svg {
display: block;
width: 50%;
height: 50%;
object-fit: contain;
}
header .top .header-max #header-top .middle .form-results p.empty-data {
text-align: center;
background-color: #FFFFFF;
width: 100%;
padding: 15px 30px;
}
header .top .header-max #header-top .right {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
header .top .header-max #header-top .right .lang-container .wpml-ls-legacy-list-horizontal {
padding: 0;
border: none;
}
header .top .header-max #header-top .right .lang-container ul {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}
header .top .header-max #header-top .right .lang-container ul li.wpml-ls-current-language a {
color: #1D2D03;
}
header .top .header-max #header-top .right .lang-container ul li a {
padding: 0;
color: #C7E1CB;
}
header .top .header-max #header-top .right .account-container {
display: none;
}
@media (min-width: 1024px) {
header .top .header-max #header-top .right .account-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
align-items: center;
}
}
header .top .header-max #header-top .right .account-container a, header .top .header-max #header-top .right .account-container button {
margin: 0 0 0 15px;
position: relative;
display: inline-block;
}
header .top .header-max #header-top .right .account-container a svg, header .top .header-max #header-top .right .account-container button svg {
display: block;
height: 20px;
width: auto;
}
header .top .header-max #header-top .right .account-container a .tooltiptext, header .top .header-max #header-top .right .account-container button .tooltiptext {
display: none;
width: 120px;
background-color: #E3F0E5;
color: #000000;
text-align: center;
padding: 5px 0;
border-radius: 6px;
top: 100%;
left: 50%;
position: absolute;
margin-left: -60px;
margin-top: 1rem;
}
header .top .header-max #header-top .right .account-container a.tooltip:hover .tooltiptext, header .top .header-max #header-top .right .account-container button.tooltip:hover .tooltiptext {
display: flex;
justify-content: center;
align-items: center;
}
header .top .header-max #header-top .right .account-container a.link-cart, header .top .header-max #header-top .right .account-container button.link-cart {
position: relative;
text-decoration: none;
color: inherit;
}
header .top .header-max #header-top .right .account-container a.link-cart span.cart__total, header .top .header-max #header-top .right .account-container button.link-cart span.cart__total {
display: flex;
align-items: center;
justify-content: center;
background-color: yellow;
position: absolute;
top: -8px;
right: -8px;
font-size: 8px;
color: #FFFFFF;
width: 18px;
height: 18px;
text-align: center;
background: #1D2D03;
border-radius: 50%;
}
header .top .header-max #header-top .right .account-container a.link-cart span.cart__total[data-items=empty], header .top .header-max #header-top .right .account-container button.link-cart span.cart__total[data-items=empty] {
display: none;
}
header .top .header-max #header-top .right .account-container a.link-cart span.cart__total:empty, header .top .header-max #header-top .right .account-container button.link-cart span.cart__total:empty {
display: none;
}
header .top .header-max #header-top .right .account-container #nav-desktop-side {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
display: none;
gap: 5px;
width: 40px;
background: transparent;
border: none;
cursor: pointer;
}
@media (min-width: 1024px) {
header .top .header-max #header-top .right .account-container #nav-desktop-side {
display: grid !important;
}
}
header .top .header-max #header-top .right .account-container #nav-desktop-side span {
display: block;
width: 100%;
height: 3px;
background: #157811;
}
header .top .header-max #header-top .right .button-container {
display: flex;
justify-content: center;
align-items: center;
margin-left: 30px;
}
@media (min-width: 1024px) {
header .top .header-max #header-top .right .button-container {
display: none;
}
}
header .top .header-max #header-top .right .button-container button {
background: transparent;
border: none;
position: relative;
width: 40px;
height: 26px;
outline: none;
}
header .top .header-max #header-top .right .button-container button.open span:nth-of-type(1) {
width: 0;
}
header .top .header-max #header-top .right .button-container button.open span:nth-of-type(2) {
transform: rotate(45deg);
}
header .top .header-max #header-top .right .button-container button.open span:nth-of-type(3) {
transform: rotate(-45deg);
}
header .top .header-max #header-top .right .button-container button.open span:nth-of-type(4) {
width: 0;
}
header .top .header-max #header-top .right .button-container button span {
position: absolute;
width: 100%;
height: 3px;
border-radius: 5px;
background: #1D2D03;
right: 0;
transition: all 0.3s ease-in-out;
}
header .top .header-max #header-top .right .button-container button span:nth-of-type(1) {
top: 0;
}
header .top .header-max #header-top .right .button-container button span:nth-of-type(2), header .top .header-max #header-top .right .button-container button span:nth-of-type(3) {
top: 10px;
}
header .top .header-max #header-top .right .button-container button span:nth-of-type(4) {
top: 20px;
}
header .bottom {
display: none;
background: #C7E1CB;
}
@media (min-width: 1024px) {
header .bottom {
display: block;
}
}
header .bottom.shop {
display: block;
background-color: transparent;
border-top: 1px solid #C7E1CB;
border-bottom: 1px solid #C7E1CB;
}
header .bottom .header-max, header .bottom .header-notif-max {
max-width: 1300px;
margin: 0 auto;
width: 100%;
}
header .bottom .header-max #header-navigation ul, header .bottom .header-notif-max #header-navigation ul {
display: flex;
justify-content: space-between;
align-items: center;
}
header .bottom .header-max #header-navigation ul li, header .bottom .header-notif-max #header-navigation ul li {
margin: 0 15px;
text-align: center;
padding: 16px 0;
}
header .bottom .header-max #header-navigation ul li:first-of-type, header .bottom .header-notif-max #header-navigation ul li:first-of-type {
margin-left: 0;
}
header .bottom .header-max #header-navigation ul li:last-of-type, header .bottom .header-notif-max #header-navigation ul li:last-of-type {
margin-right: 0;
}
header .bottom .header-max #header-navigation ul li a, header .bottom .header-notif-max #header-navigation ul li a {
text-decoration: none;
color: inherit;
text-transform: uppercase;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu {
position: relative;
z-index: 90;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li {
position: relative;
line-height: 1;
background-color: transparent;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li > a, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li > a {
position: relative;
z-index: 1;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li a, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li a {
line-height: 1.2;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li:hover a, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li:hover a {
text-decoration: underline;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li:hover ul.sub-menu, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li:hover ul.sub-menu {
visibility: visible;
opacity: 1;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li ul.sub-menu, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li ul.sub-menu {
position: absolute;
top: 0px;
left: 0;
right: 0;
padding: 70px 0 17px;
display: block;
background-color: #67B774;
border-radius: 5px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li ul.sub-menu li, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li ul.sub-menu li {
margin: 0;
height: auto;
display: block;
}
header .bottom .header-max #header-navigation ul#menu-desktop-menu > li ul.sub-menu li a, header .bottom .header-notif-max #header-navigation ul#menu-desktop-menu > li ul.sub-menu li a {
text-decoration: none;
font-size: 12px;
font-size: 1.2rem;
padding: 0 10px;
}
header .bottom .header-max #header-shop, header .bottom .header-notif-max #header-shop {
height: 67px;
display: grid;
grid: auto/1fr;
align-items: center;
}
header .bottom .header-max #header-shop .toggle-view, header .bottom .header-notif-max #header-shop .toggle-view {
display: none;
}
header .bottom .header-max #header-shop h1, header .bottom .header-notif-max #header-shop h1 {
font-size: 35px;
text-align: center;
}
.load-more-search {
width: fit-content;
padding: 1rem 2rem;
margin: 0 auto;
background: #1D2D03;
color: white;
border: none;
cursor: pointer;
}
.cart__total__mobile {
position: absolute;
background-color: #000000;
color: #FFFFFF;
border-radius: 50%;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
right: -15px;
top: -15px;
}
.link-cart-mobile {
position: relative;
}
.cart__total__mobile.empty {
display: none;
}
aside.sidebar {
padding: 10px;
background-color: #C7E1CB;
}
div.f-hero-inner {
position: relative;
min-height: fit-content;
height: 450px;
background-color: rgba(0, 0, 0, 0.5);
--max-w: $max-width;
--max-p: $l;
display: flex;
align-items: center;
}
@media (min-width: calc(1300px + 70px)) {
div.f-hero-inner {
max-width: 1180px;
}
}
div.f-hero-inner img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: -1;
}
div.f-hero-inner .f-title-container {
position: relative;
z-index: 2;
color: #FFFFFF;
}
div.f-hero-inner .f-title-container h1, div.f-hero-inner .f-title-container h2 {
margin-bottom: 15px;
}
div.f-hero-inner .f-title-container .f-link-container {
margin-top: 30px;
}
section.f-text-image div.container {
display: grid;
grid: auto/1fr;
gap: 20px;
}
@media (min-width: 768px) {
section.f-text-image div.container {
grid: auto/repeat(2, minmax(0, 1fr));
gap: 50px;
}
}
section.f-text-image div.container .left img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media (min-width: 768px) {
section.f-text-image div.container .right {
padding: 80px 0;
}
}
section.f-text-image div.container .right .btn-ctr {
margin-top: 20px;
}
section.f-text-image div.container[data-position=right] .left {
order: 2;
}
section.f-text-image div.container[data-position=right] .right {
order: 1;
}
div.f-text-links-inner {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 45px;
padding: 30px 0;
}
@media (min-width: 650px) {
div.f-text-links-inner {
padding: 30px 0;
}
}
@media (min-width: 768px) {
div.f-text-links-inner {
padding: 70px 0;
}
}
@media (min-width: 1024px) {
div.f-text-links-inner {
padding: 70px 0;
}
}
@media (min-width: 900px) {
div.f-text-links-inner {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
align-items: stretch;
padding: 0;
}
}
@media (min-width: 900px) {
div.f-text-links-inner[data-position=left] {
flex-direction: row;
}
}
@media (min-width: 900px) {
div.f-text-links-inner[data-position=right] {
flex-direction: row-reverse;
}
}
div.f-text-links-inner .left {
height: 250px;
}
@media (min-width: 650px) {
div.f-text-links-inner .left {
height: 320px;
}
}
@media (min-width: 900px) {
div.f-text-links-inner .left {
height: unset;
width: 50%;
max-height: 504px;
}
}
div.f-text-links-inner .left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-text-links-inner .right {
padding: 0 15px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
@media (min-width: 650px) {
div.f-text-links-inner .right {
padding: 0 30px;
}
}
@media (min-width: 768px) {
div.f-text-links-inner .right {
padding: 0 30px;
}
}
@media (min-width: 1024px) {
div.f-text-links-inner .right {
padding: 0 30px;
}
}
@media (min-width: 900px) {
div.f-text-links-inner .right {
width: calc(50% - 30px);
align-self: center;
padding: 30px 15px;
}
}
@media (min-width: 900px) and (min-width: 650px) {
div.f-text-links-inner .right {
padding: 30px;
}
}
@media (min-width: 900px) and (min-width: 768px) {
div.f-text-links-inner .right {
padding: 70px 30px;
}
}
@media (min-width: 900px) and (min-width: 1024px) {
div.f-text-links-inner .right {
padding: 70px 30px;
}
}
div.f-text-links-inner .right .f-link-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 20px;
}
div.f-text-links-inner .right .f-link-container a, div.f-text-links-inner .right .f-link-container button {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
font-weight: 300;
color: #157811;
text-decoration: none;
position: relative;
display: grid;
grid: auto/1fr auto;
align-items: center;
text-transform: uppercase;
}
@media (min-width: 425px) {
div.f-text-links-inner .right .f-link-container a, div.f-text-links-inner .right .f-link-container button {
grid: auto/300px 1fr;
}
}
div.f-text-links-inner .right .f-link-container a:last-child, div.f-text-links-inner .right .f-link-container button:last-child {
margin-right: 0;
}
div.f-text-links-inner .right .f-link-container a span.icon, div.f-text-links-inner .right .f-link-container button span.icon {
border: 1px solid transparent;
border-radius: 50%;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
div.f-text-links-inner .right .f-link-container a span.icon:hover, div.f-text-links-inner .right .f-link-container button span.icon:hover {
border-color: #157811;
}
}
div.f-text-links-inner .right .f-link-container a span.icon svg, div.f-text-links-inner .right .f-link-container button span.icon svg {
display: block;
max-height: 16px;
width: auto;
}
section.f-contact .f-image-outer {
height: 250px;
}
@media (min-width: 650px) {
section.f-contact .f-image-outer {
height: 320px;
}
}
@media (min-width: 1200px) {
section.f-contact .f-image-outer {
height: 380px;
}
}
section.f-contact .f-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-contact-inner {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 45px;
}
@media (min-width: 900px) {
div.f-contact-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.f-contact-inner .left h1, div.f-contact-inner .left h2 {
margin-bottom: 25px;
}
div.f-contact-inner .left .custom-text {
max-width: 435px;
}
div.f-contact-inner .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
div.f-contact-inner .left .f-link-container a, div.f-contact-inner .left .f-link-container button {
margin: 0 30px 30px 0;
}
div.f-contact-inner .left .f-link-container a:last-child, div.f-contact-inner .left .f-link-container button:last-child {
margin-right: 0;
}
div.f-contact-inner .right {
display: grid;
grid: auto/1fr;
gap: 25px;
}
div.f-contact-inner .right .contact-item {
display: grid;
grid: auto/1fr;
gap: 5px;
align-items: center;
font-size: 25px;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 300;
font-style: normal;
line-height: 1.1;
}
div.f-contact-inner .right .contact-item a {
font-size: 25px;
}
@media (min-width: 600px) {
div.f-contact-inner .right .contact-item {
grid: auto/200px 1fr;
gap: 35px;
}
div.f-contact-inner .right .contact-item .label {
text-align: right;
}
}
section.f-banner {
position: relative;
}
section.f-banner .f-image-outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.f-banner .f-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.f-banner .f-image-outer .layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
div.f-banner-inner {
min-height: min(40vh, 250px);
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
}
@media (min-width: 650px) {
div.f-banner-inner {
min-height: min(60vh, 375px);
}
}
div.f-banner-inner h1, div.f-banner-inner h2 {
text-align: center;
color: #FFFFFF;
max-width: 582px;
margin: 0 auto;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.f-banner-inner h1, div.f-banner-inner h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 900px) {
div.f-banner-inner h1, div.f-banner-inner h2 {
font-size: 50px;
font-size: 5rem;
}
}
div.f-faq-inner .f-title-container {
margin-bottom: 30px;
text-align: center;
}
div.f-faq-inner .f-title-container .custom-text {
max-width: 600px;
margin: 30px auto 0 auto;
}
div.f-faq-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
div.f-faq-vertical-inner .f-title-container {
margin-bottom: 30px;
text-align: center;
}
div.f-faq-vertical-inner .f-title-container .custom-text {
max-width: 600px;
margin: 30px auto 0 auto;
}
div.f-faq-vertical-inner .f-post-container-mobile {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
@media (min-width: 1200px) {
div.f-faq-vertical-inner .f-post-container-mobile {
display: none;
}
}
div.f-faq-vertical-inner .f-post-container-desktop {
display: none;
}
div.f-faq-vertical-inner .f-post-container-desktop[data-background=white] .cc {
background: #F5F8F6;
}
div.f-faq-vertical-inner .f-post-container-desktop[data-background=green-xtra-light] .cc {
background: #FFFFFF;
}
@media (min-width: 1200px) {
div.f-faq-vertical-inner .f-post-container-desktop {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
align-items: stretch;
gap: 30px;
}
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical {
transition: all 0.3s ease-in-out;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical.open {
background: #C7E1CB;
flex: 1 1 60%;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical.open .bottom {
text-align: center;
transform: rotate(0);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
aspect-ratio: unset;
max-width: 450px;
margin: 0 auto;
flex-direction: column;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical.open .bottom .title-container h3 {
white-space: nowrap;
width: fit-content;
height: fit-content;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical.open .bottom .content-container {
display: block;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .card-faq-vertical-inner {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 60px 5px;
border: none;
background: transparent;
margin: 0;
cursor: pointer;
height: 100%;
width: 100%;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .card-faq-vertical-inner .bottom .content-container .custom-text p {
line-height: 1.5;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .top {
margin-bottom: 30px;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .bottom {
text-align: left;
transform: rotate(-90deg);
aspect-ratio: 1/1;
display: flex;
justify-content: center;
align-items: center;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .bottom .title-container h3 {
white-space: nowrap;
width: fit-content;
height: fit-content;
text-transform: uppercase;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
font-size: 20px;
font-size: 2rem;
line-height: 1.1;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .bottom .content-container {
display: none;
margin-top: 20px;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .bottom .content-container .btn-ctr {
margin-top: 30px;
}
div.f-faq-vertical-inner .f-post-container-desktop .card-faq-vertical .bottom .content-container .btn-ctr a {
text-transform: uppercase;
padding: 10px 30px;
}
div.f-featured-products-inner .top .left {
margin-bottom: 60px;
}
div.f-featured-products-inner .top .left h1,
div.f-featured-products-inner .top .left h2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.1;
position: relative;
text-transform: uppercase;
width: fit-content;
padding: 12px;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
}
div.f-featured-products-inner .top .left h1::before,
div.f-featured-products-inner .top .left h2::before {
content: "";
position: absolute;
left: 0;
top: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
div.f-featured-products-inner .top .left h1::after,
div.f-featured-products-inner .top .left h2::after {
content: "";
position: absolute;
left: 20%;
bottom: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
div.f-featured-products-inner .bottom .f-slider-container { }
div.f-featured-products-inner .bottom .f-slider-container .slick-list .slick-track .slick-slide {
margin: 5px;
height: 100%;
}
div.f-featured-products-inner .bottom .f-grid-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media (min-width: 650px) {
div.f-featured-products-inner .bottom .f-grid-container {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
}
div.f-product-categories-inner .f-title-container {
margin-bottom: 60px;
}
div.f-product-categories-inner .f-title-container h1, div.f-product-categories-inner .f-title-container h2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.1;
position: relative;
text-transform: uppercase;
width: fit-content;
padding: 12px;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
}
div.f-product-categories-inner .f-title-container h1::before, div.f-product-categories-inner .f-title-container h2::before {
content: "";
position: absolute;
left: 0;
top: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
div.f-product-categories-inner .f-title-container h1::after, div.f-product-categories-inner .f-title-container h2::after {
content: "";
position: absolute;
left: 20%;
bottom: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
div.f-product-categories-inner .f-border-container {
background: #C7E1CB;
border: 1px solid #C7E1CB;
border-radius: 11px;
padding: 30px;
}
div.f-product-categories-inner .f-border-container .f-cat-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 16px;
}
@media (min-width: 650px) {
div.f-product-categories-inner .f-border-container .f-cat-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container {
position: relative;
overflow: hidden;
}
@media (hover: hover) {
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container:hover .layover {
transform: translateY(0);
}
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .content-container {
position: relative;
z-index: 2;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .content-container a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
align-items: flex-end;
justify-content: center;
text-align: center;
padding: 30px;
min-height: 220px;
}
@media (min-width: 650px) {
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .content-container a {
min-height: 280px;
}
}
@media (min-width: 1200px) {
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .content-container a {
min-height: 300px;
}
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .content-container h3 {
color: #FFFFFF;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3;
text-transform: uppercase;
min-height: 61.2px;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
overflow-y: auto;
background: #C7E1CB;
background: rgba(199, 225, 203, 0.9);
z-index: 2;
padding: 15px;
display: none;
transform: translateY(-105%);
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover {
display: block;
}
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover .layover-inner {
display: grid;
grid-template-columns: minmax(10%, 60px) auto;
gap: 30px;
height: 100%;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover div.title {
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
text-align: center;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover div.title a h3 {
word-break: break-word;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover ul {
list-style: disc outside;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover ul li {
line-height: 1.2;
margin-bottom: 5px;
}
div.f-product-categories-inner .f-border-container .f-cat-container .cat-container .layover ul li a {
text-decoration: none;
color: inherit;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
}
section.f-brands .f-brands-inner img {
margin: auto;
}
section.f-brands .f-brands-inner .f-title-container {
margin-bottom: 60px;
}
section.f-brands .f-brands-inner .f-title-container h1,
section.f-brands .f-brands-inner .f-title-container h2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.1;
position: relative;
text-transform: uppercase;
width: fit-content;
padding: 12px;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
}
section.f-brands .f-brands-inner .f-title-container h1::before,
section.f-brands .f-brands-inner .f-title-container h2::before {
content: "";
position: absolute;
left: 0;
top: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
section.f-brands .f-brands-inner .f-title-container h1::after,
section.f-brands .f-brands-inner .f-title-container h2::after {
content: "";
position: absolute;
left: 20%;
bottom: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
section.f-brands .f-brands-inner .f-grid-container {
display: grid;
grid: auto/1fr;
gap: 50px;
}
@media (min-width: 480px) {
section.f-brands .f-brands-inner .f-grid-container {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
section.f-brands .f-brands-inner .f-grid-container {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
section.f-brands .f-brands-inner .f-grid-container .brand-item {
position: relative;
padding: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
section.f-brands .f-brands-inner .f-grid-container .brand-item .image-container img {
max-width: 100%;
height: auto;
}
section.f-brands .f-brands-inner .f-grid-container .brand-item .custom-text {
display: block;
margin-top: 15px;
}
section.f-brands .f-brands-inner .f-grid-container .brand-item .overlay {
background-color: #C7E1CB;
padding: 20px;
font-size: 16px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
line-height: 1.3;
font-family: DMSans, "sans-serif";
font-weight: normal;
font-style: normal;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-101%);
transition: transform 0.3s ease;
}
section.f-brands .f-brands-inner .f-grid-container .brand-item .overlay .overlay-content {
text-align: center;
}
section.f-brands .f-brands-inner .f-grid-container .brand-item:hover .overlay {
transform: translateY(0);
}
section.f-brands .f-brands-inner .f-slider-container .slick-track {
display: flex;
}
section.f-brands .f-brands-inner .f-slider-container .slick-track .slick-slide {
display: flex;
height: auto;
align-items: center;
justify-content: center;
}
div.f-selection-brands-inner .f-title-container {
margin-bottom: 60px;
}
div.f-selection-brands-inner .f-title-container h1,
div.f-selection-brands-inner .f-title-container h2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.1;
position: relative;
text-transform: uppercase;
width: fit-content;
padding: 12px;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
}
div.f-selection-brands-inner .f-title-container h1::before,
div.f-selection-brands-inner .f-title-container h2::before {
content: "";
position: absolute;
left: 0;
top: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
div.f-selection-brands-inner .f-title-container h1::after,
div.f-selection-brands-inner .f-title-container h2::after {
content: "";
position: absolute;
left: 20%;
bottom: 0;
position: absolute;
width: 30%;
height: 2px;
background: #0D1901;
}
div.f-selection-brands-inner .f-buttons-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-bottom: 30px;
}
div.f-selection-brands-inner .f-buttons-container button {
width: 40px;
height: 40px;
display: inline-flex !important;
align-items: center;
justify-content: center;
background-color: #67B774;
border: none;
border-radius: 0;
cursor: pointer;
margin-left: 15px;
}
div.f-selection-brands-inner .f-post-container.f-slider-container .slick-track {
display: flex;
align-items: center;
}
div.f-selection-brands-inner .f-post-container.f-slider-container .slick-track .slick-slide {
display: flex;
height: auto;
align-items: center;
justify-content: center;
}
div.f-selection-brands-inner .f-post-container.f-slider-container .slick-track .slick-slide img {
display: block;
width: 100%;
height: auto;
}
div.f-selection-brands-inner .f-post-container.f-grid-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 30px;
}
section.f-selection-team .container .team-grid {
display: grid;
grid: auto/1fr;
gap: 45px;
margin-top: 50px;
}
@media (min-width: 480px) {
section.f-selection-team .container .team-grid {
grid: auto/repeat(2, 1fr);
}
}
@media (min-width: 768px) {
section.f-selection-team .container .team-grid {
grid: auto/repeat(3, 1fr);
}
}
div.f-recently-viewed-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-top: 30px;
}
@media (min-width: 600px) {
div.f-recently-viewed-inner .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 900px) {
div.f-recently-viewed-inner .f-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
div.f-recently-viewed-inner .f-post-container {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
div.f-selection-post-inner .f-post-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 70px 30px;
margin-top: 30px;
}
div.f-selection-post-inner .f-post-container .cc .cc-inner {
display: grid;
gap: 15px;
grid-template-columns: 100%;
}
div.f-selection-post-inner .f-post-container .cc .cc-inner .image-container {
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 16/11;
}
div.f-selection-post-inner .f-post-container .cc .cc-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
div.f-selection-post-inner .f-post-container .cc .cc-inner a {
text-decoration: none;
}
div.f-selection-post-inner .f-post-container .cc .cc-inner h3 {
font-size: 24px;
}
div.f-selection-post-inner .f-post-container .cc .cc-inner .custom-text {
font-size: 20px;
}
.sf-image .sf-image-inner img {
display: block;
width: 100%;
height: auto;
}
.sf-image .sf-image-inner span.subline {
display: block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
}
.sf-product-inner .sf-post-container {
margin-top: 30px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
.sf-notice {
border-radius: 20px;
overflow: hidden;
}
.sf-notice .sf-notice-inner {
padding: 30px;
}
.sf-notice .sf-notice-inner .sf-link-container {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
div.tp-contact-form-inner .tp-title-container {
margin-bottom: 30px;
}
div.tp-contact-form-inner .tp-title-container h1, div.tp-contact-form-inner .tp-title-container h2 {
margin-bottom: 15px;
}
div.tp-contact-content-inner .tp-title-container {
margin-bottom: 30px;
}
@media (min-width: 900px) {
div.tp-contact-content-inner .tp-title-container {
margin-bottom: 70px;
}
}
div.tp-contact-content-inner .tp-title-container h1 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
position: relative;
min-width: fit-content;
max-width: max-content;
line-height: 1.2;
padding: 10px 20px;
overflow: hidden;
text-transform: uppercase;
}
div.tp-contact-content-inner .tp-title-container h1::before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-top: 1px solid #000000;
width: min(100px, 30%);
height: 2px;
top: 0;
left: 0;
transform: translateX(-2px);
}
div.tp-contact-content-inner .tp-title-container h1::after {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-bottom: 1px solid #000000;
width: min(100px, 30%);
height: 1px;
right: 50%;
bottom: 0;
}
div.tp-contact-content-inner .tp-content-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
gap: 70px;
}
@media (min-width: 900px) {
div.tp-contact-content-inner .tp-content-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 70px;
}
}
div.tp-contact-content-inner .tp-content-container .left {
position: relative;
}
div.tp-contact-content-inner .tp-content-container .left::after {
position: absolute;
content: "";
left: 0;
top: calc(100% + 30px);
width: 100%;
height: 1px;
background: #1C2D03;
}
@media (min-width: 900px) {
div.tp-contact-content-inner .tp-content-container .left::after {
width: 1px;
height: 100%;
top: 0;
left: calc(100% + 30px);
}
}
div.tp-contact-content-inner .tp-content-container .left .tp-info-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 30px;
justify-content: center;
}
div.tp-contact-content-inner .tp-content-container .left .tp-info-container .info p.label {
display: block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
}
div.tp-contact-content-inner .tp-content-container .left .tp-info-container .info .custom-text {
margin-top: 5px;
}
div.tp-contact-content-inner .tp-content-container .right .tp-blocks-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 30px;
justify-content: center;
}
div.tp-contact-content-inner .tp-content-container .right .tp-blocks-container .block {
background: #F5F8F6;
padding: 30px;
text-align: center;
}
div.tp-contact-content-inner .tp-content-container .right .tp-blocks-container .block .icon {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}
div.tp-contact-content-inner .tp-content-container .right .tp-blocks-container .block .icon img {
display: block;
width: 100%;
height: auto;
height: 46px;
width: auto;
}
div.tp-contact-content-inner .tp-content-container .right .tp-blocks-container .block p {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
}
div.tp-search-content-inner {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
}
@media (min-width: 1200px) {
div.tp-search-content-inner {
gap: 100px;
}
}
div.tp-search-content-inner .left .tp-title-container {
margin-bottom: 30px;
}
div.tp-search-content-inner .left .tp-filter-container {
margin-bottom: 60px;
}
div.tp-search-content-inner .left .tp-post-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 70px 30px;
}
@media (min-width: 1200px) {
div.tp-search-content-inner .left .tp-post-container {
gap: 60px;
}
}
div.tp-search-content-inner .left .text-highlight {
all: unset;
background-repeat: no-repeat;
background-size: 0% 100%;
transition: all 0.3s ease-in;
}
div.tp-search-content-inner .left .text-highlight.active {
color: #1D2D03;
}
div.tp-search-content-inner .right {
display: none;
position: relative;
}
@media (min-width: 1200px) {
div.tp-search-content-inner .right {
display: none;
}
}
div.tp-search-content-inner .right::after {
content: "";
position: absolute;
top: 0;
left: -50px;
width: 1px;
height: 100%;
background: #1D2D03;
}
div.tp-search-content-inner .right span.tagline-sitemap {
font-size: 40px;
font-size: 4rem;
display: block;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container {
margin-top: 45px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 5px;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.2;
margin-bottom: 15px;
color: #1D2D03;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container a {
text-decoration: none;
color: inherit;
transition: all 0.3s ease-in-out;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container a.has-parent {
padding-left: 5%;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container a:hover {
color: #1D2D03;
}
div.tp-account-content-inner h1, div.tp-account-content-inner h2 {
text-align: center;
}
div.tp-account-content-inner form {
border: 1px solid #1D2D03;
background: #C7E1CB;
color: #000000;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 15px;
padding: 60px 30px;
}
@media (min-width: 900px) {
div.tp-account-content-inner form {
padding: 60px;
}
}
div.tp-account-content-inner form.woocommerce-form-register {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
}
div.tp-account-content-inner form.woocommerce-form-register .woocommerce-form-row.form-row-wide:last-child {
background: pink;
}
div.tp-account-content-inner form .woocommerce-privacy-policy-text {
grid-column: auto/span 2;
}
div.tp-account-content-inner form .reg-address-billing-container-inner {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
}
div.tp-account-content-inner form p, div.tp-account-content-inner form a {
color: #000000;
}
div.tp-account-content-inner form label {
margin-bottom: 16px;
}
div.tp-account-content-inner form .radio-choice {
display: inline-block;
margin-right: 16px;
}
div.tp-account-content-inner form .radio-choice label {
display: inline-block;
padding-left: 8px;
}
div.tp-account-content-inner form .reg-address-billing-container {
display: none;
grid-column: auto/span 2;
}
div.tp-account-content-inner form .woocommerce-form-login__rememberme {
display: none !important;
}
div.tp-account-content-inner form select {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
}
div.tp-account-content-inner form .form-row {
width: 100%;
float: unset;
}
div.tp-account-content-inner form .form-row.form-row-check-billing {
grid-column: 1/-1;
}
div.tp-account-content-inner form .form-row-container:not(.reg-address-billing-container) {
grid-column: auto/span 2;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
@media (min-width: 650px) {
div.tp-account-content-inner form .form-row-container:not(.reg-address-billing-container) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 650px) {
div.tp-account-content-inner form .form-row-container:not(.reg-address-billing-container).reg-phone-container {
grid-template-columns: 100%;
grid-column: auto/span 1;
}
}
div.tp-account-content-inner form input {
color: #000000;
}
div.tp-account-content-inner form input[type=text], div.tp-account-content-inner form input[type=email] {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
}
div.tp-account-content-inner form input[type=password] {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
}
div.tp-account-content-inner form input[type=checkbox] + label {
display: inline;
}
div.tp-account-content-inner form label.woocommerce-form-login__rememberme {
margin-bottom: 30px;
margin-left: 30px;
position: relative;
}
div.tp-account-content-inner form label.woocommerce-form-login__rememberme input[type=checkbox] {
accent-color: #C7E1CB;
}
div.tp-account-content-inner form label.woocommerce-form-login__rememberme span {
padding-left: 15px;
}
div.tp-account-content-inner form button {
background-color: #157811 !important;
border: 1px solid #157811 !important;
border-radius: 6px;
color: #FFFFFF !important;
line-height: 1.2;
text-transform: uppercase;
padding: 16px;
min-width: 120px;
text-align: center;
margin: 0 0 0 auto !important;
float: unset !important; }
div.tp-account-content-inner #customer_login {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 100%;
gap: 70px;
}
@media (min-width: 1200px) {
div.tp-account-content-inner #customer_login {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.tp-account-content-inner #customer_login .col-1 {
width: 100%;
}
@media (min-width: 1200px) {
div.tp-account-content-inner #customer_login .col-1 {
grid-column: 2/span 1;
grid-row: 1;
}
}
div.tp-account-content-inner #customer_login .col-2 {
width: 100%;
}
@media (min-width: 1200px) {
div.tp-account-content-inner #customer_login .col-2 {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.tp-account-content-inner form.woocommerce-ResetPassword {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
}
div.tp-account-content-inner form.woocommerce-ResetPassword div.clear {
display: none;
}
div.tp-account-content-inner form.woocommerce-ResetPassword input[type=text] {
background: transparent;
border-radius: 0;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #000000;
padding: 10px 20px 10px 0;
}
div.tp-account-content-inner form.woocommerce-ResetPassword label {
margin-bottom: 5px;
line-height: 1.1;
}
div.tp-account-content-inner form.woocommerce-ResetPassword button {
text-decoration: none;
color: inherit;
display: inline-block;
position: relative;
background: transparent;
border: none;
min-width: fit-content;
max-width: max-content;
line-height: 1.2;
padding: 10px 20px;
overflow: hidden;
}
div.tp-account-content-inner form.woocommerce-ResetPassword button:hover {
background: transparent;
}
div.tp-account-content-inner form.woocommerce-ResetPassword button:hover::before {
left: 0;
width: 100%;
transform: translateX(0);
height: 100%;
}
div.tp-account-content-inner form.woocommerce-ResetPassword button:hover:after {
width: 100%;
transform: translateX(0);
height: 100%;
right: 0;
}
div.tp-account-content-inner form.woocommerce-ResetPassword button::before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
width: min(100px, 30%);
height: 2px;
top: 0;
left: 0;
transform: translateX(-2px);
}
div.tp-account-content-inner form.woocommerce-ResetPassword button::after {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
width: min(100px, 30%);
height: 1px;
right: 50%;
bottom: 0;
}
@media (min-width: 900px) {
.tp-account-content.user-logged-in .section-inner {
padding: 0;
}
}
@media (min-width: 1300px) {
.tp-account-content.user-logged-in {
background: yellow;
background: linear-gradient(to right, #E3F0E5, white);
background: linear-gradient(to right, #E3F0E5, #E3F0E5 calc((100vw - 1300px) / 2), transparent calc((100vw - 1300px) / 2), transparent);
}
}
.tp-account-dashboard-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
}
@media (min-width: 900px) {
.tp-account-dashboard-container {
grid-template-columns: auto 1fr;
gap: 70px;
}
}
@media (min-width: 900px) {
.tp-account-dashboard-container .nav-container {
background: #E3F0E5;
}
}
.tp-account-dashboard-container .nav-container .navigation-mobile {
display: block;
}
@media (min-width: 900px) {
.tp-account-dashboard-container .nav-container .navigation-mobile {
display: none;
}
}
.tp-account-dashboard-container .nav-container .navigation-mobile .select-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: auto 1fr;
background: #E3F0E5;
border: 1px solid #C7E1CB;
position: relative;
}
.tp-account-dashboard-container .nav-container .navigation-mobile .select-container select {
background: transparent;
padding: 16px 40px 16px 16px;
line-height: 1.2;
display: block;
width: 100%;
border: none;
-webkit-appearance: none;
list-style: none;
position: relative;
}
.tp-account-dashboard-container .nav-container .navigation-mobile .select-container select::after {
content: "test";
position: absolute;
top: 0;
right: 0;
}
.tp-account-dashboard-container .nav-container .navigation-mobile .select-container .active-icon {
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.tp-account-dashboard-container .nav-container .navigation-mobile .select-container .active-icon svg {
display: block;
width: 50%;
height: auto;
}
.tp-account-dashboard-container .nav-container .navigation-mobile .select-container .chevron {
width: 40px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
pointer-events: none;
height: 100%;
}
.tp-account-dashboard-container .nav-container .navigation-mobile .select-container .chevron svg {
display: block;
width: 50%;
height: auto;
}
.tp-account-dashboard-container .nav-container .navigation-desktop {
display: none;
}
@media (min-width: 900px) {
.tp-account-dashboard-container .nav-container .navigation-desktop {
display: block;
}
}
.tp-account-dashboard-container .nav-container .navigation-desktop ul {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
list-style: none;
gap: 0;
}
.tp-account-dashboard-container .nav-container .navigation-desktop ul li {
background: #E3F0E5;
border: 1px solid #C7E1CB;
padding: 32px 32px 32px 16px;
}
@media (min-width: 1300px) {
.tp-account-dashboard-container .nav-container .navigation-desktop ul li {
border-left: none;
border-bottom: none;
border-top: none;
}
}
.tp-account-dashboard-container .nav-container .navigation-desktop ul li a {
text-decoration: none;
color: inherit;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 40px 1fr;
gap: 15px;
}
.tp-account-dashboard-container .nav-container .navigation-desktop ul li a span.icon {
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.tp-account-dashboard-container .nav-container .navigation-desktop ul li a span.icon img {
display: block;
width: 50%;
height: auto;
}
.tp-account-dashboard-container .text-container {
margin-top: 45px;
}
@media (min-width: 900px) {
.tp-account-dashboard-container .text-container {
margin-top: 0;
padding: 32px 32px 32px 0;
}
}
.tp-account-dashboard-container .text-container p {
display: block;
margin-bottom: 10px;
line-height: 1.5;
}
.tp-account-dashboard-container .text-container a {
color: inherit;
}
div.tp-cart-content-inner form table.shop_table {
border: 1px solid #C7E1CB;
}
div.tp-cart-content-inner form table.shop_table * {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
}
div.tp-cart-content-inner form table.shop_table a {
text-decoration: none;
color: inherit;
}
div.tp-cart-content-inner form table.shop_table .coupon {
display: none;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-thumbnail {
display: flex;
justify-content: center;
align-items: center;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-thumbnail a {
border: 1px solid #EEEEEE;
width: 100%;
height: 100%;
display: block;
width: 65px;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-thumbnail img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-name span.product_sku {
display: block;
margin-top: 2px;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-quantity { }
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-quantity input {
border: none;
outline: none;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-quantity input[type=number]::-webkit-inner-spin-button,
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-quantity input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-quantity input[type=number]::-webkit-outer-spin-button,
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-quantity input[type=number]::-webkit-inner-spin-button {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table {
display: contents;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table th, div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table tr, div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table td {
background: transparent;
padding: 0;
border: none;
font-size: 14px;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table th *, div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table tr *, div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table td * {
padding: 0;
}
div.tp-cart-content-inner form table.shop_table tbody tr.cart_item td.product-attributes table tr {
display: block;
margin-bottom: 5px !important;
}
div.tp-cart-content-inner .cart-collaterals table {
margin-bottom: 0;
border: 1px solid #C7E1CB;
border-radius: 0;
}
div.tp-cart-content-inner .cart-collaterals .cart_totals .tax-total {
display: none;
}
div.tp-cart-content-inner .cart-collaterals .wc-proceed-to-checkout a {
width: 100%;
text-align: center;
}
div.tp-cart-content-inner .cart-collaterals .wc-proceed-to-checkout a:hover {
width: 100%;
}
div.tp-checkout-content-inner a {
color: inherit;
}
div.tp-checkout-content-inner .woocommerce-form-coupon-toggle {
display: none;
}
div.tp-checkout-content-inner .woocommerce-order p {
display: block;
margin-bottom: 10px;
}
div.tp-checkout-content-inner form[name=checkout] {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr;
gap: 70px;
}
@media (min-width: 768px) {
div.tp-checkout-content-inner form[name=checkout] {
grid-template-columns: 1fr 30%;
}
}
@media (min-width: 1200px) {
div.tp-checkout-content-inner form[name=checkout] {
grid-template-columns: 1fr minmax(30%, 450px);
}
}
div.tp-checkout-content-inner form[name=checkout] h3 {
text-align: center;
margin-bottom: 30px;
margin-top: 30px;
}
div.tp-checkout-content-inner #thwmsc_wrapper {
float: unset;
}
div.tp-checkout-content-inner #thwmsc_wrapper #thwmsc-tabs {
display: none;
}
div.tp-checkout-content-inner #thwmsc_wrapper #thwmsc-tabs li a.active {
border-top: 4px solid #67B774 !important;
}
div.tp-checkout-content-inner #thwmsc_wrapper #thwmsc-tabs li a span.thwmsc-index {
color: #67B774 !important;
border-color: #67B774 !important;
background: #FFFFFF !important;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel, div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-order-review-right {
float: unset;
width: 100%;
}
div.tp-checkout-content-inner #thwmsc_wrapper table.woocommerce-checkout-review-order-table {
background: #C7E1CB !important;
border: none;
border-radius: 10px;
}
div.tp-checkout-content-inner #thwmsc_wrapper .woocommerce-checkout-payment {
background: #C7E1CB !important;
border: none;
border-radius: 10px;
}
div.tp-checkout-content-inner #thwmsc_wrapper .woocommerce-checkout-payment button[type=submit] {
margin-top: 30px;
background-color: #FFFFFF;
color: #000000;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-buttons {
text-align: center !important;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-buttons button.thwmsc-btn {
margin: 30px 15px 0 15px;
cursor: pointer;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel {
background: #C7E1CB !important;
border-radius: 10px;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel .thwmsc-buttons {
display: none;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel select, div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel .select2-selection {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
height: auto;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel .select2-selection__arrow {
top: calc(50% - 13px);
right: 16px;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel textarea {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel input {
color: #000000;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel input[type=text], div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel input[type=email], div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel input[type=tel] {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel input[type=password] {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel input[type=checkbox] + label {
display: inline;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel table.shop_table {
background: #FFFFFF;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel #payment {
background: #FFFFFF;
}
div.tp-checkout-content-inner #thwmsc_wrapper .thwmsc-tab-panel #payment button {
margin-top: 30px;
}
div.tp-error-content-inner {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
max-width: 700px;
margin: 0 auto;
}
div.tp-error-content-inner .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
div.tp-error-content-inner .f-link-container a {
margin: 15px 15px 0 0;
}
.shop-archive .tp-top-container {
padding: 30px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
}
.shop-archive .tp-top-container .layout-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
align-items: flex-start;
}
.shop-archive .tp-top-container .layout-container button.list {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
gap: 5px;
background: transparent;
border: none;
padding: 0;
margin-right: 15px;
cursor: pointer;
}
.shop-archive .tp-top-container .layout-container button.list.active span {
opacity: 1;
}
.shop-archive .tp-top-container .layout-container button.list span {
display: block;
width: 40px;
height: 20px;
background: #707070;
opacity: 0.5;
}
.shop-archive .tp-top-container .layout-container button.grid {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: unset;
gap: 5px;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
}
.shop-archive .tp-top-container .layout-container button.grid.active span {
opacity: 1;
}
.shop-archive .tp-top-container .layout-container button.grid span {
display: block;
width: 20px;
height: 20px;
background: #707070;
opacity: 0.5;
}
.shop-archive .tp-top-container .title-container {
text-align: center;
}
.shop-archive .tp-top-container .title-container h1 {
font-size: 35px;
font-size: 3.5rem;
}
.shop-archive .tp-top-container .page-container .pagination {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
.shop-archive .tp-top-container .page-container .pagination a {
margin: 0 0 0 15px;
color: inherit;
text-decoration: none;
line-height: 1;
}
.shop-archive .tp-top-container .page-container .pagination a.next, .shop-archive .tp-top-container .page-container .pagination a.prev {
color: #67B774;
height: 21px;
width: 21px;
border: 2px solid #67B774;
border-radius: 50%;
text-align: center;
vertical-align: middle;
}
.shop-archive .tp-top-container .page-container .pagination span {
color: #67B774;
margin: 0 0 0 15px;
line-height: 1;
}
.shop-archive .tp-content-container {
padding: 30px 20px;
display: grid;
grid-template-columns: 100%;
gap: 20px;
}
@media (min-width: 768px) {
.shop-archive .tp-content-container {
grid: repeat(3, auto)/200px 1fr;
grid-template-columns: minmax(auto, 250px) 1fr;
padding: 60px 20px;
}
}
@media (min-width: 1200px) {
.shop-archive .tp-content-container {
grid-template-columns: minmax(auto, 300px) 1fr;
padding: 60px 20px 60px 0;
}
}
.shop-archive .tp-content-container details summary span.text.active-filter {
font-weight: bold;
}
.shop-archive .tp-content-container .left aside {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
height: fit-content;
}
.shop-archive .tp-content-container .left aside details {
background: rgba(227, 240, 229, 0.5);
list-style: none;
}
.shop-archive .tp-content-container .left aside details[open] summary span.icon {
transform: rotate(90deg);
background: #A4CBAA;
border: 1px solid #A4CBAA;
color: #FFFFFF;
}
.shop-archive .tp-content-container .left aside details summary {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr 34px;
gap: 10px;
background: #E3F0E5;
list-style: none;
padding: 15px 30px;
}
.shop-archive .tp-content-container .left aside details summary::-webkit-details-marker {
display: none;
}
.shop-archive .tp-content-container .left aside details summary span.icon {
transition: all 0.3s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #FFFFFF;
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
color: #C7E1CB;
border: 1px solid #C7E1CB;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container {
padding: 30px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 15px;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container button {
background: transparent;
border: none;
padding: 0;
text-align: left;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container input[type=checkbox] {
position: absolute;
top: 0;
opacity: 0;
width: 0;
visibility: hidden;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container input[type=checkbox]:checked + label {
font-weight: bold;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container input[type=checkbox] + label {
cursor: pointer;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container .slider-container .rs-selected {
background: #C7E1CB;
border-radius: 50px;
border: 1px solid #C7E1CB;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container .slider-container .rs-tooltip {
color: #000000;
width: auto;
min-width: fit-content;
height: 20px;
background: transparent;
border: none;
border-radius: 0;
position: absolute;
transform: translate(-50%, -35px);
left: 5px;
text-align: center;
font-size: 13px;
padding: 6px 10px 0;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container .slider-container .rs-scale span::before {
display: none;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container .slider-container .rs-pointer {
background-color: #157811;
border: none;
border-radius: 50%;
cursor: pointer;
height: 10px;
left: -10px;
position: absolute;
top: 5px;
width: 10px;
box-shadow: none;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container .slider-container .rs-pointer::after, .shop-archive .tp-content-container .left aside details .tp-filter-container .slider-container .rs-pointer::before {
display: none;
}
.shop-archive .tp-content-container .left aside details .tp-filter-container .slider-container .rs-pointer[data-dir=right] .rs-tooltip {
left: unset;
right: 5px;
}
.shop-archive .tp-content-container .left button[type=submit] {
margin-bottom: 30px;
background: #1D2D03;
color: #FFFFFF;
padding: 15px 30px;
border: none;
cursor: pointer;
width: 100%;
}
@media (hover: hover) {
.shop-archive .tp-content-container .left button[type=submit] {
transition: all 0.3s ease-in-out;
}
.shop-archive .tp-content-container .left button[type=submit]:hover {
background: #67B774;
}
}
@media (min-width: 768px) {
.shop-archive .tp-content-container .middle main { }
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=grid] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 70px 30px;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=grid] .product {
border: none;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=grid] .product .product-action-buttons {
border-top: none;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=grid] li.empty-products {
grid-column: 1/-1;
text-align: center;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] {
display: grid;
grid-template-columns: 100%;
gap: 70px; }
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] li.empty-products {
grid-column: auto/-1;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] .card-product .card-product-inner {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 100%;
min-height: unset;
}
@media (min-width: 768px) {
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] .card-product .card-product-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] .card-product .card-product-inner .image-container {
position: relative;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] .card-product .card-product-inner .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
max-height: 350px;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] .card-product .card-product-inner .cc-content-container {
min-height: unset;
}
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] .card-product .card-product-inner .cc-content-container .cc-top {
transform: translateY(0);
}
@media (hover: hover) {
.shop-archive .tp-content-container .middle main .woocommerce ul.products[data-view=list] .card-product .card-product-inner .cc-content-container .cc-top {
transform: translateY(0);
}
}
.shop-archive .tp-content-container .middle main .page-container {
margin-top: 70px;
}
.shop-archive .tp-content-container .middle main .page-container .pagination {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
.shop-archive .tp-content-container .middle main .page-container .pagination a {
margin: 0 0 0 15px;
color: inherit;
text-decoration: none;
line-height: 1;
}
.shop-archive .tp-content-container .middle main .page-container .pagination a.next, .shop-archive .tp-content-container .middle main .page-container .pagination a.prev {
color: #67B774;
height: 21px;
width: 21px;
border: 2px solid #67B774;
border-radius: 50%;
text-align: center;
vertical-align: middle;
}
.shop-archive .tp-content-container .middle main .page-container .pagination span {
color: #67B774;
margin: 0 0 0 15px;
line-height: 1;
}
.shop-archive .tp-content-container .right {
display: none;
}
@media (min-width: 1200px) {
.shop-archive .tp-content-container .right {
display: block;
}
}
.shop-archive .tp-content-container .right aside {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
height: fit-content;
}
.shop-archive .tp-content-container .right aside details {
background: rgba(227, 240, 229, 0.5);
list-style: none;
}
.shop-archive .tp-content-container .right aside details[open] summary span.icon {
transform: rotate(90deg);
background: #A4CBAA;
border: 1px solid #A4CBAA;
color: #FFFFFF;
}
.shop-archive .tp-content-container .right aside details summary {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr 34px;
gap: 10px;
background: #E3F0E5;
list-style: none;
padding: 15px 30px;
}
.shop-archive .tp-content-container .right aside details summary::-webkit-details-marker {
display: none;
}
.shop-archive .tp-content-container .right aside details summary span.icon {
transition: all 0.3s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #FFFFFF;
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
color: #C7E1CB;
border: 1px solid #C7E1CB;
}
.shop-archive .tp-content-container .right aside details .tp-filter-container {
padding: 30px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 15px;
}
.shop-archive .tp-content-container .right aside details .tp-filter-container strong {
font-weight: bold;
}
.shop-archive .tp-content-container .right aside details .tp-filter-container input[type=checkbox] {
position: absolute;
top: 0;
opacity: 0;
width: 0;
visibility: hidden;
}
.shop-archive .tp-content-container .right aside details .tp-filter-container input[type=checkbox]:checked + label {
font-weight: bold;
}
.shop-archive .tp-content-container .right aside details .tp-filter-container input[type=checkbox] + label {
cursor: pointer;
}
.shop-archive .tp-content-container .right aside details .tp-filter-container button {
background: transparent;
border: none;
padding: 0;
text-align: left;
}
.shop-categories {
padding: 70px 30px;
}
.shop-categories .tp-top-container .tp-title-container {
text-align: center;
margin-bottom: 70px;
}
.shop-categories .tp-top-container .tp-title-container h1 {
font-size: 35px;
font-size: 3.5rem;
}
.shop-categories .tp-content-container .tp-post-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 70px 30px;
}
.shop-categories .tp-content-container .tp-post-container .cc .cc-inner {
text-align: center;
}
.shop-categories .tp-content-container .tp-post-container .cc .cc-inner a {
text-decoration: none;
color: inherit;
}
.shop-categories .tp-content-container .tp-post-container .cc .cc-inner .image-container {
min-height: 200px;
min-width: 200px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.shop-categories .tp-content-container .tp-post-container .cc .cc-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.shop-categories .tp-content-container .tp-post-container .cc .cc-inner .name-container {
margin-top: 15px;
}
.shop-categories .tp-content-container .tp-post-container .cc .cc-inner .name-container p {
text-align: center;
position: relative;
z-index: 1;
display: block;
}
.shop-categories .tp-content-container .tp-post-container .cc .cc-inner .description-container {
margin-top: 15px;
}
#reg_shipping_country, #reg_billing_country {
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 16px;
color: #000000;
height: 60px;
}
.rs-container .rs-scale span:last-of-type {
width: 0 !important;
}
section.news {
margin-bottom: 50px;
}
section.news .section-inner .category-filters {
display: flex;
gap: 20px;
margin-top: 50px;
}
section.news .section-inner .category-filters a {
color: #000000;
text-decoration: none;
font-size: 20px;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: normal;
font-style: normal;
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
}
section.news .section-inner .category-filters a.active, section.news .section-inner .category-filters a:hover {
color: #157811;
border-color: #157811;
}
section.news .section-inner ul.news-grid {
display: grid;
grid: auto/1fr;
gap: 45px;
grid-row-gap: 80px;
margin-top: 50px;
}
@media (min-width: 480px) {
section.news .section-inner ul.news-grid {
grid: auto/repeat(2, 1fr);
}
}
@media (min-width: 768px) {
section.news .section-inner ul.news-grid {
grid: auto/repeat(3, 1fr);
}
}
section.news .section-inner ul.news-grid li.news-item {
max-width: 400px;
}
section.news .section-inner ul.news-grid li.news-item a {
text-decoration: none;
display: grid;
grid: auto/1fr;
gap: 10px;
color: #000000;
}
section.news .section-inner ul.news-grid li.news-item a .featured-image img {
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 16/11;
}
section.news .section-inner ul.news-grid li.news-item a .title {
font-size: 24px;
}
section.news .section-inner ul.news-grid li.news-item a .short-description {
font-size: 20px;
}
.single-post section.single-post-wrapper .section-inner h1 {
font-size: 30px;
line-height: 1.2;
max-width: 670px;
margin: 0 auto 1.4em;
text-align: center;
}
.single-post section.single-post-wrapper .section-inner .post-content {
max-width: 670px;
margin: auto;
}
.single-post section.single-post-wrapper .section-inner .post-content h2 {
font-size: 25px;
margin-top: 1.4em;
}
.single-post section.single-post-wrapper .section-inner .post-content p {
margin: 0.9em auto;
}
.single-post section.single-post-wrapper .section-inner .post-content img {
max-width: 100%;
display: flex;
}
.single-post section.single-post-wrapper .section-inner .post-content iframe {
max-width: 100%;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
div.sp-product-hero-inner div.sp-content-container {
margin-top: 70px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
gap: 30px;
}
@media (min-width: 900px) {
div.sp-product-hero-inner div.sp-content-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 70px;
}
}
div.sp-product-hero-inner div.sp-content-container .left .sp-featured-container {
border: 1px solid #EDF4EE;
padding: 15px;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-featured-container .image-container {
height: 300px;
}
@media (min-width: 900px) {
div.sp-product-hero-inner div.sp-content-container .left .sp-featured-container .image-container {
height: 377px;
}
}
div.sp-product-hero-inner div.sp-content-container .left .sp-featured-container .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
height: 100%;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-gallery-container {
margin: 30px -10px 0 -10px;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-gallery-container .image-container {
height: 100px;
border: 1px solid #EDF4EE;
padding: 15px;
margin: 0 10px;
}
@media (min-width: 900px) {
div.sp-product-hero-inner div.sp-content-container .left .sp-gallery-container .image-container {
height: 132px;
}
}
div.sp-product-hero-inner div.sp-content-container .left .sp-gallery-container .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
height: 100%;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-gallery-button-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-gallery-button-container button {
margin: 0 10px;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container {
margin-top: 30px;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container table {
display: block;
width: 100%;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container table tbody {
display: block;
width: 100%;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container table tbody tr {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #B8D0BB;
margin-bottom: 10px;
padding: 10px 0;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container .row {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
gap: 30px;
border-bottom: 1px solid #B8D0BB;
margin-bottom: 10px;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container .row:last-child {
margin-bottom: 0;
}
@media (min-width: 300px) {
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container .row {
grid-template-columns: auto 1fr;
}
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container .row dt {
text-align: left;
}
div.sp-product-hero-inner div.sp-content-container .left .sp-dimension-container .row dd {
text-align: right;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-breadcrumb-container {
margin-bottom: 30px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-breadcrumb-container nav {
color: rgba(13, 25, 1, 0.5);
line-height: 1.5;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-breadcrumb-container nav a {
color: rgba(13, 25, 1, 0.5);
text-decoration: none;
display: inline-block;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-title-container {
margin-bottom: 30px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-title-container h1 {
color: #157811;
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container table {
display: block;
width: 100%;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container table tbody {
display: block;
width: 100%;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container table tbody tr {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #B8D0BB;
margin-bottom: 10px;
padding: 10px 0;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details {
list-style: none;
padding: 10px 0 15px 0;
border-bottom: 1px solid #B8D0BB;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details[open] summary span.icon {
transform: rotate(90deg);
background: #A4CBAA;
border: 1px solid #A4CBAA;
color: #FFFFFF;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details summary {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 1fr 34px;
gap: 10px;
list-style: none;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details summary::-webkit-details-marker {
display: none;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details summary span.icon {
transition: all 0.3s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #FFFFFF;
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
color: #C7E1CB;
border: 1px solid #C7E1CB;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details .custom-text {
padding: 30px 0 0 0;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details .custom-text .sp-info-container-readmore {
background-color: transparent;
border: none;
color: #157811;
cursor: pointer;
display: inline;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details .custom-text .sp-info-container-readmore.open {
display: none;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details .custom-text .sp-info-container-longerdescription {
display: none;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container details .custom-text .sp-info-container-longerdescription.open {
display: inline;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl {
margin-top: 10px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl:nth-of-type(2) {
margin-top: 0;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl .row {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
gap: 30px;
border-bottom: 1px solid #B8D0BB;
padding: 10px 0;
margin-bottom: 10px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl .row:last-child {
margin-bottom: 0;
}
@media (min-width: 300px) {
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl .row {
grid-template-columns: auto 1fr;
}
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl .row dt {
text-align: left;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl .row dd {
text-align: right;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-info-container dl .row dd a {
color: inherit;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container {
margin-top: 30px;
text-align: right;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container ins, div.sp-product-hero-inner div.sp-content-container .right .sp-price-container bdi, div.sp-product-hero-inner div.sp-content-container .right .sp-price-container span {
text-decoration: none;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container p.add_to_cart_inline {
border: none !important;
padding: 0 !important;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .price-outer span {
display: inline-block;
color: inherit;
color: #157811;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container a.add_to_cart_button {
display: block;
margin: 15px 0 0 auto;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container a.added_to_cart {
display: block;
text-decoration: none;
color: inherit;
margin-top: 10px 0 0 auto;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container del {
text-decoration: none;
display: block;
width: fit-content;
margin: 0 0 0 auto;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container del bdi {
position: relative;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container del bdi::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #157811;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container del span, div.sp-product-hero-inner div.sp-content-container .right .sp-price-container del bdi {
font-size: 20px;
font-size: 2rem;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container span {
display: block;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container span.woocommerce-Price-currencySymbol {
display: inline;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container span.amount {
color: #157811;
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container span.exclusion {
color: rgba(13, 25, 1, 0.4);
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container {
margin-top: 30px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container form {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: auto 1fr;
gap: 30px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container .quantity-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-columns: 35px auto 35px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container .quantity-container button, div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container .quantity-container span {
text-align: center;
background: #C7E1CB;
border: none;
color: #000000;
height: 100%;
padding: 5px 0;
cursor: pointer;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container .quantity-container input[type=number] {
border: none;
background: transparent;
color: #000000;
max-width: 60px;
text-align: center;
-moz-appearance: textfield;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container .quantity-container input[type=number]::-webkit-outer-spin-button, div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container .quantity-container input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container button[type=submit], div.sp-product-hero-inner div.sp-content-container .right .sp-price-container .form-container input[type=submit] {
height: 100%;
text-decoration: none;
display: block;
color: inherit;
padding: 5px 0;
text-align: center;
font-family: TT-Firs-Neue, "sans-serif";
font-size: 0.9em;
background-color: #C7E1CB;
border: none;
width: 100%;
cursor: pointer;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-table-container {
margin-top: 30px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-table-container table th {
text-align: left;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-table-container table tr.tiered-pricing--active td {
background: transparent !important;
color: #000000 !important;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-price-table-container table tr.tiered-pricing--active td span {
color: #000000 !important;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-account-container {
margin-top: 30px;
border: 1px solid #B8D0BB;
padding: 30px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-account-container .actions {
margin-top: 15px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-account-container .actions a, div.sp-product-hero-inner div.sp-content-container .right .sp-account-container .actions button {
margin: 0 15px 15px 0;
text-decoration: none;
border: 1px solid #B8D0BB;
line-height: 1.5;
width: fit-content;
padding: 10px 20px;
min-width: 120px;
text-align: center;
color: inherit;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-account-container .actions a.login, div.sp-product-hero-inner div.sp-content-container .right .sp-account-container .actions button.login {
background: #B8D0BB;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-account-container .actions a.register, div.sp-product-hero-inner div.sp-content-container .right .sp-account-container .actions button.register {
background: transparent;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container {
margin-top: 10px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container table {
display: block;
width: 100%;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container table tbody {
display: block;
width: 100%;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container table tbody tr {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #B8D0BB;
margin-bottom: 10px;
padding: 10px 0;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container .row {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
grid-template-rows: unset;
gap: 30px;
border-bottom: 1px solid #B8D0BB;
margin-bottom: 10px;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container .row:last-child {
margin-bottom: 0;
}
@media (min-width: 300px) {
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container .row {
grid-template-columns: auto 1fr;
}
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container .row dt {
text-align: left;
}
div.sp-product-hero-inner div.sp-content-container .right .sp-dimension-container .row dd {
text-align: right;
}
section.sp-product-related {
background: #F5F8F6;
}
div.sp-product-related-inner .sp-title-container {
margin-bottom: 30px;
text-align: left;
}
div.sp-product-related-inner .sp-title-container h2 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
position: relative;
min-width: fit-content;
max-width: max-content;
line-height: 1.2;
padding: 10px 20px;
overflow: hidden;
}
div.sp-product-related-inner .sp-title-container h2::before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-top: 1px solid #000000;
width: min(100px, 30%);
height: 2px;
top: 0;
left: 0;
transform: translateX(-2px);
}
div.sp-product-related-inner .sp-title-container h2::after {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-bottom: 1px solid #000000;
width: min(100px, 30%);
height: 1px;
right: 50%;
bottom: 0;
}
div.sp-product-related-inner .sp-button-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 30px;
}
div.sp-product-related-inner .sp-button-container button {
border: 1px solid #157811;
background: #157811;
color: #FFFFFF;
font-size: 20px;
line-height: 1;
padding: 15px;
display: block;
aspect-ratio: 1/1;
width: 46px;
text-align: center;
}
div.sp-product-related-inner .sp-button-container button.button-right {
margin-left: 10px;
}
div.sp-product-related-inner .sp-post-container {
margin: 0 -30px;
}
div.sp-product-related-inner .sp-post-container .slick-slide {
margin: 0 30px;
}
div.sp-product-related-inner .sp-post-container li.product:hover .product-overlay, div.sp-product-related-inner .sp-post-container .cc:hover .product-overlay {
transform: translateY(0);
}
div.sp-product-related-inner .sp-post-container li.product .product-image, div.sp-product-related-inner .sp-post-container .cc .product-image {
border: none;
}
div.sp-product-related-inner .sp-post-container li.product .product-overlay, div.sp-product-related-inner .sp-post-container .cc .product-overlay {
transform: translateY(-101%);
}
div.sp-product-related-inner .sp-post-container li.product .product-action-buttons, div.sp-product-related-inner .sp-post-container .cc .product-action-buttons {
border: none;
}
div.sp-post-content-inner .sp-detail-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
max-width: 750px;
margin: 0 auto 70px auto;
}
div.sp-post-content-inner .sp-detail-container h1 {
text-align: center;
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
}
div.sp-post-content-inner .sp-detail-container img {
display: block;
width: 100%;
height: auto;
max-width: 650px;
margin: 0 auto;
}
div.sp-post-content-inner .sp-content-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: fit-content(100%);
gap: 30px;
max-width: 750px;
margin: 0 auto;
}
div.sp-post-articles-inner .sp-title-container {
margin-bottom: 30px;
text-align: left;
}
div.sp-post-articles-inner .sp-title-container h2 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
position: relative;
min-width: fit-content;
max-width: max-content;
line-height: 1.2;
padding: 10px 20px;
overflow: hidden;
}
div.sp-post-articles-inner .sp-title-container h2::before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-top: 1px solid #000000;
width: min(100px, 30%);
height: 2px;
top: 0;
left: 0;
transform: translateX(-2px);
}
div.sp-post-articles-inner .sp-title-container h2::after {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-bottom: 1px solid #000000;
width: min(100px, 30%);
height: 1px;
right: 50%;
bottom: 0;
}
div.sp-post-articles-inner .sp-button-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 30px;
}
div.sp-post-articles-inner .sp-button-container button {
border: 1px solid #157811;
background: #157811;
color: #FFFFFF;
font-size: 20px;
line-height: 1;
padding: 15px;
display: block;
aspect-ratio: 1/1;
width: 46px;
text-align: center;
}
div.sp-post-articles-inner .sp-button-container button.button-right {
margin-left: 10px;
}
div.sp-post-articles-inner .sp-post-container {
margin: 0 -30px;
}
div.sp-post-articles-inner .sp-post-container .cc {
margin: 0 30px;
}
div.sp-post-articles-inner .sp-post-container .cc .cc-inner .image-container {
height: 240px;
width: 100%;
margin-bottom: 15px;
}
div.sp-post-articles-inner .sp-post-container .cc .cc-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.sp-post-articles-inner .sp-post-container .cc .cc-inner h3 {
font-size: 20px;
font-size: 2rem;
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
div.sp-post-products-inner .sp-title-container {
margin-bottom: 30px;
text-align: left;
}
div.sp-post-products-inner .sp-title-container h2 {
font-family: TT-Firs-Neue, "sans-serif";
font-weight: 500;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
position: relative;
min-width: fit-content;
max-width: max-content;
line-height: 1.2;
padding: 10px 20px;
overflow: hidden;
}
div.sp-post-products-inner .sp-title-container h2::before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-top: 1px solid #000000;
width: min(100px, 30%);
height: 2px;
top: 0;
left: 0;
transform: translateX(-2px);
}
div.sp-post-products-inner .sp-title-container h2::after {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
border-bottom: 1px solid #000000;
width: min(100px, 30%);
height: 1px;
right: 50%;
bottom: 0;
}
div.sp-post-products-inner .sp-button-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 30px;
display: none;
}
div.sp-post-products-inner .sp-button-container button {
border: 1px solid #157811;
background: #157811;
color: #FFFFFF;
font-size: 20px;
line-height: 1;
padding: 15px;
display: block;
aspect-ratio: 1/1;
width: 46px;
text-align: center;
}
div.sp-post-products-inner .sp-button-container button.button-right {
margin-left: 10px;
}
div.sp-post-products-inner .sp-post-container {
display: flex;
flex-direction: column; }
@media (min-width: 600px) {
div.sp-post-products-inner .sp-post-container {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
}
div.sp-post-products-inner .sp-post-container .cc {
margin: 0 0 30px 0;
}
@media (min-width: 600px) {
div.sp-post-products-inner .sp-post-container .cc {
margin: 0 15px 30px 15px;
}
}
@media (min-width: 600px) {
div.sp-post-products-inner .sp-post-container .cc {
width: calc(50% - 30px);
}
}
@media (min-width: 900px) {
div.sp-post-products-inner .sp-post-container .cc {
width: calc(33.33% - 30px);
}
}
@media (min-width: 1200px) {
div.sp-post-products-inner .sp-post-container .cc {
width: calc(25% - 30px);
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//megatool.be/wp-content/themes/custom/assets/icons/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}