/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* TEMP */

/* This css is to remove the 'Out of Stock' message for Variation products that do not have a price, however will probably need to be removed once stock management is implemented */
p.stock.out-of-stock{
    display:none;
}

/* SHIPPING INFORMATION PAGE */
.simple-header{
    margin-bottom:15px !important;
}
.delivery-info{ /* Delivery Costs Table */
    border:1px solid #eee;
}
.delivery-info th{
    padding-left:10px;
    font-size:1.1em !important;
    color:black !important;
    font-family: "motiva-sans"!important;
}
.delivery-info td{
    border:none !important;
    color:black;
    padding-top:8px;
    padding-bottom:8px;
}
.delivery-info tr:nth-child(2n){
    background:#eee !important;
}
.delivery-info td:nth-child(1){
    font-weight:bold;
    padding-left:10px;
}



/* CUSTOM BACKORDER CSS */

.backorder_notification{
display: none;
}
.backorder_notification.custom{
display: block;
}
.available-on-backorder{
    margin-bottom: 10px !important;
    font-weight: 600 !important;
    font-size: 1.2em !important;
}

/* GENERAL CSS */
.no-margin-bottom{
	margin-bottom:0px !important;
}
.no-overflow-x .container{
    overflow-x: hidden !important;
}
.col-no-bottom-padding .button{
    margin-bottom:0px !important;
}
.col-no-bottom-padding{
    padding-bottom:0px !important;
}
.section-margin-top{
	margin-top:80px !important;
}
.section-margin-bottom{
	margin-bottom:80px !important;
}
.section-margin-bottom-2{
	margin-bottom:50px !important;
}
.section-margin-top-2{/* For sections that directly follow rows that have a padding-bottom of 30px */
	margin-top:50px !important;
}

.frm_submit {
    text-align: center;
}
.slider .flickity-viewport{
    transition:height 0.3s ease;
}

@media only screen and (max-width:849px){
	.section-margin-top{
		margin-top:50px !important;
	}
	.section-margin-bottom{
		margin-bottom:50px !important;
	}
	.section-margin-top-2{
		margin-top:20px !important;
	}
	.section-margin-bottom-2{
		margin-bottom:20px !important;
	}
}
@media only screen and (max-width:549px){
	.section-margin-top{
		margin-top:25px !important;
	}
	.section-margin-bottom{
		margin-bottom:25px !important;
	}
	.section-margin-top-2{
		margin-top:20px !important;
	}
	.section-margin-bottom-2{
		margin-bottom:20px !important;
	}
    .col{
        padding-bottom:15px !important;
    }
}


/* FONTS */

.thin-text{
	font-weight:200 !important;
}
.medium-text{
	font-weight:600 !important;
}
.italic-text{
	font-style:italic !important;
}
.spaced-text{
    line-height:1.8em !important;
    font-weight:300 !important;
}
h1, h2, h3, h4, h5, p, li, a, span, th, label{
	font-family: "motiva-sans" !important;
}
h2, h3, h4, h5, p, li{
	color: black !important;
}
p, li, label{
    font-size:1em !important;
}
.custom-list li{
    font-weight:300 !important;
	line-height: 1.6em !important;
	margin-bottom:15px !important;
}

h1{
    font-size:8em !important;
    text-shadow: 2px 2px 4px black !important;
    line-height:0.75em !important;
    letter-spacing:1px !important;
}

h2{
    margin-bottom:0px !important;
    font-size:2.5em !important;
    font-weight:500 !important;
}
h3{
    line-height:0.85em !important;
	font-size: 2em !important;
	font-weight: 500 !important;
}

h4{
	font-size:1.2em !important;
	font-weight: 500 !important;
}
h5{
	font-size:1.2em;
	color:black;
	font-weight:300;
	margin-bottom:0px;
}

.sub-header-1{
	font-size:2.2em !important;
	font-weight:600 !important;
	margin-bottom:20px !important;
}
.sub-header-2{
	font-size:1.6em !important;
	font-weight:600 !important;
	margin-bottom:20px !important;
}
.sub-header-3{
	font-size:1.4em !important;
	font-weight:500 !important;
	margin-bottom:20px !important;
}

.banner h1{
    padding-left:8px !important;
	transition:font-size 0.1s linear !important;
	font-weight:300 !important;
}
.banner h3{
    font-size:3em !important;
    color:white !important;
	text-shadow: 2px 2px 4px black !important;
}
.banner p{
    color:white !important;
}

.accent {
	color: #94c258 !important;
}

