/*
 Theme Name:   Luxury Decking
 Description:  Luxury Decking theme 2021
 Author:       WWD
 Author URI:   https://www.tradepricedecking.com/
 Template:     luxurydeckingcore
 Version:      1.0.0
 Text Domain:  luxurydeckingcore
*/

/* custom backorder message on cart */
.backorder_notification{
    display: none;
}
.backorder_notification_custom{
    display: block;
    margin-bottom:0px;
	color:darkorange;
}

/* smart bundle mods */

.woosg-products .woosg-product form.variations_form {
	background-color:#ECF4F5;
}
.woosg-products .woosg-product form.variations_form .variations .variation {margin:10px 3px 0 20px;}
.woosg-products .woosg-product > div {
    padding-left:0;
    padding-right:0;
}
.wpcvs-terms:before{
    content: 'First choose a colour:';
    display: block;
    width: 100%;
    color: #000000;
    font-size: 18px;
    margin:12px 0 8px 5px;
    font-weight: bold;
}

.woosg-table.woosg-products{
    
}
.woosg-table.woosg-products > .woosg-product{
    
}
.woosg-table.woosg-products > .woosg-product:first-child{
    background-color: rgba(68, 148, 158, 0.1);
    background-color: rgba(68, 148, 158, 1);
    padding: 48px 20px 18px 13px;
    padding: 15px 20px 8px 13px;
    border-bottom: rgba(68, 148, 158, 1) 0px solid;
    margin-bottom: 20px;
    position: relative;
}
.woosg-table.woosg-products > .woosg-product_null:first-child:before{
    content: 'Deck Boards';
    display: block;
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 18px;
    margin-bottom: 8px;
    top: 15px;
    left: 18px;
    font-weight: bold;
}
.woosg-table.woosg-products > .woosg-product:first-child:before{
    content: 'Deck Boards';
    display: block;
    white-space: nowrap;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.woosg-table.woosg-products > .woosg-product:first-child input{
    background-color: rgba(68, 148, 158, 1) !important;
    border-width: 0px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}
.woosg-table.woosg-products > .woosg-product:first-child input[type=number]{
    width: 60px;
    min-width: 60px;
}
.woosg-table.woosg-products > .woosg-product:first-child .woosg-thumb,
.woosg-table.woosg-products > .woosg-product:first-child .woosg-name,
.woosg-table.woosg-products > .woosg-product:first-child .woosg-thumb,
.product-type-woosg .summary-inner>.price{
    display: none !important;
}
.woosg-table.woosg-products > .woosg-product:first-child .woosg-price{
    font-size: 18px;
    margin-bottom: 5px;
}
.woosg-products .woosg-product form.variations_form .variations .variation,
.woosg-products .woosg-product .woosg-qty .quantity{
    background-color: #ECF4F5;
}
.woosg-products .woosg-product .woosg-qty {
    width: 94px;
    flex: 0 0 94px;
    margin-left: auto;
}
.woosg-products > .woosg-product:first-child .woosg-qty {
    width: 120px;
    flex: 0 0 120px;
}
.woosg-table.woosg-products > .woosg-product:not(:first-child) .woosg-qty .quantity {
    right: 20px;
    position: relative;
}
.woosg-wrap .woosg-text.woosg-total {
    white-space: pre-line;
    font-size: 26px;
    font-weight: 600;
    color: #000;
    float: left;
}
.woosg-wrap .woosg-text.woosg-total > span{
    font-size: 32px;
}
.product-type-woosg .summary-inner .woosg-alert.woosg-text{
    display: none !important;
}
.woosg-product-link{
    color: #000;
}
.product-type-woosg .product-image-summary .cart{
    float: right;
}
.product-type-woosg .summary-inner>.wd-action-btn{
    display: none;
}
.product-type-woosg .summary-inner .product_meta{
    display: block;
    clear: both;
    width: 100%;
    margin-top: 20px;
}

.woosg-products .woosg-product form.variations_form .variations .variation .label{
    display: none;
}

.woosg-products .woosg-product form.variations_form .variations .variation .select select {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
    color: rgba(68, 148, 158, 1);
    color: #000;
}

.woosg-products .woosg-product .woosg-title.pos-above{
    position: absolute;
    left: 0;
    width: 100%;
}

.board-options{
    
}
.board-options .woosg-name{
    display: none;
}
.board-options .woosg-price{
    font-size: 20px;
    margin-bottom: 10px;
}
.board-options .variation .label{
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    font-size: 17px;
}
.board-options .variations{
    margin-bottom: 0px !important;
}
.board-options .variations > .variation:not(:last-of-type){
    margin-bottom: 8px !important;
}






/* board calculator wrapper */
.board-calculator-wrapper{
    background-color: #ecf4f5;
    padding: 20px;
    color: #000;
}
.board-calculator-wrapper p.calc-intro{
    font-size: 13px;
}
.board-calculator-wrapper input[type=number],
.board-calculator-wrapper input[type=text]{
    max-width: 86px;
    background-color: #fff;
    height: 40px;
}
.board-calculator-wrapper > span{
    display: inline-block;
    margin-left: 5px;
}
.board-calculator-wrapper input[type=button]{
    background-color: rgba(68, 148, 158, 1);
    color: #fff;
    font-weight: bold;
    height: 40px;
}
.board-calculator-wrapper .calculator-result{
    margin-top: 15px;
    padding-top: 15px;
    border-top: rgba(0,0,0,0.1) 1px dashed;
    display: none;
}
.board-calculator-wrapper .calculator-result span{
    font-weight: bold;
}

.board-calculator-wrapper .mobile-only{
    display: none;
}
.board-calculator-wrapper select{
    background-color: #fff;
}

.woosg-products .woosg-product form.variations_form .variations .variation {
    border-width: 0px;
    padding: 0;
    width: 100%;
}
.wpcvs-type-image .wpcvs-term {
    height: 48px;
    width: 48px;
}
.wpcvs-term > span {
    height: 40px;
    line-height: 40px;
}



/* disable doubling up of colour selector on no woosg prods */
.single-product-content:not(.product-type-woosg){
    
}
.single-product-content:not(.product-type-woosg) .swatches-select,
.single-product-content:not(.product-type-woosg) .wpcvs-terms:before,
.wd-hover-quick .wd-add-btn .wpcvs-terms:before,
.wd-hover-quick .wd-add-btn .variations .label{
    display: none !important;
}
.single-product-content:not(.product-type-woosg){
    
}

.woosg-availability {margin-left: 20px;}





.board-calculator-wrapper > span{
        margin-top: 10px;
}


@media (min-width:1100px){
    .board-calculator-wrapper .calc-btn-input{
        float: right;
    }
}
@media (max-width:1100px){
    .board-calculator-wrapper > span{
        margin-left: 0px;
        margin-right: 5px;
        margin-top: 10px;
        width: 100%;
        display: block;
    }
    .board-calculator-wrapper .mobile-col{
        display: inline-block;
        width: calc(49% - 1px);
        margin-right: 0px;
    }
    .board-calculator-wrapper > .mobile-col:nth-child(3){
        float: right;
    }
    .board-calculator-wrapper input,
    .board-calculator-wrapper select{
    width: 100%;
    margin: 0px;
    max-width: 100% !important;
    margin-top: 4px;
    }
    .board-calculator-wrapper .mobile-only{
        display: block;
    }
}


@media (max-width:575px){
    
    .board-calculator-wrapper > breaker{
        display: block;
        width: 100%;
    }
    
    .board-calculator-wrapper h4{
        margin-bottom: 8px;
    }
    
    
    .woosg-products .woosg-product form.variations_form .variations .variation .select select{
        font-size: 15px;
    }
    .woosg-wrap .woosg-text.woosg-total {
        font-size: 22px;
    }
    .woosg-wrap .woosg-text.woosg-total > span {
        font-size: 25px;
    }
    .woosg-products .woosg-product .woosg-qty {
        width: 74px;
        flex: 0 0 74px;
        /*margin-left: 22px;*/
		margin-left:0;
    }
    
}



/* general and global */ 
h1 {font-size:40px; font-weight: 900;}

/* home page */
.text-shadow-slider {text-shadow: 0 0 10px #000;}
.home-hide-prices {}


/* RESPONSIVE CODING */
@media only screen and (min-width:1199px) {
	.right-on-desktop h1 {text-align: right !important;}
}


@media (min-width: 1025px) and (max-width: 1198px) {
	.right-on-desktop h1 {text-align: right !important;}
	.home-2-banners .wd-fontsize-xxl { font-size:26px; line-height:1.2em !important; margin-top: 0 !important;}
}


@media (min-width:1025px) and (max-width:1120px) {
	.wd-nav>li>a .wd-nav-icon {display: none;}
	.wd-nav>li>a {padding-left:7px; padding-right:7px;}
	.whb-header-bottom-inner .darkgreen-bg a {font-size:13px;}
}


@media only screen and (max-width:1024px) {
	.whb-top-bar .wd-header-nav {background-color:#27575C;}
	.whb-top-bar .wd-nav-secondary>li>a {color:#fff;}
	.whb-top-bar .wd-header-text {height: 40px; background-image: url("https://www.tradepricedecking.com/wp-content/uploads/2022/01/Buy-composite-decking-online.png"); background-repeat: no-repeat; background-size:cover;}
	.whb-top-bar .wd-header-text p {height: 40px; line-height: 40px; font-weight: bold;}
	.whb-top-bar .container {padding-left:0; padding-right:0;}
	.whb-top-bar .whb-col-mobile {margin-left:0; margin-right:0;}
}


@media (min-width: 992px) and (max-width: 1024px) {
	.right-on-desktop h1 {text-align: right !important;}
	h1 {font-size:38px; line-height: 1.2em;}
}


@media (min-width: 768px) and (max-width: 991px) {
	.right-on-desktop h1 {text-align: right !important;}
	h1 {font-size:36px; line-height: 1.2em;}
	.home-2-banners .wd-fontsize-xxl { font-size:20px; line-height:1.2em !important; margin-top: 0 !important;}
	.home-2-banners p { font-size:12px; line-height:1.2em !important;}
}


@media (min-width: 480px) and (max-width: 767px) {
	h1 {font-size:34px; line-height: 1.2em;}
	.smaller-text-on-mob p {font-size:12px;}
	.page-title .title {font-size:28px !important; line-height: 1.2em !important;}
	.wd-header-nav {padding-top: 5px; padding-bottom:5px;}
	.site-logo {padding-top:10px; padding-bottom:5px;}
	.wd-after-add-to-cart {float: left;}
	.whb-top-bar .wd-header-text {padding-top:0; padding-bottom:0;}
	.whb-top-bar .wd-header-text {height:40px;}
	.whb-top-bar .wd-header-text p {height:40px; line-height:40px;}
	.whb-top-bar .wd-nav-secondary>li>a {height:40px; line-height: 40px;}
	.wd-header-nav {padding-bottom: 0; padding-top: 0;}
}


@media only screen and (max-width: 479px) {
	h1 {font-size:30px; line-height: 1.2em;}
	.smaller-text-on-mob p {font-size:12px;}
	.page-title .title {font-size:26px !important; line-height: 1.2em !important;}
	.wd-header-nav {padding-top: 5px; padding-bottom:5px;}
	.site-logo {padding-top:10px; padding-bottom:5px;}
	.wd-after-add-to-cart {float: left;}
	.whb-top-bar .wd-header-text {padding-top:0; padding-bottom:0;}
	.whb-top-bar .wd-header-text {height:40px;}
	.whb-top-bar .wd-header-text p {height:40px; line-height:40px;}
	.whb-top-bar .wd-nav-secondary>li>a {height:40px; line-height: 40px;}
	.wd-header-nav {padding-bottom: 0; padding-top: 0;}
}


@media only screen and (max-width: 320px) {
	
}

.board-calculator-wrapper{background-color: #FFFFFF!important;}.variation{background-color: #FFFFFF!important;}
.woosg-products .woosg-product form.variations_form{background-color: #FFFFFF!important;}
#board-calc-submit {background-color: #16b216!important;}
.woosg-item-product{background-color: #16b216!important;}
.woosg-table.woosg-products > .woosg-product:first-child input{background-color: #16b216!important;}