/*
Theme Name: Ezy Decking
Theme URI: https://ezydecking.com.au/
Author: SEO Web Logistics
Author URI: https://seoweblogistics.com/
Description: New custom build theme that allow user to manage content, posts, products, online sale etc.
Requires at least: 6.1
Tested up to: 6.5.3
Requires PHP: 7.2
Version: 1.0
Text Domain: ezydecking
*/



/*body{margin: 0; padding: 0;overflow-y: scroll; font-family: "Nunito Sans", sans-serif; font-size:18px; line-height: 1.6;}*/
body{margin: 0; padding: 0;overflow-y: scroll; font-family: "Montserrat", sans-serif; font-size:18px; line-height: 1.6;}
body * {box-sizing:border-box;}
a {text-decoration: none;}
/* 
.wp-block-group, .wp-block-columns {display: block; overflow: hidden; padding: 50px 15px;}
.wp-block-group .wp-block-columns{padding:0;}
.wp-block-group:not(.alignfull),
.wp-block-group:not(.alignwide),
.wp-block-columns:not(.alignfull),
.wp-block-columns:not(.alignwide){width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto;}
.alignwide{max-width: 1585px; display: block; clear: both; margin-left: auto; margin-right: auto;}
.wp-block-cover .wp-block-cover__inner-container {
    z-index: 9;
    position: relative;
}
 */
.alignfull{max-width:100%; overflow: hidden; /*display: block;*/}
.main-wrapper {max-width: 1585px; margin: auto;}
.single-post .main-wrapper {max-width: 1240px; margin: auto;}

/* .main-wrapper-full{max-width: 100%;width: 100%;padding-left: 15px;padding-right: 15px;} */
/* .main-wrapper-left, .main-wrapper-right{max-width: 570px;} */
/* .main-wrapper-left{margin-left:auto !important;} */
.d-flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-items-center{align-items: center;}

.justify-content-between{justify-content: space-between;}
.justify-content-end{justify-content: end;}
.justify-content-evenly{justify-content: space-evenly;}
.pl-5{padding-left:5px;}
.pr-5{padding-right:5px;}
.mt-10{margin-top:10px;}
.py-50{padding-top: 50px; padding-bottom: 50px;}
.py-70{padding-top: 70px; padding-bottom: 70px;}
.pt-50{padding-top:50px;}
/* 
.py-100{padding-top: 100px; padding-bottom: 100px;}
.pt-100{padding-top: 100px;}

.pb-100{padding-bottom: 100px;}
.pb-50{padding-bottom: 50px;}
*/
.m-0{margin:0;}
.gap-0{gap:0 !important;}
.d-none{display:none;}
.w-100{width:100%;}
.width-50{width:50%;}
.width-100{width:100%;}
/* img {width: 100%;height: auto;} */

h1{font-size:60px;}
h2{font-size:44px;}
h3{font-size:34px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:18px;}

h1, h2, h3, h4, h5, h6{font-weight:700; margin-top:0; margin-bottom:20px; line-height:1.4;}
p {margin-top: 0; margin-bottom:16px;}
h3 code, h4 code {
    background-color: #FF7700;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
	color:#fff;
}

.text-center{text-align:center;}
.position-relative{position:relative;}

input, textarea {
    width: 100%;
    padding: 18px 20px;
    font-size: 18px;
    line-height: 1;
    color: #484848;
    font-family: "Montserrat", sans-serif;
    resize: none;
	margin-bottom: 10px;
}
input[type="checkbox"] {
    width: auto;
}
.has-background .wpcf7-form input, .has-background .wpcf7-form textarea{border:none;}
input[type="submit"], button,
.woocommerce-message .button, .checkout-button, .button {
    background-color: #FF7700 !important;
    width: auto;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
	border: none;
	font-size: 24px!important;
    font-weight: 700!important;
}
/*.wp-block-post-excerpt__more-link {
    background-color: #FF5500;
    width: auto;
    color: #fff;
    border-radius: 30px;
    padding: 10px 30px;
    cursor: pointer;
	border: none;
}*/

select {
    padding: 13px 15px;
}
.seperator {
    display: block;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 1px;
    background-color: #dc651e;
}