@media only screen and (max-width:1280px){
    .banner h1{
        font-size: 7em !important;
		
    }
}
@media only screen and (max-width:849px){
    h2{
        font-size:1.9em !important;
    }
	
	h3 {
		font-size: 1.7em !important;
	}
	h4{
		font-size:1.3em !important;
	}
    h5{
        font-size:1.2em !important;
    }
    p, li, label{
        font-size:1em !important;
    }

	.banner h3{
		font-size: 2em !important;
	}
}
@media only screen and (max-width:549px){
	.spaced-text, ul{
		line-height:1.6em !important;
	}
	.banner h1{
		font-size:4em !important;
		padding-left:13px !important;
	}
	.banner h3{
		font-size:1.7em !important;
	}
	
	h3 {
		line-height: 0.9em !important;
		font-size: 1.1em !important;
	}
	.custom-product-page h3{
		font-size: 1.4em!important;
		
	}
}

/* PRODUCT CATALOG / SHOP */

.product-category-header{
    font-size:3em !important;
    text-shadow: none !important;
    color: #333 !important;
    width:100% !important;
    font-weight: 600!important;
    margin-bottom:40px;
}
@media only screen and (max-width:849px){
 h1.product-category-header{
        font-size:2em !important;
    }
}   
.product-category-sub-header{
        font-size:1em !important;
    text-shadow: none !important;
    color: black !important;
    width:100% !important;
    margin-bottom:30px !important;
}

/* SIDEBAR */
#shop-sidebar{
    color:black !important;
    font-size:0.85em !important;
}
#shop-sidebar a{
    padding:3px 0px !important;
}
.is-large {
    padding:10px 10px 0px 10px;
}
.large-3{
    padding-bottom:30px;
}
.dropdown_product_cat{
    color:black;
    font-size:0.8em;
}
.is-divider{
    width:0px;
    margin:0px 0px;
}
.woocommerce-ordering, .woocommerce-result-count{
    font-size:0.85em !important;
}
.shop-page-title.category-page-title.page-title .is-large{
    padding-left:0px !important;
}
.box-text-products{
    font-size:0.85em !important;
    padding-top:15px !important;
}
.box-text-products .category, .box-text-products a{
    margin-bottom:10px !important;
}


/* HEADER */
.header-main{
	transition:height 0.3s ease !important;
}
.header-inner{
	padding:0px 15px !important;
}
.stuck{
    box-shadow:none !important;
    background-color: #282425 !important;
}
.custom.html_topbar_left a{
    color: #777 !important;
	font-weight:800 !important;
    font-size:1.3em !important;
}
.stuck .custom.html_topbar_left a{
    color: #94c258 !important;
}
.custom.html_topbar_left a:hover{
    opacity:0.6 !important;
}
.header-wrapper .nav-top-link{
    color: white !important;
    font-weight: 800 !important;
}
.header-wrapper .nav-top-link:hover{
	opacity:0.6 !important;
}
.cart-icon strong{
    color:white !important;
    border:2px solid white !important;
}
.cart-icon.image-icon{
    color: white !important;
}
.cart-icon strong::after{
    border:2px solid white !important;
}
.cart-icon:hover strong{
    background-color: rgba(0,0,0,0) !important;
}
@media only screen and (max-width:1000px){
    #logo{
        margin-right:10px !important;
    }

}
@media only screen and (max-width:1000px) and (min-width:849px){
	.nav li:first-child{
		margin-left:10px !important;
	}
	.header-main li{
        margin:10px !important;
        font-size:0.85em !important;
    }
	.nav-dropdown li a{
		font-size:1em !important;
	}
}
@media only screen and (max-width:849px){
	.cart-item{
		margin-bottom:4px !important;
	}
}
.header-button a{
    background:none !important;
    border:none !important;
    font-size:1em !important;
}
.header-account-title{
    font-size:1em !important;
    font-family:"motiva-sans" !important;
    font-weight:600 !important;
}
.header-account-title a:hover{
    opacity:0.6 !important;
    background-color:none !important;
}

/* HEADER TABLET/MOBILE */
.icon-menu{
    color:#fff !important;
	font-size:4em !important;
}
.stuck .icon-menu{
    color:white !important;
}
.mobile-nav .is-small{
    padding:0px !important;
}
@media only screen and (max-width:549px){
    .logo img{
        content:url("https://designconcepts.co.nz/wp-content/uploads/2018/08/design-concepts-mobile_grey.png");
        margin-top:16px !important;
    }
    .stuck .logo img{
        content:url("https://designconcepts.co.nz/wp-content/uploads/2018/07/design-concepts-mobile-w.png");
        margin-top:0px !important;
        width:55px !important;
    }
    .header-main{
        height:50px !important;
    }
	/*
    .stuck .icon-menu{
        font-size:3em !important;
    }*/
}
.nav-dropdown li a{
    font-weight:800;
    color:black !important;
}
.nav-dropdown li a:hover{
    color:grey !important;
}

/* MAILING LIST FORM */
.mailing-list h3{
	margin-bottom:0px !important;
}
.mailing-list input, .mailing-list textarea{
    border: 1px solid black !important;
    border-radius: 0px !important;
}
.mailing-list input{
	max-width:320px !important;
}
.mailing-list .frm_form_field{
    text-align: center !important;
}
.mailing-list .frm_submit{
    text-align: center !important;
}

