/* Fonts */ body {color:#1B212D; font-stretch:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .woocommerce-cart h1 {margin-left:0 !important; margin-right:0 !important} h3 a {text-decoration:none} a {color:inherit} .wp-block-list li {margin:1rem 0 !important} @media only screen and (max-width:780px) { h1 {font-size:2.5rem} h2 {font-size:2rem} h2[style*="font-size:1.75rem"], h2.has-large-font-size {font-size:1.5rem !important} h3 {font-size:1.25rem} h1 br, h2 br {display:none} p.has-medium-font-size {font-size:1rem !important} } /* Header */ header.wp-block-template-part {background:#1B212D;position: fixed; top:0px; left:0px; z-index: 1001; width: 100%; transition: all 0.25s} @media only screen and (min-width:1024px) { .wp-site-blocks {padding-top:94px !important} } @media only screen and (max-width:1023px) { .wp-site-blocks {padding-top:94px !important} } /* Menu */ @media only screen and (min-width:1025px) { .desktopMenu {text-align:right; height:50px} .desktopMenu ul {list-style-type:none;margin:0 auto;padding:0; position:static; text-align:center; display:inline-block} .desktopMenu li {display:inline-block;position:relative; margin:0 0.5vw;text-align:center; font-weight:500} .desktopMenu li a {display:block; color:#FFFFFF; height:50px; line-height:50px; padding:0 0.5vw; text-decoration:none} .desktopMenu .current_page_item a {font-weight:bold} .desktopMenu li.menu-item-has-children > a:after {content:"\2304"; display:inline-block; vertical-align:middle; color:inherit; line-height:100%; margin:-6px 0 0 5px; font-size:0.8em; transform:scaleY(0.8)} /* 2nd Level */ .desktopMenu li ul {position:absolute; top:80px; left:0px; padding:0.25em 1em; width:265px; z-index:1010; background:white; border-radius:4px; box-shadow:0 0 25px rgba(27,33,45,0.15); opacity:0; visibility:hidden; transition:0.5s all; transition-timing-function:cubic-bezier(.4,0,.2,1)} .desktopMenu ul li.menu-item-has-children:hover>ul {top:50px; opacity:1; visibility:visible} .desktopMenu li:hover ul a {color:#1B212D} .desktopMenu li:hover ul a:hover, .desktopMenu li li:hover > a {} .desktopMenu li ul li {display:block; width:100%; font-size:90%;float:none;text-align:left;width:auto;position:relative;margin:0; z-index:1010; color:white} .desktopMenu li ul li a {width:100%;height:auto!important;display:block;padding:0.85em 0;line-height:125%!important; text-transform:none; border-bottom:1px solid #e9e8e7} .desktopMenu .current_page_item ul li a {font-weight:normal !important} .desktopMenu ul li a:hover + .sub-menu, .desktopMenu .sub-menu:hover {display:block;opacity:1} .desktopMenu li ul li:last-of-type a{border:0} .desktopMenu li ul li a:hover {color:#2973B9} .desktopMenu li ul li{position:relative;transition:all 0.25s ease} .desktopMenu li ul li::after{content:"";position:absolute;top:16px;right:0;opacity:0; width:10px; height:10px; background-size:100%; transform:translateX(-5px);transition:all 0.25s ease; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4 5.6-5.6z' fill='%232973b9'/%3E%3C/svg%3E")} .desktopMenu li ul li:hover::after{opacity:1;transform:translateX(0px);margin-left:8px} .menu-panel, .sidebar-toggle, .mobileNav {display:none} a.active{font-weight:bold} } @media only screen and (min-width:1025px) and (min-width:1300px) { .desktopMenu li {margin:0 0.25vw} .desktopMenu li a {padding:0 0.25vw} } @media only screen and (max-width:1024px) { .desktopMenu {display:none} .header{height:60px; padding:10px 0} /* Animated Burger Menu */ .sidebar-toggle {position:absolute; z-index:1001; top:0px; right:0px; font-size:30px; width:80px; height:80px; background:transparent; color:white; cursor:pointer;padding:0; margin:0; border:none; outline:0} .sidebar-toggle:hover {background:transparent} .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {cursor:pointer;border-radius:10px;height:3px;width:30px;left:25px;top:38px;background:white;position:absolute;display:block;content:''} .sidebar-toggle span:before {top:-8px; left:0px} .sidebar-toggle span:after {top:8px; left:0px} .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {transition:all 20ms ease-in-out} .nav-active .sidebar-toggle {position:fixed} .nav-active .sidebar-toggle span {background-color:transparent} .nav-active .sidebar-toggle span:before, .sidebar-toggle.active span:after {top:0} .nav-active .sidebar-toggle span:before {transform:rotate(45deg); top:0px; left:0px} .nav-active .sidebar-toggle span:after {transform:rotate(-45deg); top:0px; left:0px} .menu-panel {background:#1B212D; position:fixed; z-index:1000;overflow-y:auto; top:0px; right:-100%; width:100%; height:100%; box-sizing:border-box; left:auto; transition:right 0.25s ease-in-out} .menu-panel.open-menu {left:auto;right:0px} /* Menu System */ #menu * {box-sizing:border-box} #menu {list-style:none;margin:0;padding:80px 0 0; display:block;clear:both; border-bottom:1px solid rgba(255,255,255,0.2)} #menu li {border-top:1px solid rgba(255,255,255,0.2); position:relative;overflow:hidden; transition:all .25s ease; font-size:125%} #menu li::after {content:"";display:block;clear:both} #menu li>a>svg {display:block;position:relative;width:20px;float:right;transition:all .25s ease} #menu li.open > a > svg {transform:rotate(45deg)} #menu a {padding:1em; font-weight:500; display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-decoration:none; color:white} #menu li.open > ul {display:block} #menu li>ul {display:none; border-top:0; height:0;margin:0; padding-bottom:1em; overflow:hidden;transition:height 0.25s ease-in-out} #menu ul.is-visible {display:block} #menu ul li {border:0; font-size:90%} #menu ul a, #menu li.open ul a {padding:0.4em; font-weight:400} .cta-bns {padding:1em; display:block} .cta-bns .wp-block-button__link {display:block; text-align:center; margin:0 0 1em; font-size:1rem !important} } @media screen and (max-width:780px) { header .site-audit, header .request-sample {display: none} } .wp-block-separator{border-top:1px solid !important} /* Breadcrumbs */ @media screen and (min-width:781px) { .wp-block-group.woocommerce.product {margin:0 !important} .yoast-breadcrumbs {font-size:0.9rem} .wp-block-cover .yoast-breadcrumbs {margin:0 0 5vh; padding:0; border:0; opacity:0.5; transition:all .25s ease} .wp-block-cover .yoast-breadcrumbs a {color:white} .wp-block-cover .yoast-breadcrumbs:hover {opacity:1} .woocommerce-breadcrumb {background-color: #f9f8f7; padding:1rem !important; margin:0 !important; border-radius:0 0 10px 10px} } @media screen and (max-width:780px) { .yoast-breadcrumbs {display:none !important} } /* Keep text inside cover aligned with wrapper */ .wp-block-cover.alignfull { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow:visible; position:relative; padding-left:clamp( var(--wp--style--root--padding-left, 10px), max(calc((100vw - 1600px)/2), var(--wp--style--root--padding-left, 10px)), 100vw ); padding-right:clamp( var(--wp--style--root--padding-right, 10px), max(calc((100vw - 1600px)/2), var(--wp--style--root--padding-right, 10px)), 100vw ); box-sizing:border-box; } /* Home Page Slider */ @media screen and (max-width:780px) { .wp-block-cover[style*="height: 70vh;"] {height:100vh !important} .wp-block-cover .wp-block-cover[style*="height: 70vh;"] {height:40vh !important} h1.wp-block-heading.has-x-large-font-size {font-size:2rem !important} } @media screen and (max-width:550px) { h1.wp-block-heading.has-x-large-font-size {font-size:1.6rem !important} } /* Hover Blocks Home Page */ .hover-block {position:relative; aspect-ratio:1 / 1} .hover-block .front {position:relative;width:100%; height:100%; margin:0 !important} .hover-block .wp-block-cover, .hover-block .wp-block-cover-image {min-height:100% !important} .hover-block .back{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;align-content:flex-start;flex-direction:column;position:absolute;width:100%;height:100%;left:0px;top:0px;margin:0 !important;opacity:0;transition:all 0.25s ease;padding:2rem; border-radius:10px} .hover-block:hover .back {opacity:1} .hover-block .back * {margin:0.5rem 0 !important; display:block; width:100%} .hover-block .back br {display:none} @media only screen and (max-width:1024px) { .hover-blocks{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1.5rem !important} .hover-block .back{padding:1.5rem} } @media only screen and (max-width:600px) { .hover-blocks{gap:1rem !important} .hover-block .back{display:none} } /* Woo commerce Elements */ @media screen and (max-width:780px) { .wc-block-mini-cart {margin-right:70px !important} } /* Single product */ .single-product .alignfull {width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%)} li.video-thumb img {height:128px !important;object-fit:cover} li.video-thumb {position:relative} li.video-thumb::after {content:url('data:image/svg+xml;utf8,');position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:64px;height:64px;pointer-events:none} .woocommerce-product-attributes {max-width:1000px} .taxonomy-product_tag {display: none} .variations input {border:1px solid #1B212D; border-radius:4px !important} .variations select {font-size:1rem !important; padding:0.7em !important; border-radius:4px !important; font-family:inherit; border:1px solid #1B212D} .variations_form button { font-family:inherit; border-radius: 4px; font-family: inherit; font-style: normal; font-weight: 500; line-height: 1; padding-top: calc(0.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(0.667em + 2px); padding-left: calc(1.333em + 2px); } button.single_add_to_cart_button.button.alt.wp-element-button {background: #2973b9;color: #ffffff;border-radius: 4px;} @media screen and (max-width:780px) { li.video-thumb img {height:86.25px !important} } /* Woo Checkout pages */ .wc-block-components-checkout-return-to-cart-button {font-weight:600} .wc-block-components-button{background-color:#2973B9 !important; color:white; border-radius:4px; font-weight:600;font-size:1rem; transition:all 0.25s ease !important} .wc-block-components-button.is-style-outline {background:white !important; color:#2973B9 !important; border-color:#2973B9 !important} .wc-block-components-button:hover {filter: brightness(120%)} .wc-block-components-button.is-style-outline:hover {background:#2973B9 !important; color:white !important} /* Swiper Navigation */ .wp-block-fseblocks-banner-slider {margin-top:0 !important} .swiper-container, .sectors-swiper-container {padding-bottom:60px !important; max-width:100%; overflow:hidden !important} .fse-swiper-container {position:relative;/* padding-bottom:20px; margin-bottom:20px;*/ } .swiper-nav-container{position:absolute; height:50px; left:0px; bottom:0px; width:100%; /*left:clamp(var(--wp--style--root--padding-left,10px),max(calc((100vw - 1600px) / 2),var(--wp--style--root--padding-left,10px)),100vw) !important;bottom:0px;width:calc(100% - (clamp(var(--wp--style--root--padding-left,10px), max(calc((100vw - 1600px) / 2),var(--wp--style--root--padding-left,10px)), 100vw) * 2)) !important;*/} .swiper-nav-container .swiper-button-prev{left:0px !important} .swiper-nav-container .swiper-button-next{left:auto !important;right:0px !important} .swiper-button-next, .swiper-button-prev {width:40px !important; height:40px !important; transform:none !important} .swiper-button-prev {transform:rotate(180deg) !important} .swiper-button-next:after,.swiper-button-prev:after{background-color:rgba(0,0,0,0.03); display:inline-block; border-radius:50%; content:"" !important;position:absolute;top:auto!important; bottom:0px!important; right:0!important; opacity:1; width:40px !important; height:40px!important ; background-size:16px; background-position:center center; background-repeat:no-repeat; transition:all 0.25s ease; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4 5.6-5.6z' fill='%231b212d'/%3E%3C/svg%3E")} .wp-block-fseblocks-banner-slider .swiper-pagination-bullet {opacity:1; background-color:white !important} .wp-block-fseblocks-banner-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:var(--wp--preset--color--custom-yellow) !important} /* Swiper Bullets */ .swiper-pagination{background:rgba(0,0,0,0.03);border-radius:40px;padding:15px;margin-top:0 !important;display:flex !important;flex-wrap:nowrap !important;justify-content:center !important;align-items:center !important;top:auto !important;bottom:0.5rem !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:auto !important} .swiper-pagination-bullet {opacity:1 !important; position:relative; background:var(--wp--preset--color--black) !important; opacity:0.25 !important} .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1 !important} .has-black-background-color .swiper-pagination{background:rgba(255,255,255,0.03) !important} .has-black-background-color .swiper-pagination-bullet {background:white !important} /* Footer */ footer {margin:0 !important} footer ul.wp-block-list, footer ul.wp-block-list li {list-style-type:none; margin:0.25rem 0 !important; padding:0 !important} footer ul.wp-block-list li a {text-decoration:none !important} @media screen and (max-width:780px) { footer .wp-container-core-columns-is-layout-28f84493 p {text-align:center !important} } /* Numbered columns */ .numbered{counter-reset:item} .numbered > .wp-block-column{counter-increment:item;position:relative;z-index:1} .numbered > .wp-block-column::before { content:counter(item); position:absolute; z-index:2; left:2rem; top:-15px; font-weight:600; line-height:30px; color:#1B212D; width:30px; height:30px; background:#2973B9; color:white; text-align:center; border-radius:50%; } .numbered > .wp-block-column .wp-block-group {height:100%; border:1px solid rgba(0,0,0,0.1)} @media screen and (max-width:780px) { .numbered > .wp-block-column .wp-block-group {min-height:75px !important} } .wc-block-product-template__responsive { grid-row-gap:3em !important; } /* Underline header animation */ .underline-in,h6{position:relative} h6 {margin:0 0 2rem !important} .underline-in::after, h6::after { content:""; position:absolute; left:0; bottom:-3px; height:3px; width:0; background:#EDC50C; transition:width 0.5s ease 0.5s; /* 1s delay like before */ } h6::after{height:3px; bottom:-10px} .underline-in.animate::after {width:100%} h6.animate::after{width:40px} /* Buttons */ a.wp-block-read-more, a.wp-block-post-excerpt__more-link {border-radius:4px;font-family:var(--wp--preset--font-family--montserrat);font-style:normal;font-weight:500;line-height:1;color:#ffffff;background-color:#2973b9;border-width:0;font-size:1rem;padding:0.75em 1em;text-decoration:none} .wp-block-button__link, .more a, a.wp-block-read-more, a.wp-block-post-excerpt__more-link {position:relative;transition:all 0.25s ease} .wp-block-button__link:hover, a.wp-block-read-more:hover, a.wp-block-post-excerpt__more-link:hover {padding-right:40px} .wp-block-button__link::after, a.wp-block-read-more::after, .more a::after, a.wp-block-post-excerpt__more-link::after {content:"";position:absolute; top:calc(50% - 5px); right:1em; opacity:0;transform:translateX(-5px);transition:all 0.25s ease; width:10px; height:10px; background-size:100%} .more a::after {opacity:1; position:relative; top:0px; display:inline-block; vertical-align:middle; transform:none; right:auto; margin-left:10px} a.wp-block-read-more::after {top:0.9em} .wp-block-button__link::after, .more a::after, a.wp-block-post-excerpt__more-link::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4 5.6-5.6z' fill='%231b212d'/%3E%3C/svg%3E")} .wp-block-button__link.has-custom-blue-background-color::after, a.wp-block-read-more::after, .wp-block-button__link.has-white-color::after, .more.has-white-color a::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4 5.6-5.6z' fill='%23ffffff'/%3E%3C/svg%3E")} .more.has-custom-blue-color a::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4 5.6-5.6z' fill='%232973b9'/%3E%3C/svg%3E")} .wp-block-button__link:hover::after, a.wp-block-read-more:hover::after, a.wp-block-post-excerpt__more-link:hover::after {opacity:1;transform:translateX(5px);margin-left:8px} /* Form styles */ .form {box-shadow:0 0 25px rgba(27,33,45,0.15)} .two-col {display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem; margin:1.5rem 0} .wpcf7 p {margin:0} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 select {font-family:inherit;display:block;width:100%;min-width:100%;padding:1rem 0;margin:0;text-indent:1em;border:0; background-color:white; color:#1B212D;font-size:100%;outline:none; border-radius:4px; border:1px solid #1B212D !important} input.wpcf7-form-control.wpcf7-submit {transition:all 0.25s ease; background:#edc50c; border-radius:4px; padding:calc(0.667em + 2px) calc(1.333em + 2px); border:none; font-size:inherit; font-family:inherit; line-height:1; font-weight:500;font-style:normal;cursor:pointer; margin:1.5rem 0 0} input.wpcf7-form-control.wpcf7-submit:hover {background:#2973B9; color:white} .file-upload input[type="file"] {position: absolute;opacity: 0;pointer-events: none} .file-label {display: inline-block;width: 100%;border: 2px dashed #ccc;border-radius: 6px;text-align: center;cursor: pointer;transition: all 0.3s ease;margin-bottom: 1.5rem} .file-label:hover {border-color: #0073aa;background-color: #f8f9fa} .file-text {display: block;font-weight: 600} .file-hint {display: block;font-size: 0.85rem;color: #666;margin-top: 4px} @media screen and (min-width:781px) { .form {margin-top:-25vh !important; position:relative; z-index:+10} } @media screen and (max-width:780px) { .form {margin-top:-4rem !important; position:relative; z-index:+10; padding:1.5rem !important} .two-col {grid-template-columns:repeat(1, 1fr); gap:1rem; margin:1rem 0} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 select {padding:0.75rem 0; text-indent:0.75em} } /* Facet Custom Styles */ .facetwp-facet-num_results, .facetwp-facet-product_cat_filters .facetwp-checkbox {font-size:0.9rem !important} .facetwp-facet-sort_by select {font-size:0.9rem !important; padding:5px !important} hr {color:rgba(0,0,0,0.1) !important} .facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {padding:10px 30px 10px 10px !important; font-size:0.9rem !important} .facetwp-checkbox {background-position: left 6px !important; padding-left: 24px !important} button.facetwp-reset {font-size:0.9rem !important; padding:8px 12px !important; display:inline-block; border-radius: 4px !important; background-color: #f9f8f7 !important; border:0 !important} /* Pagination */ .facetwp-facet-pagination {margin:5vh 0; display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;align-content:flex-start} .facetwp-facet-pagination a {padding:5px 10px; margin:5px; display:inline-block; border-radius: 4px; background-color: #f9f8f7; text-decoration:none} .facetwp-facet-pagination a.active {font-weight:bold; background:transparent} @media only screen and (max-width:780px) { .facetwp-facet-pagination a {padding:4px 8px; margin:4px} } /* Case Studies */ .wp-block-group.case-studies {gap:2rem !important} .wp-block-group.case-studies .wp-block-group {border:1px solid rgba(0,0,0,0.1); border-radius:15px; padding:2rem} .wp-block-group.case-studies .wp-block-group img {width:auto !important; height:50px !important; margin:0 0 1rem} @media screen and (min-width:781px) { .wp-block-media-text[style*="border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px"] .wp-block-media-text__media img {border-radius: 15px 0 0 15px !important} .wp-block-media-text.has-media-on-the-right[style*="border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px"] .wp-block-media-text__media img {border-radius:0 15px 15px 0 !important} } @media only screen and (max-width:780px) { .wp-block-group.case-studies {gap:1.5rem !important; grid-template-columns: repeat(2, minmax(0, 1fr))!important} .wp-block-group.case-studies .wp-block-group {padding:1.5rem} .wp-block-group.case-studies .wp-block-group img {height:35px !important} } @media only screen and (max-width:580px) { .wp-block-group.case-studies {grid-template-columns: repeat(1, minmax(0, 1fr))!important} } ul.wp-block-list.ticks {margin:0; padding:0} ul.wp-block-list.ticks li { position:relative; list-style-type:none; margin:0.5em 0; padding:0; padding-left:40px; } ul.wp-block-list.ticks li::before {content:"";display:inline-block;position:absolute;top:0px;left:0px;z-index:2;width:24px;height:24px;border-radius:50%; background-size:75%; background-position:center center; background-color:#2973B9; background-repeat:no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M4 12.611L8.923 17.5 20 6.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } /* Checks columns */ .checks > .wp-block-group{position:relative;z-index:1; border:1px solid #1b1d331A; border-radius:15px; padding:3rem 2rem 2rem; background:white} .checks > .wp-block-group::before {transition:all 0.25s ease;content:"";display:inline-block;position:absolute;top:-20px;left:2rem;z-index:2;width:40px;height:40px;border-radius:50%; background-size:50%; background-position:center center; background-color:#2973B9; background-repeat:no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M4 12.611L8.923 17.5 20 6.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .checks > .wp-block-group:hover::before {transform:scale(1.3)} @media only screen and (max-width:1240px) { .checks{gap:1.5rem !important} .checks > .wp-block-group {padding:2rem 1.5rem 1.5rem !important} } @media only screen and (max-width:1024px) { .checks > .wp-block-group::before {top:-15px;left:1.5rem;width:30px;height:30px} .checks{grid-template-columns:repeat(3,minmax(0,1fr)) !important} } @media only screen and (max-width:780px) { .checks{grid-template-columns:repeat(2,minmax(0,1fr)) !important} .checks p {line-height:140% !important} } @media only screen and (max-width:550px) { .checks{grid-template-columns:repeat(1,minmax(0,1fr)) !important} .checks > .wp-block-group {padding:2rem 1.5rem 1.5rem !important} .checks > .wp-block-group::before {} } /* Modal */ .modal {display:none;position:fixed;z-index:100001;padding:0;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(27,33,45,0.75)} .modal-content {background-color:#fff;margin:10vh auto !important; padding:2.5rem; border-radius:20px; width:90%; max-width:700px; position:relative; color:#1B212D} .modal-content h2 {margin:0 2rem 1rem 0} .close {position:absolute; right:1rem; top:0rem; font-size:40px; transition:all 0.25s ease} .close:hover, .close:focus {color:#1B212D;text-decoration:none;cursor:pointer; transform:scale(1.2)} @media screen and (max-width:780px) { .modal-content {padding:1.5rem; width:auto; max-width:calc(90% - 3rem); margin-bottom:10vh} } /* Bubble mat bespoke */ .postid-392 table.variations tr:first-of-type {display: none} input#userLength {padding: .9em 1.1em} button#customCalc {padding: 1rem;background: #edc50c;border: none;border-radius: 5px;font-size: inherit} /* Downloads */ @media screen and (max-width:1150px) { .downloads ul.columns-3 {grid-template-columns: repeat(2, minmax(0, 1fr)) !important} } @media screen and (max-width:780px) { .downloads ul.columns-3 {grid-template-columns: repeat(2, minmax(0, 1fr)) !important} .downloads ul.columns-3 figure.alignright {float:none!important; margin:0!important} .downloads ul.columns-3 li .wp-block-group {padding:1rem !important} } @media screen and (max-width:450px) { .downloads ul.columns-3 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important} } /* Hover Images */ .wc-block-grid__product-image, .wp-block-post-featured-image {position:relative;overflow:hidden; border-radius:15px} .wc-block-grid__product-image img, .wp-block-post-featured-image img {transition: all 0.25s ease} .wc-block-grid__product-image:hover img, .wp-block-post-featured-image:hover img { transform:scale(1.1)} /* Various Mobile */ @media screen and (max-width:780px) { .wp-block-group[style*="padding-top:10vh"] { padding-top:2rem !important } .wp-block-group[style*="padding-bottom:10vh"] { padding-bottom:2rem !important } .wp-block-spacer[style*="height:10vh"] { height:2rem !important } .wp-block-group[style*="padding-top:5vh"] { padding-top:1rem !important } .wp-block-group[style*="padding-bottom:5vh"] { padding-bottom:1rem !important } .wp-block-spacer[style*="height:5vh"] { height:1rem !important } .wp-block-columns.icon-features {display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap:2rem !important} .wp-block-columns.switch .wp-block-column:first-of-type {order:2} .wp-block-columns.switch .wp-block-column:last-of-type {order:1} .wc-block-components-product-image img {height:auto !important} .dt-only {display:none !important} } @media screen and (max-width:550px) { .wp-block-columns.icon-features h3 {font-size:1.1rem !important} }