/* Theme Name: Wayne Tyler Custom Theme Author: GruffyGoat Description:template Version: 0.0.1 */ /********************************* * REST CSS * *******************************/ *, *::before, *::after { box-sizing: border-box; /* 1 */ } html { font-family: sans-serif; /* 2 */ line-height: 1.15; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ -ms-overflow-style: scrollbar; /* 5 */ -webkit-tap-highlight-color: transparent; /* 6 */ } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; /* 1 */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #212529; text-align: left; /* 3 */ background-color: #fff; /* 2 */ } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { /* 4 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; /* 2 */ text-decoration: underline dotted; /* 2 */ cursor: help; /* 3 */ border-bottom: 0; /* 1 */ } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; /* Undo browser default */ } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; /* Add the correct font style in Android 4.3- */ } b, strong { font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */ } small { font-size: 80%; /* Add the correct font size in all browsers */ } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { /* color: #007bff; */ text-decoration: none; background-color: transparent; /* Remove the gray background on active links in IE 10. */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+. */ } /* a:hover { color: #0056b3; text-decoration: underline; } */ pre, code, kbd, samp { font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */ font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */ } pre { /* Remove browser default top margin */ margin-top: 0; /* Reset browser default of `1em` to use `rem`s */ margin-bottom: 1rem; /* Don't allow content to break outside */ overflow: auto; /* We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract. */ -ms-overflow-style: scrollbar; } figure { /* Apply a consistent margin strategy (matches our type styles). */ margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; /* Remove the border on images inside links in IE 10-. */ } svg:not(:root) { overflow: hidden; /* Hide the overflow in IE */ } a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; /* Prevent double borders */ } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; /* color: #868e96; */ text-align: left; caption-side: bottom; } th { /* Matches default `` alignment by inheriting from the ``, or the closest parent with a set `text-align`. */ text-align: inherit; } label { /* Allow labels to use `margin` for spacing. */ display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; /* Remove the margin in Firefox and Safari */ font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; /* Show the overflow in Edge */ } button, select { text-transform: none; /* Remove the inheritance of text transform in Firefox */ } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; /* Reset the default outline behavior of fieldsets so they don't affect page layout. */ padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; /* 1 */ padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; /* 2 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } /************************* ** Custom Css ******* *************************/ * { font-family: var(--e-global-typography-079cf74-font-family), Sans-serif; } .wayne-breadcrumb-alt { background-color: var(--e-global-color-text); } .wayne-breadcrumb-alt .breadcrumb-container li a span, .wayne-breadcrumb-alt .breadcrumb-container li .separator { color: var(--e-global-color-0122104); } .breadcrumb-container ol { padding:0; margin:0; } .breadcrumb-container ol li:first-of-type a { padding-left:0; } .breadcrumb-container ol li:last-of-type a span { color:var(--e-global-color-41336b9); } h4 { font-weight:400; } .wayne-subheading h4 { position:relative; padding-left:45px; } .wayne-subheading h4:before { position:absolute; content:""; left:0; top:50%; width:35px; height:1px; background-color:var(--e-global-color-41336b9); } .wayne-products-block.elementor-widget-call-to-action:not(:has(.elementor-widget-container)) { overflow:visible; } .wayne-btn a, .wayne-products-block, .wayne-home-slider .elementor-slide-button, .wayne-products-listing .e-loop-item, .e-loop__load-more a.elementor-button, .wayne-sr-search .facetwp-type-reset { position: relative; } .wayne-products-listing .facetwp-load-more, .wayne-sr-loadmore .facetwp-load-more { position: relative !important; border:1px solid var(--e-global-color-41336b9); transition:.3s ease; } .wayne-products-listing .facetwp-load-more:hover { border-color: var(--e-global-color-41336b9); color:var(--e-global-color-41336b9); cursor:pointer; } .wayne-sr-loadmore .facetwp-load-more:hover { border-color:var(--e-global-color-text); cursor:pointer; } .wayne-sr-loadmore .facetwp-load-more:focus { border-radius:none; outline:none; } .wayne-products-listing .facetwp-load-more:focus { border-radius:none; border:1px solid var(--e-global-color-41336b9); color:var(--e-global-color-41336b9); outline:none; } .wayne-btn a:before, .wayne-products-block:before, .wayne-home-slider .elementor-slide-button:before, .wayne-products-listing .e-loop-item:before, .e-loop__load-more a.elementor-button:before, .wayne-products-listing .facetwp-load-more:before, .wayne-sr-loadmore .facetwp-load-more:before, .wayne-sr-search .facetwp-type-reset:before, .wayne-btn a:after, .wayne-products-block:after, .wayne-home-slider .elementor-slide-button:after, .wayne-products-listing .e-loop-item:after, .e-loop__load-more a.elementor-button:after, .wayne-products-listing .facetwp-load-more:after, .wayne-sr-loadmore .facetwp-load-more:after, .wayne-sr-search .facetwp-type-reset:after { position: absolute; top: -6px; left: -6px; content: ""; transform: rotate(0deg); -webkit-transform: rotate(0deg); border: solid; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .7s ease-out; border-color:var(--e-global-color-41336b9); } .wayne-btn a:hover:before, .wayne-sr-search .facetwp-type-reset:hover:before { left: 100%; transform: rotate(90deg); border-color:var(--e-global-color-text); } .wayne-btn a:hover:after { right: 100%; transform: rotate(90deg); border-color:var(--e-global-color-text); } .e-loop__load-more a.elementor-button:hover:before, .wayne-products-listing .facetwp-load-more:hover:before, .wayne-sr-loadmore .facetwp-load-more:hover:before { left: 100%; transform: rotate(90deg); } .wayne-btn.wayne-btn-transparent a { background:transparent; color:var(--e-global-color-text); border:1px solid var(--e-global-color-text); } .wayne-btn.wayne-btn-transparent a:hover { color:var(--e-global-color-0122104); } .wayne-btn.wayne-btn-transparent a:before, .wayne-btn.wayne-btn-transparent a:after { border-color:var(--e-global-color-text); } .wayne-products-block:before { top: -11px; left: -11px; padding: 5px; border-color: rgba(255, 255, 255, .40); } .wayne-products-listing .e-loop-item:before { top: -10px; left: -10px; padding: 5px; border-color: rgba(255, 255, 255, .40); } .wayne-products-block:hover:before, .wayne-products-listing .e-loop-item:hover:before { border-color: rgba(255, 255, 255, 1); left: 100%; transform: rotate(90deg); } .wayne-btn a:after, .wayne-products-block:after, .wayne-products-listing .e-loop-item:after, .e-loop__load-more a.elementor-button:after, .wayne-products-listing .facetwp-load-more:after, .wayne-sr-loadmore .facetwp-load-more:after, .wayne-sr-search .facetwp-type-reset:after { top:unset; left:unset; bottom: -6px; right: -6px; border-width: 1px 0 0 1px !important; } .wayne-products-block:after { bottom: -11px; right: -11px; padding:5px; border-color: rgba(255, 255, 255, .40); } .wayne-products-listing .e-loop-item:after { bottom: -10px; right: -10px; padding:5px; border-color: rgba(255, 255, 255, .40); } .wayne-products-block:hover:after, .wayne-products-listing .e-loop-item:hover:after { right: 100%; transform: rotate(90deg); border-color: rgba(255, 255, 255, 1); } .e-loop__load-more a.elementor-button:hover:after, .wayne-products-listing .facetwp-load-more:hover:after, .wayne-sr-loadmore .facetwp-load-more:hover:after, .wayne-sr-search .facetwp-type-reset:hover:after { right: 100%; transform: rotate(90deg); } .wayne-sr-loadmore .facetwp-load-more:hover:before, .wayne-sr-loadmore .facetwp-load-more:hover:after, .wayne-sr-search .facetwp-type-reset:hover:after { border-color:var(--e-global-color-text); } .wayne-home-slider .elementor-slide-button { padding:7px 30px; } .wayne-home-slider .elementor-slide-button:before { top: -7px; left: -7px; border-color:var(--e-global-color-0122104); } .wayne-home-slider .elementor-slide-button:hover:before { left: 100%; transform: rotate(90deg); } .wayne-home-slider .elementor-slide-button:after { top:unset; left:unset; bottom: -7px; right: -7px; border-color:var(--e-global-color-0122104); border-width: 1px 0 0 1px !important; } .wayne-home-slider .elementor-slide-button:hover:after { right: 100%; transform: rotate(90deg); } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } .wayne-products-block { height: 300px; } .wayne-products-block .elementor-cta__bg-wrapper{ margin-top: 0; opacity: 1; transition: 0.6s all; } .wayne-products-block:hover .elementor-cta__bg-wrapper{ margin-top: -50px; opacity: 0; } .wayne-products-block .elementor-cta__button-wrapper { opacity: 0; margin-top: 50; transition: 0.6s all; } .wayne-products-block:hover .elementor-cta__button-wrapper{ margin-top: 0px; opacity: 1; } .gform_description { display:none; } .gform_wrapper.gravity-theme input:not([type=submit]), .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { border:1px solid rgba(119, 119, 119, .2); padding:15px 30px !important; height:55px; margin-bottom: 5px !important; -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; color:#777777; font-family: "Raleway", Sans-serif; } .gform_wrapper.gravity-theme textarea { resize:none; height:150px !important; } .gform_wrapper.gravity-theme input:not([type=submit]):focus, .gform_wrapper.gravity-theme select:focus, .gform_wrapper.gravity-theme textarea:focus { border-color: var(--e-global-color-41336b9); outline:none; } .gform_wrapper.gravity-theme input[type=submit] { border:1px solid var(--e-global-color-41336b9); margin:0; } .gform_wrapper.gravity-theme input[type=submit]:hover { border:1px solid var(--e-global-color-text); cursor:pointer; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #232323 !important; opacity: 0.3 !important; } input::-moz-placeholder { /* Firefox 19+ */ color: #232323 !important; opacity: 0.3 !important; } input:-ms-input-placeholder { /* IE 10+ */ color: #232323 !important; opacity: 0.3 !important; } input:-moz-placeholder { /* Firefox 18- */ color: #232323 !important; opacity: 0.3 !important; } textarea::placeholder { color: #232323 !important; opacity: 0.3 !important; } /**************** ***** Home ****** *****************/ .wayne-home-slider .swiper-slide-inner { max-width:1200px; } .wayne-home-slider .elementor-slide-heading span{ color:var(--e-global-color-41336b9); } .wayne-home-slider .elementor-slide-button { font-weight: 700 !important; } .wayne-products .elementor-cta__bg-wrapper { position:relative; width:55px; height:55px; /*margin:0 auto; */ } .wayne-products .elementor-cta__content { margin-top:20px; } .wayne-products .elementor-cta:hover .elementor-cta__bg-overlay { display:none; } .wayne-features .elementor-icon-box-wrapper { box-shadow: 0 0 7px 0 rgba(43, 52, 59, .08); padding:60px 35px 35px 35px; min-height:400px; background:var(--e-global-color-0122104); transition:.5s ease; } .wayne-features .elementor-icon-box-wrapper:hover, .wayne-features .wayne-features-alt .elementor-icon-box-wrapper { background:rgba(0,0,0,0.5); } .wayne-features .elementor-icon-box-wrapper:hover .elementor-icon-box-description, .wayne-features .wayne-features-alt .elementor-icon-box-wrapper .elementor-icon-box-description, .wayne-features .wayne-features-alt .elementor-icon-box-wrapper .elementor-icon-box-title { color:var(--e-global-color-0122104); } .wayne-feature-grid .wp-caption-text p { margin: 0; } .wayne-feature-grid .wp-caption-text p.sample-mobile { display: none; } .wayne-feature-grid .wp-caption-text p.sample-desktop { padding-top:10px; } /************************** ***** Product Single ****** ***************************/ .wayne-downloads ul { padding:0; } .wayne-downloads li { list-style:none; margin-bottom: 5px; } .wayne-downloads li:last-of-type { margin-bottom:0; } .wayne-downloads li a { color:var(--e-global-color-92d9a5f); transition:.3s ease; } .wayne-downloads li a:hover { color:var(--e-global-color-41336b9); } .wayne-product-detail h3 { color: var(--e-global-color-text); font-size:26px; font-weight:400; } .wayne-product-detail .wayne-btn a { margin-bottom: 30px !important; } .wayne-product-categories a { color: var(--e-global-color-41336b9); font-size: var(--e-global-typography-90f631c-font-size); font-weight: var(--e-global-typography-90f631c-font-weight); line-height: var(--e-global-typography-90f631c-line-height); letter-spacing: var(--e-global-typography-90f631c-letter-spacing); } .wayne-product-title h2, .wayne-nonlit-title h2 { font-family: var(--e-global-typography-90f631c-font-family), Sans-serif; font-size: var(--e-global-typography-90f631c-font-size); font-weight: var(--e-global-typography-90f631c-font-weight); line-height: var(--e-global-typography-90f631c-line-height); letter-spacing: var(--e-global-typography-90f631c-letter-spacing); color: var(--e-global-color-text); } .wayne-nonlit-title h2 { color: var(--e-global-color-0122104); margin-bottom:40px; text-align: center; } .wayne-nonlit-gallery .slick-arrow.slick-next, .wayne-nonlit-gallery .slick-arrow.slick-prev { background: url(/wp-content/uploads/2026/04/Asset-1.svg) no-repeat; left: auto; right: 0; position: absolute; top: 0; bottom: 0; margin: auto; width:10px; height:20px; cursor: pointer; display: block; text-indent: -99999px; outline: 0; border: none; padding: 0 !important; background-size: contain !important; } .wayne-nonlit-gallery .slick-arrow.slick-prev { left: 0; background: url(/wp-content/uploads/2026/04/Asset-2.svg) no-repeat; right: unset; z-index: 1; } .wayne-nonlit-gallery .slick-list { margin:0 -20px; } .wayne-nonlit-gallery { padding: 0 40px; } /* .wayne-nonlit-gallery .wayne-nonlit-inner.slick-slide { transition:.3s ease; } .wayne-nonlit-gallery .wayne-nonlit-inner.slick-slide:hover img { border-color:#fff; } */ .wayne-nonlit-gallery .wayne-nonlit-inner .wayne-nonlit-img-wrapper { border:1px solid #FFFFFFA6; /* padding:0 20px; */ margin:0 20px; transition:.3s ease; } .wayne-nonlit-gallery .wayne-nonlit-inner .wayne-nonlit-img-wrapper:hover { border-color:#fff; } .wayne-nonlit-gallery .slick-slide img { height:300px; width:100%; object-fit:contain; } .wayne-nonlit-gallery p { color: var(--e-global-color-0122104); text-align: center; margin-top: 15px; font-size:24px; font-weight:700; } /*************************** ***** Product Listing ****** ****************************/ .facetwp-facet-product_categories { display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:0 !important; } .facetwp-facet-product_categories .facetwp-radio, .facetwp-facet-product_categories .facetwp-radio.checked { background:none; } .facetwp-facet-product_categories .facetwp-radio.checked { background-color: var(--e-global-color-41336b9); padding: 9px 30px 9px 30px; color: var(--e-global-color-0122104); } .facetwp-facet-product_categories .facetwp-radio { padding-left:0; margin-bottom:10px; padding: 9px 30px 9px 30px; margin-right:10px; color: var(--e-global-color-0122104); } .facetwp-facet-product_categories .facetwp-radio:hover { background-color: var(--e-global-color-41336b9); /*color: var(--e-global-color-0122104);*/ } .facetwp-facet-product_categories .facetwp-counter { display:none; } .facetwp-facet-product_categories .facetwp-display-value { padding-right:0; } .wayne-products-listing .e-loop-item { transition:.5s ease; } .wayne-products-listing .e-loop-item:hover { background-color: rgba(0,0,0,0.5); } .facetwp-facet.facetwp-facet-product_filter { margin: 20px 0 0; text-align: center; } .facetwp-facet-product_filter .facetwp-dropdown { padding: 10px; background: #494949; color: var(--e-global-color-41336b9); outline: none !important; min-width: 200px; } /******************************** ***** Sales Representative ****** *********************************/ .wayne-sr-categories li { position:relative !important; } .wayne-sr-categories li:before { position:absolute; content:""; width:50px; height:1px; left:0; bottom:0; background:var(--e-global-color-41336b9); transition:.5s ease; opacity:0; } .wayne-sr-categories li:hover:before { opacity:1; width:100%; } .wayne-sr-categories li a { padding:10px 0; } .wayne-sr .facetwp-template { display:flex; flex-wrap:wrap; gap:20px; } .wayne-sr .wayne-sr-wrapper { flex:0 0 calc(50% - 20px); } .wayne-sr-wrapper a { padding: 20px; border: 1px solid rgba(35,35,35,0.3); display: block; height: 100%; } .wayne-sr-wrapper a:hover { /* border-color: rgba(35,35,35,1); */ border-color: var(--e-global-color-41336b9); } .wayne-sr-wrapper svg { height:18px; width:18px; margin-right:8px; position: relative; top: 5px; } .wayne-sr-wrapper svg path { fill:var(--e-global-color-41336b9); } .wayne-sr-wrapper .wayne-sr-address { margin-bottom:10px; } .wayne-sr-wrapper .wayne-sr-address, .wayne-sr-wrapper .wayne-sr-phone { display: flex; align-items: baseline; } .wayne-sr-wrapper p { margin-bottom:0; color:var(--e-global-color-text); } .wayne-sr-wrapper:hover .wayne-sr-title { background:var(--e-global-color-41336b9); } .wayne-sr-wrapper .wayne-sr-title { color: var(--e-global-color-0122104); margin: -20px -20px 20px; padding: 10px 20px; font-size: 18px; background-color: var(--e-global-color-text); } .wayne-sr-search .facetwp-type-search, .wayne-sr-search .facetwp-type-dropdown { margin-bottom:0; } .wayne-sr-search .facetwp-input-wrap { width:100%; } .wayne-sr-search input, .wayne-sr-search select { width:100%; } .wayne-sr-search input, .wayne-sr-search select { border: 1px solid rgba(119, 119, 119, .2); padding:10px; height:40px; } .wayne-sr-search input:focus, .wayne-sr-search select:focus { border-color:var(--e-global-color-41336b9); } .wayne-sr-search input:focus-visible, .wayne-sr-search select:focus-visible { outline:none; } .wayne-sr-search .facetwp-type-reset { margin-bottom:0 !important; /* display: inline-block; */ } .wayne-sr-search .facetwp-type-reset .facetwp-reset:hover { cursor: pointer; } .wayne-sr-loadmore .facetwp-type-pager { margin-bottom:0; } @media only screen and (max-width:767px) { .wayne-feature-grid .wp-caption-text p.sample-mobile { display: block; padding-top:10px; } .wayne-feature-grid .wp-caption-text p.sample-desktop { display:none; } .wayne-sr .wayne-sr-wrapper { flex:0 0 100%; } } /* ToDo: Make this dynamic if possible */ .postid-3210 .wayne-related-gallery-sec { display: none }