fieldset{
    padding-bottom:0px !important;
}
.mailing-list{
    margin-bottom:0px;
}

/* LEFT ALIGNED MAILING FORM */
.mailing-list-left-align .frm_form_field, .mailing-list-left-align .frm_submit{
    text-align: left !important;
}

/* CUSTOM NAV CONTAINER */
.custom-nav-container{
	position:absolute;
    height:60px;
    width:150px;
    z-index:2!important;
	top:0;
	left:0;
	opacity:0;
	transition: opacity 0.4s ease;
}
.custom-nav-left{
    background: url("https://designconcepts.co.nz/wp-content/uploads/2018/07/black-arrow-left.png");
    float:left;
    width:25%;
    height:100%;
	margin-top:auto;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	margin-right:10%;
	margin-left:13%;
	transition:0.1s ;

}
.custom-nav-right{
    background: url("https://designconcepts.co.nz/wp-content/uploads/2018/07/black-arrow-right.png");
    float:left;
    width:25%;
    height:100%;
    margin:auto;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	margin-right:10%;
	transition: 0.1s;
}

.custom-nav-left:hover, .custom-nav-right:hover{
    cursor: pointer;
    opacity:0.6;
	transform:scale(1.15);
}
.custom-nav-page-num{
    width:17%;
	height:90%;
	margin-top:1%;
	float:left;
	margin:auto;
}
.numerator, .denominator{
	font-family:"motiva-sans";
    height:40%;
    text-align: center;
    color:black;
    background:none;
    font-size:1.2em;
    font-weight:700;
    letter-spacing: 0px;
    padding-left:4%;
    line-height:1.2em;
}
.vinculum{
    background:black;
    height:8%;
    margin:9% 0%;
}
@media only screen and (max-width:849px){
	.custom-nav-container{
		display:none;
	}
	
}
/* BANNER */
.banner .img{
    min-width:50px !important;
}
@media only screen and (max-width:549px){
    .banner .img{
        display:none;
    }
}
/* PRODUCT PAGE */

.category-filtering.container.text-center.product-filter-row.show-for-medium{
    display:none;
}
.tech-specs-container{
    margin-top:20px !important;
}
.external-category-link{
    font-weight:500 !important;
    color: #08c;
}
.external-category-link:hover{
    color: #c01
}
.back-to-product-category p{
    margin-bottom:0px !important;
    padding-left:15px !important;
}
.product-list-margin-bottom{
    margin-bottom:10px !important;
    
}
.product-page-price{
    margin:0px !important;
    font-size:1.5em !important;
}
.tab-panels{
    padding:0px !important;
}
.woocommerce-tabs{
    margin-top:20px !important;
}
ul{
    margin-bottom:0px !important;
}
.dimensions-container{
    margin-top:20px !important;
}
.variations select{
    margin:0px !important;
}
.variations{
    margin-top:20px !important;
}
.woocommerce-variation-price{
    padding:0px !important;
    margin-bottom:0px !important;
}
.available-on-backorder{
    margin-bottom:10px !important;
}
.fluid-concrete{
    margin-top:20px !important;
}
.fluid-concrete p{
    font-weight:300 !important;
}
.tech-specs-container{
    margin-bottom: 20px !important;
}
.data-sheet .button{
    margin-bottom:0px !important;
	margin-top:20px !important;
}
.cart{
    margin-top:20px !important;
}
.umbrosa-data-sheet .button{
    margin-bottom:0px !important
}
.umbrosa-data-sheet{
    margin-top:20px !important;
}
/* */
.box-image img{
    transition:0.4s !important;
}
h1.product-title.entry-title, .plain h1 {
    font-size:1.6em !important;
    text-shadow: none !important;
    color: black;
	margin-bottom: 0px;
}
h1.product-title.entry-title{
	letter-spacing:0px !important;
    line-height:1em !important;
}

.product-short-description p{
    font-weight:300;
    margin-bottom:0px;
    font-size:1.4em;
}
.tab-panels li{
    line-height:1.6em !important;
    font-weight:300 !important;
}
.tab-panels li:last-child{
    margin-bottom:0px !important;
}
.tab-panels .dimensions-container p{
    font-weight:300;
    margin-bottom:10px;
}
.value select{
    border-radius: 6px;
    color:black;
    border:1px solid black;
}
.product-tabs{
    display:none;
}
.single_add_to_cart_button{
    border-radius: 0px !important;
}
.quantity{
	margin-right:10px !important;
}
.quantity .button{
    border-radius: 0px !important;
    border:1px solid black !important;
}
.quantity .input-text {
    border:1px solid black !important;
}  

