/*
Theme Name: Web Lab Child
Description: This is a child theme created by Web LAb
Author: Web Lab
Template: shop-isle
Version: 1.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

header.header{
	margin-top:75px
}
nav .container{
	padding: 0
}
nav .navbar-header{
	width:200px
}

.home .wc-block-grid__product-image img{
	width:100%
}
.shop_isle_header_title .site-description a{
	line-height:21px
}
.shop_isle_header_title .site-description a .dashicons-phone{
	margin-right:5px
}
.page-header-module.module.simple-header-module{
	padding:0
}
.page-header-module.module{
	padding: 95px 0 70px;
}
.page-header-module{
	background-position: center center;
    background-size: 30% 100%;
}
.page-header-module::before{
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
}
.invoice-custom-fields, .gift-custom-fields{
	padding-left: 30px
}
.nav > li > a{
	padding-left:10px;
	padding-right:10px
}
/*#site-navigation{
	background: #e6e6e6 
}*/
.bg-white{
	background: #fff
}
.contact-wrapper {
    margin: 0 calc(10% + 60px);
    padding-top: 86px
}
.contact-wrapper h1{
	text-align:center
}
.cf-main-4, .cf-main-8{
    /*width: 49%;*/
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
}
.cf-main-4{
	width: 33%;
}
.cf-main-8{
	width: 66%;
}
.size-link img{
	width:20px;
	height:20px;
	margin-right:10px
}
ul.products li.product img{
	max-height:380px
}
.woocommerce-shipping-totals.shipping .woocommerce-shipping-methods{
	padding-left:0
}
#contacts-form p label {
    display: inline-block;
    font-weight: normal;
    width: 200px;
    vertical-align: top;
}
#contacts-form p label.privcy_gdpr, #contacts-form p label.contact_by{
	width: auto;
	max-width: calc(100% - 210px);
}
#contacts-form p input[type="text"]{
	min-width: 40%
}
#contacts-form p input[type="submit"]{
	background: rgba(17, 17, 17, 1) none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 0;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 25px;
    opacity: 1;
    padding: 10px 30px;
    position: relative;
}
#contacts-form p input[type="submit"]:hover{
	opacity: 0.8
}
.input-error-message{
    color: red;
    display: block
}
.input-success-message{
    color: green;
	font-weight: bold;
    display: block
}
.contact-text{
	max-width: 80%
}
.contact-address{
    list-style:none;
    margin-left: 30px;
}
.contact-address li{
    line-height: 35px
}
.contact-address .dashicons{
    vertical-align: middle;
	margin-right: 10px
}
.hidden{
	display: none
}
.sale-perc{
	background: #e03958 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    right: 15px;
    padding: 10px;
    position: absolute;
    top: 0;
}
#billing_econt_delivery_field .woocommerce-input-wrapper label{
	display: inline-block;
	/*margin-left: 5px;
	margin-right: 10px;*/
	margin: 0 10px 0 5px;
	float: left
}

.in-stock{
	color: green
}
.out-of-stock{
	color: red
}
.woocommerce-loop-product__link .onsale{
	display:none
}
.woocommerce-loop-product__link .onsale.out-of-stock{
	display:inline
}
.single-product .onsale.out-of-stock{
	left: -31px;
	top: -10px
}
.single-product .related .onsale.out-of-stock{
	left: -24px;
}
.related ul li img{
	max-height:378px
}
.footer-top{
	margin-bottom:15px
}
.footer-top .dashicons{
	font-size: 36px;
	width: 40px;
	height: 40px
}
.footer-top .custom-html-widget{
	text-align: center;
	font-size: 14px
}
.scroll-up{
	border: 1px solid #aaa;
	border-radius:4px
}


/*960px*/
@media only screen and (max-width: 60em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.contact-wrapper {
		margin: 0 calc(5%);
	}
}
/*768px*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.cf-main-4, .cf-main-8{
		width: 100%;
	}
	body.admin-bar .navbar {
		margin-top: 0;
	}
	header.header{
		margin-top:55px
	}
	.theme-shop-isle .navbar-fixed-top .navbar-collapse{
        max-height: inherit;
        position: fixed;
        top: 55px;
        bottom:0;
    }
	.page-header-module{
		background-size: 70% 60%;
	}
	.shop_isle_header_title .site-title a{
		font-size:16px
	}
	.navbar-custom{
		padding: 0 20px 0 0;
	}
	.module-super-small{
		padding:0
	}
	.shopsidebar .sidebar-shop{
        top:55px;
        max-height:90%;
    }
	.wc-block-grid.has-4-columns .wc-block-grid__product{
		max-width: 50%;
		flex: 1 0 50%;
		padding: 0
	}
	.wc-block-grid.has-4-columns .wc-block-grid__product>a{
		padding: 0 5px
	}
	.wc-block-grid.has-4-columns .wc-block-grid__product .wc-block-grid__product-onsale{
		left: 5px
	}
}
/*640px*/
@media only screen and (max-width: 40em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.page-header-module{
		background-size: 80% 60%;
	}
}
/*480px*/
@media only screen and (max-width: 30em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.page-header-module{
		background-size: 90% 50%;
	}
	ul.products li.product img {
		max-height: 294px;
	}
}
/*400px*/
@media only screen and (max-width: 25em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.page-header-module{
		background-size: 90% 40%;
	}
}
@media(max-width: 480px) {
	.onsale.out-of-stock{
		left:-36px
	}
	ul.products li.product img {
		max-height: 294px;
	}
}
@media(max-width: 430px) {
	ul.products li.product h2{
		min-height: 2.8em;
		/*vertical-align:middle;*/
		/*display: flex;
		justify-content: center;
		flex-direction: column;*/
		/*height: 2.8em;
		display: table-cell;*/
		/*position: relative;
		top: 50%;
		-webkit-transform: translateY(25%);
		-ms-transform: translateY(25%);
		transform: translateY(25%);*/
	}
}