/*
Theme Name: Storefront Child
Template: storefront
*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{-ms-word-wrap:break-word;word-wrap:break-word}body,button,input,textarea{color:#43454b;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:1.618;text-rendering:optimizeLegibility;font-weight:400}select{color:initial;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;max-width:100%}summary{display:list-item}h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;margin:0;color:#000}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:300}h1,.alpha{font-size:2.617924em;line-height:1.214;letter-spacing:-1px}h2,.beta{font-size:2em;line-height:1.214}h2+h3,.beta+h3{border-top:1px solid rgba(0,0,0,.05);padding-top:.5407911001em}h3,.gamma{font-size:1.618em}h4,.delta{font-size:1.41575em}.alpha,.beta,.gamma,.delta{display:block}p+h2,p+header h2,p+h3,p+h4,ul+h2,ul+header h2,ul+h3,ul+h4,ol+h2,ol+header h2,ol+h3,ol+h4,table+h2,table+header h2,table+h3,table+h4,blockquote+h2,blockquote+header h2,blockquote+h3,blockquote+h4,form+h2,form+header h2,form+h3,form+h4{margin-top:2.2906835em}hr{background-color:#ccc;border:0;height:1px;margin:0 0 1.41575em}p{margin:0 0 1.41575em}ul,ol{margin:0 0 1.41575em 3em;padding:0}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1em}dt{font-weight:600}dd{margin:0 0 1.618em}b,strong{font-weight:600}dfn,cite,em,i{font-style:italic}blockquote{padding:0 1em;border-left:3px solid rgba(0,0,0,.05);font-style:italic}address{margin:0 0 1.41575em}pre{background:rgba(0,0,0,.1);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.618em;padding:1.618em;overflow:auto;max-width:100%}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;background-color:rgba(0,0,0,.05);padding:.202em .5407911001em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{text-decoration:none;font-weight:600;background:rgba(0,0,0,0)}sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}img{height:auto;max-width:100%;display:block;border-radius:3px}a{color:#2c2d33;text-decoration:none}a:focus,input:focus,textarea:focus,button:focus{outline:2px solid #7f54b3}.storefront-cute *{font-family:"Comic Sans MS",sans-serif}*{box-sizing:border-box}body{background-color:#fff;overflow-x:hidden}.site{overflow-x:hidden}.site-content,.header-widget-region{-webkit-tap-highlight-color:rgba(0,0,0,0)}.site-header{background-color:#2c2d33;padding-top:1.618em;padding-bottom:1.618em;color:#9aa0a7;background-position:center center;position:relative;z-index:999;border-bottom:1px solid rgba(0,0,0,0)}.site-header .site-logo-anchor,.site-header .site-logo-link,.site-header .custom-logo-link{display:block;margin-bottom:0}.site-header .site-logo-anchor img,.site-header .site-logo-link img,.site-header .custom-logo-link img{width:100%;max-width:210px}.site-header .widget{margin-bottom:0}.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb.page-template-template-homepage .site-header{margin-bottom:0}.header-widget-region{position:relative;z-index:99}.header-widget-region::before,.header-widget-region::after{content:"";display:table}.header-widget-region::after{clear:both}.header-widget-region .widget{margin:0;padding:1em 0;font-size:.875em}.site-branding{float:left;margin-bottom:0;width:calc(100% - 120px)}.site-branding .site-title{font-size:2em;letter-spacing:-1px;margin:0}.site-branding .site-title a{font-weight:700}.site-branding .site-description{font-size:.875em;display:none}.site-branding .logo{margin:0}.site-main{margin-bottom:2.617924em}.site-content{outline:none}.page-template-template-homepage:not(.has-post-thumbnail) .site-main{padding-top:4.235801032em}.page-template-template-homepage .type-page{padding-top:2.617924em;padding-bottom:2.617924em;position:relative}.page-template-template-homepage .type-page .storefront-hero__button-edit{position:absolute;top:1em;right:1em;font-size:.875em}.page-template-template-homepage .entry-content{font-size:1.1em}.page-template-template-homepage .entry-content p:last-child{margin-bottom:0}.page-template-template-homepage .entry-header h1{font-size:3.706325903em;margin-bottom:.2360828548em}.page-template-template-homepage .entry-content,.page-template-template-homepage .entry-header{max-width:41.0994671405em;margin-left:auto;margin-right:auto;text-align:center}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail{background-size:cover;background-position:center center;padding-top:6.8535260698em;padding-bottom:6.8535260698em}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title{opacity:0;transition:all,ease,.5s}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded{opacity:1}.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{color:#333437}.site-footer a{color:#2c2d33;text-decoration:underline}.site-footer a:hover{text-decoration:none}.site-footer a.button,.site-footer a.components-button:not(.is-link),.site-footer a.wp-block-button__link{text-decoration:none}.site-info{padding:2.617924em 0}.site-info span[role=separator]{padding:0 .2360828548em 0 .3342343017em}.site-info span[role=separator]::before{content:"|"}.alignleft{display:inline;float:left;margin-right:1em}.alignright{display:inline;float:right;margin-left:1em}.aligncenter{clear:both;display:block;margin:0 auto}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;display:block;font-weight:700;height:auto;left:0;line-height:normal;padding:1em 1.618em;text-decoration:none;top:0;width:auto;z-index:100000;outline:none}.screen-reader-text.skip-link:focus{-webkit-clip-path:none;clip-path:none}.clear::before,.clear::after,.entry-content::before,.entry-content::after,.comment-content::before,.comment-content::after,.site-header::before,.site-header::after,.site-content::before,.site-content::after,.site-footer::before,.site-footer::after{content:"";display:table}.clear::after,.entry-content::after,.comment-content::after,.site-header::after,.site-content::after,.site-footer::after{clear:both}table{border-spacing:0;width:100%;margin:0 0 1.41575em;border-collapse:separate}table caption{padding:1em 0;font-weight:600}table td,table th{padding:1em 1.41575em;text-align:left;vertical-align:top}table td p:last-child,table th p:last-child{margin-bottom:0}table th{font-weight:600}table thead th{padding:1.41575em;vertical-align:middle}table tbody h2{font-size:1em;letter-spacing:normal;font-weight:400}table tbody h2 a{font-weight:400}.error404 .site-content .widget_product_search{padding:1.618em;background-color:rgba(0,0,0,.025)}.error404 .site-content .widget_product_search form{margin:0}.error404.right-sidebar .content-area,.error404.left-sidebar .content-area{width:100%}.error404 .fourohfour-columns-2{padding:2.617924em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;margin-bottom:2.617924em}.error404 .fourohfour-columns-2::before,.error404 .fourohfour-columns-2::after{content:"";display:table}.error404 .fourohfour-columns-2::after{clear:both}.error404 .fourohfour-columns-2 ul.products li.product,.error404 .fourohfour-columns-2 .widget{margin-bottom:0}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:2.2906835em}.error404 .fourohfour-columns-2 .col-1 ul.products li.product{width:45.4545454545%;float:left;margin-right:9.0909090909%}.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child{margin-right:0}.error404 .fourohfour-columns-2 .col-2{padding:1.618em;background-color:rgba(0,0,0,.025)}#comments{padding-top:2.617924em}#comments .comments-title{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5407911001em;margin-bottom:1.618em}#comments .comment-list{list-style:none;margin-left:0}#comments .comment-list .comment-body::before,#comments .comment-list .comment-body::after{content:"";display:table}#comments .comment-list .comment-body::after{clear:both}#comments .comment-list .comment-content{padding-bottom:1.618em;margin-bottom:1.618em}#comments .comment-list .comment-content .comment-text{padding:1.618em;border-radius:3px}#comments .comment-list .comment-content .comment-text p:last-child{margin-bottom:0}#comments .comment-list .comment-meta{margin-bottom:1em}#comments .comment-list .comment-meta .avatar{margin-bottom:1em;max-width:64px;height:auto}#comments .comment-list .comment-meta a.comment-date{font-size:.875em}#comments .comment-list .comment-meta cite{font-style:normal;clear:both;display:block}#comments .comment-list .reply{margin-bottom:1.618em;padding-top:.6180469716em}#comments .comment-list .reply::before,#comments .comment-list .reply::after{content:"";display:table}#comments .comment-list .reply::after{clear:both}#comments .comment-list .reply a{display:inline-block;margin-right:1em}#comments .comment-list .reply a:last-child{margin-right:0}#comments .comment-list .children{list-style:none}.comment-content a{word-wrap:break-word}#respond{clear:both;padding:1.618em;background-color:rgba(0,0,0,.0125);position:relative}#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input{width:100%}#respond .form-submit,#respond form{margin-bottom:0}#respond #cancel-comment-reply-link{position:absolute;top:.5407911001em;right:.5407911001em;display:block;height:1em;width:1em;overflow:hidden;line-height:1;font-size:1.41575em;text-align:center;transition:transform,ease,.3s}#respond #cancel-comment-reply-link:hover{transform:scale(1.3)}.hentry{margin:0 0 4.235801032em}.hentry .wp-post-image{margin-bottom:1.618em;margin-left:auto;margin-right:auto}.hentry .entry-header{margin-bottom:1em;border-bottom:1px solid rgba(0,0,0,.05)}.hentry .entry-header .posted-on,.hentry .entry-header .post-author,.hentry .entry-header .post-comments,.hentry .entry-header .byline{font-size:.875em}.hentry .entry-header .posted-on a,.hentry .entry-header .post-author a,.hentry .entry-header .post-comments a,.hentry .entry-header .byline a{font-weight:600;text-decoration:underline}.hentry .entry-header .posted-on a:hover,.hentry .entry-header .post-author a:hover,.hentry .entry-header .post-comments a:hover,.hentry .entry-header .byline a:hover{text-decoration:none}.hentry .entry-content a{text-decoration:underline}.hentry .entry-content a:hover{text-decoration:none}.hentry .entry-content a.button,.hentry .entry-content a.components-button:not(.is-link),.hentry .entry-content a.wp-block-button__link{text-decoration:none}.hentry .entry-taxonomy{margin:1.41575em 0 0;padding-top:1em;border-top:1px solid rgba(0,0,0,.05)}.hentry.type-page .entry-header{border-bottom:0;margin-bottom:0}.cat-links,.tags-links{font-size:.875em}.cat-links a,.tags-links a{color:#727272;font-weight:600;text-decoration:underline}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.page-links{clear:both;margin:0 0 1em}form{margin-bottom:1.618em}button,input,select,textarea{font-size:100%;margin:0}button,input[type=button],input[type=reset],input[type=submit],.button,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.added_to_cart{border:0;border-radius:0;background:none;background-color:#43454b;border-color:#43454b;color:#fff;cursor:pointer;padding:.6180469716em 1.41575em;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;-webkit-appearance:none}button::after,input[type=button]::after,input[type=reset]::after,input[type=submit]::after,.button::after,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,.added_to_cart::after{display:none}button.cta,button.alt,input[type=button].cta,input[type=button].alt,input[type=reset].cta,input[type=reset].alt,input[type=submit].cta,input[type=submit].alt,.button.cta,.button.alt,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,.added_to_cart.cta,.added_to_cart.alt{background-color:#2c2d33;border-color:#2c2d33}button.cta:hover,button.alt:hover,input[type=button].cta:hover,input[type=button].alt:hover,input[type=reset].cta:hover,input[type=reset].alt:hover,input[type=submit].cta:hover,input[type=submit].alt:hover,.button.cta:hover,.button.alt:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,.added_to_cart.cta:hover,.added_to_cart.alt:hover{background-color:#2c2d33}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.button:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,.added_to_cart:hover{color:#fff}button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading,.button.loading,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,.added_to_cart.loading{opacity:.5}button.small,input[type=button].small,input[type=reset].small,input[type=submit].small,.button.small,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,.added_to_cart.small{padding:.5407911001em .875em;font-size:.875em}button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled,.button.disabled,.button:disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,.added_to_cart.disabled,.added_to_cart:disabled{opacity:.5 !important;cursor:not-allowed}button.disabled:hover,button:disabled:hover,input[type=button].disabled:hover,input[type=button]:disabled:hover,input[type=reset].disabled:hover,input[type=reset]:disabled:hover,input[type=submit].disabled:hover,input[type=submit]:disabled:hover,.button.disabled:hover,.button:disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,.added_to_cart.disabled:hover,.added_to_cart:disabled:hover{opacity:.5 !important}.button.woocommerce-MyAccount-downloads-file{overflow-wrap:anywhere;word-break:break-word;-ms-word-break:break-all}.wc-block-components-button:not(.is-link).disabled,.wc-block-components-button:not(.is-link):disabled{opacity:.5;cursor:not-allowed}.wc-block-components-button:not(.is-link).disabled:hover,.wc-block-components-button:not(.is-link):disabled:hover{opacity:.5}input[type=checkbox],input[type=radio]{padding:0}input[type=checkbox]+label,input[type=radio]+label{margin:0 0 0 .3819820591em}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]{box-sizing:border-box}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,.input-text{padding:.6180469716em;background-color:#f2f2f2;color:#43454b;border:0;-webkit-appearance:none;box-sizing:border-box;font-weight:400;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,.input-text:focus{background-color:#ededed}textarea{overflow:auto;padding-left:.875em;vertical-align:top;width:100%}label{font-weight:400}label.inline input{width:auto}fieldset{padding:1.618em;padding-top:1em;border:0;margin:0;margin-bottom:1.618em;margin-top:1.618em}fieldset legend{font-weight:600;padding:.6180469716em 1em;margin-left:-1em}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0}.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;display:inline-block;border-radius:0}.wp-caption{margin-bottom:1em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto}.wp-caption .wp-caption-text{text-align:left;font-style:italic;border-bottom:2px solid rgba(0,0,0,.05);padding:1em 0}.gallery{margin-bottom:1em}.gallery::before,.gallery::after{content:"";display:table}.gallery::after{clear:both}.gallery .gallery-item{float:left}.gallery .gallery-item .gallery-icon a{display:block}.gallery .gallery-item .gallery-icon img{border:none;height:auto;margin:0 auto}.gallery .gallery-item .gallery-caption{margin:0;text-align:center}.gallery.gallery-columns-1 .gallery-item{width:100%}.gallery.gallery-columns-2 .gallery-item{width:50%}.gallery.gallery-columns-3 .gallery-item{width:33.3%}.gallery.gallery-columns-4 .gallery-item{width:25%}.gallery.gallery-columns-5 .gallery-item{width:20%}.gallery.gallery-columns-6 .gallery-item{width:16.666666667%}.gallery.gallery-columns-7 .gallery-item{width:14.285714286%}.gallery.gallery-columns-8 .gallery-item{width:12.5%}.gallery.gallery-columns-9 .gallery-item{width:11.111111111%}embed,iframe,object,video{max-width:100%}.secondary-navigation{display:none}button.menu-toggle{cursor:pointer;text-align:left;float:right;position:relative;border:2px solid rgba(0,0,0,0);box-shadow:none;border-radius:2px;background-image:none;padding:.6180469716em .875em .6180469716em 2.617924em;font-size:.875em;max-width:120px}button.menu-toggle:hover{background-image:none}button.menu-toggle span::before{transition:all,ease,.2s}button.menu-toggle::before,button.menu-toggle::after,button.menu-toggle span::before{content:"";display:block;height:2px;width:14px;position:absolute;top:50%;left:1em;margin-top:-1px;transition:all,ease,.2s;border-radius:3px}button.menu-toggle::before{transform:translateY(-4px)}button.menu-toggle::after{transform:translateY(4px)}.toggled button.menu-toggle::before,.toggled button.menu-toggle::after{transform:rotate(45deg)}.toggled button.menu-toggle::after{transform:rotate(-45deg)}.toggled button.menu-toggle span::before{opacity:0}.primary-navigation{display:none}.main-navigation::before,.main-navigation::after{content:"";display:table}.main-navigation::after{clear:both}.main-navigation div.menu{display:none}.main-navigation div.menu:last-child{display:block}.main-navigation .menu{clear:both}.handheld-navigation,.nav-menu,.main-navigation div.menu>ul:not(.nav-menu){overflow:hidden;max-height:0;transition:all,ease,.8s}.handheld-navigation{clear:both}.handheld-navigation ul{margin:0}.handheld-navigation ul.menu li{position:relative}.handheld-navigation ul.menu li button::after{transition:all,ease,.9s}.handheld-navigation ul.menu li button.toggled-on::after{transform:rotate(180deg)}.handheld-navigation ul.menu .sub-menu{visibility:hidden;opacity:0;max-height:0;transition:all,ease,.9s}.handheld-navigation ul.menu .sub-menu.toggled-on{visibility:visible;max-height:9999px;opacity:1}.handheld-navigation .dropdown-toggle{background:rgba(0,0,0,0);position:absolute;top:0;right:0;display:block}.main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]{max-height:9999px}.main-navigation ul{margin-left:0;list-style:none;margin-bottom:0}.main-navigation ul ul{display:block;margin-left:1.41575em}.main-navigation ul li a{padding:.875em 0;display:block}.main-navigation ul li a:hover{color:#e6e6e6}.site-main nav.navigation{clear:both;padding:2.617924em 0}.site-main nav.navigation::before,.site-main nav.navigation::after{content:"";display:table}.site-main nav.navigation::after{clear:both}.site-main nav.navigation .nav-previous a,.site-main nav.navigation .nav-next a{display:inline-block}.site-main nav.navigation .nav-previous{float:left;width:50%}.site-main nav.navigation .nav-next{float:right;text-align:right;width:50%}.pagination,.woocommerce-pagination{padding:1em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;text-align:center;clear:both}.pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after{content:"";display:table}.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after{clear:both}.pagination .page-numbers,.woocommerce-pagination .page-numbers{list-style:none;margin:0;vertical-align:middle}.pagination .page-numbers li,.woocommerce-pagination .page-numbers li{display:inline-block}.pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers{border-left-width:0;display:inline-block;padding:.3342343017em .875em;background-color:rgba(0,0,0,.025);color:#43454b}.pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current{background-color:#2c2d33;border-color:#2c2d33}.pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots{background-color:rgba(0,0,0,0)}.pagination .page-numbers li .page-numbers.prev,.pagination .page-numbers li .page-numbers.next,.woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next{padding-left:1em;padding-right:1em}.pagination .page-numbers li a.page-numbers:hover,.woocommerce-pagination .page-numbers li a.page-numbers:hover{background-color:rgba(0,0,0,.05)}.rtl .pagination a.next,.rtl .pagination a.prev,.rtl .woocommerce-pagination a.next,.rtl .woocommerce-pagination a.prev{transform:rotateY(180deg)}.widget{margin:0 0 3.706325903em}.widget select{max-width:100%}.widget .widget-search .search-submit{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.widget .widget-title,.widget .widgettitle{font-size:1.41575em;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0 0 1em;margin-bottom:1em;font-weight:300}.widget ul{margin-left:0;list-style:none}.widget ul ul{margin-left:1.618em}.widget-area .widget{font-size:.875em;font-weight:400}.widget-area .widget h1.widget-title{font-size:1.41575em}.widget-area .widget a{font-weight:600;text-decoration:underline}.widget-area .widget a:hover{text-decoration:none}.widget-area .widget a.button,.widget-area .widget a.components-button:not(.is-link),.widget-area .widget a.wp-block-button__link{text-decoration:none}.widget-area .widget a.button{font-weight:600 !important}.widget_search form:not(.wp-block-search),.widget_product_search form:not(.wp-block-search){position:relative}.widget_search form:not(.wp-block-search) input[type=text],.widget_search form:not(.wp-block-search) input[type=search],.widget_product_search form:not(.wp-block-search) input[type=text],.widget_product_search form:not(.wp-block-search) input[type=search]{width:100%}.widget_search form:not(.wp-block-search) input[type=submit],.widget_search form:not(.wp-block-search) button[type=submit],.widget_product_search form:not(.wp-block-search) input[type=submit],.widget_product_search form:not(.wp-block-search) button[type=submit]{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important;top:0;left:0}.widget_recent_entries ul,.widget_pages ul,.widget_categories ul,.widget_archive ul,.widget_recent_comments ul,.widget_nav_menu ul,.widget_links ul,.widget_product_categories ul,.widget_layered_nav ul,.widget_layered_nav_filters ul{margin:0}.widget_recent_entries ul li,.widget_pages ul li,.widget_categories ul li,.widget_archive ul li,.widget_recent_comments ul li,.widget_nav_menu ul li,.widget_links ul li,.widget_product_categories ul li,.widget_layered_nav ul li,.widget_layered_nav_filters ul li{list-style:none;margin-bottom:1em;line-height:1.41575em}.widget_recent_entries ul .children,.widget_pages ul .children,.widget_categories ul .children,.widget_archive ul .children,.widget_recent_comments ul .children,.widget_nav_menu ul .children,.widget_links ul .children,.widget_product_categories ul .children,.widget_layered_nav ul .children,.widget_layered_nav_filters ul .children{margin-left:0;margin-top:1em}#wp-calendar th,#wp-calendar td,.wp-calendar-table th,.wp-calendar-table td{padding:.236em;text-align:center}.widget_recent_entries ul ul.children,.widget_pages ul ul.children{margin:.6180469716em 0 0 1.41575em}.widget_rating_filter .wc-layered-nav-rating{margin-bottom:.6180469716em}.widget_rating_filter .wc-layered-nav-rating a{text-decoration:none !important}.widget_rating_filter .wc-layered-nav-rating .star-rating{display:inline-block;height:1em;line-height:1}@media(min-width: 768px){table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th{text-align:left}.site-header{padding-top:2.617924em;padding-bottom:0}.site-header .site-branding{display:block;width:100%;float:left;margin-left:0;margin-right:0;clear:both}.site-header .site-branding img{height:auto;max-width:230px;max-height:none}.woocommerce-active .site-header .site-branding{width:73.9130434783%;float:left;margin-right:4.347826087%}.woocommerce-active .site-header .site-search{width:21.7391304348%;float:right;margin-right:0;clear:none}.woocommerce-active .site-header .main-navigation{width:73.9130434783%;float:left;margin-right:4.347826087%;clear:both}.woocommerce-active .site-header .site-header-cart{width:21.7391304348%;float:right;margin-right:0;margin-bottom:0}.storefront-secondary-navigation .site-header .site-branding{width:39.1304347826%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation .site-header .secondary-navigation{width:56.5217391304%;float:right;margin-right:0}.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{width:47.8260869565%;float:left;margin-right:4.347826087%}.site-branding .site-description{margin-bottom:0;display:block}.site-branding,.site-search,.site-header-cart,.site-logo-anchor,.site-logo-link,.custom-logo-link{margin-bottom:1.41575em}.site-header .subscribe-and-connect-connect{float:right;margin-bottom:1em}.site-header .subscribe-and-connect-connect .icons{list-style:none;margin:0}.site-header .subscribe-and-connect-connect .icons a{font-size:1em !important}.site-header .subscribe-and-connect-connect .icons li{margin:0 0 0 .5407911001em !important;display:inline-block}.col-full{max-width:66.4989378333em;margin-left:auto;margin-right:auto;padding:0 2.617924em;box-sizing:content-box}.col-full::before,.col-full::after{content:"";display:table}.col-full::after{clear:both}.col-full:after{content:" ";display:block;clear:both}.site-content::before,.site-content::after{content:"";display:table}.site-content::after{clear:both}.content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.widget-area{width:21.7391304348%;float:right;margin-right:0}.right-sidebar .content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.right-sidebar .widget-area{width:21.7391304348%;float:right;margin-right:0}.left-sidebar .content-area{width:73.9130434783%;float:right;margin-right:0}.left-sidebar .widget-area{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-full-width-content .content-area{width:100%;float:left;margin-left:0;margin-right:0}.content-area,.widget-area{margin-bottom:2.617924em}.page-template-template-fullwidth-php .content-area,.page-template-template-homepage-php .content-area{width:100%;float:left;margin-left:0;margin-right:0}.footer-widgets{padding-top:4.235801032em;border-bottom:1px solid rgba(0,0,0,.05)}.footer-widgets::before,.footer-widgets::after{content:"";display:table}.footer-widgets::after{clear:both}.footer-widgets.col-2 .block{width:47.8260869565%;float:left;margin-right:4.347826087%}.footer-widgets.col-2 .block.footer-widget-2{float:right;margin-right:0}.footer-widgets.col-3 .block{width:30.4347826087%;float:left;margin-right:4.347826087%}.footer-widgets.col-3 .block.footer-widget-3{float:right;margin-right:0}.footer-widgets.col-4 .block{width:21.7391304348%;float:left;margin-right:4.347826087%}.footer-widgets.col-4 .block.footer-widget-4{float:right;margin-right:0}.comment-list::before,.comment-list::after{content:"";display:table}.comment-list::after{clear:both}.comment-list .comment{clear:both}.comment-list .comment-meta{width:17.6470588235%;float:left;margin-right:5.8823529412%;text-align:right}.comment-list .comment-meta .avatar{float:right}.comment-list .comment-content{padding-bottom:3.706325903em;margin-bottom:3.706325903em}.comment-list .comment-content,.comment-list #respond{width:76.4705882353%;float:right;margin-right:0}.comment-list #respond{float:right}.comment-list #respond .comment-form-author,.comment-list #respond .comment-form-email,.comment-list #respond .comment-form-url{width:100%;margin-right:0}.comment-list .comment-body #respond{box-shadow:0 6px 2em rgba(0,0,0,.2);margin-bottom:2.617924em;margin-top:-1.618em}.comment-list .reply{clear:both;text-align:right}.comment-list ol.children{width:88.2352941176%;float:right;margin-right:0;list-style:none}.comment-list ol.children .comment-meta{width:20%;float:left;margin-right:6.6666666667%}.comment-list ol.children .comment-content,.comment-list ol.children #respond{width:73.3333333333%;float:right;margin-right:0}.comment-list ol.children ol.children{width:86.6666666667%;float:right;margin-right:0}.comment-list ol.children ol.children .comment-meta{width:23.0769230769%;float:left;margin-right:7.6923076923%}.comment-list ol.children ol.children .comment-content,.comment-list ol.children ol.children #respond{width:69.2307692308%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children{width:84.6153846154%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children .comment-meta{width:27.2727272727%;float:left;margin-right:9.0909090909%}.comment-list ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children #respond{width:63.6363636364%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children{width:81.8181818182%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children .comment-meta{width:33.3333333333%;float:left;margin-right:11.1111111111%}.comment-list ol.children ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children ol.children #respond{width:55.5555555556%;float:right;margin-right:0}#respond{padding:2.617924em}#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{width:29.4117647059%;float:left;margin-right:5.8823529412%}#respond .comment-form-url{float:right;margin-right:0}#respond .comment-form-comment{clear:both}.hentry .entry-header{margin-bottom:2.617924em}.menu-toggle,.handheld-navigation,.main-navigation.toggled .handheld-navigation,.main-navigation.toggled div.menu{display:none}.primary-navigation{display:block}.main-navigation,.secondary-navigation{clear:both;display:block;width:100%}.main-navigation ul,.secondary-navigation ul{list-style:none;margin:0;padding-left:0;display:block}.main-navigation ul li,.secondary-navigation ul li{position:relative;display:inline-block;text-align:left}.main-navigation ul li a,.secondary-navigation ul li a{display:block}.main-navigation ul li a::before,.secondary-navigation ul li a::before{display:none}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul,.secondary-navigation ul li:hover>ul,.secondary-navigation ul li.focus>ul{left:0;display:block}.main-navigation ul li:hover>ul li>ul,.main-navigation ul li.focus>ul li>ul,.secondary-navigation ul li:hover>ul li>ul,.secondary-navigation ul li.focus>ul li>ul{left:-9999px}.main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul li:hover>ul li:hover>ul,.main-navigation ul li:hover>ul li.focus>ul,.main-navigation ul li.focus>ul li:hover>ul,.main-navigation ul li.focus>ul li.focus>ul,.secondary-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li.focus>ul,.secondary-navigation ul li.focus>ul li:hover>ul,.secondary-navigation ul li.focus>ul li.focus>ul{left:100%;top:0;display:block}.main-navigation ul ul,.secondary-navigation ul ul{float:left;position:absolute;top:100%;z-index:99999;left:-9999px}.main-navigation ul ul.sub-menu--is-touch-device,.secondary-navigation ul ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul ul li,.secondary-navigation ul ul li{display:block}.main-navigation ul ul li a,.secondary-navigation ul ul li a{width:200px}ul.menu li.current-menu-item>a{color:#43454b}.storefront-primary-navigation{clear:both}.storefront-primary-navigation::before,.storefront-primary-navigation::after{content:"";display:table}.storefront-primary-navigation::after{clear:both}.main-navigation div.menu{display:block}.main-navigation ul.menu,.main-navigation ul.nav-menu{max-height:none;overflow:visible;margin-left:-1em;transition:none}.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{padding:1.618em 1em}.main-navigation ul.menu>li.menu-item-has-children:hover::after,.main-navigation ul.menu>li.page_item_has_children:hover::after,.main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,.main-navigation ul.nav-menu>li.page_item_has_children:hover::after{display:block}.main-navigation ul.menu ul,.main-navigation ul.nav-menu ul{margin-left:0}.main-navigation ul.menu ul li a,.main-navigation ul.nav-menu ul li a{padding:.875em 1.41575em;font-weight:400;font-size:.875em}.main-navigation ul.menu ul li:last-child,.main-navigation ul.nav-menu ul li:last-child{border-bottom:0}.main-navigation ul.menu ul ul,.main-navigation ul.nav-menu ul ul{margin-left:0;box-shadow:none}.main-navigation ul.menu ul a:hover,.main-navigation ul.menu ul li:hover>a,.main-navigation ul.menu ul li.focus,.main-navigation ul.nav-menu ul a:hover,.main-navigation ul.nav-menu ul li:hover>a,.main-navigation ul.nav-menu ul li.focus{background-color:rgba(0,0,0,.025)}.main-navigation a{padding:0 1em 2.2906835em}.secondary-navigation{margin:0 0 1.618em;width:auto;clear:none;line-height:1}.secondary-navigation .menu{font-size:.875em;width:auto;float:right}.secondary-navigation .menu>li:hover>a{text-decoration:none}.secondary-navigation .menu ul a{padding:.326em .875em;background:rgba(0,0,0,.05)}.secondary-navigation .menu ul li:first-child a{padding-top:1em}.secondary-navigation .menu ul li:last-child a{padding-bottom:1em}.secondary-navigation .menu ul ul{margin-top:-.6180469716em}.secondary-navigation .menu a{padding:1em .875em;color:#737781;font-weight:400}.secondary-navigation .menu a:hover{text-decoration:none}.error404 .fourohfour-columns-2 .col-1{width:47.8260869565%;float:left;margin-right:4.347826087%}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:0}.error404 .fourohfour-columns-2 .col-2{width:47.8260869565%;float:right;margin-right:0}}@media(max-width: 66.4989378333em){.col-full{margin-left:2.617924em;margin-right:2.617924em;padding:0}}@media(max-width: 568px){.col-full{margin-left:1.41575em;margin-right:1.41575em;padding:0}}
/* A G E N T S T Y L E S */
h1, h2, h3, h4, h5, h6 {
font-family: "Titillium Web", serif;
font-weight: 600;
font-style: normal;
}
p {
font-size: 18px;
}
body, button, input, textarea, a, span, li, p {
font-family: "Titillium Web", serif;
font-weight: 400;
font-style: normal;
}
html {
scroll-behavior: smooth;
}
.site-main {
margin-bottom: 0px!important;
}
.search-page {
display: flex;
flex-wrap: wrap;
gap:20px
}
.search-page .entry-content {
min-height: 100%;
height: auto;
position: relative;
}
.search-page .entry-content img {
height: 300px;
object-fit: cover;
min-height: 100%;
aspect-ratio: unset;
width: 100%;
margin: 0;
}
.search-page .entry-header .posted-on {
display: none;
}
.search-page .entry-content {
z-index: 5;
}
.search-page .entry-content p {
display: none;
}
.search-page .page-header, .search-page .navigation {
width: 100%;
}
.search-page article {
width: calc(20% - 16px);
position: relative;
border-radius: 0px;
overflow: hidden;
margin:0!important;
}
.search-page article .entry-taxonomy {
display: none;
}
/* .search-page article .entry-content::after {
position: absolute;
bottom: 0;
z-index: 10;
color: #fff;
padding: 25px 10px;
content:'';
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
} */
#signup-content {
margin-top:175px;
}
.search-page article .entry-header {
position: absolute;
bottom: 25px;
z-index: 15;
padding: 10px 25px;
margin:0;
border-radius: 20px;
background-color: rgba(0,0,0,0.5);
}
.k_basket .woocommerce {
align-self: flex-start;
}
.k_background {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover;
}
.woocommerce-lost-password p {
color: #000;
}
.search-page article .entry-header h2 {
font-size: 30px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color:#fff
}
.search-page article .entry-header h2 a {
font-size: 30px;
color:#fff!important;
}
.storefront-breadcrumb {
display: none;
}
.flex {
display: flex
}
.h-screen {
height: 100vh;
}
.hFourty {
height: 50vh!important;
min-height: 50vh!important;
}
.w-full {
width:100%;
}
.bg-black {
background-color: black;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
p {
color:#000;
margin:0;
padding: 0;
}
/* NAV */
* {
padding:0;
margin:0;
}
.top_border {
height: 5px;
position: fixed;
top:0; left:0;
width: 100%;
z-index: 100;
}
.k_nav {
position: fixed;
top: 25px;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 100px;
display: flex;
justify-content: space-between;
margin: 0 auto;
z-index: 999;
gap:25px;
overflow: hidden
}
.k_nav_items {
width: 88%; height:100%;
background-color: rgba(150, 150, 150, 0.7);
backdrop-filter:blur(5px);
border:solid 1px #fff;
border-radius: 15px;
padding:25px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.close_menu_icon {
display:none;
}
.k_nav_items ul {
display: flex;
gap: 50px;
padding: 0;
margin: 0;
height: 100%;
justify-content: flex-end;
align-items: center;
}
.k_nav_items li:last-of-type {
background: #0c5495;
border: solid 1px #fff;
border-radius: 0px 0px 10px 0px;
transition: 0.4s all ease-in-out;
}
/* .k_nav_items li:last-of-type:hover{
background: #fff;
border: solid 1px #0c5495;
border-radius: 0px 0px 10px 0px;
}
.k_nav_items li:last-of-type:hover a {
color:#0c5495!important;
} */
.k_nav_items li:last-of-type a {
color: #fff;
padding: 5px 20px;
}
.k_nav_items li {
list-style: none;
}
.k_nav_items li a {
color: #fff;
font-weight: 600;
font-size: 20px;
transition: 0.4s all ease-in-out;
}
/* .k_nav_items a:focus {
outline: none!important;
border: none!important;
} */
.k_nav_items li a:hover {
color:#fff;
}
.k_nav_items .logo {
height: 100%;
object-fit: contain;
min-width: 200px;
position: relative;
}
.k_nav_shop {
width: 10%; height:100%;
background-color: rgba(150, 150, 150, 0.7);
backdrop-filter:blur(5px);
border:solid 1px #fff;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.k_nav_shop a {
width: 50%; height:100%;
display: flex;
justify-content: center;
align-items: center;
}
.k_nav_shop a img {
transition: 0.4s all ease-in-out;
}
.k_nav_shop a img {
filter:brightness(0) invert(1);
}
.k_nav_shop a:focus {
outline: none;
border: none;
}
.k_nav_shop a:first-of-type {
border-right: solid 1px white;
border-radius: 15px 0px 0px 15px;
}
.k_nav_shop a:last-of-type {
border-radius: 0px 15px 15px 0px;
}
.k_nav_shop img {
height: 32px;
}
.storefront-sticky-add-to-cart {
display: none!important;
}
.storefront-sticky-add-to-cart--slideInDown {
display: none!important;
}
.wpforms-submit {
border-radius: 0px 0px 20px 0px;
}
.k_nav_mob_burger {
width: auto; height:100%;
background-color: rgba(150, 150, 150, 0.7);
backdrop-filter:blur(5px);
border:solid 1px #fff;
border-radius: 15px;
justify-content: center;
align-items: center;
padding:25px;
display: none;
}
.woocommerce {
width: 100%;
}
.k_nav_mob_burger img {
height: 33px; width: 33px;
min-width: 33px;
border-radius: 0px!important;
}
@media (max-width:1024px) {
.HeroBlock {
flex-direction: column;
padding:125px 5% 0px 5%!important;
gap:25px;
}
.hero_bottom_section {
position: relative!important;
margin-top:auto
}
.search-page article {
width: calc(50% - 10px);
}
.mainRcContent .swiper-slide .sliderContainer {
flex-direction: column;
}
.slider__image {
display: none !important;
}
.tabSection .tabSection_tableTitles .tab_title {
border-radius: 0px!important;
}
.tabSection .tabSection_tableTitles .tab_title:first-of-type {
border-radius: 20px 20px 0px 0px!important
}
.subfooter {
padding:25px 5% 25px 5%!important;
}
.policies_footer {
padding:25px 5% 75px 5%!important;
}
.resourceCenter .stickySideNav {
display: none!important;
}
.tabSection_content_item {
width: 100%!important
}
.k_nav_menu_items {
display: none !important;
}
.k_nav_items {
width: auto!important;
}
.k_nav {
height: 90px;
}
.k_nav_mob_burger {
display: flex;
}
}
.post-author {
display: none;
}
.search_page {
padding: 0px 5% 0px 5% !important;
min-height: 100vh;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 25px;
}
.search_page h1 {
text-align: center;
color:#fff
}
.search_page .search-container {
max-width: 90%;
width: 500px;
}
.search_page .search-container form {
width:100%;
display: flex;
}
.search_page .search-container form input {
flex:1;
}
@media (max-width:1300px) {
.k_nav_items li:last-of-type {
display: none!important;
}
}
@media (max-width:1500px) {
.k_nav_shop {
display: none;
}
.k_nav_items {
width: 100%;
}
}
.four_panels_content {
position: absolute !important;
top: 0;
left: 0;
display: flex;
flex-direction: row;
height: 100%;
}
.four_panels_content a {
flex:1;
min-height: 100%;
transition: all 0.3s ease;
position: relative;
}
.four_panels_content a:hover .overlay {
background-color: rgba(0,0,0,0.1);
}
.four_panels_content a:hover {
flex: 1.5; /* Make the hovered wider (1.5 = 33%) */
}
.four_panels_content a:hover ~ a,
.four_panels_content a:not(:hover) {
flex: 1; /* Shrink the non-hovered to (1 = 22.33% combined with hover's flex) */
}
.four_panels_content a .overlay {
position: absolute;
top: 0; left: 0;
height: 100%; width: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 2;
transition: 0.3s all ease;
}
.four_panels_content img {
height: 100%;
width: 100%;
object-fit: cover;
z-index: 1;
}
@media (max-width: 768px) {
.hero_bottom_section {
display: none;
}
.four_panels_content a .overlay {
background-color: rgba(0,0,0,0.3);
}
.four_panels_content a:hover {
flex: 1; /* Make the hovered wider (1.5 = 33%) */
}
.four_panels_content {
flex-direction: column;
width: 100%;
}
.four_panels_content a {
min-height: unset;
height: 25%;
width: 100%;
}
}
/* WOOCOMMERCE STYLING */
.storefront-product-pagination {
display: none!important;
}
.productsPageBanner {
position: relative;
padding:175px 5% 50px 5%;
width:100%;
background:red;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;
background: url('https://khire.co.uk/content/uploads/2024/11/AdobeStock_146280649.jpeg');
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 50px;
}
.productsPageBanner .overlay {
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
z-index: 1;
position: absolute; top:0; left: 0;
}
.productsPageBanner h1 {
color:#fff;
font-size: 80px;
font-weight: 600;
z-index: 2;
position: relative;
}
.productsPageBanner p {
color:#fff;
text-align: center;
z-index: 2;
position: relative;
font-size: 18px;
}
.products .button {
background-color: #f32d2b;
border-radius: 0px 0px 20px 0px;
float: right;
font-size: 20px;
transition: 0.4s all ease-in-out;
margin-top:auto;
}
.products .button:hover{
background-color: #d90e0c; /*20% darker than khire red*/
}
.woocommerce-message {
display: none !important
}
.woocommerce ul.products {
display: flex!important;
flex-wrap: wrap!important;
gap:25px!important;
width: 100%!important;
}
.single-product div.product .woocommerce-product-gallery img {
margin: 0 auto;
}
.woocommerce ul.products::before {
display: none!important;
}
.post .cat-links {
display: none!important;
}
.woocommerce ul.products .product {
width: calc(25% - 18.75px)!important;
border-radius: 20px;
padding: 0px 0px 25px 0px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 20px;
margin-bottom: 0px!important;
margin-right:0px!important;
}
.woocommerce-loop-product__title {
color:#000!important;
}
.woocommerce ul.products .product h2, .woocommerce ul.products .product .button {
margin: auto 25px 0px 25px !important
}
.products .product .added_to_cart {
margin: auto 25px 0px 25px !important;
background-color: #0d5496 !important;
border-radius: 0px 0px 20px 0px;
float: right;
transition: 0.4s all ease-in-out;
margin-top: auto;
}
.woocommerce-info .button {
padding: 5px 20px;
border-radius: 0px 0px 20px 0px;
}
.woocommerce-MyAccount-navigation ul {
list-style-type: none;
}
.woocommerce-Button {
border-radius: 0px 0px 20px 0px;
}
.woocommerce-address-fields {
margin-bottom: 20px;
}
.woocommerce-address-fields__field-wrapper {
display: flex;
flex-direction: column;
gap:20px;
}
ul.products li.product img {
margin:0!important;
width:100%!important;
aspect-ratio: 1/1!important;
}
.woocommerce-loop-product__link {
margin:0!important;
width: 100%!important;
aspect-ratio: 1/1!important;
display: flex!important;
flex-direction: column!important;
gap:20px!important;
}
ul.products li.product .woocommerce-loop-product__title {
text-align: right!important;
font-size: 18px!important;
margin-bottom:0px!important;
}
.product__features {
clear: both!important;
}
.product__features h2 {
color:#000;
font-weight: 600;
font-size: 40px;
padding-bottom: 25px;
text-align: left!important;
}
.product__features li {
font-size: 18px;
}
.productPageSidenav a.clearFilter {
display: block;
margin-top:12.5px!important;
}
.category-filter {
margin:0;
padding:0;
margin-top:25px;
}
.category-filter li {
list-style-type: none;
}
.product__features ul {
list-style-image: url('https://khire.co.uk/content/uploads/2024/11/Asset-1-1.svg');
}
.product__features {
background: #ededed;
border-radius: 20px;
padding: 50px;
margin-bottom: 50px;
}
.product__features ul {
margin-bottom: 0px;
margin-top: 0px;
}
.product__downloads {
background: #40404a;
border-radius: 20px;
padding: 50px;
margin-bottom: 50px;
clear:both;
}
.product__downloads h2 {
color:#fff;
font-size: 40px;
font-weight: 600;
text-align: left!important;
padding-bottom: 25px;
}
.downloads_inner {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.downloads_entry {
width: calc(50% - 12.5px);
display: flex;
flex-direction: row;
gap:10px;
}
.downloads_entry p {
flex:1;
background-color: white;
padding: 10px 20px;
}
.downloads_entry a {
background-color: #f32d2c;
border-radius: 0px 0px 20px 0px ;
color:#fff;
padding:10px 20px;
}
.product__specifications h2 {
font-weight: 600;
font-size: 40px;
text-align: left!important;
padding-left: 50px;
padding-bottom: 50px;
color:#000;
}
.specifications_entry {
width: 100%;
display: flex;
}
.specifications__table {
max-height: 300px;
overflow-y:auto;
}
.specifications_entry:nth-child(odd) {
background-color: #e7e7e7;
}
.specifications_entry:nth-child(even) {
background-color: #fff;
}
.specifications_entry p {
padding: 10px 20px;
width: 50%;
}
.specifications_entry p:first-of-type {
border-right:solid 1px #000;
}
.searchAndFilter {
margin-left: auto;
width: calc(70% - 50px);
margin-right: 5%;
display: flex;
justify-content: space-between;
gap: 50px;
align-items: center;
}
.searchAndFilter .searchAndFilter_search {
display: flex;
margin: 0px;
gap: 10px;
flex:1;
}
.searchAndFilter .searchAndFilter_search input {
flex:1;
}
.searchAndFilter .searchAndFilter_search button {
border-radius: 0px 0px 20px 0px;
font-size: 20px;
font-weight: 600;
}
.searchAndFilter .woocommerce-ordering select {
padding:10px!important;
border-radius: 0px 0px 20px 0px;
border-width: 2px;
height: 46px;
}
#categoryFilter {
appearance: none; /* Remove default arrow */
-webkit-appearance: none; /* For Safari */
-moz-appearance: none; /* For Firefox */
background-color: transparent; /* Adjust as needed */
padding: 10px!important; /* Adjust padding */
border-radius: 0px 0px 20px 0px; /* Adjust border radius */
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent!important;
background-image: url("data:image/svg+xml;utf8,")!important;
background-repeat: no-repeat!important;
background-position-x: 100%!important;
background-position-y: 9px!important;
padding: 1rem;
padding-right: 2rem;
}
#tagFilter {
appearance: none; /* Remove default arrow */
-webkit-appearance: none; /* For Safari */
-moz-appearance: none; /* For Firefox */
background-color: transparent; /* Adjust as needed */
padding: 10px!important; /* Adjust padding */
border-radius: 0px 0px 20px 0px; /* Adjust border radius */
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent!important;
background-image: url("data:image/svg+xml;utf8,")!important;
background-repeat: no-repeat!important;
background-position-x: 100%!important;
background-position-y: 9px!important;
padding: 1rem;
padding-right: 2rem;
}
.storefront-sorting .woocommerce-ordering {
display: none;
}
.productPageParent {
display: flex;
flex-direction: row;
gap: 50px;
margin-top: 0px;
padding: 50px 5%;
width: 100%;
align-items: flex-start;
}
.productPageSidenav {
display: flex;
flex-direction: column;
gap: 25px;
width: 30%;
}
.productPageSidenav_filters {
padding: 25px;
border-top:solid 5px #f32d2b;
background-color: #ededed;
}
.productPageSidenav_button {
background-color:#40404a;
padding:10px;
color:#fff;
text-align: center;
border-radius: 0px 0px 20px 0px;
cursor: pointer;
}
.product-category-banner {
position: absolute;
top: 20px;
font-size: 18px;
font-weight: 700;
background: white;
padding: 5px 10px;
border-radius: 0px 20px 0px 0px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pagination, .woocommerce-pagination {
margin: 0 auto !important;
float: unset !important;
border: unset !important;
}
.woocommerce-pagination ul {
display: flex!important;
flex-direction: row;
gap: 10px;
justify-content: center;
align-items: center;
}
.woocommerce-pagination ul li span.current {
background: #ededed!important;
line-height: 50px;
border-radius: 20px 0px 0px 0px;
padding: 0px!important;
font-size: 18px;
height: 50px;
width: 50px;
}
.woocommerce-pagination ul li a {
background: #fff!important;
line-height: 50px;
border-radius: 20px 0px 0px 0px;
padding: 0px!important;
font-size: 18px;
height: 50px;
width: 50px;
}
.k_basket {
min-height: 100vh;
padding-top: 150px;
width: 75%;
margin: 0 auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.myAccountImage {
position: fixed;
top: 0; left:0;
width:100%; height:100%;
object-fit: cover;
z-index: -1;
}
.singleProductSideNav_content li {
list-style: none;
}
.k_login_wrapper {
display: flex;
flex-direction: row;
gap: 0px;
margin: 25px 0px;
}
.k_login_image_half {
width: 50%;
border-radius: 20px 0px 0px 20px;
overflow: hidden !important;
}
.k_login_image_half img {
height: 100%;
width: 100%;
object-fit: cover;
}
form.woocommerce-form.woocommerce-form-login.login {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
background-color: #ededed;
margin-bottom: 0px!important;
border-radius: 0px 20px 20px 0px;
padding: 50px;
}
.woocommerce-form-login.login h2 {
font-size:40px;
font-weight: 600;
margin-bottom: 25px;
}
form.woocommerce-form.woocommerce-form-register.register {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
background-color: #ededed;
margin-bottom: 0px!important;
border-radius: 0px 20px 20px 0px;
padding: 50px;
}
form.woocommerce-ResetPassword.lost_reset_password {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
background-color: #ededed;
margin-bottom: 0px!important;
border-radius: 20px;
padding: 50px;
}
form.woocommerce-ResetPassword.lost_reset_password h2 {
font-size:40px;
font-weight: 600;
margin-bottom: 25px;
}
/* form.woocommerce-form.woocommerce-form-login.login .form-row {
display: flex;
flex-direction: column;
gap: 25px;
margin:25px 0px;
} */
.fourOhFourPage {
min-height: calc(100vh);
padding-top: 150px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap:10px;
}
.fourOhFourPage svg {
max-width: 90%;
min-width: 200px;
width: 200px;
}
.fourOhFourPage h2 {
font-size:100px;
}
.fourOhFourPage h3 {
padding-top: 0px;
font-size: 40px;
border-top: none;
color: #303030;
}
.fourOhFourPage p {
font-size:18px;
}
.fourOhFourPage a {
margin-top: 25px;
padding: 8px 16px;
border-radius: 50px;
background-color: #0d5496;
font-size: 20px;
color: #fff;
font-weight: 400;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
gap: 10px;
transition: 0.4s all ease-in-out;
border: solid 1px transparent;
z-index: 5;
}
form.woocommerce-form.woocommerce-form-register.register .woocommerce-privacy-policy-text {
margin:25px 0px;
}
.login_register_button, .register_login_button{
margin-top: 25px;
}
.woocommerce-form-register.register h2 {
font-size:40px;
font-weight: 600;
margin-bottom: 25px;
}
.hiddenForm {
display: none !important;
}
.activeForm {
display: flex!important;
}
.related {
width: 100%;
padding: 50px 5% 0px 5%;
display: flex;
flex-direction: column;
justify-content: center;
align-items:center;
}
.related h2:first-of-type {
font-size: 40px!important;
text-align: center;
color:#f32d2a;
font-weight: 600;
margin:0!important; padding:0;
}
.best_rate_products_outer {
margin: 50px 5%;
border-top:solid 1px #000;
display: flex;
flex-direction: column;
gap: 50px;
padding: 50px 0px;
}
.best-rate-products-slider .swiper-wrapper {
/* overflow: hidden !important; */
}
.featured_products_outer {
position: relative;
display: flex;
flex-direction: row;
}
.featured-products-slider {
width: 80%!important;
margin: 0 auto;
padding: 50px 0px 50px 0px;
overflow: hidden;
}
.featured_products_outer .prev_button_wrapper {
position: relative;
width: 10%;
height: auto;
min-height: 100%;
}
.featured_products_outer .next_button_wrapper {
position: relative;
width: 10%;
height: auto;
min-height: 100%;
}
.swiper-button-prev_featured {
max-width: 90%;
left: 50%!important;
transform: translateX(-50%);
height: 50px;
width: 50px;
background-image: url(https://khire.co.uk/content/themes/storefront-child/images/Asset-1@2x-1.png);
border-radius: 0px;
background-size: contain;
background-repeat: no-repeat;
background-position: top;
margin: 0;
}
.swiper-button-prev_featured::after {
display: none;
}
.swiper-button-next_featured::after {
display: none;
}
.swiper-button-next_featured {
max-width: 90%;
right: 50%!important;
height: 50px;
width: 50px;
background-image: url(https://khire.co.uk/content/themes/storefront-child/images/Asset-1@2x-1.png);
border-radius: 0px;
background-size: contain;
transform: rotate(180deg) translateX(-50%);
background-repeat: no-repeat;
background-position: bottom;
margin: 0;
}
.featured-products-slider .swiper-slide-inner {
width: 90%;
position: relative;
height: 100%;
margin: 0 auto;
aspect-ratio: 1/1;
}
.featured_products_button {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 0px;
}
.featured-product {
position: relative;
overflow: hidden;
}
.featured-product img {
position: absolute;
top: 0;
left: 0;
object-fit: contain;
height: 100%;
padding: 25px;
width: 100%;
z-index: 2;
}
.featured-product h3:hover ~ .overlay {
background-color: transparent;
}
.featured-product .overlay {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 2;
transition: 0.3s all ease-in-out;
z-index: 3;
border-radius: 0px 0px 0px 50px;
}
.featured-product .overlay:hover {
background-color: transparent;
}
.featured-product h3 {
transition: 0.3s all ease-in-out;
z-index: 4;
position: absolute;
bottom: 25px;
left: 25px;
padding: 0px 25px;
color: #fff;
font-weight: 600;
font-size: 24px;
line-height: 30px;
}
.featured-product h3:hover {
opacity: 0;
bottom:-250px;
}
.featured-product h3:hover .overlay {
background-color: transparent;
}
.featured-product:hover h3 {
opacity: 0;
bottom:-250px;
}
.featured-product:hover .overlay {
background-color: transparent;
}
.rotate-45 {
transform: rotate(45deg);
}
.best_rate_products_outer h2 {
text-align: center;
font-size: 90px;
color:#f32d2a;
font-weight: 700;
}
.best_rate_products {
display:flex;
flex-direction: row;
gap:25px;
justify-content: center;
align-items: center;
margin: 0px 0px 50px 0px;
}
.best-rate-products-slider {
position: relative;
}
.best-rate-product {
width: 100%;
background-color: #ededed;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 0px;
min-height: 100%;
height: auto;
align-self: stretch;
}
.best-rate-product:hover .best_rates_overlay {
opacity:1;
}
.best_rates_overlay {
transition: 0.3s all ease-in-out;
opacity: 0;
position: absolute;
top:0; left: 0;
width:100%;
aspect-ratio: 1/1;
background-color: rgba(0,0,0,0.7);
color:#fff;
display:flex;
justify-content: center;
align-items: center;
font-size: 18px;
}
.best_rates_overlay p {
font-size: 18px;
color:#fff
}
.best-rate-products-slider .swiper-button-next_best_rate {
height: 50px;
width: 50px;
background: #40404a;
border-radius: 10000px;
right: -25px;
}
.best-rate-products-slider .swiper-button-next_best_rate::after {
font-size: 24px;
color:white !important;
}
.best-rate-products-slider .swiper-button-prev_best_rate {
height: 50px;
width: 50px;
background: #40404a;
border-radius: 10000px;
left: -25px;
}
.best-rate-products-slider .swiper-button-prev_best_rate::after {
font-size: 24px;
color:white !important;
}
.best-rate-product h3 {
text-align: center;
padding: 25px;
font-size: 18px;
font-weight: 600;
flex: 1;
display: flex
;
justify-content: center;
align-items: center;
}
.best-rate-product a {
height: 100%;
display: flex;
flex-direction: column;
border: solid 3px #ededed !important;
border-radius: 20px;
overflow: hidden;
}
.best-rate-product img {
background-color: white;
aspect-ratio: 1/1;
width: 100%;
object-fit: contain;
}
.up-sells h2 {
color:#000;
font-size: 40px!important;
font-weight: 600;
padding-bottom: 0px;
margin-bottom: 0px!important;
margin-left: 25px;
}
.single-product div.product {
width: 100%;
}
.upsell_add_to_enquiry {
display: none;
}
/* up-sells changes */
.up-sells .products .product a img {
border-radius: 20px;
border:solid 1px #000;
}
.up-sells .products .product a.button {
display: none !important;
}
.up-sells .products .product .product-category-banner {
display: none !important;
}
.up-sells .products .product .upsell_add_to_enquiry {
display: block;
background-color: #f32c32;
color:#fff;
border-radius: 0px 0px 20px 0px;
padding: 10px 20px;
}
.up-sells .products .product {
box-shadow:unset!important;
}
/* related */
.related .products {
justify-content: center;
}
/* ACCESSIBILITY */
a:focus-visible {
outline:solid 1px black!important;
}
a:focus {
outline:solid 1px black!important;
}
.singleProductHeader {
height: 50vh;
width: 100%;
position: relative;
}
.singleProductHeader img {
width:100%; height:100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;
z-index: 1;
}
.singleProductHeader .overlay {
position: absolute;
top: 0; left:0;
width:100%; height:100%;
background-color: rgba(0,0,0,0.5);
z-index: 2;
backdrop-filter: blur(5px);
}
.singleProductHeader .title {
position: absolute;
right:0;
bottom:0;
border-radius: 50px 0px 0px 0px;
height: auto;
width: 75%;
background-color: white;
padding: 25px 50px;
z-index: 3;
font-size: 50px;
font-weight: 600;
}
#coupon_code {
border: solid 2px #000;
background-color: #fff;
}
.input-text.qty {
border: solid 2px #000;
background-color: #fff;
}
.contactInfo .wpforms-error {
color: white !important;
}
.single-product div.product .product_meta a {
font-size: 16px;
}
.single-product div.product .product_meta span {
font-size: 16px;
}
.singleProductOuter {
padding: 50px 5%;
display: flex;
flex-direction: row;
gap: 50px;
}
.singleProductSideNav_content {
display: flex;
flex-direction: column;
gap: 15px;
margin: 0!important;
border-top: solid 5px red;
background: #ededed;
padding: 25px;
}
.singleProductSideNav_content {
font-size: 26px;
font-weight: 600;
}
.singleProductSideNav {
display: flex;
flex-direction: column;
gap: 25px;
min-width: 22%;
}
.singleProductSideNav_contact {
padding: 20px;
background-color: #000000;
border-radius: 0px 0px 20px 0px;
font-size: 20px;
text-align: center;
font-weight: 600;
color:#fff;
}
.singleProductSideNav_addtoenquiry {
padding: 20px;
background-color: #f32d2b;
border-radius: 0px 0px 20px 0px;
font-size: 20px;
text-align: center;
font-weight: 600;
color:#fff;
}
.basket_modal_overlay {
width: 100%; height: 100%;
position: fixed;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 998;
background-color: rgba(0,0,0,0.5);
}
.basket_modal {
position: fixed;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
padding: 50px;
background-color: white;
border-radius: 50px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
align-items: center;
}
.backToShop_button {
padding: 10px 20px;
background-color: #000000;
border-radius: 0px 0px 20px 0px;
font-size: 20px;
text-align: center;
font-weight: 600;
color: #fff;
display: flex;
flex-direction: row;
gap: 10px;
justify-content: center;
align-items: center;
}
.backToShop_button svg {
height: 18px;
width: 18px;
vertical-align: middle;
fill: white;
}
.product_addtoenquiry {
padding: 20px;
background-color: #f32d2b;
border-radius: 0px 0px 20px 0px;
font-size: 20px;
text-align: center;
font-weight: 600;
color:#fff;
}
#enquiry-products-container {
padding: 50px;
background-color: #ededed;
border-radius: 50px;
margin: 50px 20%;
}
#enquiry-products {
margin-top: 25px;
display: flex;
gap: 25px;
justify-content: space-between;
}
.enquiry-form .wpforms-container {
margin: 0px !important;
padding: 0px;
}
#enquiry-content {
flex:1;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}
.removeButton svg {
height: 30px;
width: 30px;
cursor: pointer;
}
.basket_product_title {
flex:1
}
.enquiry-form {
display: flex;
justify-content: center;
align-items: center;
}
.enquiry-form .wpforms-field {
padding-top: 0px !important;
margin-top: 0px !important;
}
.product_buttons_parent {
display: flex;
flex-direction: row;
gap: 25px;
margin-top: 25px;
}
.product_buttons_parent a {
text-decoration: none!important;
color:#fff!important;
}
#enquiry-inner-products {
width: 100%;
}
.basket_item {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 50px;
border-top: solid 1px #999;
padding-top: 12.5px;
padding-bottom: 12.5px;
}
.basket_item:first-of-type {
border-top:none
}
.basket_item .basket_product_image {
height: 100px;
width: 100px;
background: white;
border-radius: 500px;
object-fit: contain;
padding: 10px;
}
.products li.product .price {
text-align: right;
padding: 0px 25px;
margin: 0!important;
color: #000!important;
font-size: 18px!important;
font-weight: 600!important;
}
.single-product div.product span.price {
margin: 0;
padding: auto 25px;
font-weight: 600;
font-size: 20px;
color: black;
}
.filter_heading {
margin-bottom:20px;
}
/* BLOCKS */
.hidden_burger {
top: -125%!important
}
.k_hamburger_menu {
position: fixed;
top: 125px;
height: calc(100vh - 200px);
width: 90%;
background-color: rgba(129, 133, 137, 0.7);
backdrop-filter: blur(10px);
z-index: 9999;
transform: translateX(-50%);
left: 50%;
border-radius: 20px;
border: solid 1px #fff;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: 0.4s all ease-in-out;
}
.k_nav_burger_menu_items {
padding: 0px;
margin: 0px;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
padding: 25px 0px;
}
.k_nav_burger_menu_items li {
list-style-type: none;
}
.k_nav_burger_menu_items li a {
color: #fff;
font-size: 28px;
text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.HeroBlock {
background-repeat: no-repeat!important;
background-size: cover!important;
padding: 125px 5%;
overflow: hidden;
position: relative;
min-height: 100vh;
height: auto;
align-items: center;
display: flex;
background-position: center;
}
.HeroBlock .subtext {
color:#fff;
font-size: 18px;
}
.HeroBlock .hero_explore_button {
position: absolute;
bottom: 50px; right:5%;
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
}
.pagination .page-numbers li .page-numbers.current {
background-color: #e6e6e6 !important;
color: #636363;
}
.HeroBlock .hero_explore_button p {
color:#fff;
font-size: 18px;
font-weight: 300;
}
.HeroBlock .hero_explore_button img {
filter: grayscale(1) brightness(100);
height: 30px;
}
.hero-block-container {
width: 40%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 50px;
margin-top: auto;
z-index: 3;
margin-bottom: auto
}
.hero-block-container-wide {
width: 60%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 50px;
margin-top: auto;
margin-bottom: auto;
z-index: 3;
}
.hero-block-container-center {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 3;
}
.hero-block-container-wide h1 {
color: #fff;
font-size: 150px;
font-weight: 700;
}
.hero-block-container-wide h1, .hero-block-container-center h1, .hero-block-container h1 {
color: #fff;
font-size: 80px;
font-weight: 700;
}
@keyframes slideUpBottomSection {
from{ bottom:-50%;}
to { bottom: 0px}
}
.hero_bottom_section {
position: absolute;
bottom: -50%;
right: 0px;
width: 50%;
padding: 50px;
background: white;
border-radius: 50px 50px 0px 0px;
display: flex;
flex-direction: column;
gap: 25px;
animation: slideUpBottomSection 0.66s 0.66s forwards;
z-index: 3;
}
.hero_bottom_section p {
margin:0;
}
.hero_bottom_section_explore {
display: flex;
flex-direction: row;
gap:25px;
}
.hero_bottom_section_explore p {
color:#000;
margin: 0;
}
.hero_bottom_section_explore img {
height: 24px; width: 24px;
}
.hero_bottom_section p {
color:#000;
}
.k_button {
padding: 8px 16px;
border-radius: 0px 0px 10px 0px;
background-color: #f52c2b;
font-size: 20px;
color: #fff;
font-weight: 600;
display: flex!important;
justify-content: center;
text-align: center;
align-items: center;
gap: 10px;
transition: 0.4s all ease-in-out;
border: solid 1px transparent;
z-index: 5;
}
.k_button img {
height: 22px; width: 22px;
}
.k_button:hover {
transform: translateY(-5px)!important;
}
.imageAndContent {
width: 100%;
padding:0px 5%;
display: flex;
flex-direction: row;
gap: 50px;
}
.imageAndContentKWeld .imageAndContent_content p {
color:#fff;
}
.imageAndContentKWeld .imageAndContent_content h2 {
color:#fff;
}
.imageAndContent_content {
padding: 75px 0px;
width:50%;
display: flex;
gap: 25px;;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.imageAndContent_content p {
margin: 0;
}
.imageAndContent_content h2 {
font-size: 70px;
color:#f32d2b;
margin: 0px;
font-weight: 600;
}
.imageAndContent_image {
width: 50%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.imageAndContent_image img {
border-radius: 0px 50px 0px 0px;
height: 100%;
object-fit: cover;
}
.productTypes {
background-color: #94949E;
padding: 50px 0px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.productTypes .product_type_slider {
display: none;
}
.productTypes a.product_type_card {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
width: 75%;
margin: 0 auto;
display: flex!important;
justify-content: center;
align-items: center;
border-radius: 50px;
flex-direction: column;
gap: 25px;
padding: 25px;
}
.productTypes a.product_type_card .overlay {
position: absolute;
top:0;left:0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
}
.productTypes .product_type_card h2 {
z-index: 5;
position: relative;
color:#fff;
text-align: center;
}
.productTypes .product_type_card h3 {
z-index: 5;
position: relative;
color:#fff;
text-align: center;
gap:10px;
border:none!important;
padding:0;
margin:0;
font-size: 24px;
}
.productTypes .product_type_card .headingIcon {
display: flex;
flex-direction: row;
gap: 10px;
justify-content: center;
align-items: center;
position: relative;
}
.productTypes .product_type_card .clickIcon {
height: 24px;
position: relative;
width: 24px;
z-index: 5;
filter: grayscale(1) brightness(0) invert(1);
}
.productTypes .product_type_card h2 {
font-size: 50px!important;
margin: 0px!important;
}
.productTypes .product_type_card img {
height: 100%;
width: 100%;
position: absolute;
top:0; left:0;
object-fit: cover;
z-index: 2;
}
.productTypes_type {
width: 100%;
position: relative;
overflow: visible!important;
}
.productTypes_type img {
position: absolute;
top:50%; right:5%;
transform: translateY(-25%);
height: 450px; width: 300px;
border-radius: 50px;
opacity: 0;
transition: 0.3s all ease-in-out;
object-fit: cover;
z-index: 2;
}
/* .productTypes_type:hover {
background:#f32d2c;
} */
.productTypes_type.activeType {
background:#f32d2c;
color:#fff!important;
}
.productTypes_type.activeType img {
opacity: 1;
transform: translateY(-50%);
}
/*
.productTypes_type:hover img {
opacity: 1;
transform: translateY(-50%);
} */
.productTypes h2 {
font-size: 100px;
font-weight: 600;
color:#fff;
padding:0px 5%;
margin:0px 0px 50px 0px;
}
.productTypes a {
font-size: 130px;
font-weight: 600;
text-transform: uppercase;
color:#fff;
padding:25px 5%;
margin:0px;
transition: 0.3s all ease-in-out;
width: 100%;
line-height: 1;
display: block!important;
position: relative;
z-index: 3;
}
.productTypes a:hover {
color:#fff;
}
.fullWidthText {
padding-top: 175px;
padding-bottom: 50px;
width:90%;
margin:0 auto;
}
/* A C C O R D I O N */
.accordion {
/* display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap:50px;*/
padding: 50px 5% 180px 5%;
}
.accordion-inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap:50px;
padding: 50px 5%;
border-radius: 50px;
}
.accordion .bigHeadingOuter {
font-size: 100px;
font-weight: 600;
}
.accordion .bigHeadingInner {
font-size: 50px;
font-weight: 600;
}
.accordion .smallHeadingOuter {
font-weight: 600;
font-size: 60px;
}
.accordion .smallHeadingInner {
font-weight: 600;
font-size: 40px;
}
.accordion_item {
display: flex;
flex-direction: column;
width: 100%;
border-radius: 0px 0px 50px 0px;
padding: 25px;
cursor:pointer;
border-top:solid 2px transparent;
}
.accordion_parent {
display: flex;
width: 100%;
flex-direction: row;
gap: 50px;
align-items: center;
}
.accordion_content {
transition: 0.5s all ease-in-out;
max-height: 0px;
overflow: hidden;
width: 100%;
}
.accordion_content * {
font-size: 18px;
}
.accordion_content.activeItem {
max-height: 300px;
padding:50px 0px;
}
.accordion_item h2 {
font-size: 80px;
font-weight: 500;
line-height: 1;
}
.accordion_parent img {
transition: 0.4s all ease-in-out;
}
.accordion_parent.activeItem img {
transform: rotate(45deg);
}
.accordion_item img {
height: 50px;
width: 50px;
}
.accordion_expand {
margin-left: auto; margin-right: 50px;
margin-top: auto; margin-bottom: auto;
height: 50px!important; width: 50px!important;
cursor: pointer;
transition: 0.3s all ease-in-out;
}
.testimonial {
padding: 150px 5%;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
position: relative;
flex-direction: column;
gap:50px;
}
.testimonial h2 {
color:white;
}
.headerTwoDefault {
z-index: 3;
position: relative;
font-size: 80px!important;
font-weight: 600;
text-align: center;
}
.testimonial .overlay {
z-index: 2;
width: 100%; height: 100%;
position: absolute; top: 0; left: 0;
background-color: rgba(0,0,0,0.5);
}
.testimonial .fullSizeImage {
position: absolute; top: 0; left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.testimonial .card {
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.4);
backdrop-filter:blur(5px);
border:solid 1px #fff;
min-height: 500px;
width: 60%;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 25px;
padding: 50px;
margin: 0 auto;
}
.testimonial .card h2 {
color:#fff;
text-align: center;
font-size: 24px;
}
.testimonial .card p {
color:#fff;
font-size: 18px;
text-align: center;
}
.testimonial .card .quote {
height: 250px; width: 250px;
position: absolute;
top:50%; left: 50%;
transform: translate(-50%, -50%);
}
.testimonial .card .stars {
width: 100%;
display: flex;
flex-direction: row;
gap:10px;
justify-content: center;
align-items: center;
z-index: 5;
}
.testimonial .card .stars img {
position: relative!important;
height: 24px; width: 24px;
}
.ctaBlock {
padding: 75px 5%;
display: flex;
flex-direction: column;
gap: 25px;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.ctaBlock .bgImg {
position: absolute;
top:0; left:0;
width: 100%; height:100%;
object-fit: cover;
z-index: 1;
}
.ctaBlock .overlay {
width: 100%;
height: 100%;
position: absolute; top:0; left:0;
background-color: rgb(13, 84, 150, 0.8);
z-index: 2;
}
.ctaBlock h2 {
z-index: 3;
color:#fff;
font-size: 60px;
font-weight: 600;
text-align: center;
}
.ctaBlock p {
z-index: 3;
color:#fff;
font-size: 18px;
text-align: center;
}
.woocommerce-ordering {
margin:0px
}
.newsletterForm {
margin: 50px 5% 0px 5%;
padding: 100px 5%;
background-color: #ededed!important;
display: flex;
flex-direction: column !important;
justify-content: center;
align-items: center;
gap:50px;
border-top-right-radius: 50px!important;
}
.newsletterForm.KayWeld {
margin: 0px!important;
border-top-right-radius: 0px!important;
}
.newsletterForm.KayWeld .wpforms-form {
display: flex;
justify-content: center;
align-items: center;
width: 85% !important;
gap: 25px;
}
.newsletterForm p {
font-size: 18px;
text-align: center;
}
.newsletterForm.KayWeld .wpforms-field-container {
flex:1!important;
}
.newsletterForm.KayWeld .wpforms-submit-container {
margin: 0!important;
background-color: #061b3a!important;
border-radius: 20px!important;
}
.newsletterForm input {
border:solid 1px #111!important;
max-width: 100% !important;
width: 100% !important;
outline: none !important;
font-size: 18px !important;
padding: 25px !important;
border-radius:0px 0px 20px 0px!important;
background-color: transparent!important;
}
.newsletterForm.KayWeld input {
background-color: transparent!important;
border-radius: 0px 0px 20px 0px!important;
border: solid 2px #0d5495 !important;
}
.newsletterForm.KayWeld h2 {
color: #0d5496!important;
}
.newsletterForm.KayWeld form input::placeholder {
color:#11518e!important;
}
.newsletterForm.KayWeld .wpforms-submit {
background-color: #061b3a!important;
border-radius: 50px;
min-width: 150px;
}
.newsletterForm h2 {
font-size: 80px;
line-height: 1;
color: #f42d2b!important;
font-weight: 600;
text-align: center;
}
.newsletterForm .wpforms-container-full {
width: 100%;
background-color: #ededed!important;
border-top-right-radius: 50px!important;
padding: 0px !important;
margin: 0px !important;
}
.newsletterForm form {
width: 75%!important;
margin: 0 auto!important;
}
.newsletterForm form input {
max-width: 100%!important;
width: 100%!important;
outline: none!important;
font-size: 18px!important;
padding: 25px!important;
}
.newsletterForm form input::placeholder {
color: #f42d2b!important;
opacity: 1!important; /* Firefox */
}
.newsletterForm form input::-ms-input-placeholder { /* Edge 12 -18 */
color: #f42d2b!important;
}
.wpforms-submit {
background-color: #f42d2b!important;
width: 100%!important;
height: 60px!important;
font-size: 20px!important;
}
.promotion {
padding: 50px 5%;
border-top: 20px solid #f22e2c;
background-color: white;
margin: 50px 5%;
position: relative;
z-index: 10;
min-height: 250px;
border-bottom-right-radius: 50px;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 25px;
align-items: flex-start;
justify-content: flex-start;
}
.mobile_bottom_nav {
margin: 0!important;
display: none;
width: 100%;
z-index: 100;
position: fixed;
bottom:0; left:0;
justify-content: space-around;
gap: 10px;
align-items: center;
flex-direction: row;
background-color: white;
overflow: hidden;
border-radius: 0px 50px 0px 0px;
height: 60px;
box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px!important;
padding: 15px 25px;
}
.mobile_bottom_nav li {
list-style-type: none;
height: 24px;
width: 24px;
}
.mobile_bottom_nav .divider {
margin: 15px 0px;
height: 100%;
width: 2px;
background-color: #185188;
}
.mobile_bottom_nav a {
height: 24px;
width: 24px;
display: block;
}
.mobile_bottom_nav a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.promotion.KayWeld {
border-top: 20px solid #0b5594!important;
}
.promotion .bg {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
z-index: 1;
}
.promotion .overlay {
width:100%; height: 100%;
position: absolute; top: 0; left: 0;
z-index: 2;
background-color: rgba(0,0,0,0.7);
}
.promotion h2 {
z-index: 3;
position: relative;
color: white;
font-size: 70px;
font-weight: 600;
text-align: left!important;
}
.promotion p {
z-index: 3;
position: relative;
color: #fff;
font-size: 24px;
}
.promotion a {
z-index: 3;
}
/* ANIMATIONS */
.slideinfadein {
opacity: 0;
transform: translateY(50px);
transition: opacity 0.5s ease, transform 0.5s ease;
position: relative; /* Prevents layout shift */
}
.slideinfadein.visible {
opacity: 1;
transform: translateY(0);
}
.contactPage {
margin:50px 5%;
border-radius: 50px;
display: flex;
flex-direction: row;
height: auto;
overflow: hidden;
background-color: #40404a;
}
.contactPage .mapSection {
width: 50%;
min-height: 100%;
height: auto;
position: relative;
}
.contactPage #map {
width: 100%;
height: 100%;
}
.contactPage .contactInfo {
width: 50%;
min-height: 100%;
padding: 50px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 25px;
}
.contactPage .contactInfo h2, .contactPage .contactInfo h2 {
margin:0px;
padding: 0;
}
.contactPage .contactInfo h2 {
font-weight: 600;
color:#fff;
}
.KayWeld.contactPage .contactInfo h2 {
font-weight: 600;
color:#fff;
}
.KayWeld.contactPage .wpforms-submit {
background-color: #2d70ad!important;
}
.contactPage .contactInfo p , .contactPage .contactInfo a {
color:#ffffff;
}
.contactPage .contactInfo .wpforms-container-full {
margin:0!important;
}
.woocommerce:has(.k_login_wrapper) {
align-self: center;
}
.contactPage .contactInfo .wpforms-submit {
width: auto !important;
float: right;
border-radius: 0px 0px 20px 0px;
height: auto !important;
padding: 15px 25px;
font-size: 20px;
font-weight: 600;
}
.heroWithContent {
width: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 25px;
padding-top: 125px;
}
.heroWithContent .overlay {
width: 100%; height: 100%;
background-color: rgba(0,0,0,0.5);
top:0; left:0; position: absolute;
z-index: 2;
}
.heroWithContent .mainHeading {
width: 100%;
font-weight: 600;
text-align: center;
color:#fff;
z-index: 3;
padding: 50px 0px 100px 0px;
}
.heroWithContent .hwc_bg {
position: absolute;
height: 100%;
top:0; left:0;
width: 100%;
object-fit: cover;
z-index: 1;
}
.heroWithContent .contentBlock h1 {
font-weight: 600;
font-size: 60px;
text-align: left;
color:#000;
}
.heroWithContent .contentBlock h2 {
font-weight: 600;
text-align: left;
color:#000;
}
.heroWithContent .contentBlock {
width: 75%;
background-color: white;
padding: 50px;
display: flex;
flex-direction: column;
gap: 50px;
z-index: 3;
}
.k_nav_items a:first-of-type {
flex:0
}
.k_nav_menu_items {
flex:1;
}
.resourceCenter {
padding: 50px 5%;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 50px;
}
.resourceCenter .stickySideNav {
padding:50px;
display: flex;
flex-direction: column;
gap: 25px;
border-top:10px solid #f72b2a;
background-color:#ededed;
width: 30%;
margin: 0
}
.resourceCenter .stickySideNav a {
display: flex;
flex-direction: row;
gap: 25px;
justify-content: space-between;
align-items: center;
font-size: 22px;
color: #000;
font-weight: 600;
}
.stickySideNav li {
list-style: none;
}
.resourceCenter .stickySideNav a:hover img {
transform: rotate(45deg);
}
.resourceCenter .stickySideNav a img {
height: 24px; width: 25px;
transition:0.4s all ease-in-out;
}
.resourceCenter .mainRcContent {
flex:1;
width: 70%;
}
.rc_blogs {
background-color: #ededed;
overflow: hidden;
}
.rc_blogs .swiper-slide {
min-height: 100%;
height: auto;
align-self: stretch;
}
.rc_blogs h2 {
font-size: 30px;
font-weight: 600;
}
.rc_blogs a {
color:#000;
font-weight: 600;
}
.mainRcContent .swiper-container {
width: 100%;
max-width: 100%;
margin: auto;
/* overflow: hidden; */
z-index: 10;
position: relative;
}
.testimonial_slider .swiper-container {
overflow: visible!important;
}
.mainRcContent .swiper-button-next, .swiper-button-prev {
color: #333; /* Customize arrow color */
}
.mainRcContent .swiper-button-next, .swiper-button-prev {
color: #fff!important; /* Customize arrow color */
}
.mainRcContent .swiper-pagination {
width: auto;
right: 25%;
left: unset;
}
.mainRcContent .swiper-pagination-bullet {
border-radius: 10px;
height: 10px;
width: 10px;
transition: 0.4s all ease-in-out;
border: solid 2px #191919;
background-color: transparent;
}
.mainRcContent .swiper-pagination-bullet-active {
background:#191919;
width: 30px;
}
.testimonial .swiper-pagination-bullet {
background-color: white!important;
}
.mainRcContent .swiper-slide .sliderContainer {
display: flex;
flex-direction: row;
}
.slider_innerPost {
padding:12.5px 0px;
border-bottom:solid 1px grey;
}
.mainRcContent .swiper-slide .sliderContainer .slider__image {
width: 50%;
aspect-ratio: 1/1;
}
.mainRcContent .swiper-slide .sliderContainer .slider__content {
width: 50%;
display: flex;
flex-direction: column;
gap:25px;
justify-content: flex-start;
padding: 25px;
}
.slider__innerContent {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 50px;
}
.mainRcContent .swiper-slide .sliderContainer .slider__image img {
aspect-ratio: 1/1;
object-fit: cover;
height: 100%;
}
.tabSection {
padding: 100px 5%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0px;
}
.tabSection .tab_content_text {
width:50%;
}
.tabSection .tab_content_image {
width:50%;
}
#tabSection {
padding: 0px!important;
}
.tabSection .tabSection_button{
margin-top: 50px;
padding: 8px 16px;
border-radius: 50px;
background-color: #0d5496;
font-size: 20px;
color: #fff;
font-weight: 400;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
gap: 10px;
transition: 0.4s all ease-in-out;
border: solid 1px transparent;
z-index: 5;
}
.tabSection .tabSection_table {
width: 100%;
}
.tabSection .tabSection_tableTitles {
width: 100%;
display: flex;
flex-direction: row;
}
.tabSection .tabSection_tableTitles .tab_title {
background-color: #ededed;
font-size: 24px;
text-align: center;
padding: 10px 40px;
border-radius: 20px 20px 0px 0px;
flex:1;
cursor: pointer;
}
.tabSection .tabSection_tableTitles .tab_title.active {
background-color: #40404a;
color:#fff;
}
.tabSection .tab_content {
background-color: #40404a;
padding: 50px;
display: flex;
flex-direction: row;
gap: 25px;
justify-content: center;
align-items: center;
display: none
}
.tabSection .tab_content.active {
display: flex;
}
.tabSection .tab_content .tab_content_text * {
color:#fff
}
.AuthorisedDistributors {
padding: 100px 5%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 50px;
}
.AuthorisedDistributors .load_more {
padding: 8px 16px;
border-radius: 50px;
background-color: #0d5496;
font-size: 20px;
color: #fff;
font-weight: 400;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
gap: 10px;
transition: 0.4s all ease-in-out;
border: solid 1px transparent;
z-index: 5;
}
.ourServices .full_services {
padding: 8px 16px;
border-radius: 50px;
background-color: #0d5496;
font-size: 20px;
color: #fff;
font-weight: 400;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
gap: 10px;
transition: 0.4s all ease-in-out;
border: solid 1px transparent;
z-index: 5;
}
.AuthorisedDistributors .hide_results {
padding: 8px 16px;
border-radius: 50px;
background-color: #0d5496;
font-size: 20px;
color: #fff;
font-weight: 400;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
gap: 10px;
transition: 0.4s all ease-in-out;
border: solid 1px transparent;
z-index: 5;
}
.AuthorisedDistributors h2 {
color: #061b3a;
font-size: 60px;
font-weight: 600;
text-align: center;
}
.ourServices {
padding: 100px 5%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap:50px;
}
.services_wrapper {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1%;
}
.ourServices h2 {
color: #fff;
font-size: 60px;
font-weight: 600;
text-align: center;
}
.services_wrapper div {
width: 24%;
aspect-ratio: 5/3;
margin-bottom: 25px;
}
.services_wrapper a img {
width:100%;
height: 100%;
object-fit: contain;
}
.tabSection {
margin-top: 50px;
position: relative;
}
.company_item {
transition: 0.4s all ease-in-out;
}
.company_item.hidden {
max-height: 0px;
opacity:0;
margin-bottom: 0px;
}
.ourServices .services_wrapper a {
display: flex;
justify-content: center;
align-items: center;
aspect-ratio: 1/1;
position: relative;
border-left:5px solid #0d5496;
}
.ourServices .services_wrapper h2 {
font-size: 40px;
font-weight: 300;
z-index: 3;
}
.ourServices .services_wrapper img {
position: absolute;
top:0; left:0;
object-fit: cover;
width:100%;
height: 100%;
z-index: 1;
}
.ourServices .services_wrapper .overlay {
width: 100%;
height: 100%;
position: absolute;
top:0; left:0;
z-index: 2;
background-color: rgba(13,84,150, 0.4);
}
.tabSection_content p {
color: #fff;
}
.tabSection_content .dl_title {
color:#000
}
#tab-section {
position: absolute;
top: -150px;
}
.tabSection_titles {
display: flex;
gap:10px;
width: 100%;
}
.tabSection_titles h2 {
background-color: #ededed;
color: #000;
padding: 10px 30px;
cursor: pointer;
border-radius: 20px 20px 0px 0px;
font-size: 24px;
}
.tabSection_titles h2.active {
background-color: #3f4049;
color:#fff;
}
.tabSection_content {
padding: 30px;
background-color: #3f4049;
width: 100%;
display: none;
flex-wrap: wrap;
gap: 25px;
}
.tabSection_content.active {
display: flex;
}
.tabSection_content_item {
width: calc(50% - 25px);
display: flex;
gap: 10px;
}
.tabSection_content_item p {
flex: 1;
background: #fff;
padding: 5px 10px;
font-size: 18px;
text-align: center;
}
.tabSection_content_item a {
background: #f42d2b;
color: #fff;
border-radius: 0px 0px 20px 0px;
padding: 10px 30px;
display: flex;
font-size: 20px;
font-weight: 600;
justify-content: center;
align-items: center;
}
/* FOOTER */
.footer_subsection {
display: flex;
flex-direction: column;
}
.footer_subsection ul {
padding: 0;
margin: 0;
}
.footer_subsection li {
list-style: none;
}
.footer_subsection li a {
color:#fff;
text-decoration: none;
font-size: 18px;
}
.footer_tradingcounter p, .footer_tradingcounter span, .footer_tradingcounter li, .footer_tradingcounter {
font-size: 18px;
}
.site-footer {
background-color: #40404a!important;
display: flex;
flex-direction: row;
justify-content: space-between;
padding:75px 5%!important;
}
.site-footer * {
color:#fff!important;
}
.site-footer section {
width: 100%;
}
.subfooter {
background-color: #f42d2a;
display: flex;
flex-direction: row;
padding: 25px 5%;
justify-content: space-between;
}
.subfooter *{
color:#fff!important;
font-weight: 600;
font-size: 20px;
padding:0px!important;
margin:0px!important;
}
.policies_footer {
background-color: #303030;
padding:25px 5%;
width:100%;
}
.policies_footer ul {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
margin:0;
}
.policies_footer ul li {
list-style: none;
}
.policies_footer ul li a {
color:#fff
}
@media (max-width:1536px) {
#enquiry-products-container {
margin:50px 10%;
}
.productTypes a {
font-size: 70px;
}
.hero-block-container-wide h1, .hero-block-container-center h1, .hero-block-container h1 {
color: #fff;
font-size: 70px;
font-weight: 700;
}
.hero-block-container {
width: 75%!important;
}
.headerTwoDefault {
font-size: 70px !important;
}
.hero-block-container-wide h1 {
font-size: 100px;
}
}
@media (max-width:1200px) {
.k_nav_items ul {
gap:30px!important;
}
.k_nav {
width: 95%;
}
}
@media (max-width:400px) {
.k_nav_items .logo {
min-width: 100px!important;
}
.k_nav_items {
justify-content: center;
}
}
@media (max-width:1366px) {
.k_basket {
width:90%;
}
.footer-subsection {
display: flex;
align-items: center;
}
.footer-tradingcounter {
display: flex;
align-items: center;
}
}
@media (max-width:1280px) {
.productTypes a {
font-size:60px!important
}
.headerTwoDefault {
color: #fff;
font-size: 60px;
font-weight: 700;
}
.hero-block-container-wide h1, .hero-block-container-center h1, .hero-block-container h1 {
font-size: 60px !important;
}
.heroWithContent .contentBlock {
width: 100%;
}
.woocommerce ul.products .product {
width:calc(33% - 25px) !important;
}
}
@media (max-width:1024px) {
.singleProductSideNav {
display: none !important;
}
.productPageParent {
flex-direction: column !important;
}
.product__features {
padding:25px;
}
.product__downloads {
padding: 25px;
}
.product__specifications h2 {
padding-left:25px;
padding-top:25px;
}
.product_buttons_parent {
flex-direction: column;
}
.searchAndFilter {
width: 100%;
margin: 0px;
padding: 0px 5%;
gap:25px;
align-items: center;
justify-content: center;
}
.productPageParent {
padding: 25px 5%;
}
.productPageSidenav {
width: 100%;
}
.basket_item {
gap: 25px;
flex-wrap:wrap;
justify-content: center;
}
.basket_product_title {
text-align: center;
}
#enquiry-products {
flex-direction: column;
}
.enquiry-form .wpforms-container-full {
width: 100%;
}
#enquiry-products-container {
margin:50px 5%;
padding:25px;
}
.mainRcContent .swiper-pagination {
width: auto;
left: 50%;
transform: translateX(-50%);
right: unset;
}
.slider__content {
width: 100%!important;
}
.contactPage .contactInfo {
padding: 25px!important;
}
.contactPage .mapSection {
height: 400px;
width:100%!important;
}
.contactPage {
height: auto!important;
flex-direction: column !important;
}
.contactPage .contactInfo {
width: 100%!important;
}
.newsletterForm form {
width: 100%!important;
}
.product_type_slider {
display: flex!important;
}
.productTypes {
justify-content: center;
align-items: center;
padding:50px 5% 100px 5%;
}
.productTypes_type {
display: none !important;
}
.hero-block-container {
width: 100%!important;
}
.hero_bottom_section {
width: 100%!important;
}
.newsletterForm {
padding: 50px 5%;
}
.testimonial {
padding:50px 5%;
}
.headerTwoDefault {
font-size: 50px !important;
}
.mobile_bottom_nav {
display: flex
}
.k_login_image_half {
display:none;
}
form.woocommerce-form.woocommerce-form-login.login {
width: 100%;
border-radius: 20px;
}
form.woocommerce-form.woocommerce-form-register.register {
width: 100%;
border-radius: 20px;
}
.tabSection .tab_content {
flex-direction: column;
}
.tabSection .tab_content_text {
width:100%;
}
.tabSection .tab_content_image {
width:100%;
}
.tabSection .tabSection_tableTitles {
flex-direction: column;
}
.ourServices {
padding:50px 5%;
gap: 25px;
}
.AuthorisedDistributors {
padding: 50px 5%;
gap: 25px;
}
.tabSection {
padding: 50px 5%;
}
.ourServices h2 {
font-size: 40px;
}
.AuthorisedDistributors h2 {
font-size: 40px;
}
.ourServices .services_wrapper div {
width: 49%!important;
aspect-ratio: 5/3;
}
.services_wrapper div {
width: 32%;
aspect-ratio: 5/3;
}
.imageAndContent {
gap: 25px;
}
.accordion_parent h2 {
text-align: left;
font-size: 28px!important;
}
.accordion_expand {
margin-right: 0px!important;
width: 40px!important;
height: 40px!important;
}
.testimonial .card {
width: 100%;
}
.testimonial {
gap: 25px;
}
.imageAndContent {
flex-direction: column;
padding: 25px 0px;
}
.imageAndContent_image {
width: 100%;
padding: 0px;
order:1
}
.featured-products-slider {
padding: 25px 0px 25px 0px;
}
.featured_products_button {
padding-bottom: 0px;
}
.promotion {
margin: 25px 5%;
}
.featured_products_outer {
padding: 0px 5%;
}
.swiper-button-prev_featured {
width:75%;
}
.swiper-button-next_featured {
width:75%;
}
.imageAndContent_image img {
width:90%
}
.imageAndContent_content {
width: 100%;
padding: 0px 5%;
}
.hero-block-container-wide {
width: 100%;
justify-content: center;
align-items: flex-start;
}
.HeroBlock .subtext {
text-align: left;
}
.hero-block-container {
width: 100%;
justify-content: center;
align-items: flex-start;
}
.hero-block-container-wide h1, .hero-block-container-center h1, .hero-block-container h1 {
font-size: 50px;
}
.woocommerce ul.products .product {
width:calc(50% - 12.5px) !important;
}
.site-footer {
flex-direction: column;
gap:50px;
padding:25px 5%!important;
}
.footer-subsection {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.footer-tradingcounter {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.site-footer section {
text-align: center;
}
.subfooter {
flex-direction: column;
justify-content: center;
align-items: center;
gap:25px;
}
.subfooter p {
text-align: center;
}
.singleProductSideNav_content {
font-size: 18px !important;
}
}
@media (max-width:768px) {
.newsletterForm.KayWeld .wpforms-form {
flex-direction: column;
}
.headerTwoDefault {
font-size: 40px!important;
}
.searchAndFilter .searchAndFilter_search {
width: 100%;
}
.woocommerce-ordering, .woocommerce-ordering select {
width: 100%;
}
.searchAndFilter {
flex-direction: column;
}
.search-page article {
width: 100%;
}
.productTypes .product_type_card h2 {
font-size: 38px!important;
}
.hero-block-container-wide h1, .hero-block-container-center h1, .hero-block-container h1 {
color: #fff;
font-size: 42px!important;
font-weight: 700;
}
.tabSection_titles {
flex-direction: column!important;
gap:0px!important;
}
.tabSection_content_item {
flex-direction: column;
}
.tabSection_HowToGuides {
border-radius: 0px!important;
}
.services_wrapper div {
width: 49%!important;
aspect-ratio: 5/3;
}
.ourServices .services_wrapper div {
width:100%!important;
}
.heroWithContent .contentBlock {
padding: 50px 25px;
width: 100%;
}
.hero_bottom_section {
width: 100%;
padding: 20px 40px;
gap: 12.5px;
text-align: center;
justify-content: center;
align-items: center;
}
.singleProductHeader .title {
font-size:30px!important;
}
.woocommerce ul.products .product {
width:100%!important;
}
.productPageParent {
flex-direction: column!important;
}
.productPageSidenav {
width: 100%;
}
.singleProductSideNav {
display:none!important;
}
.downloads_entry {
width: 100%;
}
}
@media (max-width:600px) {
.policies_footer ul {
flex-direction: column;
gap:25px;
}
.services_wrapper div {
width: 100%!important;
aspect-ratio: 5/3;
}
.wpforms-field-container {
width: 100%!important;
}
.wpforms-submit-container {
width: 100%!important;
}
.accordion_content.activeItem {
padding: 20px 0px !important;
max-height: 100% !important;
}
.accordion_parent {
gap: 18px !important;
}
.hero-block-container {
gap: 10px !important;
}
.productPageSidenav_filters {
padding: 15px !important;
}
.woocommerce-form-login.login h2, .woocommerce-ResetPassword.lost_reset_password h2 {
font-size: 2rem !important;
}
}
.search-page .type-post .entry-content * {
display: none;
}
.search-page .type-post .entry-content img {
display: block;
}