.variations .reset_variations{
    display:none;
}
.variations .label{
    width:48%;
}
.woocommerce-Price-amount{
    font-weight:400 !important;
}
.woocommerce-variation-price{
    font-family: "motiva-sans" !important;
    font-size:1.5em !important;
    border:none !important;
	color:black !important;
}
/* For the product dimensions container */
.dimensions-container{
	max-width:460px;
	/*margin:10px 0px !important;*/
}
.dimensions-container p{
    font-size:0.9em !important;
    font-weight:200 !important;
}
.dimensions-container p:last-child{
	margin-bottom:0px !important;
}
.dimensions-container .left-sub-container {
   float: left;
}
.dimensions-container .right-sub-container {
   float: right;
}
.clear-both {
   clear: both;
}

/* For the Tech Specs container */
.tech-specs-container{
	max-width:460px;
}
.tech-specs-container p{
    font-size:0.8em !important;
    font-weight:200 !important;
}

.tech-specs-container li{
    margin-left:0px !important;
    margin-bottom:0px !important;
    padding:10px 0px 9px 0px;
    border-bottom:1px solid #ddd;
}
.tech-specs-container  li:first-child{
    padding-top:0px !important;
}
.tech-specs-container .left-sub-container {
   float: left;
	width:35%;
}
.tech-specs-container .right-sub-container {
   float: left;
}
.tech-specs-container .right-sub-container li{
	padding-left:10px !important;
}
/* Fluid Concrete PDF Button */
.fluid-concrete .button{
    margin-bottom:0px !important;
}
.custom-product-page{
	font-size:0.9em !important;
}
.fluid-concrete p{
    margin-bottom:10px !important;
}
/* All buttons same width */
.fluid-concrete .button, .data-sheet .button, .umbrosa-data-sheet .button, .print-button{
    min-width:260px !important;
}
.print-button{
	margin-top:10px !important;
}
.single_add_to_cart_button{
	min-width:150px !important;
}
.green-button{
	background-color: #7a9a5e !important;
}

.other-products-header{
	margin-top:50px;
	margin-bottom:20px;
}
/* EXTERNAL LINK ICON */
.fa-external-link-alt{
    margin-top:-5px !important;
    margin-left:5px !important;
    margin-right: 0px !important;
}
/* PRODUCT VIDEOS BELW GALLERY SLIDER */
.video-container{
    display:flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin-top:30px !important;
}
.single-video{
	min-width:450px !important;
}
.video-container .sub-container{
    flex-basis:49%;
}
.video-container iframe{
    width:100%;
    height:250px;
}
@media only screen and (max-width:549px){
    .video-container{
		flex-direction: column;
    }
}

@media only screen and (max-width:1050px) and (min-width:850px) {
    .custom-product-page{
        font-size:0.8em !important;
    }
    .tech-specs-container .right-sub-container li{
        padding-left:5px !important;
    }
}
@media only screen and (max-width:849px){
    .custom-product-page{
        font-size:0.9em !important;
    }
}
/* ABOUT */
ul{
	line-height:2.3em !important;
}
.no-padding-bottom .col{
    padding-bottom:0px !important;
}
.social-icons a{
    font-size:4em !important;
    color: #0077B5;
    margin-left:0px !important;
}
.box-text{
    padding-bottom:0px !important;
}
.virtual-showroom{
    width:320px;
    font-weight:300;
}
.slider-style-container .flickity-slider > :not(.is-selected){
    opacity:1 !important;
}

.left-align .img{
    min-width: 270px !important;
}
/* AREAS THAT NEED TO LEFT ALIGN FOR MOBILE */
@media only screen and (max-width:549px){
	.left-align{
		text-align: left !important;
	}
	.left-align .img{
		margin-top: 15px !important;
		margin-left:0px !important;
	}
}
/* MINI-CART */
.widget_shopping_cart_content .button.wc-forward{
    background: none !important;
    border:2px solid black !important;
	color:black !important;
    
}
.button.wc-forward:hover{
    background:black !important;
    color:white !important;
}
.button.checkout.wc-forward{
    border:none !important;
    background:#8a6 !important;
    color:white !important;
}
.widget_shopping_cart_content{
    font-size:0.8em !important;
}