header.site-header {z-index: 99;width: 100%;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;position: fixed;top: 0;}
body.admin-bar header.site-header {top: 32px;}
header.site-header .header-top{background-color:#252525; display: block; overflow: hidden; padding-top: 6px; padding-bottom: 6px;}
.header-top-mobile{display:none;}
header.site-header .header-top p{margin-bottom:0; margin-left: 6px;}
/* header.site-header .header-top p {margin: 0;padding: 0;color: red;font-style: italic;text-align: center;letter-spacing: 0.5px;line-height: 1;} */
header.site-header .header-top ul {list-style-type: none;margin: 0;padding: 0; /*position: absolute;right: 0;*/}
header.site-header .header-top ul li a {padding: 5px; position: relative; color:#fff; display:flex; align-items: center; text-decoration: none; font-weight: 700; font-size:16px; line-height:1;}
header.site-header .header-top ul li a span {position: absolute;top: 0;right: -5px;}
header.site-header .header-top ul li svg{fill:#fff; width:18px; height:18px; margin-right: 2px;}
header.site-header .header-top ul li.menu-item + li.menu-item {margin-left: 15px;}
/* header.site-header .header-top .widget_block {margin-left:8px; margin-right:8px;} */
header.site-header .header-top .wp-block-search__input{width: 100%;padding: 8px 15px;box-sizing: border-box;font-style: italic;line-height: 1;font-family: 'EB Garamond', serif;letter-spacing: 1px;border: none;-webkit-appearance:none;appearance:none;background-color:#fff;border-bottom-left-radius: 25px;border-top-left-radius: 25px;border-top-right-radius: 0;border-bottom-right-radius: 0;background-color:#fff;}
header.site-header .header-top .wp-block-search__input:focus-visible {outline: none;}
header.site-header .header-top .wp-block-search__button {margin-left: 0;background-color: #fff;border: none;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-left: 1px solid #f7eee7;}
header.site-header .header-main {background-color:#FF7700;}
/* header.site-header.stickyheader .header-main {padding-top: 15px;padding-bottom: 15px;} */
header.site-header .header-logo {padding-top: 10px; padding-bottom:10px;}
header.site-header .header-logo img {max-width: 300px;height: auto;}
header span.closebtn {display: none;}
header .header-menu ul.nav_menu {list-style-type: none;padding: 0;margin: 0;}
header .header-menu ul.nav_menu li {position: relative;}
header .header-menu ul.nav_menu li a {color: #fff; text-decoration: none;  padding: 5px 24px; font-weight: 600; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; display: inline-block; border-radius: 10px;}
header .header-menu ul.nav_menu li:hover > a, header .header-menu ul.nav_menu li.current-menu-item > a, header .header-menu ul.nav_menu li.current_page_parent > a{
    text-decoration: none;background: #000;color: #fff;}
header button.navbar {font-size:0;padding: 8px;line-height: 1;background-color: red;border: none;display: none;}
header button.navbar span.navbar-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");display: inline-block;width: 30px;height: 30px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 100%;}
header .header-menu ul.nav_menu li ul.sub-menu {list-style-type: none;padding: 0;position: absolute;opacity: 1;visibility: visible;background-color: #FF5500;z-index:9;width: max-content;}
header .header-menu ul.nav_menu li:hover ul.sub-menu {opacity: 1;visibility: visible;}
/* header .header-menu ul.nav_menu li ul.sub-menu li.current-menu-item, header .header-menu ul.nav_menu li ul.sub-menu li:hover{background-color:var(--wp--color--cream)} */
header .header-menu ul.nav_menu li ul.sub-menu li a {display: block;padding: 11px 30px;font-size: 14px;line-height: 1; text-transform: initial; color:#fff;}
header .header-menu ul.nav_menu li ul.sub-menu li:first-child a {padding-top: 15px;}
header .header-menu ul.nav_menu li ul.sub-menu li:last-child a {padding-bottom: 15px;}
header .header-menu ul.nav_menu li.menu-item-has-children a {padding-right: 30px;}
header .header-menu ul.nav_menu li.menu-item-has-children:after {
    content: '';
    position: absolute;
    top: 18px;
    right: 18px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* header .header-menu ul.nav_menu li:after, header .header-menu ul.nav_menu li.current-menu-item:after, header .header-menu ul.nav_menu li.current_page_parent:after, header .header-menu ul.nav_menu li:hover:after{border-top-color: var(--wp--color--marun);} */
footer {color: #fff;}
footer.site-footer{background-color:#252525; clear:both; padding-top: 50px; padding-bottom: 10px;}
footer .footer-cols{
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #FAFAFA;
    border-bottom: 1px solid #FAFAFA;
    margin-top: 30px;
    margin-bottom: 30px;
}
footer.site-footer .widget ul.wp-block-social-links li.wp-social-link {color: #fff;display: flex;}
footer.site-footer ul {margin: 0;padding: 0;list-style-type: none;}
.footer-top ul li svg {height: 20px; width: auto; fill: #FF5500;}
footer.site-footer ul li a {color: #fff; text-decoration: none; display: flex;font-weight: 700; line-height: 1;}
footer.site-footer .left-part ul{
	margin-left:30px;
}
footer.site-footer .left-part ul li a {
    background-color: #fff;
    padding: 5px;
    margin-left: 10px;
    border-radius: 30px;
}
footer.site-footer .right-part ul li + li {
    margin-left: 30px;
}

/* footer.site-footer .widget ul.wp-block-social-links li.wp-social-link svg {width: 1em;height: auto;margin-bottom: 4px;} */
footer .widget-title + nav ul.menu li a {font-size: 16px; font-weight: normal; padding-top: 6px; padding-bottom: 6px;}
/* footer .copyright-text {text-transform: uppercase;text-align: center;} */
footer .copyright-text a{text-decoration: none; color: #fff;}


/* Banner Area */
/*header + .page-content {margin-top: 190px;}*/
section.img-background {width: 100%;position: relative;display: block;height: 0;padding-top: 500px;}
section.img-background img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: top;top: 0;left: 0;}
section.page-banner .banner-title-area{position: absolute; bottom:100px; left: 50%; transform: translateX(-50%); max-width: 650px; width: 100%;}
section.page-banner h1 {text-align: center; margin:0; color: #fff;}
section.no-bg-image {display: block;overflow: hidden;background-color: #e7e7e7;}
section.no-bg-image h1{
	color: #000;
	background-color: #e7e7e7;
	padding: 40px 0;
	font-size: 60px;
	max-width:1240px;
	width:100%;
	margin: 0 auto;
}

/* Google Review */
body .ti-widget.ti-goog .ti-col-4 .ti-review-item {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.wp-block-latest-posts .wp-block-latest-posts__featured-image {
  position: relative;
  display: block;
  height: 0;
  padding-top: 320px;
  width: 100%;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  top: 0;
  left: 0;
}
.wp-block-latest-posts li {
    background-color: #F5F5F5;
}
.wp-block-latest-posts li > a {
    color: #252525;
    font-size: 18px;
    padding: 25px;
    display: block;
    font-weight: 700;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-excerpt {
    margin: 0;
    padding: 0 25px 25px;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-excerpt a {
    display: block;
    color: #FF5500;
    text-decoration: underline;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

/* Home CSS */
.wp-block-cb-carousel figure.wp-block-image {
    width: 100%;
    position: relative;
    display: block;
    height: 0;
    padding-top: 735px;
}
.wp-block-cb-carousel figure.wp-block-image img {
    position: absolute;
    width: 100%;
    height: auto !important;
    object-fit: cover;
    object-position: top;
    top: 0;
    left: 0;
}
.slick-next, .slick-prev {width: 30px !important; height: 30px !important;}
.slick-next:before, .slick-prev:before {font-size: 30px !important;}
.wp-block-cb-carousel .slick-slide{padding:0;}
button.slick-arrow, .slick-dots li button {background-color: transparent !important; padding: 0 !important;}
.slick-dots {bottom: 20px !important;}
.slick-dots li.slick-active button:before {opacity: 1 !important;}
.slick-dots li button:before {font-size: 16px !important; opacity: 0.6 !important;}
.wp-block-cover {
    position: relative;
}
.wp-block-cover p.link-cover a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* About Us Page */
.overlap-left {
    position: absolute;
    right: 0;
    max-width: 750px;
    height: auto;
	top: 50%;
    transform: translateY(-50%);
}

.searchform input#s {border: revert;}

/* Decking Calculator */
.board-type--item input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.board-type {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.board-type--item {
    position: relative;
    margin: 0 20px;
    width: 300px;
}
.board-type--item img {
    height: auto;
    width: 100%;
}
.board-length {
    display: flex;
    justify-content: center;
    gap: 15px;
}
/*.board-length .board-length--item {
    width: 300px;
    border: 1px solid #ccc;
}*/
.board-length .board-length--item img {
    width: 100%;
    height: auto;
}
.solid-colours {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.solid-colours .colour-item {
    width: 20%;
    padding: 5px;
}
/*.solid-colours .colour-item img {
    width: 100%;
    height: auto;
}*/

/* Blog Page */
.wp-block-query-pagination {
    margin-top: 20px;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > * {
    background-color: #ccc;
    padding: 5px 10px;
    line-height: 1;
    color: #000;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > span.current {
    background-color: #FF7700;
    color: #fff;
}

/* WooCommerce CSS */
.archive.woocommerce span.onsale {
    display: none;
}
input#rememberme {
    width: auto;
}
.wc-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.woocommerce-page .page-content-wrapper, .woocommerce #primary {
	padding-top: 50px;
	padding-bottom: 50px;
}
.woocommerce-products-header .woocommerce-products-header__title {
	font-size: 48px;
	text-align: center;
}
.wc-products {
	width: 70%;
	padding-left: 25px;
}
.wc-sidebar{
	width: 27%;
    background-color: #EEEEEE;
    padding: 25px;
    box-sizing: border-box;
}
.wc-sidebar ul.wc-block-product-categories-list, .wc-sidebar ul#menu-woocommerce-sidebar {
    padding: 0;
    list-style-type: none;
}
.wc-sidebar ul.wc-block-product-categories-list > li, .wc-sidebar ul#menu-woocommerce-sidebar > li {
    background-color: #fff;
    border: 1px solid #B7B7B7;
}
.wc-sidebar ul.wc-block-product-categories-list > li + li, .wc-sidebar ul#menu-woocommerce-sidebar > li + li {
    margin-top: 10px;
}
.wc-sidebar ul.wc-block-product-categories-list > li > a, .wc-sidebar ul#menu-woocommerce-sidebar > li > a {
    padding: 10px;
    display: block;
    overflow: hidden;
	color: #000;
	font-size: 16px;
}
.wc-sidebar ul.wc-block-product-categories-list > li.current-category-item, .wc-sidebar ul#menu-woocommerce-sidebar > li.current-menu-item {
    background: #FF7700;
}
.wc-sidebar ul.wc-block-product-categories-list > li.current-category-item > a, .wc-sidebar ul#menu-woocommerce-sidebar > li.current-menu-item > a {
    color: #fff;
}
.woocommerce ul.products li {text-align: center;}
.woocommerce ul.products li.product a{color: #000;}
.woocommerce-pagination ul.page-numbers li a {
    background: #EEEEEE;
    color: #252525;
    padding: 15px 20px !important;
}
.woocommerce-pagination ul.page-numbers li span {
    padding: 15px 20px !important;
    background: #FF7700  !important;
    color: #fff !important;
}
.woocommerce ul.products li span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #000 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del{
	color: #FF7700;
    opacity: 1;
}
.woocommerce ul.products li.product .button {
    background-color: #FF7700;
    color: #fff;
    border-radius: 50px;
    padding: 14px 20px;
}
.woocommerce span.onsale {
    background-color: #FF7700;
}

/* Product Category CSS */
.term-description {
    text-align: center;
}
.category-desc-wrapper .column1 {
    width: 32%;
}
.category-faq {
    margin-top: 40px;margin-bottom:40px;
}
.category-faq h3{text-align:center;}
.category-faq .faq_answer {
    display: none;
}
.category-faq .faq_question h4 {
    cursor: pointer;
    font-size: 18px;
    background-color: #eee;
    padding: 15px;
}
.category-faq .faq_question {
    position: relative;
}
.category-faq .faq_question:before, .category-faq .faq_question:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background: #aaa;
    border-radius: 100%;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}
.category-faq .faq_question:before {
    width: 20px;
    height: 4px;
    right: 15px;
    margin-top: -2px;
}
.category-faq .faq_question:after {
    width: 4px;
    height: 20px;
    right: 23px;
    margin-top: -10px;
}

/* Single Product Page  */
.woocommerce div.product .product_title {
    font-size: 48px;
}
.related.products ul li.product {
    margin-bottom: 0;
}
.product_meta > span {
    display: block;
}
span.plus, span.minus {
    background-color: #000;
    padding: 2px 15px;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
}

/* Cart Page  */
/* .woocommerce-cart section.page-content-wrapper {padding-top: 50px;} */
input#coupon_code {
    padding: 15px;
    width: 150px;
}
.woocommerce .quantity .qty {
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
	margin-bottom: 0;
}

.woocommerce .quantity {
    display: flex;
}

.woocommerce-checkout section.page-content-wrapper {padding-top: 50px; padding-bottom: 50px;}

span.selection {
    height: 50px;
    display: block;
    border-radius: 0;
}
span.select2.select2-container.select2-container--default {
    height: 50px;
}
.select2-container--default .select2-selection--single {
    height: 50px;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 50px;
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.post-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 per row */
  gap: 30px;
  list-style: none;
  padding: 30px 0;
  margin: 0;
}
.post-list .wp-block-post , .blog-page .wp-block-post {
   position: relative;
    height: 100%;
    padding-bottom: 100px;
}


.post-title {
  margin: 15px 0 10px;
}

.post-list h4 a{
    color:#000!important;
}


.post-list .read-more a {
  border-radius: 10px !important;
    background-color: #ff7700 !important;
    padding-top: 12px !important;
    padding-right: 24px !important;
    padding-bottom: 12px !important;
    padding-left: 24px !important;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.post-list .wp-block-post-excerpt__more-text , .blog-page .wp-block-post-excerpt__more-text{
 position: absolute;
    bottom: 0;   
}

.blog-page .wp-block-query-pagination{
    padding-top:30px;
}

.mobile-menu {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* ✅ iOS-specific fix for momentum scroll */

  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE 10+ */
  z-index: 9999;

  -ms-overflow-style: none; /* IE 10+ */
}

.mobile-menu::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.not-found-section{
    padding-top:150px;
}

@media(min-width:2000px){
	.wp-block-cb-carousel figure.wp-block-image{padding-top: 1470px;}
}
@media(max-width:1700px){
	.wp-block-cb-carousel figure.wp-block-image{padding-top: 630px;}
}
@media(max-width:1600px){
	.main-wrapper{max-width:1400px;}
	header .header-menu ul.nav_menu li a{padding: 5px 8px; font-size:16px;}
	header .header-menu ul.nav_menu li.menu-item-has-children:after{top:15px;}
	.wp-block-cb-carousel figure.wp-block-image{padding-top: 550px;}
}
@media(max-width:1500px){
	.main-wrapper{max-width:1250px;}
	.wp-block-cb-carousel figure.wp-block-image{padding-top: 500px;}
    
}
@media(max-width:1299px){
	.wp-block-cb-carousel figure.wp-block-image {padding-top: 470px;}
	.single-post .main-wrapper, .main-wrapper{max-width:960px;}
}
@media(max-width:1099px){
	.wp-block-cb-carousel figure.wp-block-image {padding-top: 380px;}
	footer.site-footer{padding-right: 2%; padding-left: 2%;}
	.decking-strip{text-align: center; padding-left: 2%; padding-right: 2%;}
	
}
@media(max-width:991px){
	.wp-block-cb-carousel figure.wp-block-image {padding-top: 300px;}
	header.site-header .header-logo img {max-width: 200px;}
/* 	section.img-background{padding-top: 480px;} */
	section.page-banner .banner-title-area{padding-left: 15px; padding-right: 15px;width: calc(100% - 30px);}
/* 	section.no-bg-image h1{margin-top: 0;} */
	.single-product .content-area, .woocommerce-page section.no-bg-image h1 {margin-top: 50px;}
	section.related.products > h2{margin-top: 30px;margin-bottom: 20px;}
	.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width: 100%;float: none;}
	.deck-calc-menu {height: 120vh!important;}
	.page-id-796 .main-wrapper, .blog .main-wrapper , .archive .main-wrapper, .header-main{padding-left: 2%; padding-right: 2%;}
	.dimensions-selection{justify-content: center !important; gap: 8px;}
	  .row.blog-content {display: flex;flex-direction: column;padding-left: 2%; padding-right: 2%;gap: 40px;}

  .row.blog-content .col-md-3,
  .row.blog-content .col-md-8 {
    width: 100% !important;
    max-width: 100% !important;
  }

/* 	.reverse-in-mobile {flex-direction: column-reverse;} */
	footer .footer-cols .footer-col {max-width: 48%;width: 100%;margin-top: 15px;}
/* 	footer .footer-cols .footer-col wp-block-image img {width: 100%;}
	footer .footer-cols .footer-col figure{margin-bottom:0;}
	footer .footer-cols .footer-col .wp-block-image img {width: auto;} */
}

@media(max-width:767px){
	.wp-block-cb-carousel figure.wp-block-image {padding-top: 300px;}
	.single-post .main-wrapper, .main-wrapper{max-width: 540px;}
	.justify-content-sm-center {justify-content: center;}
/* 	.main-wrapper-left, .main-wrapper-right {max-width: 100%;padding-left: 15px;padding-right: 15px;} */
	header.site-header .header-top ul{position:relative;margin-left: 10px;margin-right: 10px;}
	header.site-header .header-top-mobile ul{position:relative;padding-left: 0px; margin-bottom: 0px;}
	header #headerNavbar {position: fixed;left: 100%;width: 100%;top: 0;background-color: var(--wp--color--green);z-index: 999;bottom: 0;height: 100vh;-webkit-transition: 0.5s;transition: 0.5s;padding-top: 0px; padding-left: 20px;}
	header #headerNavbar.menuOpen {left: 0;}
	header #headerNavbar.menuOpen span.closebtn {display: block;top: 0;right: 20px;font-size: 50px;color: #ff7700;cursor: pointer; left:0;}
		header #headerNavbar.menuOpen span.closebtn img{width:30px;}
	header button.navbar{display: block;}
	header .header-menu ul.nav_menu {margin: 0 auto;width: 100%;display: block; padding-bottom: 20px;}
   /* header ul.nav_menu li { border-bottom: 1px solid #fff;position:relative;}*/
    header ul.nav_menu li a {display: block;font-size: 15px;padding: 5px 0;}
    header ul.nav_menu li span { cursor: pointer; height: 46px; position: absolute; right: 20px; width: 70px; }
    header ul.nav_menu li span:before, .navbar ul.nav_menu li span:after { content: "";display: block; position: absolute; top: 50%; background: #aaa; border-radius: 100%; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
    header ul.nav_menu li span:before { width: 20px; height: 4px; right: 0; margin-top: -7px }
    header ul.nav_menu li span:after { width: 4px; height: 20px; right: 8px; margin-top: -15px }
    header ul.nav_menu li span.active:before { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }
    header ul.nav_menu li span.active:after { -webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg); }
    header ul.nav_menu li span.second-em {height: 30px; margin-right: -30px; -webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
 .navbar ul.nav_menu ul.sub-menu {display: none;margin: 0 0 15px 0;padding: 0;position: inherit;top: inherit;left: inherit;width: 100%;background: 0 0;box-shadow: none;}
    .navbar ul.nav_menu ul.sub-menu li { border: 0;}
    .navbar ul.nav_menu ul.sub-menu li a:hover { background: 0 0;}
/*     .navbar ul.nav_menu li span { cursor: pointer; height: 40px; position: absolute; right: 0; width: 70px; } */
    .navbar ul.nav_menu li span:before, .navbar ul.nav_menu li span:after { content: "";display: block; position: absolute; top: 50%; background: #fff; border-radius: 100%; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
    .navbar ul.nav_menu li span:before { width: 20px; height: 4px; right: 0; margin-top: -7px }
    .navbar ul.nav_menu li span:after { width: 4px; height: 20px; right: 8px; margin-top: -15px }
    .navbar ul.nav_menu li span.active:before { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }
    .navbar ul.nav_menu li span.active:after { -webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg); }
    .navbar ul.nav_menu li span.second-em {height: 30px; margin-right: -30px; -webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
    .navbar ul.nav_menu li a b { background: 0 0!important; height: auto; position: inherit; right: inherit; width: auto; font-weight: 400 }
    .navbar ul.nav_menu li.menu-item-has-children a:hover b { background: 0 0!important }
/*     .navbar ul.nav_menu ul.sub-menu li a { border: 0; padding:0; font-size: 13px; color: #aaa } */
/*     .navbar ul.nav_menu ul.sub-menu li a:hover, .navbar ul.nav_menu ul.sub-menu li.current_page_item a { color: #fff } */
    .navbar ul.navbar-nav li.menu-item-has-children:after, .wc-categories .wc-shop-category li.menu-item-has-children:after{display: none;}
    .navbar ul.navbar-nav li ul.sub-menu{visibility: visible;opacity: 1;width: 100%;position: inherit;background: transparent;}
    .navbar ul.navbar-nav li ul.sub-menu li a {color: rgba(255,255,255,0.8);}
	header .header-menu ul.nav_menu li.menu-item-has-children:after{display:none;}
	header .header-menu ul.nav_menu li ul.sub-menu {position: relative;background-color: transparent;}
	header .header-menu ul.nav_menu li.active ul.sub-menu{opacity: 1; visibility: visible;}
	.wc-categories ul.wc-shop-category li span { cursor: pointer; height: 27px; position: absolute; right: 0; width: 70px; }
    .wc-categories ul.wc-shop-category li span:before, .wc-categories ul.wc-shop-category li span:after { content: "";display: block; position: absolute; top: 50%; background: #aaa; border-radius: 100%; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
    .wc-categories ul.wc-shop-category li span:before { width: 20px; height: 4px; right: 0; margin-top: -7px }
    .wc-categories ul.wc-shop-category li span:after { width: 4px; height: 20px; right: 8px; margin-top: -15px }
    .wc-categories ul.wc-shop-category li span.active:before { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }
    .wc-categories ul.wc-shop-category li span.active:after { -webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg); }
    .wc-categories ul.wc-shop-category li span.second-em {height: 30px; margin-right: -30px; -webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
/* 	.wc-categories ul.wc-shop-category ul.sub-menu li.current-menu-item > a { color: #fff; } */
/*     .wc-categories ul.wc-shop-category ul.sub-menu {display: none;margin: 0 0 15px 0;padding: 0;position: inherit;top: inherit;left: inherit;width: 100%;background: 0 0;box-shadow: none;} */
/*     .wc-categories ul.wc-shop-category ul.sub-menu li { border: 0;} */
/*     .wc-categories ul.wc-shop-category ul.sub-menu li a:hover { background: 0 0;} */
	.wc-categories .wc-shop-category > li{width:100%;border-bottom: 1px solid;margin-bottom: 10px;flex-wrap: wrap;}
	.wc-categories .wc-shop-category li a {padding-left: 0;padding-top: 5px;padding-bottom: 5px;line-height:1;}
	.wc-categories .wc-shop-category li.menu-item-has-children ul.sub-menu {position: relative;top: inherit;left: inherit;width: 100%;border: none;margin: auto;display:none;}
	.woocommerce-page header.woocommerce-products-header h1{margin-top: 50px;margin-bottom:20px;}
	.woocommerce-page section.no-bg-image h1{margin-bottom:20px;}
	.header-top-mobile{display:block; background-color: #fff; display: block; overflow: hidden; padding-top: 6px; padding-bottom: 6px;}
	.phone.menu-item img{height:100%;}
/* 	body .ti-widget.ti-goog .ti-col-4 .ti-review-item {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	} */
}

@media (max-width: 781px) {
	#block-10 iframe{
		width:100%;
	}
   
}

@media (max-width: 781px) and (min-width: 680px) {
	.build-deck .wp-block-columns{margin-bottom: 10px!important;}
}

@media (max-width: 1024px) and (min-width: 781px) {
	.build-deck .wp-block-cover{min-height: 210px!important;}
}



@media(max-width:575px){
	.single-post .main-wrapper, .main-wrapper{max-width: calc(100% - 30px);}
	header.site-header .header-top p {margin-top: 0px;margin-bottom: 5px;letter-spacing: 0;}/*margin top set 0 */
	
	section.page-banner h1{letter-spacing:normal;}
	section.page-banner p{font-size: 18px;letter-spacing: 1px;}
.build-deck .wp-block-cover { min-height: 325px !important;}
.build-deck .wp-block-columns {
    margin-bottom: 10px !important;
}
}

@media(max-width:480px){
	.wp-block-cb-carousel figure.wp-block-image {padding-top: 180px;}
	.width-50{width:100%;}
	.pl-xs-0{padding-left:0;}
	.pr-xs-0{padding-right:0;}
	section.page-banner p.portrait-script{font-size:40px;}
	.woocommerce-page table.cart td.actions .coupon .button{width: 100%;}
	input#coupon_code {width: 100%;margin-bottom: 0.5em;margin-right: 0;}
	.woocommerce-message{display: flex;flex-wrap: wrap;flex-direction: column-reverse;text-align: center;}
	.woocommerce-page .woocommerce-message .button {margin-top: 15px;}
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, .blog-blocks .card{width:100%;}
        .build-deck .wp-block-cover {
            min-height: 280px !important;
        }
}

@media(max-width:420px) {
.build-deck .wp-block-cover {
        min-height: 220px !important;
    }


}

.mega-menu{
    background:#fff;
 max-height: 70vh; /* Allow it to take up to 70% of viewport height */
    overflow-y: auto;
    overflow-x:hidden;
       
          -webkit-overflow-scrolling: touch; /* Needed for smooth scroll on iOS */
    touch-action: auto; /* Ensures gestures are interpreted properly */
   
}
.deck-calc-menu{
    height:100vh;
}

.header-sm-icons ul li a {
    background-color: #fff;
    padding: 5px;
    margin-left: 10px;
    border-radius: 30px;
}

.header-sm-icons ul li svg {
    height: 20px;
    width: auto;
    fill: #FF5500;
}


.header-sm-icons ul li{
     color: #fff;
    text-decoration: none;
    display: flex;
    font-weight: 700;
    line-height: 1;
}


.border-start-black-2 {
  border-left: 3px solid #000;
    
}

/* Ensure mega menu container is full width and overlays properly */
.mega-menu {
 
    /*padding-top: 4%;
    padding-bottom: 4%;*/
  display:none;
  gap:2rem;
  justify-content:center;
}

/* Show on hover */
.service.menu-item:hover > .mega-menu {
  display: block;
}

/* Row should not wrap columns (unless on small screens) */


/* Optional: hide scrollbar for cleaner look */
.mega-menu .row::-webkit-scrollbar {
  display: none;
}

/* Style each column */
.mega-menu .col-6,
.mega-menu .col-lg-2,
.mega-menu .col-lg-4 {
  flex: 0 0 auto;
  min-width: 180px;
  width: auto;
 
}

/* Menu titles inside mega menu */
.mega-menu h6 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* Menu links */
.mega-menu ul {
  list-style: none;
  padding-left: 0;
}



.deck-calc-menu ul li a {
    color: #fff!important;
    font-size: 18px !important;
}

.deck-calc-menu ul li a:hover {
    color: #000!important;
}

.deck-calc-head{
    border-bottom: 3px solid #fff;
    padding-bottom: 10px;
}

.deck-calc-head strong{
    display:flex;
    gap:10px;
}

.deck-calc-head a{
    color: #fff;
    font-size: 20px;
    display: block;
    width: 70%;
}
.deck-calc-menu svg{
    width: 52px;
    height: 52px;
}

#menu-decking-calculator{
    padding-top:20px;
}
.mega-menu ul li a {
  text-decoration: none!important;
 padding:0px !important;
  font-size: 14px;
 font-weight:700!important;
 color: #000;
}

.mega-menu ul li a:hover {
  color: #e55a1e;
}

.slick-dots{
	display:none!important;
}


@media (max-width: 767px) {
    
 button.navbar.openbtn{
  padding: 0 !important;
   }   
  
 header #headerNavbar.menuOpen{
    background:#252525;
}
header .header-menu ul.nav_menu li a {
    color: #fff;
     padding: 8px 0px;
    
}
header .header-menu ul.nav_menu li ul.sub-menu li a{
    color:#fff;
}
/*.header-sm-icons{
    display:none;
}*/
header .header-menu ul.nav_menu li:hover > a{
        background: transparent;
        color: #fff;
}
	 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.strip-item{
		flex-basis: 45% !important;
		 text-align: center;
	}
	.decking-strip 
	{
		padding-top: 35px !important;
    padding-bottom: 35px !important;
}
	.banner-image{
	
	height:auto!important;
}
	
	.home .page-content {
    padding-top: 150px!important;
}

.page-id-46 .page-content {
    padding-top: 100px!important;
}


	
	header.site-header .header-top ul li a{
		padding: 0px!important;
		font-size: 12px!important;
	}
	header.site-header .header-top-mobile ul li a{
		padding: 0px!important;
		font-size: 12px!important;
	}
	.footer-top{
		gap:15px;
	}
	
	header.site-header .header-top{
		display:none;
	}
}



.page-id-794 section.no-bg-image h1 {
    color: #000;
    background-color: #fff;
	padding-top:60px;
}
.page-id-794 section.no-bg-image {
    background-color: #fff;
}

.banner-image{
	max-width:100%;
	height:680px;
}
.banner-image h2 , .banner-image h3, .banner-image p , .decking-strip h5{font-weight:900;}
.decking-strip p, .banner-image .wp-block-button a {font-weight:700;}
.home .page-content{
	padding-top:117px;
}

.heder-wrapper{
	justify-content: space-between;
    align-items: center;
}
.banner-text{
	gap:10px;
}

.decking-strip p{
	margin-top:10px;
}

header.site-header .header-top ul.top-left{
	gap:70px;
}

.wp-block-button a , .wp-block-post-excerpt__more-link{
	border-radius: 10px!important;
    background-color: #ff7700!important;
    padding-top: 12px!important;
    padding-right: 24px!important;
    padding-bottom: 12px!important;
    padding-left: 24px!important;
	font-size: 24px;
    font-weight: 700;
	color:#fff;
}

.board-type--item input[type=radio]:checked {
    border: 1px solid #dc651e;
}

.board-type {
    display: flex
;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

.board-type--item {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 20px;
}

.board-type--item label {
    position: relative;
}

.board-type--item input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.board-type--item img {
    width: 100%;
    max-width: 300px;
}

.panel-selection {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.panel-selection p {
    margin-bottom: 0;
    
    color: #252525;
    width: 100%;
}

.board-type--item p {
        font-size: 26px;
        line-height: 30px;
    }
    
    .board-type--item p a {
    display: inline-flex
;
    align-items: center;
    font-family: "Helvetica";
    color: #252525;
    font-size: 12px;
    line-height: 12px;
    text-decoration: underline;
    text-transform: uppercase;
}

.board-type--item p a:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url(https://ezydecking.com.au/wp-content/themes/ezydeck/img/images-icon.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
}

.board-type--item p {
    display: flex
;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 26px;
    line-height: 30px;
}

.board-length {
    display: flex
;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

.board-length--item {
    display: flex
;
    flex-direction: column;
    position: relative;
    margin: 0 10px;
}

.board-length--item label {
    position: relative;
}

.board-length--item img {
    width: 100%;
    max-width: 300px;
}

.board-length--item input[type=radio]:checked {
    border: 1px solid #dc651e;
}


.board-length--item input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.solid-colours, .hollow-colours {
    display: flex
;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

.colour-item {
    display: flex
;
    flex-direction: column;
    position: relative;
    margin: 0 10px 20px 10px;
    width: 42%;
}

@media (min-width: 1200px) {
    .colour-item {
        width: 250px;
    }
}

@media (min-width: 768px) {
    .colour-item {
        width: 160px;
    }
}

.colour-item label {
    position: relative;
}

.colour-item input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.colour-item input[type=radio]:checked {
    border: 1px solid #dc651e;
}

.colour-item img {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    aspect-ratio: 1 / 1;
    margin-top: 5px;
}

.colour-item p {
    min-height: 70px;
    font-weight: bold;

}

.colour-item .popup-link:hover {
    text-decoration: none;
}

.colour-item .popup-link {
    display: flex
;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    line-height: 13px;
    color: #252525;
    text-transform: uppercase;
    text-decoration: underline;
}

.colour-item .popup-link:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url(https://ezydecking.com.au/wp-content/themes/ezydeck/img/images-icon.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
}


.colour-popup {
    width: 95%;
}

.colour-popup .product-info {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.colour-popup .info-heading {
   font-weight:700;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px;
}

.colour-popup .product-info p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

.colour-popup .product-info ul {
    margin: 20px 0;
    padding-left: 15px;
}

.colour-popup .product-thumbnail {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.fancybox-slide--html .fancybox-close-small{
    color: #fff !important;
    background-color: #000 !important;
    width: auto;
	border-radius: 0 !important;
}


@media (min-width: 1200px) {
    .colour-popup .product-info p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .colour-popup {
        max-width: 80%;
    }
    
    .colour-popup .product-info {
        width: 49%;
        padding-right: 30px;
    }
    
        .colour-popup .product-thumbnail {
        width: 49%;
        padding-left: 30px;
    }
}

.submit-calculations{
    text-align:center;
}

.calc-section {
    display: block;
    position: relative;
    width: 100%;
    padding: 30px 0;
}

.fencing-products {
    display: block;
    position: relative;
    padding: 60px 10px 100px 10px;
}


.fencing-products h3 {
    color: #252525;
    margin-bottom: 80px;
    text-align:center;
}

.fencing-products table {
    width: 100%;
    border: 1px solid #ccc;
}

.fencing-products thead {
    border-bottom: 1px solid #ccc;
}

.fencing-products thead th {
    padding: 13px 15px 18px 15px;
   
    color: #252525;
    font-size: 16px;
    line-height: 16px;
}

.fencing-products tbody .item {
    display: flex
;
    align-items: center;
    text-align: left;
    width: 190px;
}

.fencing-products .product-item-photo {
    display: inline-block;
    position: relative;
    width: 40px;
    height: auto;
}

.fencing-products .product-item-details {
    display: inline-block;
    width: 160px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
}

.fencing-products .product-item-details a {
    font-weight:700;
    color: #252525;
}

.fencing-products tbody .col-add {
    min-width: 120px;
}
.fencing-products tbody td {
    padding: 5px;
}
.fencing-products .product-thumb {
    width: 100%;
}

.fencing-products .col-price {
  
    color: #dc651e;
    font-size: 14px;
    line-height: 14px;
}

.fencing-products tbody td {
    padding: 5px;
}
.fencing-products .col-price {
    
    color: #dc651e;
    font-size: 14px;
    line-height: 14px;
}

.fencing-products table #deckBoardQuantityDecrease, .fencing-products table #deckBoardQuantityIncrease,
.fencing-products table #clipQuantityDecrease, .fencing-products table #clipQuantityIncrease, 
.fencing-products table #starterClipsQuantityDecrease, .fencing-products table #starterClipsQuantityIncrease, 
.fencing-products table #boardClipsQuantityDecrease, .fencing-products table #boardClipsQuantityIncrease,
.fencing-products table #nonWalkingClipsQuantityDecrease, .fencing-products table #nonWalkingClipsQuantityIncrease{
 width: 40px;
    height: 40px;
    background-color: #252525!important;
    color: #fff;
    border: 1px solid #252525;
    font-size: 18px;
    line-height: 18px;
    z-index: 5;
    cursor: pointer;
    border-radius: 0px!important;
    padding: 0px!important;

}

.fencing-products table input[type=number] {
    position: relative;
    top: -1px;
    width: 120px;
    height: 40px;
    margin: 0 5px;
    text-align: center;
    color: #666;
    font-size: 14px;
    line-height: 14px;
    border-radius: 0;
    border: 1px solid #ccc;
}


.calc-item input[type=text] {
    width: 100%;
    border: 1px solid #dc651e;
    border-radius: 0;
    padding-left: 20px;
    height: 60px;
}

.calc-item input:focus{
    outline:none;
}

@media (min-width: 1200px) {
   
     .fencing-products .product-item-details {
        font-size: 14px;
        line-height: 18px;
        width: 300px;
    }
    .fencing-products .col-price {
        font-size: 18px;
        line-height: 18px;
    }
    .fencing-products tbody .col-qty {
        min-width: 250px;
    }
    
   .fencing-products .product-item-details {
        font-size: 14px;
        line-height: 18px;
        width: 300px;
    } 
    
}

@media (min-width: 992px) {
    .fencing-products tbody .item {
        width: 250px;
    }
    .fencing-products tbody td {
        padding: 15px;
    }
    .fencing-products .product-item-photo {
        width: auto;
    }
     .fencing-products .product-thumb {
        width: 60px;
        height: 60px;
    }
    .fencing-products tbody td {
        padding: 15px;
    }
      .fencing-products tbody td {
        padding: 15px;
    }
}



@media (min-width: 1200px) {
    
     .fencing-products tbody .item {
        width: 400px;
    }
    
}


@media (max-width: 767px) {
    .fencing-products thead {
        display: none;
    }
    .fencing-products tbody tr {
        display: flex
;
        flex-direction: column;
        align-items: center;
    }
    .fencing-products tbody .item {
        text-align: center;
        flex-direction: column;
        width: 100%;
    }
    
    .fencing-products .product-item-photo {
        width: 100px;
    }
    
        .fencing-products .product-item-details {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
        font-size: 16px;
        line-height: 22px;
    }
    
        .fencing-products .col-price {
        font-size: 18px;
        line-height: 18px;
    }
    
    .fencing-products tbody td {
        padding: 15px;
    }
    
  
}

p#errors{
    text-align:center;
}

p#errors span {
    background-color: #f8d7da;
    display: block;
    position: relative;
    padding: 20px;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

section.page-banner .banner-title-area{
    max-width: 750px;
}

@media (max-width: 767px) {
    
 .header-sm-icons ul{
     padding-left:0px;
 }   
    
    
    h2, h3 {
        font-size: 30px!important;
    }
    
  ul.mobile-phone-wrap{
      list-style-type: none;
     justify-content: space-between;
       width: 100%;
        padding-top: 10px;
  }  
  
  .mobile-phone-wrap li a{
    display: flex;
    gap: 10px;
    
  }
  
    .header-top-mobile .calc a{
            color: #000;
    font-size: 16px;
    }
  
  .header-sm-icons{
      border-top: 1px solid #fff;
    width: 90%;
    padding-top: 20px;
  }
    .header-sm-icons p{
      color: #fff;
    font-size: 16px;
    font-weight: 700;  
    }
    
    ul.mobile-phone-wrap li a{
        color: #000;
      text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
  }  
 
  
  header .header-menu ul.nav_menu li:hover > a, header .header-menu ul.nav_menu li.current-menu-item > a, header .header-menu ul.nav_menu li.current_page_parent > a{
      background:transparent;
  }
  
  .category-desc-wrapper .column1 {
    width: 100%;
}

.page-content-wrapper{
    padding-right: 10px;
    padding-left: 10px;
}

/* .core-values{
   padding-top: 316px!important; 
} */

.solid-colours .colour-item {
     width: 42%;
    }
	footer .footer-cols .footer-col{
		padding-bottom: 30px;
	}	
	.copyright-text{
		text-align:center;
	}

	.board-type--item .panel-selection a{
		font-size: 8px;

	}	
	
}

.colour-popup .product-thumbnail img{
	width:100%;
} 

.build-deck .wp-block-cover .wp-block-cover__image-background{
	height:auto;
}

.banner-title-area h1{
	font-weight:900;
}

.mejs-container{
 height: 337px !important;	
}

#loadvideo_html5 {
  object-fit: cover;
  width: 600px !important;
  height: 337px !important;
}

.google-reviews-row .ti-widget.ti-goog{
	width:100%!important;
}

@media (max-width: 1368px) {
  .custom-grid-3by2 {
    flex-wrap: wrap;
  }

  .custom-grid-3by2 .col-lg-2 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  /* Add spacing between top and bottom row */
  .custom-grid-3by2 .col-lg-2:nth-child(-n+3) {
    margin-bottom: 3rem; /* or adjust to 1.5rem etc. */
  }
  

}


@media screen and (min-width: 768px) and (max-width: 1368px) {
  .decking-strip > .wp-block-columns {
    display: flex;
    flex-wrap: wrap!important;
    justify-content: center;
    gap: 30px;
  }

  .decking-strip > .wp-block-columns > .strip-item {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    box-sizing: border-box;
    align-items: center;
        justify-content: center;
        display: flex;
  }
}


/* Tablet (2 per row) */
@media (max-width: 1024px) {
  .post-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (1 per row) */
@media (max-width: 768px) {
  .post-list {
    grid-template-columns: 1fr;
  }
}