/*
Theme Name:     Jannal Child
Theme URI: 		http://themes-demo.com/jannal
Author: 		the DesignThemes team
Description:    Child theme for the Jannal theme powered by DesignThemes
Template:       jannal
Version:        1.0
*/

body > .wrapper  {
	position: relative;
	width: 100%;
	overflow: hidden
}

#header-wrapper {
	position: relative;
	z-index: 999
}

#header-wrapper  .dt-header-tpl > div {
	border-width: 0px!important;
}
#header-wrapper .dt-header-tpl > div:before {
	position: absolute;
	bottom: -2px;
	left: 50%;
	height: 1px;
	width: 100vw;
	background-color: #e7e7e7;
	transform: translateX(-50%);
}

#header div.basket-btn-wrap {
	margin: 0px;
	padding: 0px
}

#header .cart-contents {
	display: inline-block;
	padding-top: 12px;
	padding-bottom: 12px;
}

.dt-logo-container a {
	position: relative;
	display: inline-block;
	overflow:hidden
}

.basket-btn-wrap .wpb_content_element {
	margin: 0px
}




.fa-stack.has-badge {
	position: relative;
    display: inline-block;
    width: 50px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    /* line-height: 1; */
    vertical-align: middle;
}

.fa-stack[data-count]:after{
  position:absolute;
  right:0%;
  top:0%;
  content: attr(data-count);
  font-size:40%;
  padding:.6em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  color: #fcb648;
  text-align:center;
  min-width:2em;
  font-weight:bold;
  background: white;
  border-style:solid;
}
.fa-circle {
  color: #fcb648;
}

.red-cart {
	color: #fcb648; background:white;
}

.main-title-section-bg:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5
}
.post-type-archive-product:before {
	max-width: 100%;
}
#header-wrapper .dt-logo-container {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}
.dt-sc-contact-info.header-contact {
    margin-top: 22px;
    margin-bottom: 16px;
}

.dt-sc-contact-info.header-contact .cinfo-image img {
    width: 55px;
}

rs-sbg-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0, 0, 0.4);
    z-index: 1;
}

.no-header-menu ul li.menu-item, .dt-header-menu .dt-primary-nav li.menu-item {
    margin: 0px 16px;
}

.order-amount-lbl {
    font-size: 18px;
}


@media only screen and (max-width: 1440px) and (min-width: 1200px) {
    .fw1-section .fw-img2.wpb_column {
        left: 35px;
        top: -10px;
        width: 42.7%;
    }
    .fw1-section .fw-img3.wpb_column {
        left: 6px;
        top: -100px;
        width: 53.5%
    }
}

.form-col-flex {
    display: flex;
    align-items: center;
}
.form-col-desc {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}

.dt-sc-post-entry .blog-entry .entry-title h4 {
    text-transform: initial;
}

.woocommerce ul.products li.product .product-thumb .image div.primary-image {
    background-position: center;
    background-repeat: center;
}

.woocommerce ul.products.dt-paint li.product .product-thumb-content .product-title h5, 
.woocommerce ul.products.dt-paint li.product .product-details div.product-title h5 {
    font-size: 20px;
}

.woocommerce ul.products.dt-paint li.product div.product-details>div.product-category-wrapper {
    margin-bottom: 10px;
    line-height: 1.4;
}

ul.products li.product .single_variation_wrap button.single_add_to_cart_button {
    display: none!important;
}
ul.products li.product .variations {
    display: none;
}

.mas-wcvs-swatches .mas-wcvs-swatch.swatch-image, .mas-wcvs-swatches .mas-wcvs-swatch.swatch-label {
    width: 54px;
    height: 54px;
    font-size: 12px;
}


.single_variation_wrap {
    display: block !important;
}

.woocommerce ul.products li.product .product-details {
    padding: 15px !important
}

.product-details div.product-title h5 {
    font-size: 18px!important;
}

.product-details .product-title a {
    position: relative;
    padding-right: 30px!important;
}

.woocommerce ul.products.dt-paint li.product .product-details div.product-category-wrapper a {
	color: #000;
}

.woocommerce ul.products.dt-paint li.product .product-details div.product-title h5 a:not(:hover) {
	color: #fcb648
}

.product-details .product-title a:before {
    content: "";
    position:  absolute;
    right: 8px;
    top: 16px;
    border: solid #fcb648;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 14px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: 300ms ease-out;
}
.product-details .product-title a:hover:before {
    border-color: #fcb648;
}

.woocommerce ul.products.dt-paint li.product .product-category-wrapper a {
    font-size: 14px!important;
}

.woocommerce ul.products.dt-paint li.product .product-details>.product-buttons-wrapper.product-button {
    bottom: 10px!important;
    left: 15px!important;
}
.variations .reset_variations {
    display: none!important;
}

.dt-sc-image-wrapper img {
    height: 230px!important;
    object-fit: cover;
}

.dt-sc-image-caption.services-col div.dt-sc-image-wrapper:after {
    background-image: url("./images/serviceswaves.png");
}

.product-wrapper .variations_form {
    display: none;
}


.header-right-content {
    display: flex;
    justify-content: flex-end;
}

div.mobile-nav-container {
    z-index: 999;
}



@media only screen and (min-width: 1440px){
	div.container {
		width: 1400px;
	}
	#secondary-right.secondary-has-right-sidebar, #secondary-left.secondary-has-left-sidebar { 
		width: 300px!important
	}
	#primary.with-left-sidebar{
		width: 1048px!important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.container, .layout-boxed .vc_row .dt-sc-stretch-row-content, .left-header #header-wrapper .top-bar .container {
		width: 1170px;
	}
	#primary.with-left-sidebar{
		width: 810px!important;
	}
}


@media only screen and (min-width: 768px) {
	.feature-img {
		width: 92%;
	}
	
	.dt-logo-container a {
		height: 57px;
	}
	.woocommerce .product-loop-sorting > div.product-loop-sorting-item,
	.woocommerce .product-loop-sorting > div.product-loop-sorting-item-group {
		width: 30%;
	}
	.woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child {
		width: 40%;
	}
}



@media only screen and (max-width: 768px) {
	#main-bar-menu {
		margin: 0px;
	}
	#primary.with-left-sidebar, #primary.with-right-sidebar, #primary.with-both-sidebar {
		display: block!important;
		width: 100%!important;
	}
	section#secondary-left.secondary-sidebar, section#secondary-right.secondary-sidebar {
		display: block;
	}
    .header-work-time {
        display: none!important;
    }
    .header-right-content {
        display: block;
    }
    .mobile-nav-container div.menu-trigger > i:before {
        font-size: 26px;
    }
    .mobile-nav-container div.menu-trigger > span {
        display: none;
    }
    
    div.mobile-nav-container {
        position: fixed;
        top: 0px;
        right: 0px;
        left: auto;
        width: auto;
        padding: 5px 15px 0px;
        background-color: #ffff;
    }
	
	div.container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	div.dt-custom-nav-wrapper.left {
		text-align: left
	}
	
	div.fw1-section.vc_col-sm-6 {
		width: 100%
	}
	div.fw1-section>.vc_column-inner>.wpb_wrapper>.vc_row .dt-sc-dark-bg.dt-skin-primary-bg {
		margin-left: 0px;
		margin-right: 0px;
		width: 100%
	}
	div.fw1-section .fw-img1, 
	div.fw1-section .fw-img2, 
	div.fw1-section .fw-img3 {
		padding-left: 0px;
		padding-right: 0px
	}
	div.fw1-spacing-left .vc_column-inner {
		padding-left: 0px;
		padding-right: 0px
	}
}