.nav-dropdown .widget_shopping_cart_content{
    font-size:1em !important;
}
li.widget_shopping_cart{
    padding-bottom:0px !important;
}
/* MOBILE MENU */
.mobile-sidebar li, .mobile-sidebar a{
    color:white !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.mobile-sidebar .html_top_right_text{
	padding-left:0px !important;
}
.mobile-sidebar .html_topbar_right a{
    padding-left:0px !important;
	font-size:1.2em !important;
	padding-right:0px !important;
}
.mobile-sidebar li a{
    font-weight:700 !important;
    font-size:1em !important;
}
.mobile-sidebar .nav-top-link, .mobile-sidebar .html_top_right_text, .mobile-sidebar .html_topbar_right{
	padding-top:5px !important;
	padding-bottom: 5px !important;
}
/* SHOPPING CART PAGE */
.widget-title{
    border-bottom:0px !important;
}
.coupon .widget-title{
    display:none !important;
}
.coupon .is-form:hover, .coupon .button:hover{
    color:white !important;
    background-color:black !important;
}
.coupon .is-form, .coupon .button{
    font-weight:600 !important;
    font-family:"motiva-sans" !important;
    color:black !important;
    text-transform: uppercase !important;
    border:2px solid black !important;
    text-shadow: none !important;
    background:none !important;
}
.checkout-sidebar{
    font-size:18px !important;
}
.woocommerce-notice{
    line-height:1.5em !important;
    font-size:0.8em !important;
    margin-bottom:15px !important;
}
.checkout .large-5 .col-inner{
    padding:20px 20px !important;
}
.checkout label{
    font-weight:400 !important;
    font-size:0.9em !important;
}
.place-order .button{
    width:100% !important;
}
.page-id-568 .checkout_coupon{
    padding-right:0px !important;
}
.button-continue-shopping{
    border:2px solid #94bf61 !important;
    font-weight:700 !important;
    color: white !important;
    background: #94bf61 !important;
}
/* CHECKOUT PAGE */
#shipping_method{
    text-align: left !important;
    font-size:0.9em !important;
    display:inline-block !important;

}
#shipping_method li{
    line-height:1em !important;
    margin-bottom:10px;
    font-weight:700 !important;
}
#shipping_method li label{
    font-weight:700 !important;
}
#shipping_method span{
    line-height:2em !important;
}
#shipping_method span.woocommerce-Price-amount{ /* ADD TO LIVE SITE */
	line-height:2em !important;
	margin-left:3px !important;
	float:right !important;
	padding-top:6px !important;
}
#shipping_method input{
	margin-right:0px !important;
}
@media only screen and (min-width:840px){
	.woocommerce-checkout-review-order-table{
		table-layout:fixed;
	}
}
.shipping td{
	padding-left:0px !important;
}
.checkout-sidebar .woocommerce-Price-amount{
    font-weight:700 !important;
}
.page-checkout{
    max-width:1080px !important;
}
#ship-to-different-address span{
    font-weight:600 !important;
    font-size:0.6em !important;
}
#ship-to-different-address input{
	margin-left:0px !important;
}
/* GALLERY PAGE */
.gallery-header{
    margin-bottom:10px !important;
	margin-top:-10px !important;

}
.gallery-header h2{
    font-weight:700 !important;
    font-size:3em !important;
}
.gallery-text{
    margin-bottom:30px;
}
@media only screen and (max-width:849px){
	.gallery .left-align .text-right{
		text-align: left !important;
	}	
}
.envira-gallery-wrap, .justified-gallery{
    margin-bottom:0px !important;
}
.gallery .button{
    min-width:250px !important;
}
/* Code alters flatsome flex behavious - may ened to be reverted if casuses errors in other areas of the website */
.woocommerce-info.message-wrapper{
    display:none;
}
.checkout_coupon{
    display:block !important;
    border:none !important;
    padding: 0px 15px 0px 0px !important;
    margin-bottom:25px !important;
    max-width:600px !important;
}
.woocommerce .button.expand{
    margin-left:15px;
}
@media (max-width: 849px){
    .medium-flex-wrap .flex-col {
        padding-top: 0px;
        padding-bottom: 0px;
        flex-grow: 0;
        width: auto !important;
    }
    .flex-grow{
        flex-grow:1 !important;
    }
    .medium-flex-wrap{
        flex-flow: row nowrap !important;
    }
}
/* ACCOUNT PAGE */
.my-account-header h1{
    font-size:3em !important;
    text-shadow: none !important;
    font-weight:900 !important;
	color:#333 !important;
	padding:20px 20px;
}
.my-account-header{
    text-align: center !important;
}
.dashboard-links a{
    padding:0px !important;
}.my-account-header{
    padding:20px 20px;
}
.my-account-header h1{
    color:#333 !important;
}
.woocommerce-Button.button{
    min-width:220px;
}
.my-account-header{
    padding:20px 20px;
}
.my-account .row{
    max-width:1100px !important;
    margin:auto !important;
}

/* Footer CSS */

