/*   
Theme Name: ANP Lighting
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/* Universal Styles */

body, html{ font-size: 16px;}
body, select, input, textarea{ font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #1A1A1A; font-weight: 400;}

a{ color: #005696; text-decoration: none;}
a:hover, a:focus{ color: #1B3D63;}
.button, button{ -webkit-appearance: none; display: inline-block; font-size: 1.125rem; line-height: 1.125rem; padding: 25px 20px; font-weight: bold; color: #1A1A1A; border: 2px solid #1A1A1A;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #1A1A1A; color: #fff;}
.more{ font-size: 1.125rem; font-weight: 700; margin-top: 30px; display: inline-block;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

h1, h2, h3, h4, h5, h6{ line-height: normal;}
h1, h2{ font-size: 2.8rem; font-weight: 300;}
h3{ font-size: 1.6rem; font-weight: 400;}
h4{ font-size: 1.125rem; font-weight: 400;}
h5{}
h6{}

.wrapper, .container{ width: 90%; max-width: 1600px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{ background-color: #1A1A1A; color: #fff; padding: 20px 0 36px; position: relative; z-index: 2;}
.header .container{ justify-content: space-between; align-items: center;}
.header .subheader{ margin-bottom: 42px;}
.header .logo, .footer .logo{ width: 230px;}
.header a, .footer a{ color: #fff;}
.header a:hover, .footer a:hover{ color: #f3f3f3;}
.header .subheader strong:after{ content: "|"; font-weight: 400; margin: 0 0 0 5px;}
.header .subheader ul{ display: flex;}
.header .subheader ul li:after{ content: "|"; margin: 0 10px;}
.header .subheader ul li:nth-last-of-type(1):after{ content: ""; margin: 0;}
.header .subheader .subheader-right{ display: flex; justify-content: space-between; align-items: center;}

.header .search-form{ padding: 10px 0; margin-top: 3px;}
.header .search-form i{ font-size: 16px; float: left; margin: -4px 0 0 20px;}
.header .search-form .search-input{ position: absolute; opacity: 0; visibility: hidden; transition: all .3s ease-in-out 0s; padding: 20px; border: 1px solid #e4e4e4; font-size: 14px; right: 155px; top: 40px; width: 0; z-index: 99; -webkit-appearance: none;}
.header .search-form:hover .search-input, .header .search-form:focus-within .search-input{ top: 40px; opacity: 1; visibility: visible; transition: all .3s ease-in-out 0s; right: 155px; width: 400px;}
.header .search-form .search-input:focus{ outline-width: 0;}

/* Ubermenu (View "CSS Tweaks - Desktop" in Ubermenu General Settings for most styles) - OF */

.ubermenu-responsive-default.ubermenu.ubermenu-horizontal.ubermenu-items-vstretch .ubermenu-item.ubermenu-item-level-0>.ubermenu-submenu-drop { margin-top: 88px !important; max-width: 2000px; left: 0; right: 0; margin: auto; }

.rmp-menu-subarrow{ font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free";}

.content p{ margin-top: 20px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.meta{}

.search-results .content{ margin: 60px 0 100px;}
.search-results .related-grid{ margin-top: 45px;}
.search-grid h3 a{ color: #1a1a1a;}
.search-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin-top: 45px;}

.footer{ background-color: #1A1A1A; color: #fff; padding: 130px 0 30px;}
.footer .container, .footer .footer-left{ display: flex; justify-content: space-between;}
.footer .subfooter .container{ border-top: 1px solid #fff; padding-top: 30px; margin-top: 80px;}
.footer .footer-heading{ font-weight: bold; margin-bottom: 5px;}
.footer .branding{ max-width: 325px; margin-right: 60px;}
.footer .contact{ max-width: 160px;}
.footer .contact .footer-heading:nth-of-type(2){ margin-top: 30px;}
.footer .categories{ max-width: 215px; text-align: right;}
.footer .navigation{ max-width: 330px; margin-left: 60px; font-weight: bold; text-align: right;}
.footer .categories li, .footer .navigation li{ margin-bottom: 8px;}
.footer .logo{ margin-bottom: 15px;}
.footer .social{ font-size: 30px; display: flex; align-items: center; margin-top: 45px;}
.footer .social li{ margin-right: 12px;}
.footer .subfooter ul{ display: flex;}
.footer .subfooter ul li:after{ content: "|"; margin: 0 10px;}
.footer .subfooter ul li:nth-last-of-type(1):after{ content: ""; margin: 0;}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.triangle{ position: relative;}
.triangle:after{ content: ""; position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 30px solid #f3f3f3;}


/* Homepage */

.home{ overflow-x: hidden;}
.home .slider{ margin-top: -5px; width: calc(100% + 1px);}
.home .slider .single-slide{ display: flex; align-items: center; min-height: 600px; background-size: cover; background-position: center center;}
.home .slider .single-slide:after{ content: ""; padding-bottom: 40%; display: block;}
.home .slider .slide-content{ width: 45%; padding: 60px 5%; box-sizing: border-box; backdrop-filter: blur(10px); color: #fff; background: rgba(0,0,0,.55);}
.home .slider .slide-content h2{ margin-bottom: 30px;}
.home .slider .slide-content h3{ margin-bottom: 20px;}
.home .slider .button{ margin-top: 40px; color: #fff; border: 2px solid #FFF;}
.home .slider .slick-dots{ position: absolute; top: 50%; right: 30px; transform: translateY(-50%); display: flex !important; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px; padding: 0; margin: 0; list-style: none; z-index: 10; width: 30px;}
.home .slider .slick-dots li{ display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0; padding: 0;}
.home .slider .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; background-color: none; border: 2px solid #fff; padding: 0; cursor: pointer; transition: background-color 0.3s ease; font-size: 0; line-height: 0;}
.home .slider .slick-dots li button:before{ content: none;}
.home .slider .slick-dots li.slick-active button{ background-color: #fff;}
.home .slider-container{ position: relative;}
.home .slider-container .scroll{ position: absolute; bottom: 20px; right: 20px; background-color: #111; width: 40px; height: 40px; display: flex; color: #fff; align-items: center; justify-content: center;}

.home .content .categories{ padding: 110px 0;}
.home .categories .categories-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}
.home .categories .category-visual{ margin-bottom: 40px; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.home .categories .category-visual:after{ content: ""; padding-bottom: 40%; display: block;}

.home .popular, .home .collections{ margin-top: 110px;}
.home .popular h2, .home .collections h2{ text-align: center; margin-bottom: 45px;}
.home .product-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.home .product-grid .product-visual{ margin-bottom: 40px; background-position: center center; background-repeat: no-repeat;}
.home .popular .product-visual, .home .collections .product-visual{ background-size: cover;}
.home .product-grid .product-visual:after{ content: ""; padding-bottom: 70%; display: block;}

.home .about{ background-size: 50%; background-position: center right -15%; background-repeat: no-repeat; padding: 50px 0; margin-top: 100px;}
.home .about .container{ justify-content: space-between; align-items: center;}
.home .about h2{ margin-bottom: 25px;}
.home .about .about-content{ max-width: 510px;}
.home .about img{ width: calc(100% - 600px);}

.home .icons{ text-align: center; margin-top: 120px;}
.home .icons .icon-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 60px;}
.home .icons .icon-grid .icon{ display: flex; align-items: center; justify-content: center; width: 200px; height: 150px; margin: 65px auto 50px;}
.home .icons .icon-grid .icon img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.home .icons a{ color: #1a1a1a;}

.home .cta{ background-color: #f3f3f3; text-align: center; padding: 70px 0 85px; margin: 100px 0 90px; font-size: 1.6rem;}
.home .cta p{ margin: 15px auto 40px; max-width: 700px;}

.home .gallery{ display: flex; justify-content: flex-end; margin-bottom: 50px;}
.home .gallery-container{ width: 90%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px;}
.home .gallery-image{ background-size: cover; background-position: center center;}
.home .gallery-image:nth-of-type(1){ grid-area: 1 / 1 / 3 / 2; }
.home .gallery-image:nth-of-type(2){ grid-area: 1 / 2 / 2 / 5; }
.home .gallery-image:nth-of-type(3){ grid-area: 2 / 2 / 3 / 3; }
.home .gallery-content{ grid-area: 2 / 3 / 3 / 5; background-color: #1a1a1a; color: #fff; padding: 100px 150px 100px 90px;}
.home .gallery-content a{ color: #fff;}
.home .gallery-content a:hover{ color: #f3f3f3;} 


/* Default */

.page-template-default .page-heading .heading-right .button{ margin: 0 0 0 20px;}
.page-template-default .content .entry{ padding: 65px 0 100px; width: 60%;}
.page-template-default .content .entry hr{ margin: 3.5em 0 2.5em;}



/* Contact */

.page-heading{ background-color: #1A1A1A; color: #fff; border-top: 1px solid #fff; padding: 80px 0;}
.page-heading .container{ justify-content: space-between;}
.page-heading .heading-left, .page-heading .heading-left .contact-details{ display: flex; justify-content: space-between;}
.page-heading h1, .page-heading .heading-left{ margin-right: 75px;}
.page-heading .heading-left .contact-heading{ font-size: 1.5rem; margin: 10px 0 15px;}
.page-heading .phone p{ margin: 0;}
.page-heading .phone{ margin-right: 50px;}
.page-heading .phone strong:after{ content: "|"; margin: 0 8px;}
.page-heading .phone a{ color: #fff;}
.page-heading .phone a:hover{ color: #f3f3f3;}
.page-heading .heading-right{ max-width: 525px;}
.page-heading .heading-right .button{ color: #fff; border: 2px solid #fff; margin-top: 30px;}
.page-heading .heading-right .button:hover{ background-color: #fff; color: #1A1A1A;}
.page-heading .heading-right .nav .menu{ list-style: none; margin: 0;}
.page-heading .heading-right .nav li{ display: inline-block; margin-left: 20px;}
.page-heading .heading-right .nav li a{ color: #fff; text-decoration: none;}
.page-heading .heading-right .nav li a:hover{ color: #f3f3f3;}

.contact .page-heading .heading-right{ max-width: 400px; text-align: right;}

.contact .intro{ margin: 90px 0 45px; position: relative;}
.contact .intro .intro-content{ width: 50%; padding: 45px 0;}
.contact .intro .intro-content h3{ margin-top: 20px;}
.contact .intro .intro-visual{ height: 100%; width: 43%; position: absolute; top: 0; right: 0; background-size: cover; background-position: center center;}

.contact .team .team-intro{ background-color: #F3F3F3; padding: 60px 0 80px;}
.contact .team .container{ justify-content: space-between; align-items: center; max-width: 1200px;}
.contact .team .team-intro .team-visual{ margin-right: 140px;}
.contact .team .team-intro .team-visual img{ width: 300px;}
.contact .team .team-intro .team-content{ width: calc(100% - 440px);}
.contact .team .team-intro .team-content h3{ margin-top: 20px;}

.contact .team .team-members{ padding: 90px 0;}
.contact .team .team-members h2{ text-align: center; margin-bottom: 45px;}
.contact .team .team-grid{ display: grid; grid-template-columns: repeat(4,1fr); row-gap: 100px; column-gap: 60px; margin-top: 45px;}
.contact .team h4{ font-weight: bold;}
.contact .team p{ margin: 0;}
.contact .team ul{ list-style: none; margin: 10px 0 0;}
.contact .team ul li{ margin-bottom: 5px;}
.contact .team ul li i{ margin-right: 8px;}



/* News */

.blog .featured{ background-color: #F3F3F3; padding: 60px 0 80px;}
.blog .featured h2, .blog .news h2{ text-align: center;}
.blog .featured h2{ margin-bottom: 50px;}
.blog .featured article{ float: right; clear: right; width: calc(45% - 10px);}
.blog .featured article:nth-of-type(1){ float: left; width: calc(55% - 10px);}
.blog .featured article:nth-of-type(1) .post-visual{ margin-bottom: 25px; height: 500px;}
.blog .featured .post-visual{ background-size: cover; background-position: center; position: relative;}
.blog .featured .post-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.blog .featured article:nth-of-type(2), .blog .featured article:nth-of-type(3){ display: flex;}
.blog .featured article:nth-of-type(2){ margin-bottom: 20px;}
.blog .featured article:nth-of-type(2) .post-visual, .blog .featured article:nth-of-type(3) .post-visual{ width: 50%; height: calc(250px - 10px);}
.blog .featured article:nth-of-type(2) .post-content, .blog .featured article:nth-of-type(3) .post-content{ width: 50%; padding-left: 30px; box-sizing: border-box; }
.blog .news{ padding: 70px 0 80px;}
.blog .news .post-grid{ display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 25px; row-gap: 80px;}
.blog .news article .post-visual{ position: relative; background-size: cover; background-position: center;}
.blog .news article .post-visual:after{ content: ""; padding-bottom: 56.25%; display: block;}
.blog .news article .post-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.blog .news article ul{ list-style: none; margin: 15px 0 0; font-size: 16px;}
.blog .news article h3{ margin-top: 15px;}
.blog h3 a, .blog article ul li a{ color: #1A1A1A;}
.facetwp-facet-paging{ text-align: center; margin-top: 60px;}
.facetwp-facet-paging button{ background-color: #fff;}
.facetwp-facet-paging button:hover{ background-color: #1A1A1A;}
.blog .news h2{ margin-bottom: 25px;}
.blog .news .facetwp-facet-categories, .contact .facetwp-facet-departments{ display: flex; justify-content: center;}
.blog .news .facetwp-facet-categories .facetwp-radio, .contact .facetwp-facet-departments .facetwp-radio, .photo-gallery .gallery .filters .facetwp-radio{ background: none; padding: 0; margin: 0 15px;}
.blog .news .facetwp-facet-categories .facetwp-radio.checked, .contact .facetwp-facet-departments .facetwp-radio.checked, .photo-gallery .gallery .filters .facetwp-radio.checked{ color: #005696; font-weight: bold;}
.blog .news .facetwp-facet-categories .facetwp-counter, .contact .facetwp-facet-departments .facetwp-counter, .photo-gallery .gallery .filters .facetwp-counter{ display: none;}

.single-post .post-body{ padding: 60px 0 80px;}
.single-post .post-body .wrapper{ max-width: 945px;}
.single-post .post-body h1{ text-align: center;}
.single-post .post-body time.updated{ text-align: center; display: block; font-size: 21px; margin-bottom: 45px;}
.single-post .post-body .images-container{ margin-bottom: 30px; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.single-post .post-body .images-container .single-image{ background-size: cover; background-position: center center;}
.single-post .post-body .images-container .single-image:after{ content: ""; padding-bottom: 150%; display: block;}
.single-post .post-body .basic-container{ margin-bottom: 45px;}
.single-post .post-body .basic-container h2.subheadline{ font-size: 1.6rem; font-weight: 400;}
.single-post .post-body .basic-container h3, .single-post .post-body .basic-container h4, .single-post .post-body .basic-container h5, .single-post .post-body .basic-container h6{ margin-top: 30px;}
.single-post .rank-math-breadcrumb .last{ font-weight: 700;}
.single-post .rank-math-breadcrumb a{ color: #fff;}
.single-post .rank-math-breadcrumb a:hover{ color: #f3f3f3;}
.single-post .rank-math-breadcrumb .separator{ margin: 0 5px;}


/* Gallery */

.photo-gallery .gallery .container{ justify-content: space-between; padding: 60px 0 90px;}
.photo-gallery .gallery .filters{ width: 20%;}
.photo-gallery .gallery .filters .facetwp-radio{ margin: 0 0 15px;}
.photo-gallery .gallery .gallery-container{ width: 75%;}
.photo-gallery .gallery .gallery-grid{ columns: 3; gap: 15px;}
.photo-gallery .gallery .gallery-grid img{ margin-bottom: 8px; width: 100%;}
.photo-gallery .gallery .gallery-container .facetwp-facet-paging{ text-align: center; margin-top: 45px;}
.photo-gallery .gallery .gallery-container .facetwp-facet-paging button{ background: none;}
.photo-gallery .gallery .gallery-container .facetwp-facet-paging button:hover{ background-color: #000;}
.gallery-lightbox{ text-align: center !important;}
.gallery-lightbox i{ font-size: 40px;}
.gallery-lightbox h2{ font-size: 1.6rem; font-weight: 400; margin: 15px 0 0;}
.gallery-lightbox h3{ font-size: 1.125rem; margin-bottom: 15px;}
.gallery-lightbox ul{ list-style: none;}
.gallery-lightbox ul li{ display: inline-block; margin: 0 10px;}
.gallery-lightbox ul li .product-image{ width: 100px; height: 100px; display: flex; align-items: center; justify-content: center;}
.gallery-lightbox ul li .product-image img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}


/* Reps */

.rep-content{ padding: 60px 0 100px;}
.rep-content .container{ justify-content: space-between;}
.rep-content .rep-filters{ width: 300px;}
.rep-content .rep-filters h3{ font-size: .75rem; font-weight: 600; text-transform: uppercase; margin-bottom: 5px;}
.rep-content .reps{ width: calc(100% - 400px);}
.rep-content .rep-location p{ margin-top: 0;}
.rep-content article{ border: 1px solid #000; margin-bottom: 30px;}
.rep-content article .rep-heading{ background-color: #000; color: #fff; padding: 10px 15px;}
.rep-content article .rep-heading h2{ font-size: 1.125rem; font-weight: 600;}
.rep-content article .rep-content{ padding: 15px 15px 25px; display: grid; grid-template-columns: repeat(2,1fr); gap: 30px;}
.rep-content article .rep-content h3{ font-size: .75rem; font-weight: 600; text-transform: uppercase; margin-top: 10px;}
.rep-content article .rep-content h3:nth-of-type(1){ margin-top: 0;}
.rep-content button{ margin-top: 45px; background: none;}
.rep-content button:hover{ background-color: #000;}
.rep-content .rep-filters .facetwp-facet{ margin-bottom: 20px;}
.rep-content .rep-filters .fs-wrap{ background: none; border: none; -webkit-appearance: none; border: 1px solid #000; width: 100%; font-size: 14px; box-sizing: border-box;}
.rep-content .rep-filters .fs-label-wrap{ border: none; background: none; padding: 8px;}
.rep-content .rep-filters .fs-label-wrap .fs-arrow{ right: 15px;}
.rep-content .rep-filters .fs-dropdown{ border: 1px solid #000; margin-left: -1px;}


/* Product Listings */

.products .container{ justify-content: space-between; margin: 100px auto 120px;}
.products .product-listings .product-visual{ display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.products .product-listings .product-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.products .product-listings{ width: calc(80% - 80px);}
.products .product-listings .product-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 80px;}
.products .product-listings h2{ font-size: 1.6rem; margin-bottom: 5px;}
.products .product-listings h2 a{ color: #1A1A1A;}
.products .product-listings h3{ font-size: 1rem; font-weight: 400; margin-bottom: 15px;}
.products .product-listings p{ margin-top: 0; overflow-wrap: break-word; white-space: normal; word-break: break-all; font-size: 14px;}
.products .product-listings a.spec-sheet{ font-weight: 700;}
.products .product-listings a i{ margin-right: 4px;}
.products .product-filters{ width: 15%;}
.products .filters input{ position: absolute; opacity: 0; z-index: -1;}
.products .filters .row{ display: flex;}
.products .filters .row .col{ flex: 1;}
.products .filters .row .col:last-child{ margin-left: 1em;}
.products .filters{ overflow: hidden;}
.products .filters .tab{ width: 100%; overflow: hidden;}
.products .filters .tab-label{ display: flex; justify-content: space-between; align-items: center; padding: 0; cursor: pointer; border-bottom: 1px solid #707070; font-size: 1.125rem; padding: 10px 0;}
.products .filters .tab-label:hover{}
.products .filters .tab-label::after{ content: "\f107"; font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; width: 1em; height: 1em; text-align: center; transition: all 0.35s; font-size: .75rem;}
.products .filters .tab-content{ max-height: 0; padding: 0; visibility: hidden; opacity: 0; display: none; transition: all 0.35s;}
.products .filters .tab-close{ display: flex; justify-content: flex-end; padding: 1em; cursor: pointer;}
.products .filters input:checked + .tab-label::after{ transform: rotate(-180deg);}
.products .filters input:checked ~ .tab-content{ max-height: 100vh; padding: 15px 0; visibility: visible; opacity: 1; display: block;}
.products .filters .facetwp-checkbox{ margin-bottom: 8px; font-size: 1rem; background-image: url(images/checkbox.png);}
.products .filters .facetwp-checkbox.checked{ font-weight: 700; color: #005696; background-image: url(images/checkbox-on.png);}
.products .filters .facetwp-counter{ display: none;}



/* Single Product */

.product .info{ margin-top: 75px;}
.product .info .container{ justify-content: space-between;}
.product .info .gallery, .product .info .details{ width: 48%;}
.product .info h1{ margin: 5px 0 15px;}
.product .info h2{ font-size: 1.6rem; font-weight: 400;}
.product .info .columns{ display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; margin-top: 40px;}
.product .info .features ul{ list-style: none; margin: 15px 0 0 5px;}
.product .info .features ul li{ margin-bottom: 10px; display: flex;}
.product .info .features ul li:before{ content: "-"; display: block; margin-right: 5px;}
.product .info .specs ul{ list-style: none; margin: 15px 0 0;}
.product .info .specs ul li{ margin-bottom: 5px;}
.product .info .select-wrapper{ position: relative; display: inline-block; width: 100%;}
.product .info select{ margin-top: 45px; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #1a1a1a; color: #fff; width: 100%; padding: 15px 20px; box-sizing: border-box; font-size: 16px; line-height: 1.5;}
.product .info .select-wrapper::after{ content: '\f107'; font-family: "Font Awesome", FontAwesome, 'Font Awesome 6 Free'; font-weight: 900; position: absolute; top: 65%; right: 20px; color: #fff; pointer-events: none;}
.product .info select:focus{ outline: none;}
.product .certifications ul{ display: flex; align-items: center; margin-left: 0;}
.product .certifications li{ height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; margin-right: 20px;}
.product .certifications li img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}

.product .gallery{ display: flex;}
.product .gallery-nav{ width: 100px;}
.product .gallery-images{ width: calc(100% - 100px);}
.product .gallery-images .single-image{ display: flex; align-items: center; justify-content: center;}
.product .gallery-images .single-image img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.product .gallery-images .single-image:after, .product .gallery-nav .single-image:after{ content: ""; padding-bottom: 100%; display: block;}
.product .gallery-nav .single-image{ background-size: contain; background-position: center center; background-repeat: no-repeat;}
.product .gallery-nav .slick-slide{ opacity: .5;}
.product .gallery-nav .slick-slide.slick-current{ opacity: 1;}

.product .links{ margin: 130px 0 70px;}
.product .links .container{ justify-content: space-between;}
.product .links h3{ margin-bottom: 25px;}
.product .links .quick-links{ width: 30%; background-color: #1A1A1A; color: #fff; padding: 60px; box-sizing: border-box;}
.product .links .quick-links ul, .product .links .downloads ul{ list-style: none; margin: 0;}
.product .links .quick-links ul li, .product .links .downloads ul li{ margin-bottom: 5px; font-weight: 700;}
.product .links .quick-links ul li a{ color: #fff;}
.product .links .quick-links ul li a:hover{ color: #f3f3f3;}
.product .links .downloads{ width: 70%; background-color: #F4F4F4; padding: 60px; box-sizing: border-box;}
.product .links .downloads .columns{ display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.product .links .downloads ul{ margin-top: 15px;}

.product .product-gallery{ margin-bottom: 100px;}
.product .product-gallery .photos{ display: grid; grid-template-columns: repeat(3,1fr); gap: 45px; margin-top: 50px;}
.product .product-gallery .single-photo{ background-size: cover; background-position: center center; position: relative;}
.product .product-gallery .single-photo:after{ content: ""; padding-bottom: 70%; display: block;}
.product .product-gallery .single-photo a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.product .customize{ margin-bottom: 200px; position: relative;}
.product .customize .container{ justify-content: flex-end;}
.product .customize .customize-visual{ background-size: cover; background-position: center center; width: 50%; position: absolute; top: 0; left: 0; margin-bottom: 90px; max-height: 450px;}
.product .customize .customize-visual:after{ content: ""; padding-bottom: 50%; display: block;}
.product .customize .customize-content{ width: 40%; padding-top: 20px;}

.product .related{ margin-bottom: 130px;}
.related-grid h3 a{ color: #1a1a1a;}
.related-grid .slick-slide{ margin: 0 15px;}
.related-grid .slick-list{ margin: 0 -15px;}



/* Custom & Modifications */

.custom-mods .intro{ margin: 90px 0 60px; position: relative;}
.custom-mods .intro .intro-content{ width: 50%; padding: 45px 0;}
.custom-mods .intro .intro-content h3{ margin-top: 20px;}
.custom-mods .intro .intro-visual{ height: 100%; width: 43%; position: absolute; top: 0; right: 0; background-size: cover; background-position: center center;}
.custom-mods .intro .button{ margin-top: 30px;}

.custom-mods .gallery{ text-align: center;}
.custom-mods .gallery .gallery-grid{ columns: 3; gap: 15px; margin-top: 45px;}
.custom-mods .gallery .gallery-grid img{ margin-bottom: 8px;}
.custom-mods .gallery .button{ margin-top: 30px;}

.custom-mods .cta{ background-color: #f3f3f3; text-align: center; padding: 70px 0 85px; margin: 50px 0 0; font-size: 1.6rem;}
.custom-mods .cta p{ margin: 15px auto 40px; max-width: 700px;}
.custom-mods .buttons{ list-style: none; margin: 30px 0 0;}
.custom-mods .buttons li{ display: inline; margin: 0 10px;}


/* Company Page */

.company .intro{ margin: 90px 0 60px; position: relative;}
.company .intro .intro-content{ width: 50%; padding: 45px 0;}
.company .intro .intro-content h3{ margin-top: 20px;}
.company .intro .intro-visual{ height: 100%; width: 43%; position: absolute; top: 0; right: 0; background-size: cover; background-position: center center;}
.company .intro .button{ margin-top: 30px;}
.company .brands{ text-align: center;}
.company .brands p{ max-width: 900px; margin: 15px auto 0;}
.company .brands .brand-carousel{ margin-top: 45px;}
.company .brands .single-logo{ display: flex; align-items: center; justify-content: center; width: 200px; height: 80px;}
.company .brands .single-logo img{ max-width: 100%; max-height: 100%; width: auto; height: auto; filter: grayscale(100%);}
.company .brands .slick-slide{ margin: 0 20px;}
.company .brands .slick-list{ margin: 0 -20px;}
.company .cta{ background-color: #f3f3f3; text-align: center; padding: 70px 0 85px; margin: 100px 0 0; font-size: 1.6rem;}
.company .cta p{ margin: 15px auto 40px; max-width: 700px;}


/* Resources */

.resources .intro{ margin: 0px 0; position: relative;}
.resources .intro .intro-content{ width: 50%; padding: 45px 0;}
.resources .intro .intro-content h2, .resources .intro .intro-content h3{ margin-top: 20px;}
.resources .intro .intro-visual{ height: 100%; width: 43%; position: absolute; top: 0; right: 0; background-size: cover; background-position: center center;}
.resources .intro .button{ margin-top: 30px;}
.resources .downloads-container .download-intro h2{ font-size: 1.6rem; font-weight: 400;}
.resources .downloads-container .download-grid{ margin-top: 30px;}
.resources .downloads-container .download-grid .single-download{ display: flex; align-items: center;}
.resources .downloads-container .download-grid .single-download + .single-download{ margin-top: 30px;}
.resources .downloads-container .download-visual{ position: relative; width: 50px; margin-right: 15px;}
.resources .downloads-container .download-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.resources .downloads-container .download-visual img{ max-width: 50px; max-height: 50px; width: auto; height: auto; object-fit: contain;}
.resources .downloads-container .download-visual i{ font-size: 21px; color: #1a1a1a;}
.resources .downloads-container .download-content h3{ font-size: 1.125rem; font-weight: 400;}
.resources .downloads-container .download-section, .resources .resources-list .single-resource{ padding: 60px 0 75px;}
.resources .downloads-container .download-section:nth-of-type(even), .resources .resources-list .single-resource:nth-of-type(odd){ background-color: #f3f3f3;}
.resources .resources-list .button{ margin-top: 30px;}

.resources .downloads-container .single-article .download-visual{ width: 150px;}
.resources .downloads-container .single-article .download-visual a{ position: relative; margin-top: 3px; display: block; width: 150px; text-align: center;}
.resources .downloads-container .single-article .download-visual img{ max-width: 200px; max-height: 150px;}
.resources .downloads-container .single-article{ display: flex; align-items: center; margin-bottom: 25px;}
.resources .downloads-container .single-article p{ margin: 0;}
.resources .downloads-container .article-list{ margin-top: 45px;}



/* Rep Portal Orders */

.orders .order-list{ margin: 60px 0;}
.orders table{ font-size: 14px; width: 100%;}
.orders table th{ text-align: left; padding: 10px 8px; background-color: #005696; color: #fff; border-right: 1px solid #fff;}
.orders table tr:nth-of-type(odd){ background-color: #f3f3f3;}
.orders table tr:nth-of-type(odd) td{ padding: 10px 8px; border-right: 1px solid #fff;}
.orders table tr:nth-of-type(even) td{ padding: 10px 8px; border-right: 1px solid #eee;}
.orders table tr:hover{ background-color: #ddd;}
.orders table tr td:nth-last-of-type(1), .orders table th:nth-last-of-type(1){ border: none;}
.archive-orders .orders table tr td:nth-last-of-type(1), .archive-orders.orders table th:nth-last-of-type(1){ text-align: center;}

.orders .filters{ display: flex; align-items: center;}
.orders .filters .filter{ margin-right: 20px;}
.orders .filters .facetwp-facet input.facetwp-search{ padding: 10px 30px 10px 10px; border: 1px solid #555;}
.orders .filters .facetwp-type-search i{ right: 10px;}
.orders .filters select{ padding: 10px; background: none; border: none; border: 1px solid #555; border-radius: 2px;}

.single-orders .more{ margin: 0 0 20px;}
.single-orders .order-details{ margin: 60px 0 100px;}
.single-orders .column{ width: 50%;}
.single-orders .column p{ margin-top: 0;}
.single-orders .order-info, .single-orders .customer-info{ margin-top: 20px;}
.single-orders .customer-info h3{ margin-bottom: 10px;}
.single-orders table{ margin-top: 45px;}
.single-orders table .number{ text-align: center;}

.notice.unauthorized-notice{ background: #fff3cd; color: #664d03; border: 1px solid #ffe69c; padding: 12px 14px; border-radius: 6px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
.notice.unauthorized-notice p{ margin-top: 0;}
.notice.unauthorized-notice .notice-close{ text-decoration: underline; font-weight: 600;}


/* Account */

.account-content{ padding: 60px 0 100px;}
.account-content .container{ justify-content: space-between;}
.account-content .login-form{ width: 250px;}
.account-content .form-headline{ margin-bottom: 10px;}
.account-content form label{ text-transform: uppercase; letter-spacing: .05em; display: block; margin: 10px 0 3px; font-size: 14px;}
.account-content form input.input{ padding: 10px !important; border: 1px solid #555;}
.account-content form input.button{ margin-top: 20px; background: none;}
.account-content form input.button:hover{ background-color: #1a1a1a;}
.account-content .account-form, .account-content .marketing{ width: calc(100% - 350px); padding-left: 50px; border-left: 1px solid #ccc; box-sizing: border-box;}
.account-content .account-form p{ margin-bottom: 20px;}
.account-content .account-form .gform_body input{ padding: 15px !important; border: 1px solid #555;}
.account-content .marketing h2, .account-content .account-links h2{ font-size: 1.6rem;}
.account-content .marketing ul{ margin: 30px 0 0; list-style: none;}
.account-content .marketing li{ padding: 25px 30px; margin-bottom: 0;}
.account-content .marketing li:nth-of-type(odd){ background-color: #f3f3f3;}
.account-content .marketing li i{ margin-right: 10px;}
.account-content .account-links ul{ list-style: none; margin: 10px 0 0;}
.account-content .account-links ul li{ border-bottom: 1px solid #ccc;}
.account-content .account-links ul li:nth-last-of-type(1){ border: none;}
.account-content .account-links ul li a{ padding: 7px; display: block;}


/* Colors of ANP */

.color-template .color-wrapper .intro, .color-template .color-wrapper .colors{ width: 48%;}
.color-template .intro .intro-content{ width: 100%;}
.color-template .color-wrapper{ display: flex; justify-content: space-between; gap: 30px; align-items: flex-start;}
.color-template .colors{ margin-top: 75px;}
.color-template .colors-grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; text-align: center; font-size: 14px; line-height: 21px; align-items: start; align-content: start; height: auto; margin: 20px 0 45px;}
.color-template .colors .color-swatch{ width: 100%; aspect-ratio: 1 / 1; background-size: cover; background-position: center center; margin-bottom: 10px; position: relative;}


/* Brochures */

.page-id-2438 .download-grid, .page-id-2439 .download-grid{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 30px; row-gap: 45px;}
.page-id-2712 .download-grid{ display: grid; grid-template-columns: repeat(2,1fr); column-gap: 30px; row-gap: 45px;}
.page-id-2438 .download-grid .single-download + .single-download, .page-id-2439 .download-grid .single-download + .single-download, .page-id-2712 .download-grid .single-download + .single-download{ margin: 0 !important;}
.page-id-2438 .resources .downloads-container .download-visual a, .page-id-2439 .resources .downloads-container .download-visual a, .page-id-2712 .resources .downloads-container .download-visual a{ position: relative;}
.page-id-2438 .resources .downloads-container .download-visual, .page-id-2439 .resources .downloads-container .download-visual, .page-id-2712 .resources .downloads-container .download-visual{ width: auto;}
.page-id-2438 .resources .downloads-container .download-visual img, .page-id-2439 .resources .downloads-container .download-visual img, .page-id-2712 .resources .downloads-container .download-visual img{ max-width: 200px; max-height: 200px;}


/* E-News */

.page-id-2710 .article-list{ max-width: 800px;}
.page-id-2710 .article-list .single-article{ padding: 25px 30px; margin-bottom: 0;}
.page-id-2710 .article-list .single-article:nth-of-type(odd){ background-color: #f3f3f3;}

/* Case Studies */

.page-id-2439 .download-grid{ display: grid; grid-template-columns: repeat(2,1fr); column-gap: 30px; row-gap: 45px;}
.page-id-2439 .download-grid .single-download + .single-download{ margin: 0 !important;}


/* Media queries */

@media (max-width: 1100px) {
	.products .container{ flex-direction: column;}
	.products .product-filters{ width: 100%; margin-bottom: 30px;}
	.products .product-listings{ width: 100%;}
	.products .product-listings .product-grid{ grid-template-columns: repeat(3,1fr); gap: 45px;}
}

@media (max-width: 960px) {
	.header .container{ display: block; text-align: center;}
	.header .subheader ul, .header .subheader .subheader-right{ justify-content: center;}
	.header .subheader .subheader-right{ display: none;}
	.header .primary-header .container{ text-align: left;}
	.home .slider .slide-content{ width: 100%; min-height: 600px; padding: 0 5%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; align-items: flex-start;}
	.home .categories .categories-grid, .home .product-grid{ grid-template-columns: repeat(1,1fr); gap: 60px; text-align: center;}
	.home .categories .category-visual{ background: none !important; max-width: 400px; margin: 0 auto 30px;}
	.home .categories .category-visual:after{ padding-bottom: 0;}
	.home .categories .category-visual img{ display: block !important;}
	.home .custom, .home .about{ display: flex; flex-direction: column-reverse; background: none !important;}
	.home .custom img, .home .about img{ display: block !important; max-width: 400px; margin: 0 auto 30px;}
	.home .about .about-content, .home .custom .custom-content{ width: 100%; max-width: 100%; text-align: center;}
	.home .about .container{ flex-direction: column-reverse;}
	.home .about img{ width: 100%; margin-bottom: 30px;}
	.home .product-grid .product-visual{ max-width: 400px; margin: 0 auto 30px;}
	.home .gallery-container{ display: block;}
	.home .gallery .gallery-image:nth-of-type(1), .home .gallery .gallery-image:nth-of-type(2), .home .gallery .gallery-image:nth-of-type(3){ width: 33.333%; float: left;}
	.home .gallery .gallery-image:nth-of-type(1):after, .home .gallery .gallery-image:nth-of-type(2):after, .home .gallery .gallery-image:nth-of-type(3):after{ content: ""; padding-bottom: 100%; display: block;}
	.home .gallery-content{ clear: left;}
	.footer .container, .footer .footer-right, .footer .footer-left{ display: block; text-align: center;}
	.footer .container div{ width: 100%; max-width: 100%; margin: 0 auto 30px;}
	.footer .social, .footer .subfooter ul{ justify-content: center;}
	.footer .categories, .footer .navigation{ text-align: center;}
	.rep-content .container{ flex-direction: column;}
	.rep-content .rep-filters, .rep-content .reps{ width: 100%; max-width: 100%;}
	.page-heading .container, .page-heading .heading-left, .page-heading .heading-left .contact-details, .page-heading .heading-right{ display: block; text-align: center; width: 100%; margin: 0 auto; max-width: 100%; padding: 0 5%; box-sizing: border-box;}
	.page-heading .phone, .page-heading h1, .page-heading .heading-left{ margin: 0;}
	.contact .page-heading .heading-right{ width: 100%; max-width: 100%; text-align: center;}
	.contact .intro .container, .contact .team .container, .custom-mods .intro .container, .company .intro .container{ flex-direction: column;}
	.contact .intro .intro-visual, .contact .intro .intro-content, .contact .team .team-intro .team-content, .custom-mods .intro .intro-visual, .custom-mods .intro .intro-content, .company .intro .intro-visual, .company .intro .intro-content{ width: 100%; position: relative;}
	.contact .intro .intro-visual:after, .custom-mods .intro .intro-visual:after, .company .intro .intro-visual:after{ content: ""; padding-bottom: 56.25%; display: block;}
	.contact .team .team-intro .team-visual{ margin: 0 auto 30px;}
	.blog .news .facetwp-facet-categories, .contact .facetwp-facet-departments{ flex-direction: column; align-items: center;}
	.contact .team .team-grid{ grid-template-columns: repeat(2,1fr);}
	.blog .featured article{ display: block !important; width: 100% !important; float: none !important;}
	.blog .featured article .post-content, .blog .featured article .post-visual{ width: 100% !important; margin: 0 0 30px !important; padding: 0 !important;}
	.blog .featured article .post-visual{ height: auto !important;}
	.blog .featured article .post-visual:after{ content: ""; padding-bottom: 56.25%; display: block;}
	.blog .featured article{ margin-bottom: 60px !important;}
	.blog .news .post-grid{ grid-template-columns: repeat(2,1fr);}
	.product .info .container{ flex-direction: column-reverse;}
	.product .gallery{ flex-direction: column-reverse;}
	.product .info .gallery, .product .info .details, .product .gallery-nav, .product .gallery-images{ width: 100%;}
	.product .links .container{ flex-direction: column;}
	.product .links .quick-links, .product .links .downloads{ width: 100%;}
	.product .links .downloads .columns, .product .product-gallery .photos{ grid-template-columns: repeat(2,1fr);}
	.product .customize .container{ display: block;}
	.product .customize .customize-visual{ position: relative; background: none !important; width: 100%;}
	.product .customize .customize-visual:after{ padding-bottom: 0;}
	.product .customize .customize-visual img{ display: block !important;}
	.product .customize .customize-content{ padding: 0; width: 100%;}
	.photo-gallery .gallery .container{ flex-direction: column;}
	.photo-gallery .gallery .filters, .photo-gallery .gallery .gallery-container{ width: 100%; text-align: center;}
	.resources .downloads-container .download-grid{ grid-template-columns: repeat(4,1fr);}
	.resources .downloads-container .download-intro{ width: 100%;}
	.account-content .container{ flex-direction: column;}
	.account-content .login-form, .account-content .account-form, .account-content .marketing, .account-content .account-links{ width: 100%; padding: 0; border: none; margin-bottom: 45px;}
	.account-content .login-form{ margin-bottom: 60px;}
	.search-grid, .home .icons .icon-grid{ grid-template-columns: repeat(2,1fr);}
	.home .gallery-content{ padding: 60px;}
	.products .product-listings .product-grid{ grid-template-columns: repeat(2,1fr);}
	.page-template-default .content .entry{ width: 100%;}
	.page-id-2439 .download-grid, .page-id-2712 .download-grid{ grid-template-columns: repeat(1,1fr) !important;}
	.page-id-2438 .download-grid{ grid-template-columns: repeat(2,1fr) !important;}
	.color-template .color-wrapper .intro, .color-template .color-wrapper .colors{ width: 100%;}
	.color-template .color-wrapper{ flex-direction: column; gap: 60px;}
	.color-template .colors-grid{ grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 600px) {
	.rep-content article .rep-content{ display: block;}
	.rep-content article .more{ margin: 10px 0 15px;}
	.contact .team .team-grid{ grid-template-columns: repeat(1,1fr); text-align: center; row-gap: 45px;}
	.blog .news .post-grid, .product .links .downloads .columns, .product .product-gallery .photos, .product .info .columns{ grid-template-columns: repeat(1,1fr);}
	.custom-mods .cta .buttons{ display: block;}
	.custom-mods .cta .buttons li{ display: block; margin: 0 0 20px;}
	.custom-mods .cta .buttons .button{ display: block;}
	.photo-gallery .gallery .gallery-images, .custom-mods .gallery .gallery-grid{ columns: 2;}
	.resources .downloads-container .download-grid{ grid-template-columns: repeat(3,1fr);}
	.search-grid, .home .icons .icon-grid{ grid-template-columns: repeat(1,1fr);}
	.page-id-2438 .download-grid, .page-id-2439 .download-grid{ grid-template-columns: repeat(1,1fr) !important;}
	.color-template .colors-grid{ grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 400px) {
	.resources .downloads-container .download-grid, .color-template .colors-grid{ grid-template-columns: repeat(2,1fr);}
}