/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/** Global**/

@font-face {
  font-family: nexabold;
  src: url(fonts/NexaBold.otf);
}
@font-face {
  font-family: 'Nexa Bold';
  src: url(fonts/NexaBold.otf);
}
body{font-family:'archivo','nexa bold';}
.header-icon-group .fa-xing {
  display:none;
}
.header-icon-group .fl-icon:nth-child(2) a::before {
  font-family: 'fontawesome';
  content: "\e61b";
}

.nexabold{font-family:nexabold !important;}

.header-icon-group .fl-icon a{color:#fff;}
.header-icon-group.footer .fl-icon a{color:#0089d0;width: 30px;  height: 30px; display: inline-flex; border: 1px solid; justify-content: center; align-items: center;border-radius:5px;}
.footer-link a { color: #333;}
.side-by-side-menu ul.menu { display: flex;flex-wrap:wrap;}
.side-by-side-menu ul.menu>li { width:calc(50% - 10px);padding-right:10px;}

.header-icon-group .fl-icon a:hover,.header-icon-group.footer .fl-icon a:hover,.footer-link a:hover{color:#95c94a;}

@media (max-width: 992px){
.header-menu .fl-menu-mobile-flyout{background:#202020 !important; transition:500ms;}
.header-menu:has(button.fl-active) .fl-menu-mobile-flyout{min-width: 280px;}
.header-menu .fl-module-content.fl-node-content {margin: 10px 0;}
}
@media (min-width: 996px){
.fl-menu .sub-menu { min-width: 300px !important;}
}

.header-menu .fl-has-submenu .sub-menu a::before { font-family: 'Fontawesome'; content: "\f054"; font-size: 10px;  padding: 0 5px 0 0; margin-top:-2px;}
.header-menu .fl-has-submenu .sub-menu a{display:flex; gap:5px; align-items:top;}

.one-container .site-content{padding:0 !important;}

.admin-bar .mfp-wrap .mfp-close, .admin-bar .mfp-wrap .mfp-close:active, .admin-bar .mfp-wrap .mfp-close:hover, .admin-bar .mfp-wrap .mfp-close:focus {
  top: -10px !important;
}

/** Home**/
div.gradient-btn a.fl-button { display: inline-flex !important;}
div.gradient-btn .fl-button-text { padding: 15px 20px;}
div.gradient-btn  .fl-button-icon { padding: 15px; font-size: 20px; background: linear-gradient(135deg,rgb(2,135,208) 0%,rgb(149,202,73) 100%);}

.extend-bg::after {  position: absolute;  content: '';  width: 0px;  height: 100%;  right: 0;  top: 0;  box-shadow: 0 0 0 100vmax #C0CCD047;  clip-path: inset(0 -100vmax 0 0);display:block !important;}
.extend-bg{position:relative;}
.letest-cat-wrap .fl-button svg {  float: right;  margin-right: -15px;}
.letest-cat-wrap .fl-button .fl-button-text { color:#fff!important;}
.letest-cat-wrap .fl-button:hover .fl-button-text { color:#95c94a!important;}
.gradient-heading { background: linear-gradient(in sRGB 90deg, #0187CF 0%, #95C94A 100% );background-clip: text;}
/* Product archive */

.archive-product-wrap{padding: 100px 20px; max-width: 1440px; margin: auto;}
.archive-product-wrap .archive-filter{width:20%;}
.archive-product-wrap .products-container{width:80%; padding-left:30px;}
.archive-product-wrap .products.shop_page {display: flex;flex-wrap: wrap;  margin-left: -15px; margin-right: -15px;padding-top:30px;}
.archive-product-wrap .single.product{  width: calc(33.3% - 30px) !important; margin: 15px !important;box-shadow: 0 0 10px #dcdbdb;}
.shop_loop_image {height: 280px; background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; display: flex; justify-content: center; align-items: center;  padding: 15px;overflow:hidden;border-bottom: 1px solid #cbcbcb;flex-direction:column;}
.shop_loop_image .product-img { height: 100% !important; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; object-fit: contain;  transform: scale(0.85); transition: 500ms;z-index:0;}
.shop_loop_image .add_to_cart_button::after,.shop_loop_image .added_to_cart{display:none !important;}
.shop_loop_image .add_to_cart_button, .shop_loop_image .product_link {  background: transparent !important;  border: 1px solid !important;  width: calc(80% - 20px);  margin: 10px !important;  padding: 10px!important;  border-radius: 0 !important;  color: #fff !important;  font-family: 'Nexa Bold';  text-transform: uppercase;  font-weight: 400 !important;  text-align: center;  line-height: unset !important;opacity:0;position:relative;transition:500ms;font-size: 14px !important; pointer-events: none;z-index:2;}
.shop_loop_image::before { content: '';  position: absolute;  height: 100%;  width: 100%;  top: 0;  left: 0;  background-image: linear-gradient(to right,#0287d0a8, #95ca49b2);  opacity: 0;transition:500ms;z-index:1;}
.single.product:hover .shop_loop_image .add_to_cart_button,.single.product:hover .shop_loop_image .product_link,.single.product:hover .shop_loop_image::before{opacity:1;  pointer-events: all;}
.single.product:hover .shop_loop_image .product-img{transform: scale(1);}

.archive-product-wrap .single.product .dtls { padding: 20px 30px;font-family:'Nexa Bold';}
.archive-product-wrap .single.product .single-product-title {  font-family: 'Nexa Bold';  color: #232323;  font-weight: 600;transition:300ms;  display: block;
  padding-bottom: 10px;}
.archive-product-wrap .single.product:hover .single-product-title{color:#95c94a;}
.archive-product-wrap .single.product .dtls .price { color: #0086cf; font-size: 18px;margin-bottom:0;}
.archive-product-wrap .single.product .cart_price { display: flex; justify-content: space-between;  align-items: center;}
.archive-product-wrap .single.product .cart_sm { font-size: 22px;  color: #95c94a;}
.archive-product-wrap .single.product .cart_sm:hover{color: #0086cf;}
.archive-product-wrap .single.product .cart_price a.added_to_cart{display:none;}
/*
.archive-product-wrap .form-section {  float: right;  display: flex;  gap: 20px;}
.archive-product-wrap .search.single_page {  float: right;  display: flex;  border: 4px solid #95c94a;  background: #000;}
.archive-product-wrap .search.single_page input ,.archive-product-wrap .search.single_page button{height: 100%; padding: 10px;float:none; border-radius: 0; border: none; outline: none; background:transparent;color:#fff;}
.archive-product-wrap .search.single_page button{width:50px;background-image: linear-gradient(130deg, #0187cf ,#95c94a);  font-size: 20px;}
*/
.woocommerce .archive-product-wrap .woocommerce-ordering{margin:0;}
.archive-product-wrap .woocommerce-ordering select{height: 100%;  background: transparent;  padding: 10px;}
.woocommerce .archive-product-wrap .woocommerce-result-count { margin: 0;  padding-top: 15px;}
.woocommerce .archive-product-wrap nav.woocommerce-pagination { text-align: left; margin-top: 60px;}
.woocommerce .archive-product-wrap nav.woocommerce-pagination ul{border:none;display: flex; justify-content: flex-start;}
.woocommerce .archive-product-wrap nav.woocommerce-pagination li{border:none;margin-right:10px;}
.woocommerce .archive-product-wrap nav.woocommerce-pagination li a{color:#94c949;}
.woocommerce .archive-product-wrap nav.woocommerce-pagination li span, .woocommerce .archive-product-wrap nav.woocommerce-pagination li a{font-family:'Nexa Bold'; font-size:18px; font-weight:600;width: 45px; height: 45px; display: flex; justify-content: center; align-items: center;}

.button.product_type_simple{display:none !important;}
.button.product_type_simple.add_to_cart_button {  display: block !important;}

.woocommerce .archive-product-wrap nav.woocommerce-pagination li span.current, .woocommerce .archive-product-wrap nav.woocommerce-pagination li:hover a,.woocommerce .archive-product-wrap nav.woocommerce-pagination li a:focus{background:#0088d0;color:#fff;}

.pull-tab{position: absolute; right: -50px; background: #92c946; height: 50px; width: 50px; display: none; top: 480px; justify-content: center; align-items: center;  border-radius: 0 50% 50% 0;color:#fff;	font-size:20px;}
.pull-tab svg{transition:500ms;}
.pull-tab.open svg {rotate: -180deg;}
.show-mob{display:none !important;}

.archive-filter.side-panel {color:#848484;min-width:260px;}
.archive-filter.side-panel li { padding: 10px 0; border-bottom: 1px solid;}
.archive-filter.side-panel li::last-child{border-bottom:none;}


.product-filters{display: flex; justify-content: space-between;align-items:center;}
.product-filters .shop-page-forms{display: flex; gap: 20px;}
.product-filters .shop-page-forms .woocommerce-product-search{display:flex;border: 4px solid #94c849;}
.product-filters .shop-page-forms .woocommerce-product-search input{background:#000;padding:10px;color: #fff;  border: none; border-radius: 0;outline: none;}
.product-filters .shop-page-forms .woocommerce-product-search button{color: #fff;background-image:linear-gradient(135deg, #0287d0, #95ca49); border: none; border-radius: 0;outline: none; font-size: 20px; padding: 10px;display: grid;place-content: center;}
.product-filters .shop-page-forms select#sort_by { background: #fff; padding: 10px 15px; color: #000; outline: none;width: auto;}
.shop-page-show{color: #4b4b4b;  font-size: 18px;}
.shop-page-show a,.shop-page-show a:visited{color: #4b4b4b;text-decoration: none;}
.shop-page-show a.active,.shop-page-show a:hover{color: #0187d5;}

.shop_loop_image .single-product-link {display:none;}

@media only screen and (max-width: 1120px) {
	.archive-product-wrap .single.product {width: calc(50% - 30px) !important;}
}
@media only screen and (max-width: 980px) {
	.show-mob{display:block !important;}
	.hide-mob{display:none !important;}
	
	.archive-product-wrap .products-container{width:100%;}
	.archive-product-wrap .archive-filter { width: 260px !important; transform: translateX(-280px); position: fixed; height: 100%; top: 0; z-index: 99;background: #fffffff5;transition:500ms;padding:40px 20px;}
	.archive-product-wrap .archive-filter.parent_open{transform: translateX(-20px);}
	.pull-tab{display:flex;}
	.shop_loop_image::before, .shop_loop_image .product_link{display:none;}
	.button.product_type_simple.add_to_cart_button{display:none!important;}

	.archive-product-wrap {padding: 80px 20px;}
	.archive-product-wrap .products-container{padding-left:0;}
	.product-filters{flex-wrap:wrap;}
	.product-filters .shop-page-forms{width: 100%;max-width:510px;}
	.shop_loop_image .single-product-link {display:block;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
@media only screen and (max-width: 600px) {
	.archive-product-wrap {padding: 60px 20px;}
	.archive-product-wrap .single.product {width: 100% !important;}
	.archive-product-wrap .form-section{  width: 100%; flex-direction: column;}
	.archive-product-wrap .search.single_page input,.archive-product-wrap .woocommerce-ordering select{width:100%;}
	.woocommerce .archive-product-wrap .woocommerce-result-count { padding: 0 0 20px;}
	.archive-product-wrap .search.single_page button{height:auto;}
	.xoo-wsc-basket{top:20px !important;right:20px !important;}
	
	.shop-page-show{padding-bottom:20px;}
	.product-filters .shop-page-forms{flex-direction:column;}
	.product-filters .shop-page-forms .woocommerce-product-search input{width:100%;}
}

/* Instruction Video */

.instructions_videos.wrapper{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;/*justify-content:center;*/}
.instructions_videos .each-vdo{width:33.3%;padding:30px 15px;}
.instructions_videos .each-vdo img{height: 280px; object-fit: cover;  width: 100%;}
.instructions_videos.wrapper a.title{font-size: 16px; background: #000; color: #fff; padding:10px; padding-right:80px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center; min-height: 58px;position:relative;}
.instructions_videos.wrapper a.title:hover{color:#95c94a;}
.instructions_videos.wrapper svg{font-size: 20px;  position: absolute;  right: 20px;}
a.popup-vdo.video {  display: block;  position: relative;}
a.popup-vdo.video::after {  content: url(https://skydeckusastg.wpengine.com/wp-content/uploads/2025/01/play-btn.png);  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  display: flex;  justify-content: center;  align-items: center;  background: #0006;  transition: 300ms;}
a.popup-vdo.video:hover::after {  background: #0000;}

.video-filter {   margin-left: 0;  display: flex;  gap: 20px;  list-style-type: none; align-items: center; color: #fff;  justify-content: center;}
.video-filter h4{padding:0;font-size:22px;}
.video-filter select {  width: 100%; padding: 15px; background: #95c94a; border: 2px solid;  color: #fff;}
/* .video-filter li { width: 20%;} */
ul.video-filter li a { display: inline-block; color: white; text-decoration: none; padding: 15px 30px; text-align: center;}
.video-filter li{display: flex; justify-content: center; background: #95c94a;}
.video-filter li:hover,ul.video-filter li:has(a.active){  background-color: #0188cc;}

.project-filter .video-filter li{background:none;}
.project-filter .video-filter{padding: 15px;}
.project-filter .video-filter li:first-child {  width: 40%;}
.video-filter button { width: 100%; text-align: center; background: #95c94a;  border: 3px solid #fff;  color: #fff;  position: relative; padding: 15px; padding-right: 50px; border-radius: 0;}
.project-filter .video-filter button{  padding-right: 70px;}
.video-filter button:hover{background:#fff;color:#95c94a;border: 3px solid #fff;}
.video-filter button svg {  position: absolute;  right: 0;  top: 0; font-size: 16px;  padding: 12px;  background: #0185cf;  height: calc(100% - 24px);}

.project-filter .video-filter, .project-filter .video-filter button,.project-filter .video-filter select{background:#000;}

@media only screen and (max-width: 980px){
	.video-filter button{font-size:14px;text-align: left;}
	.video-filter{gap:10px;}
	.instructions_videos .each-vdo{width:50%;}
}
@media only screen and (max-width: 600px){
	.video-filter{gap:20px;flex-direction:column;}
	.instructions_videos .each-vdo{width:100%;}
	.video-filter li ,.project-filter .video-filter li:first-child{ width: 100%;}
	.image-filter .video-filter button{text-align:left;}
}

/* Gallery */

.gallery-wrap{display:flex;flex-wrap:wrap;margin:-15px;}
.gallery-wrap .gallery-each { width: calc( 33.3% - 30px); margin: 15px; padding:10px; display: flex;align-items: flex-end; position: relative;aspect-ratio:1/1;  padding-right: 40px;background-size: cover;}
.gallery-wrap .gallery-each span{position:absolute;left:0;top:10px;background:#95c94a;color:#fff;display:inline-block;padding:5px 10px; padding-right:15px;}
.gallery-wrap .gallery-each h3{color:#fff;font-size:20px;position:relative;}
.gallery-wrap .gallery-each::before {  content: '';  position: absolute;  height: 100%;  width: 100%;  background-image: linear-gradient(#fff0,#000000c2);  left: 0;  top: 0;}
.G-reviews .fPFhvV.es-review-background-container {  background: #fff;  border-radius: 0 !important;}
.G-reviews .fPFhvV.es-review-background-container .djXUQz{color:grey;}
.image-filter .video-filter {background: #000; justify-content: center;}
.image-filter .video-filter button,.image-filter .video-filter select{background:#000;}

.popup-content { background: #0000 !important;  max-width: 100% !important;  display: flex !important;  justify-content: center !important;}
.popup-content video {  width: 100%;  max-width: 1080px;   max-height: 80vh;}
.mfp-close-btn-in .mfp-close {color: #f00 !important;}

img.mfp-img{  max-width: 80vw !important; max-height: 90vh !important;}
@media only screen and (max-width: 980px){
	.gallery-wrap .gallery-each {width: calc( 50% - 30px)};
}
@media only screen and (max-width: 600px){
	.gallery-wrap .gallery-each {width: calc( 100% - 30px)};
}

/* Pdf Docs */

.pdf-wrap .dtls { width: calc(25% - 30px); box-shadow: 0 0 10px #b5b5b5; transition:200ms;aspect-ratio:unset;}
.pdf-wrap .noshadow.dtls,.pdf-wrap .noshadow.dtls:hover{box-shadow:none;}
.pdf-wrap .dtls:hover{box-shadow: 0 0 0 3px #000;}
.pdf-wrap .dtls .fl-photo-img { height: 380px !important;}
.pdf-wrap .dtls h3{font-family:'nexabold'; margin:0;  text-align: left;}
.pdf-heading { max-width: calc( 100% - 68px);  padding-left: 10px;}

@media only screen and (max-width: 1320px){
	.pdf-wrap .dtls { width: calc(33.3% - 30px);}
	.pdf-wrap .dtls .fl-photo-img { height: 320px !important;}
}
@media only screen and (max-width: 1020px){
	.pdf-wrap .dtls { width: calc(50% - 30px);}
	.pdf-wrap .dtls .fl-photo-img { height: 280px !important;}
}
@media only screen and (max-width: 600px){
	.pdf-wrap .dtls { width:100%;}
	.pdf-wrap .noshadow.dtls{max-height:120px;}
}

/* Calculator */

.calculator #fbuilder select,.calculator #fbuilder input { padding: 20px; border-radius: 0;background:transparent;outline:none !important;  border: 2px solid #ededed!important;color: #9b9b9b;margin-top: 15px;}
.calculator #fbuilder select,.calculator #fbuilder input:focus{} 
.calculator #fbuilder select{background:#fff;}
.calculator #fbuilder .cff-form-title{font-family:'Anton'; font-size:45px;text-transform: uppercase;color:#212529}
.calculator #fbuilder .fields{padding:10px 30px !important; color: #9b9b9b;}
.calculator #fbuilder .fields label {color: #4b4b4b;}
.calculator #fbuilder .fields label span{color:#0385cd;}
.calculator #fbuilder .fields.cff-div-field{background: #95c94a;background-image: url(/wp-content/uploads/2025/01/watermark-left.png);background-position: top left;background-repeat: no-repeat; color: #fff; font-size: 22px; padding: 30px 15px !important;margin-top: 30px}
.calculator #fbuilder .fields.cff-div-field .fields{padding:0 15px !important;}
.calculator #fbuilder .fields.cff-div-field .fields label{color:#fff;}
.calculator #fbuilder .fields.cff-div-field input{color:#fff;border:2px solid #fff;}
.calculator form #fieldlist_1 {  box-shadow: 0 0 10px #ededed;  margin: 20px 0 30px;  padding-top: 20px;}

@media only screen and (max-width: 980px){
	.calculator #fbuilder .fields.cff-div-field{font-size:18px;}
	.calculator #fbuilder select, .calculator #fbuilder input {	padding: 15px;}
	.calculator #fbuilder .cff-form-title{font-size:30px;}
}

/* Products*/

.Products .fl-button svg {  float: right;  margin-right: -15px;}
.Products .fl-button .fl-button-text { color:#fff!important;}
.Products .fl-button:hover .fl-button-text { color:#95c94a!important;}

/* Product Category */

.product-cat-wrap { display: flex; flex-wrap: wrap; margin-left: -15px;  margin-right: -15px;}
.product-cat-wrap .each{margin:15px; width:calc(33.3% - 30px);display: flex;flex-direction: column;}
.deck-tiles .product-cat-wrap .each { width: 100%;}

.product-cat-wrap .product-img { background-size: contain; min-height: 280px; background-position: center; background-repeat: no-repeat;  margin-bottom: 20px; display: flex; padding: 15px; justify-content: center; align-items: center;gap: 15px;position:relative;flex-direction:column;}
.product-cat-wrap  a.product-title{font-size: 16px; background: #000; color: #fff; padding:10px; padding-right:80px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center; min-height: 58px;position:relative;flex-grow:1;}
.product-cat-wrap svg{font-size: 20px;  position: absolute;  right: 20px;color:#95c849;}
.product-cat-wrap .product-img a.product-btn{color: #fff;  font-family: 'Nexa Bold';  text-transform: uppercase;  font-size: 14px;  position: relative;  width: 80%;  text-align: center;  border: 1px solid;  padding: 10px 10px;opacity:0;transition:300ms;}
/*.white-head .product-cat-wrap .each .product-btn.cart ,.product-cat-wrap .product-img a.added_to_cart{ display: none;}*/
.product-cat-wrap .product-img::before {  content: '';  position: absolute;  height: 100%;  width: 100%;  background: #000000a1;opacity:0;transition:300ms;}
.product-cat-wrap .each:hover .product-img::before,.product-cat-wrap .each:hover .product-img a.product-btn{opacity:1;}
.installation-vdo iframe{width:100%;height:480px;}

.white-head .product-cat-wrap a.product-title {  background: #fff;  color: #232323;  margin: 0;
  padding: 30px;}
.white-head .product-cat-wrap svg{display:none;}
.white-head .product-cat-wrap .product-img {margin-bottom:0; background-size: cover;}
.white-head .product-cat-wrap .each{box-shadow:0 0 10px #c2c2c2;width: calc(33.3% - 30px); margin: 15px;}

.instalation-vdo-wrap{max-width:1120px;padding:0px;margin:auto;}
.instalation-vdo-wrap h2{text-align:center;font-size:45px;text-transform:uppercase;padding-bottom:20px;}
/*.pavers_products .product-cat-wrap .product-img { pointer-events: none;}*/

/* side panel lists*/

.side-panel ul.product-data {  margin: 0;  padding: 20px 0 30px;}
ul.product-data li {  color: #0188cd;  display: flex;  align-items: flex-start;  padding-bottom: 20px;}
ul.product-data li::after {  content: '\f105';  font-family: 'Fontawesome';}
ul.product-data li a {  color: #0087d0;  text-decoration: underline !important;}
ul.product-data li:hover,ul.product-data li:hover a{color:#94c849;}

.fixed-arrow-btn {  position: fixed;  top: 480px;  z-index: 99;  left: 0;}
.product-data .fl-heading a:hover{color:#000 !important;}
.fixed-height-sidebar{max-height:100vh; overflow-y:scroll;}

/* Filter*/


.short-code-wrap{padding-top:15px;  overflow: hidden;max-height:0;}
.short-code-wrap label{display:inline;cursor: pointer;}
.sc-toggle-parent.open .short-code-wrap {max-height: 100%;padding-bottom:30px;}
.toggle-parent.open .short-code-wrap {max-height: 100%;padding-bottom:30px;}
[type="checkbox"], [type="radio"] { margin-right: 10px;}
.side-panel ul { margin-left: 25px; list-style-type: none;}

.sc-toggle-parent .drop-down{position:relative;padding-right:25px;cursor:pointer;  color: #232323; font-family: "Nexa Bold", san-serif;font-size:20px;}

.sc-toggle-parent .drop-down::after { content: '\f078'; font-family: 'Fontawesome'; position: absolute; right: 0;  font-size: 13px;  padding-top: 5px;  top: 0;transition:500ms;}
.sc-toggle-parent.open .drop-down::after{content: '\f077';}

.toggle-parent .drop-down{position:relative;padding-right:25px;cursor:pointer;  color: #232323; font-family: "Nexa Bold", san-serif;font-size:24px;}

.toggle-parent .drop-down::after { content: '\f078'; font-family: 'Fontawesome'; position: absolute; right: 0;  font-size: 13px;  padding-top: 5px;  top: 0;transition:500ms;}
.toggle-parent.open .drop-down::after{content: '\f077';}
/*
.product-cat-wrap .product-img .single-product-link{display:none;}
*/
@media only screen and (max-width: 1420px) {.product-cat-wrap .each,.white-head .product-cat-wrap .each { width: calc(50% - 30px);}}
@media only screen and (min-width: 980px) {
	.side-panel {min-width: 200px;}
}
@media only screen and (max-width: 980px) {
	.category-filter.parent_open{transform: translateX(-20px);}
	
	.product-cat-wrap .product-img{max-height:220px;}
	.product-cat-wrap .product-img .single-product-link {display:block;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.toggle-parent .drop-down{font-size: 18px !important;}
	.side-panel .overflow-container{padding-right: 10px; overflow: scroll; max-height: 80vh;}
	.product-cat-wrap .product-img a.product-btn,.product-cat-wrap .product-img::before{display:none;}
	.product-cat-wrap a.product-title{padding-right:50px;}
	.sc-toggle-parent .drop-down{font-size:22px;}
}
@media only screen and (max-width: 600px) {
	.product-cat-wrap .each,.white-head .product-cat-wrap .each { width: 100%;}
	.product-cat-wrap .product-img a.product-btn{font-size:12px;}
	.instalation-vdo-wrap h2{font-size:35px;}
	.sc-toggle-parent .drop-down{font-size:20px;}
}

@media only screen and (max-width: 1120px) {
	.archive-product-wrap .single.product {width: calc(50% - 30px) !important;}
}
@media only screen and (max-width: 980px) {
	.show-mob{display:block !important;}
	.hide-mob{display:none !important;}
	
	.archive-product-wrap .products-container{width:100%;}
	.archive-product-wrap .archive-filter { width: 260px !important; transform: translateX(-280px); position: fixed; height: 100%; top: 0; z-index: 999;background: #fffffff5;transition:500ms;padding:40px 20px;}
	.archive-product-wrap .archive-filter.parent_open{transform: translateX(-20px);}
	.pull-tab{display:flex;}
	.shop_loop_image::before, .shop_loop_image .product_link,.shop_loop_image .add_to_cart_button{display:none;}
	.button.product_type_simple.add_to_cart_button{display:none!important;}

	.archive-product-wrap {padding: 80px 20px;}
	.archive-product-wrap .products-container{padding-left:0;}
	.product-filters{flex-wrap:wrap;}
	.product-filters .shop-page-forms{width: 100%;max-width:510px;}
	.shop_loop_image .single-product-link {display:block;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
@media only screen and (max-width: 600px) {
	.archive-product-wrap {padding: 60px 20px;}
	.archive-product-wrap .single.product {width: 100% !important;}
	.archive-product-wrap .form-section{  width: 100%; flex-direction: column;}
	.archive-product-wrap .search.single_page input,.archive-product-wrap .woocommerce-ordering select{width:100%;}
	.woocommerce .archive-product-wrap .woocommerce-result-count { padding: 0 0 20px;}
	.archive-product-wrap .search.single_page button{height:auto;}
	.xoo-wsc-basket{top:20px !important;right:20px !important;}
	
	.shop-page-show{padding-bottom:20px;}
	.product-filters .shop-page-forms{flex-direction:column;}
	.product-filters .shop-page-forms .woocommerce-product-search input{width:100%;}
}

/*product single page*/

.single-product .content-area{  padding: 100px 20px;max-width: 1480px; margin: 0 auto;}
.single-product .product_title{font-family:'Nexa Bold';font-weight:bold;  color: #212529;}
.single-product .price .woocommerce-Price-amount{padding: 5px 20px 0; background: #0087d1;color: #fff;font-family: 'Nexa Bold';position:relative; display: inline-block;  font-size: 26px;  border-left: 4px solid #95c94a;padding-right:10px;z-index:1;}
.single-product .price .woocommerce-Price-amount::after{content:'';transform: skew(-20deg);background: #0087d1;height:99%;right:-10px;top:0;width:40px; position: absolute;z-index:-1;}
.single-product .price{padding: 20px 0 35px; border-bottom: 1px solid #c4c4c4;}
.single-product .woocommerce-product-details__short-description{color:#4b4b4b;font-size:18px;padding-bottom:20px;}
.single-product .content-area form.cart{ display: flex; justify-content: flex-start;  gap:30px;  flex-wrap: wrap;}
.single-product .content-area form.cart::after,.single-product .content-area form.cart::before{ display: none !important;}
.woocommerce .single-product-content .quantity .qty { width: 160px; padding: 15px 10px; border-radius: 0; color: #000; outline: none;}
.single-product.woocommerce div.product form.cart button.single_add_to_cart_button { background: transparent; border: 3px solid;  color: #000; text-transform: uppercase; border-radius: 0; padding-right: 90px;padding-left:40px; position: relative; overflow: hidden;}
.single-product.woocommerce a.added_to_cart{background: #95c94a; padding: 20px 30px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 600;}
.single-product.woocommerce div.product form.cart button.single_add_to_cart_button:hover{ background: #c4c4c4;}
.single-product.woocommerce a.added_to_cart:hover{background: #0087d1;}
.single-product.woocommerce div.product form.cart button.single_add_to_cart_button::before { content: url("https://skydeckusadev.wpenginepowered.com/wp-content/uploads/2025/03/cart-icon-sad.png"); right: 0; height: 100%; width: 50px; top: 0; display: flex; font-family: 'Woo-Side-Cart'; position: absolute; justify-content: center; align-items: center; background-image: linear-gradient(135deg, #0287d0, #95ca49); color: #fff;font-size: 22px;}
.single-product.woocommerce div.product form.cart button.single_add_to_cart_button::after{display:none;}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs { background: #000; padding: 0 10px;}
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li{margin:0 30px;padding: 15px 0;background:transparent !important;border:none;}
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a {  background-image: linear-gradient(to left, #0187cf ,#95c94a);  color: #ababab;  background-clip: text;  font-size: 22px;  font-family: 'Nexa Bold';}
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active a  {color:transparent;}
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::before {  box-shadow: none;  border: none;  background: #95c94a;  width: 0%;  left: 0;  height: 5px;  transition: 300ms;}
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{width:100%; box-shadow: none;}
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{border-radius:0;}

.single-product.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews-title { display: none;}

.single-product.woocommerce div.product .woocommerce-tabs .panel {  padding: 20px 40px 20px 50px; margin-bottom:0;  font-size: 17px;}
.single-product.woocommerce div.product .woocommerce-tabs {background: #f5f5f5;}
.single-product.woocommerce div.product .woocommerce-tabs .panel ul {  margin: 0; list-style-type: none; padding: 0;  display: flex;  flex-direction: column;gap: 30px;padding-bottom: 30px;}
.single-product.woocommerce div.product .woocommerce-tabs .panel ul li { position:relative;   padding-left: 50px;  min-height: 40px;}
.single-product.woocommerce div.product .woocommerce-tabs .panel ul li::before {  content: url(/wp-content/uploads/2025/01/logo_icon.png);  height: 35px;  width: 35px;  display: flex; padding: 5px;background-image:linear-gradient(135deg, #0287d0, #95ca49) ;  left: 0; top: 5px;position:absolute;}

.single-product-head .section-1 { padding: 0 20px 100px; text-align: center;  background-image: url(/wp-content/uploads/2024/09/Rockford-Construction-Headquarters-Grand-Rapids-MI-3840-x-2160-scaled.jpg);  background-size: cover;  background-position: center;}
.single-product-head .section-1 h1{font-size: 60px;  color: #fff;  position: relative;  z-index: 2;}
.single-product-content .woocommerce-breadcrumb, .single-product-content .product_meta,.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::after,.single-product.woocommerce .related.products,.single-product.woocommerce .upsells.products{display:none;}


/*.single-product.woocommerce .wpgs-nav .slick-track{display:flex;padding:0 60px;flex-wrap:wrap;width:100% !important;}*/
.single-product.woocommerce .wpgs-nav .slick-slide { margin: 10px; aspect-ratio: 1/1;}
.single-product.woocommerce .wpgs-nav .slick-slide img{height:100%;object-fit:contain;object-position:center;}
.single-product.woocommerce .wpgs-for .slick-arrow.slick-disabled { opacity: 0.4;}
.single-product.woocommerce .flaticon-back::before { content: "\f053"; font-family: 'Fontawesome';}
.single-product.woocommerce .flaticon-right-arrow::before{content: "\f054"; font-family: 'Fontawesome';}

.single-product.woocommerce .wpgs-for > .slick-list{box-shadow: 0 0 15px #e2e2e2;margin-bottom: 30px;}
.single-product.woocommerce .wpgs-for > .slick-list .slick-track{display: flex; align-items: center;justify-content:center;}
.single-product.woocommerce .wpgs-for .slick-slide { /*max-height: 600px; */ max-width: 100%;}
.single-product.woocommerce div.product div.images.woocommerce-product-gallery{max-width: 600px; margin-bottom: 100px;}
.single-product.woocommerce .wpgs-for .slick-slide .attachment-shop_single { padding: 10%;}
.single-product.woocommerce div.product div.summary{padding-bottom:80px; margin-bottom:0;}

.switch-btn a {	font-size: 17px;	text-transform: uppercase;	background: #95ca49;	color: #fff;	font-weight: 500;	padding: 14px 20px 10px;	display: inline-block;	margin-bottom: 20px;  font-family: nexabold;}

.switch-btn a:hover {background: #0287d0;}

@media only screen and (min-width: 1320px) {
	.single-product.woocommerce div.product div.summary{width: calc(100% - 680px)!important;; padding-right: 150px;}
	.single-product.woocommerce .wpgs-for .slick-slide {width:600px !important;}
	.single-product.woocommerce .wpgs-nav .slick-slide {min-width:100px;}
	.single-product.woocommerce .wpgs-nav.slick-initialized{padding:0 60px;}
	.single-product.woocommerce .wpgs-for .slick-arrow{display:none !important;}
}
@media only screen and (max-width: 980px) {
	.single-product.woocommerce div.product form.cart button.single_add_to_cart_button {padding-right: 60px;padding-left:10px;font-size:14px;}
	.woocommerce .single-product-content .quantity .qty { width: 100px; padding:10px;}
	.single-product.woocommerce div.product .woocommerce-tabs .panel{  padding: 0 15px 10px;}
	.installation-vdo iframe{height: 360px;}
	.single-product .content-area{padding:80px 20px;}
	.single-product.woocommerce div.product div.images.woocommerce-product-gallery{margin-bottom:80px;}
	.single-product.woocommerce a.added_to_cart{padding:10px 20px;width:100%;font-size:14px;}
}
@media only screen and (max-width: 600px) {
	.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li{margin: 0;width: 100%; padding: 10px 0;}
	.installation-vdo iframe{height: 280px;}
	.single-product .content-area{padding:60px 20px;}
	.single-product.woocommerce div.product div.images.woocommerce-product-gallery{margin-bottom:60px;}
	.single-product.woocommerce div.product div.summary { padding-bottom: 40px;}
}
#shop-only, #single-product {display:none;}
.post-type-archive-product #shop-only, .single.single-product #single-product {display:block;}
.woocommerce-product-gallery .flex-viewport {
  box-shadow: 0 0 15px #e2e2e2;
  margin-bottom: 30px;
}
.flex-control-nav.flex-control-thumbs {
 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: 18%;
  margin: 10px;
  border: 1px solid #898989;
}
.woocommerce div.product div.images .flex-control-thumbs li:has(.flex-active) {
  border-color: #0089cc;
}
.woocommerce-breadcrumb {display: none;}

.sc-toggle-parent .inside-code {
  padding-top: 15px;
  max-height: 0px;
  overflow: hidden;
}
.sc-toggle-parent.open .inside-code {
  max-height: 100%;
  padding-bottom: 30px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button ,.woocommerce #payment #place_order{  background: #0086d0;  color: #fff;  border: none;  font-weight: 500;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover ,.woocommerce #payment #place_order:hover{  background: #95c94a !important;}
.woocommerce #payment #place_order{  padding: 20px 30px; font-size: 16px;border-radius: 0;}
.woo-checkout h3{color: #008bd1; font-size: 30px; font-family: 'anton'; text-transform: uppercase; margin-top: 20px;}

@media only screen and (max-width: 980px){
	.woo-checkout h3{font-size:28px;}
}
@media only screen and (max-width: 600px){
	.woo-checkout h3{font-size:26px;}
}

.header-cart .woocommerce-Price-amount.amount { display: none;}
.header-cart { padding: 10px; background: #0188cc; border-radius: 50%;}
.woocommerce-cart-form__cart-item.cart_item .product-quantity input { padding: 10px 5px;}

/* 30.04.25 */
/*
.pavers_products .product-cat-wrap .product-img::before, .pavers_products .product-btn{display:none;}
.pavers_products a.product-title {pointer-events: none;padding-right: 0;justify-content: center;}
.pavers_products a.product-title svg{display:none;}
*/

/* Contact Form */

::placeholder { opacity: 1; color:#fff!important;}
.contact-form {
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	color: #fff;}
	select option {
  background-color: #93c84c;
}
}
.contact-form .gform_legacy_markup_wrapper ul.gform_fields{display:flex;flex-wrap:wrap; margin-right: -20px !important;}
.contact-form .gform_legacy_markup_wrapper div.ginput_container_name span{padding-right: 30px;}
.contact-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield{width:100%; padding-right: 30px; margin-bottom: 25px;margin-top:0;}
.contact-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield.half { width: 50%;}

.contact-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield.name{padding-right:0;}
.contact-form .gform_legacy_markup_wrapper .name .ginput_complex.ginput_container { width: 100% !important;}
.contact-form .gform_legacy_markup_wrapper li.hidden_label input { margin-top: 0;}
.contact-form .gform_legacy_markup_wrapper select option { padding: 0; background: #93c94b;}
.contact-form .gform_legacy_markup_wrapper select { padding:18px 20px !important; border-radius: 0; background: transparent; color: #fff; border: 2px solid #fff;outline: none;}
.contact-form .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contact-form  .gform_legacy_markup_wrapper textarea { padding: 15px 20px !important;background: transparent; border: 2px solid; border-radius: 0; color: #fff;outline:none;}
.contact-form .gform_legacy_markup_wrapper input[type="file"]{ padding: 15px 20px !important;background: transparent; border: 2px solid; border-radius: 0; color: #fff;outline:none;width:100% !important;}
.contact-form .gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"]{margin-bottom:0;}

.contact-form .gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent !important; margin-bottom: none !important;border: none !important; padding: 0 !important;}
.contact-form .gform_legacy_markup_wrapper .validation_message { color: #b91212;font-weight: 500;}
.footer-form::before { content: '';  height: 100%;width: 22%;position: absolute; background-image: url(https://skydeckusastg.wpengine.com/wp-content/uploads/2025/01/contact-watermark.png); right: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-position: center;pointer-events:none;}
.contact-form .gform_legacy_markup_wrapper .gform_footer input.button,.contact-form .gform_legacy_markup_wrapper .gform_footer input[type="submit"] { background: transparent; font-family: 'nexabold'; text-transform: uppercase; color: #fff; padding: 20px 80px; border: 3px solid; border-radius: 0;}
.contact-form .gform_legacy_markup_wrapper form .gform-footer{ text-align: center;}

.contact-form .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):hover, .contact-form .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):focus,.contact-form .gform_legacy_markup_wrapper select:hover,.contact-form .gform_legacy_markup_wrapper select:focus,.contact-form .gform_legacy_markup_wrapper textarea:hover,.contact-form .gform_legacy_markup_wrapper textarea:focus {
  border-color: #94ca4a;
}
contact-form .gform_legacy_markup_wrapper .gform_footer input.button, .contact-form .gform_legacy_markup_wrapper .gform_footer input[type="submit"]:hover {background:#232323;}

.footer-watermark{position: absolute;  top: 80px;  right: 0;  height: calc(100% - 160px);}
@media only screen and (max-width: 980px){
	.contact-form .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contact-form .gform_legacy_markup_wrapper textarea {padding: 10px 15px !important;}
	.contact-form .gform_legacy_markup_wrapper select {padding:15px !important;}
	.footer-watermark{display:none;}
}

@media only screen and (max-width: 600px){
	.contact-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield.half {width: 100%;}
	.contact-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield.name{margin-bottom:0;}
	.contact-form .gform_legacy_markup_wrapper div.ginput_container_name span { margin-bottom: 25px;}
	.contact-form .gform_legacy_markup_wrapper .gform_footer input.button, .contact-form .gform_legacy_markup_wrapper .gform_footer input[type="submit"]{width: auto; padding: 10px 40px;}
}

/*Blog*/

.blog-content h2 { font-family: 'archivo'; color: #333;}
.blog-sidebar h2,.blog-sidebar h3 { font-size: 30px; font-family: 'anton' !important;color: #333;}
.blog-sidebar ol,.blog-sidebar ul{padding: 0; margin: 20px 0 20px 20px; font-size: 18px;}
.blog-content a:hover { color: #94c948;}
.sticky-sidebar{position: sticky;  top: 30px;}

@media only screen and (max-width: 600px){
	.blog-sidebar h2,.blog-sidebar h3 { font-size: 24px; }
}

.inc-absolute{position: absolute; right: 20px; margin: 0; bottom: 20px;}
.home-banner{position:relative;}