.footer-wrapper{
    font-size:0.85em !important;
	background-color: white !important;
}
div .footer-line {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

a.footer-title {
	color: black !important;
}

a:hover .footer-title {
	color: #94c26e !important;
}

h3.footer-title {
	padding-bottom: 0px !important;
}

h4.footer-title {
	text-decoration: underline;
	margin-bottom: 5px !important
}


a:hover .footer-contact-text {
	opacity: 0.6;
}

.footer-contact-text {
	color: black;
}

a.footer-offer-text {
	color: black;
	font-size: 1.1em;
	font-weight: bold !important;
}

a.footer-offer-text:hover {
	opacity:0.6 !important;
}

.footer-wrapper {
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

a.footer-offer-text {
    line-height: 1.9em !important;
}

h3.footer-title {
    line-height: 1em !important;
    font-size: 1.5em !important;
}

.social-icons a {
    font-size: 3.5em !important;
	color: black;
}
.social-icons a:hover {
	opacity:0.6 !important;
}
.footer-contact {
    margin-right: -30px;
}

.footer-mail {
    margin-left: -20px;
    margin-right: 20px;
}

.footer-offer {
    margin-right: -50px;
}

.footer-logo {
    margin-left: -10px;
}


@media only screen and (max-width: 1100px) {
	.footer-contact {
    	margin-right: 0px;
	}	

	.footer-mail {
		margin-left: 0px;
		margin-right: 0px;
	}

	.footer-offer {
		margin-right: 0px;
	}

	.footer-logo {
		margin-left: 0px;
	}
}

@media only screen and (max-width: 550px) {
	.footer-contact {
    	margin-right: 0px;
		margin-bottom: 20px;
	}	

	.footer-mail {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 20px;
	}

	.footer-offer {
		margin-right: 0px;
		margin-top: 20px;
	}

	.footer-logo {
		margin-left: 0px;
		margin-top: 20px;
	}
}

/* SHOP PAGE */

/* This hides page results for a product search */
.page-col{
    display:none;
}
hr{
    display:none;
}

.woocommerce-breadcrumb{
	font-family:"motiva-sans" !important;
}
.page-number{
    border-radius:0px !important;
    border:1px solid black !important;
    display:inline !important;
    padding:0px 9px !important;
    font-size:1.2em !important;
}
.page-number:hover{
    background: #eee !important;
    color:black !important;
 
}
.page-number.current{
    background:#000 !important;
}
.page-number.current:hover{
    color:white !important;
    background:black !important;
}
.shop-page-title .page-title-inner{
    padding:10px !important;
}
.breadcrumbs{
    text-align: left !important;
    padding-bottom:10px !important;
}
@media only screen and (max-width:400px){
.filter-button strong{
        display:none;
    }
}    

.orderby{
    margin:0px !important;
    min-width:185px !important;
}
.shop-page-title .page-title-inner{
    padding-top:30px !important;
    align-items:flex-end;
}
.page-title .category-filtering{
    color: black !important;
    text-align: left !important;
    padding:0px !important;
}

.page-title .category-filtering .icon-menu{
    font-size:1em !important;
    color:black !important;
}
.woocommerce-result-count{
    color: black !important;
}
.custom-product-categories h5{
    color:white !important;
    font-size:1.1em !important;
    transition: 0.3s;
}
.custom-product-categories .box-text{
	padding-left:20px !important;
}
.custom-product-categories .product-category .col-inner{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.5);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}
.custom-product-categories .box-image img{
	object-fit:cover !important;
}
@media only screen and (max-width:1100px){
    .custom-product-categories h5{
        font-size:0.9em !important;
    }
    .custom-product-categories .box-text{
        padding-left:10px !important;
    }
}
@media only screen and (max-width:849px){
    .custom-product-categories .box-image{
        height:250px !important;
    }
}
.mobile-slider .flickity-prev-next-button{
    display:block !important;
}
/* FAQS PAGE */
.custom-accordion a{
    font-size:1.4em !important;
    color:#555 !important;
}
.narrow-row .row{
    max-width:1100px !important;
}
.custom-accordion .icon-angle-down{
    color:#000 !important;
}
.custom-accordion .accordion-title{
    background: rgba(100,100,100, 0.05);
    margin:8px 0px;
    border:1px solid #eee!important;
    box-shadow:0px 1px 2px #ddd;
}
.button-1{
    min-width:320px !important;
}

/* CONTACT PAGE */
.custom-map iframe{
    width:100%!important;
}
.custom-map{
    margin-top:30px !important;
}
@media only screen and (max-width:849px){
	.custom-map{
		margin-top:40px !important;
	}	
}
.contact-info h3{
    margin-bottom:10px !important;    
    color:black !important;
    font-weight:600 !important;
}
.contact-info h4{
    color:black !important;
    font-weight: 500 !important;
    font-size:1.3em !important;
    margin-bottom:10px !important;
}
.contact-info{
    font-size:0.9em !important;
    background: #eee;
	padding:20px 30px;
}
.contact-info p{
    margin-bottom:10px !important;
    color:black !important;
}
.custom-divider{
    height:1px;
    background-color:#ccc;
    margin-top:22px;
    margin-bottom:22px;
}

.contact-form input, .contact-form textarea{
    border:1px solid #888 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    height:50px !important;
    
}
.contact-form .frm_primary_label{
	color:black !important;
}

.contact-form{
	margin-bottom:-5px !important;
}
@media only screen and (max-width:849px){
	.contact-form{
		margin-bottom: 25px !important;
	}
}
.contact-form .frm_button_submit{
    box-sizing:border-box !important;
    color:white !important;
    border:none  !important;
    text-decoration: none;
    display: inline-block;
    width:200px !important;
    border-radius: 0px !important;
    font-family: "motiva-sans" !important;
    box-shadow:none !important;
    font-weight:500 !important;
    height:50px !important;
    background:black !important;
}
.contact-form .frm_button_submit:hover{
    background:#bbb !important;
    color:black !important;
}
.get-in-touch{
    font-weight:600 !important;
    font-size:3em !important;
}

/* CONTACT FORM */
.frm_forms label{
    font-family: "motiva-sans" !important;
	font-size: 1.2em !important;
	color: #777 !important;
}
/* CUSTOM DOWN ARROW */
.custom-down-arrow{
    position:absolute;
    z-index: 2;
    left:50%;
    width:50px;
	transform:translate(-50%,0%) !important;
	opacity:0;
	transition:0.2s !important;
	animation: bounce 1.5s infinite;
}
@keyframes bounce {
    0%,20%,50%,80%,100%{
        transform:translate(-50%,0px);
    }
    40% {
        transform:translate(-50%,-20px);
    }
    60% {
        transform:translate(-50%,-15px);
    }
}
@keyframes bounce-sm {
	0%,20%,50%,80%,100%{
		transform:translate(-50%,0px);
	}
	40% {
		transform:translate(-50%,-10px);
	}
	60% {
		transform:translate(-50%,-8px);
	}
}
.custom-down-arrow:hover{
    opacity:0.6;
    transform: scale(1.2) !important;
	animation-play-state: paused;
}
@media only screen and (max-width:849px){
	.custom-down-arrow{
		width:40px;
		animation: bounce-sm 1.5s infinite;
	}
}
/* SLIDERS */
.gallery-slider .slider{
    padding:0px !important;
}
.flickity-page-dots{
    position:relative;
    left:0%
}
.gallery-slider .flickity-page-dots{
    margin-top:40px !important;
}
/* WOOCOMMERCE MESSAGE WRAPPER */
.woocommerce-message.message-wrapper{
    margin-bottom:0px !important;
    text-align: center !important;
}
.woocommerce-error.message-wrapper{
    z-index:100 !important;
    background:#ff9;
    margin:auto !important;
    text-align: center !important;
    padding:10px 0px !important;
    background:#eee;
    margin-bottom:30px !important;
}
.woocommerce-terms-and-conditions-wrapper{
    border:1px dashed #b20000 !important;
    padding:5px;
    margin-bottom:10px;
}
.woocommerce-privacy-policy-text{
    font-size:0.7em !important;
    margin-bottom:10px;
}
.woocommerce-error.message-wrapper li{
    margin-bottom:0px !important;
}

.woocommerce-privacy-policy-text{
    font-size:0.7em !important;
    margin-bottom:10px;
}
/* STORE OFFLINE NOTICE */
p.custom-store-notice{
    margin-bottom:0px;
}

/* A links that are to be darker */
.product-title a{
    color:#222;
}
.cat-item a{
    color:#222;
}
.wc-layered-nav-term a{
    color:#222;
}

/* For the Outdoor Fireplace product page */
.fireplace-header-container{
    display:flex;
    justify-content: space-between;
}
@media only screen and (max-width:549px){
.fireplace-header-container{
    flex-direction:column;
    justify-content: space-between;
}   
    .fireplace-header-container .text-right{
        text-align: left;
        margin-bottom:30px;
    }
}
/* CUSTOM PRINT PAGE CSS */
@media only print{
    
    #header{
        display:none !important;
    }
    .hiho-product-gallery{
        display:none !important;
    }
    .product-thumbnails{
        display:none;
    }
    .image-tools{
        display:none;
    }
    
    .woocommerce-product-gallery__wrapper{
        max-width:85% !important;
        margin:auto !important;
    }
    .woocommerce-product-gallery__wrapper .flickity-slider a{
        margin-bottom:0px !important;
        padding-bottom:0px !important;
    }
    .fluid-concrete{
        display:none;
    }
    .woocommerce-variation-add-to-cart{
        display:none;
    }
    form.cart{
        display:none;
    }
    #footer{
        display:none;
    }
    .back-to-product-category{
        height:0px;
        overflow:hidden;
        padding:0px !important;
        margin-top:30px !important;
    }
    .col.medium-12.small-12.large-4{
        margin-top:-0px !important;
        font-size:0.8em !important;
    }
	.col.medium-12.small-12.large-8 .col-inner .product-images .product-gallery-slider{
        max-height:300px !important;
        margin-bottom:30px !important;
	}
	.button{
		display:none;
	}
	svg{
		display:none;
	}
	.video-container{
		display:none;
	}
	
}


/* DESIGN CONCEPTS BLOG SINGLE POST */
blockquote{
    font-size:1em !important;
}
.blog-wrapper{
    padding-top:80px !important;
}
@media only screen and (max-width:849px){
    .blog-wrapper{
        padding-top:30px !important;
    }    
}
.blog-wrapper article{
    margin-bottom:50px !important;
}
.entry-content{
    padding-top:0px !important;
    padding-bottom:0px !important;
    max-width:700px;
    margin-left:00px !important;
}
.blog-single .row{
    max-width:1100px !important;
}
h1.entry-title{
    font-size:4em !important;
    text-shadow:none !important;
	line-height: 1em !important;
}
.entry-content h1{
    text-shadow:none !important;
    line-height:1.4em !important;
    font-size: 4em !important;
    color: black !important;
    margin-bottom:0px !important;
}
.entry-content h2{
    font-weight: 600 !important;
    margin-bottom:0px !important;
    line-height:1.6em !important;
}
.entry-content h3{
    font-size:1.7em !important;
    margin-bottom:0px !important;
    line-height:1.8em !important;
}
.entry-content p{
    margin-bottom:30px;
    line-height:2em !important;
}
h6.entry-category{
    font-size:1em !important;
    margin-bottom:20px !important;
}
.entry-content .social-icons{
    font-size:5px !important;
    
}
.entry-content .social-icons a{
    margin-left:8px !important;
    margin-right: 8px !important;
}
@media only screen and (max-width:549px){
    .entry-content{
        font-size:0.95em !important;
    }
    h1.entry-title{
        font-size:4em !important;
    }
}
.single-post .title-overlay{
    background-color: rgba(0,0,0,0.3) !important;
}
.single-post .title-bg{
    background-position: center !important;
}
/* BLOG PAGE */

/* Main blog page widget sidebar area */
.sidebar-wrapper{
    font-size:0.9em !important;
}
.sidebar-wrapper .widget-title {
    color:black !important;
    font-family: 'motiva-sans' !important;
}
.sidebar-wrapper li{
    line-height:1.6em !important;
    border:none !important;
}
/* .sidebar-wrapper a{
    color: #333;
}
.sidebar-wrapper a:hover{
    color: black !important;
} */
.custom-blog-intro{
    padding-top:80px !important;
    padding-bottom:0px !important;
}
@media only screen and (max-width:849px){
    .custom-blog-intro{
        padding-top:45px !important;
        padding-bottom:0px !important;
    }    
}
@media only screen and (max-width:549px){
    .custom-blog-intro{
        padding-top:30px !important;
        padding-bottom:0px !important;
    }    
}
.custom-blog-layout .post-item{
    padding-bottom:80px !important;
}
@media only screen and (max-width:849px){
    .custom-blog-layout .post-item{
        padding-bottom:20px !important;
    }    
}
.custom-blog-layout{
    padding-bottom:0px !important;
    padding-top:80px !important;
}
@media only screen and (max-width:849px){
    .custom-blog-layout{
        padding-top:20px !important;
    }
}
.custom-blog-layout-row, .custom-blog-intro .row{
    margin:auto !important;
    max-width:1300px !important;
}

.custom-blog-layout .box-text-inner{
    padding:0px 20px 20px 20px !important;
}
/* widget area on the single post + blog archive page */
.post-sidebar{
    padding:20px !important;
	border:none !important;
}
.widget-area{
    font-size:0.9em !important;
}
.widget-area .widget-title {
    color:black !important;
    font-family: 'motiva-sans' !important;
}
.widget-area li{
    line-height:1.6em !important;
    border:none !important;
}
/* .widget-area a{
    color: #333;
}
.widget-area a:hover{
    color: black !important;
} */
/* CATEGORY AND SEARCH PAGE */

.archive-page-header h1, .no-results h1.page-title{
    font-size:3em !important;
    color: black !important;
    text-shadow: none !important;
    margin-bottom:50px;
}
@media only screen and (max-width:849px){
.archive-page-header h1{
    font-size:3em !important;
    color: black !important;
    text-shadow: none !important;
    margin-bottom:20px;
}    
}
.blog-archive .post-title{
    font-size:2.5em !important;
    padding-left:0px !important;
}
.blog-archive.page-wrapper{
    max-width:1200px !important;
    margin:auto !important;
}

/* 404 PAGE */
.error-404 h1.page-title{
	font-size: 3em !important;
    text-shadow: none !important;
    color: black !important;
    line-height: 1em !important;
}
.error-404.not-found{
    margin-top:80px !important;
    margin-bottom:50px !important;
}
@media only screen and (max-width:549px){
    .error-404 h1.page-title{
        font-size: 2em !important;
        text-shadow: none !important;
        color: black !important;
        line-height: 1em !important;
    }
    .error-404.not-found{
        margin-top:0px !important;
        margin-bottom:20px !important;
    }
}
.badge-container{
    margin-top:0px !important;
}

/* OUT OF STOCK LABEL */
.out-of-stock-label{
    font-family: "motiva-sans" !important;
    height:auto !important;
    padding:0.3em !important;
    background:#222 !important;
    color: white !important;
    opacity:1 !important;
    top:auto !important;
    bottom:0 !important;
}