/*
Theme Name: ATC Group Child
Description: This is a child theme for ATC Group Theme
Author: ATC Group
Template: atcgroup
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*Header*/
h1, h2, h3, h4, h5, h6, .heading-font {
	font-family: "Nunito", sans-serif !important;
}
a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ababab;
	opacity: 1; /* Firefox */
	font-size: 15px;
}
input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ababab;
}
input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ababab;
}
.nav > li > a {
	font-size: 15px;
	letter-spacing: 0.05em;
}
.top-bar-nav.nav > li > a,.top-bar-nav.nav .nav > li > a  {font-size: 14px;color: #fff;}
.top-bar-nav .button.icon{
	min-width: 28px;
    padding-left: 0.2em;
    padding-right: 0.2em;
    line-height: 1.89em;
    min-height: 21px;
}
.top-bar-nav .button.icon i {
    font-size: 14px;
}
.nav-dark .nav>li.header-divider {border-color: rgba(255,255,255,.5);height: 18px;
}
.nav-spacing-xlarge>li {margin: 0 18px;}
.nav-spacing-xlarge>li.header-search {margin-right: 0;margin-left: 35px;}
.cart-icon strong {
	width: 1.4em;
	height: 1.4em;
	font-size: 1em;
	line-height: 1.23em;
	letter-spacing: 0;
	border-width: 1.7px;
}
.cart-icon strong:after{border-width: 1.7px;}
.nav>li.has-icon>a>i{font-size: 0.9em;}
.header-nav-main.nav > li:nth-child(2) > a {
	color: #5e5a54 !important;
}
.header-nav-main.nav > li:nth-child(2) > a:hover {
	color: #debe68 !important;
}
/*----- Start Home -----*/
/*Slider*/
.banner h1 {
    font-family: "Nunito", sans-serif !important;
}
.banner h2, .banner h3{font-family: "Great Vibes", sans-serif !important;}
.banner p{
	line-height: 55px;
	letter-spacing: 0px;
	font-weight: 900;
}

/*About us*/
@keyframes spinner {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
h3.section-title-bold-center{font-family: "Great Vibes", sans-serif !important;text-align: center;}
h3.section-title-bold-center>span{
	border-width: 0;
	font-size: 56px;
	font-weight: 400;
	line-height: 1;
	color: #debe68;
}
.coco-section-title.section-title{    
	max-width: 350px;
	margin: 0 auto;
}
.section-title b{     
	height: 1px;   
	color: rgba(255,0,0,0);
	opacity: 1;
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(222 191 104 / 90%));
}
.section-title b:last-child{
    background-image: linear-gradient(to left, rgba(255,0,0,0), rgb(222 191 104 / 90%));
}
.section-title i {
	opacity: 1;
	color: #debe68;
	width: 70px;
	text-align: center;
	font-size: 30px;
	display: inline-block;
	margin-right: 0;
}
.section-title-container:hover .coco-section-title.section-title i {
	animation: spinner 2s linear infinite;
	-webkit-animation: spinner 2s linear infinite;
}
.about-us-text .col-inner{border: 3px solid #f1eeea;margin-top: 40px;}
.about-us-text .col-inner h4{
	margin-top: -12px;
	background: #fff;
	width: 76%;
	font-size: 24px;   
	letter-spacing: 0.1em;
	font-weight: 400;
	padding-left: 83px;
}
.about-us-content{
	padding: 35px 43px 30px 83px;
}
/*Categoty Product*/
.coco-catepro.has-shadow>.col>.col-inner {
	background-color: #fff;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.coco-catepro .box-image{height: 230px;}
.coco-catepro .box-image img{
	max-width: 90%;
	z-index: 97;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;    
	margin-left: 5%;
    margin-top: 10px;
}
.coco-catepro .box-image .overlay{
	width: 800px;
	height: 800px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	bottom: 30px;
	content: '';
	z-index: 96;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	top: unset;
}
.coco-catepro .product-category:hover .box-image .overlay{margin-left: -460px}
.coco-catepro .product-category:nth-child(2) .box-image .overlay{background-color: #e7f2d8 !important;}
.coco-catepro .product-category:nth-child(3) .box-image .overlay{background-color: #f6edd0 !important;}
.coco-catepro .product-category:nth-child(4) .box-image .overlay{background-color: #c6e6f6 !important;}
.coco-catepro .box-text p{display: none;}
.coco-catepro .box-text.text-center{padding: 15px 0;}
.coco-catepro .box-text.text-center h5{font-size: 16px;font-weight: 700;}
/*Focus Products*/
.box-image .image-fade_in_back{
	border: 3px solid #f1eeea;
	padding: 0;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.product-small:hover .box-image .image-fade_in_back{border-color: #debe68} 
.product-small:hover .grid-tools a{
	padding: 15px 0;
	height: 50px;
}
.box-text-products.box-text p{text-align: center;}
.box-text-products.box-text p>a{
	font-size: 18px;
	margin: 20px 0 10px 0;
	font-weight: 700;
	color: #392a25;
}
.customer-reviews .section-title i{color: #ffffff;}

.customer-reviews .section-title b{    
	color: rgba(255,0,0,0);
	opacity: 1;
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(255 255 255));
}
.customer-reviews .section-title b:last-child{
    background-image: linear-gradient(to left, rgba(255,0,0,0), rgb(255 255 255));
}
.coco-tab-pro .nav>li>a:hover, .coco-tab-pro .nav>li.active>a{color: #debe68;}
/*News*/
.coco-blog .post-meta {margin-bottom: 20px;color: #aaaaaa;}
.coco-blog .from_the_blog_excerpt{
	margin-top: 20px;
	margin-bottom: 15px;
	color: #5e5a54;
}
.entry-more{font-weight: bold;}
.has-shadow .box-blog-post .box-text{padding: 25px 30px 35px;}
/*----- End Home -----*/

/*Footer*/
.footer{padding: 50px 0 30px;}
.footer .dark p, .footer .dark a{color: #ababab;}
#footer .is-divider {
	height: 1px;
	background-color: rgba(255,255,255,.08);
	max-width: 100%;
	margin-top: 15px;
}
#footer ul.menu>li>a, .widget>ul>li>a, .widget>ul>li>span:first-child{padding: 10px 0;}
#footer .dark ul.menu>li+li,.widget>ul>li+li {border-width: 0;}
#footer ul.menu>li>a:hover{padding-left: 20px;position: relative;color: #debe68;}
#footer ul.menu>li>a:hover:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	height: 1px;
	width: 9px;
	background-color: #debe68;
}
#footer input[type="email"]{background-color: #fff !important;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
#footer button[type="submit"]{border-radius: 3px;border-top-left-radius: 0;border-bottom-left-radius: 0;height: 40.85px;color: #ececec;}
#footer input::placeholder {font-style: italic;color: #ababab;}
.absolute-footer.dark {padding-bottom: 10px;font-size: 14px}
}
/*Category Product Page*/
.page-title-inner form.woocommerce-ordering{float: right;}
.coco-breadcrumbs{border-bottom: 1px solid #eeeeee;padding: 20px 0;}
.breadcrumbs {font-size: 14px;color: #debe68;font-weight: normal;}
.breadcrumbs a {color: #5e5a54;}
.breadcrumbs a:hover{color: #debe68;}
.breadcrumbs .divider, .breadcrumbs .separator {opacity: 1;margin: 0 20px;color: #5e5a54;}
.coco-cate-content{margin-bottom: 50px;}
.coco-filter{margin-bottom: 20px;}

/*Single Product Page*/
.widget {margin-bottom: 50px;}
.searchform input[type=search]{border-color: #f1eeea;box-shadow: none;border-right: 0;}
.searchform button[type="submit"]{background: none !important;color: #9d9a97;border-left: 0;}
.searchform .button.icon i {font-size: .9em;}
#product-sidebar span.widget-title {color: #392a25;font-size: 18px;font-weight: 700;}
.widget .is-divider, .woocommerce-noreviews, .woocommerce-Reviews-title.normal{display: none;}
#woocommerce_product_categories-2, #product-sidebar .product-categories, #product-sidebar .product_list_widget, .tagcloud{margin-top: 30px;}
#product-sidebar #woocommerce_product_categories-2.widget>ul>li>a{
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#product-sidebar #woocommerce_product_categories-2.widget>ul>li>a:after{
	content: "";
	display: inline-block;
	height: 0.5em;
	vertical-align: bottom;
	width: 100%;
	margin-right: -100%;
	margin-left: 10px;
	border-top: 1px solid #f1eeea;
}
ul.product_list_widget li {padding-left: 95px;min-height: 95px;margin-bottom: 15px;padding-top: 15px;}
.entry-content .commentlist ol li{margin-left: 0;}
ul.product_list_widget li img{
	width: 80px;
	height: 80px;
	border: 2px solid #f1eeea;
	float: left;
	margin: 0 20px 0 0;
}
.widget .current-cat>a {color: #debe68;}
.tagcloud a {
	border: 1px solid #efefef;
	opacity: 1;
	padding: 8px 15px;
	background: #fbfaf9;
	margin-right: 5px;
	margin-bottom: 9px;
}
.product-footer .woocommerce-tabs {padding-top: 0;padding-bottom: 0;}
.product-footer .woocommerce-tabs .nav.nav-vertical li{border: 2px solid #f1eeea;margin: -1px 0 30px 0;}
.product-footer .woocommerce-tabs .nav-vertical.nav-line>li>a{padding: 20px;font-weight: 700 !important;}
.product-footer .woocommerce-tabs .nav-vertical.nav-line>li>a:before {right: auto;left: 0;}
.has-border {border: 0;padding: 0;}
.nav-vertical+.tab-panels, #reviews>.col{padding-bottom: 0;}
#reviews form{margin-bottom: 0;}
.related .product-section-title{    
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}
.product-info .is-divider{
	max-width: 100%;
	height: 1px;
	margin-top: 2em;    
	margin-bottom: 2em;
}
.product_meta>span{border-top: 0;font-weight: 700;text-transform: uppercase;font-size: 16px;padding: 20px 0 10px;}
.product_meta>span>a{font-weight: 300;text-transform: none;}
.product_meta>span.tagged_as{display: none;}
.product-images .button.icon.circle{border-radius: 5px !important;}
.product-info h1{color: #5e5a54;font-size: 34px;}
.product-footer{margin-top: 60px;}
.social-icons a{color: #5e5a54;}

/*News Page*/
.page-template-page-right-sidebar .col.post-item{padding-bottom: 50px;} 
.page-template-page-right-sidebar .box-blog-post .box-image{
	padding: 17px;
	border: 3px solid #f1eeea;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.page-template-page-right-sidebar .box-text {padding-top: 0;padding-bottom: 0;}
.page-template-page-right-sidebar h5.post-title{font-size: 24px;margin-bottom: 20px;margin-top: 20px;position: relative;}
.page-template-page-right-sidebar h5.post-title:before {
	content: '';
	width: 60px;
	height: 1px;
	background: #debe68;
	display: block;
	position: absolute;
	left: -70px;
	top: 20px;
}
.page-template-page-right-sidebar .entry-more{margin-top: 20px;}
.page-template-page-right-sidebar .col.post-item:hover .box-image{-webkit-transition-delay: 0.25s;transition-delay: 0.25s;border: 0}
.page-template-page-right-sidebar .col.post-item .box-image:before, .page-template-page-right-sidebar .col.post-item .box-image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.page-template-page-right-sidebar .col.post-item .box-image:before {
	border-top: 3px solid #debe68;
	border-bottom: 3px solid #debe68;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.page-template-page-right-sidebar .col.post-item .box-image:after {
	border-right: 3px solid #debe68;
	border-left: 3px solid #debe68;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.page-template-page-right-sidebar .col.post-item:hover .box-image:before, .page-template-page-right-sidebar .col.post-item:hover .box-image:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.page-template-page-right-sidebar .col.post-item:hover .box-image:after {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.col-divided {border-right: 0;}
#flatsome_recent_posts-2 ul{margin-top: 30px;}
.widget#flatsome_recent_posts-2 a{    
	color: #5e5a54;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6em;margin-top: -5px;
}
.widget#flatsome_recent_posts-2>ul>li {
	padding-bottom: 20px;
	margin-bottom: 27px;
	border-bottom: 1px solid #f1eeea;
}
.widget#flatsome_recent_posts-2 .badge.post-date {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 20px;
}
/*Single News page*/
.entry-meta{margin-bottom: 20px}
.entry-meta span{margin-right: 20px;color: #aaaaaa;font-size: 15px;}
.coco-blog .post-meta i,
.entry-meta i{margin-right: 5px;}
.single-post .page-wrapper {padding-top: 0;}
.coco-wiget-post-date{font-size: 14px;color: #aaaaaa;}
/*Contact Us Page*/
.icon-box .icon-box-img .icon{padding-top: 15px}
.form-flat input,.form-flat input:not([type=submit]), .form-flat textarea, .form-flat select{background-color: #fff;border-radius: 3px}
.wpcf7 label{color: #5e5a54;font-weight: 300;}
.wpcf7 input[type=submit]{font-weight: 300;margin-left: 0;margin-right: 0;}
.wpcf7-spinner {
	margin-right: 0;
	margin-left: 0;
	width: 0;
}
.form-flat .submit{text-align: center;}
@media screen and (min-width: 850px){
	/*About us*/
	.about-us-img{
		margin-right: -40px;
		z-index: 2;
		padding: 0;
	}
	.about-us-text{
		max-width: calc(50% + 40px);
		-ms-flex-preferred-size: 50%;
		flex-basis: calc(50% + 40px);
	}
	/*Focus Products*/
	.coco-tab-pro .nav-divided>li {margin: 0}
	.coco-tab-pro .nav:hover>li:not(:hover)>a:before {opacity: 1;}
	.coco-tab-pro .nav-divided>li+li>a:after {content: none;}
	.coco-tab-pro .nav-divided>li+li>a:before, .coco-blog .entry-more:before{
		content: '';
		display: inline-block;
		vertical-align: middle;
		margin: 0 20px;
		height: 1px;
		width: 20px;
		background-color: #ccc;
	}
	.coco-blog .entry-more:before{
		width: 30px;
		margin-left: 0;
		margin-right: 10px;
	}
	.coco-tab-pro .tab-panels {padding-top: 57px;}
	/*Footer*/
	#block_widget-2{
		max-width: 41.66667%;
		-ms-flex-preferred-size: 41.66667%;
		flex-basis: 41.66667%;
	}
	#nav_menu-2, #nav_menu-3{
		max-width: 16.66667%;
		-ms-flex-preferred-size: 16.66667%;
		flex-basis: 16.66667%;
	}
	.row-divided>.col+.col:not(.large-12),.nav-vertical+.tab-panels {border-left: 0;}

}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.about-us-text .col-inner h4, .about-us-content {padding-left: 15px;padding-right: 15px;}
	h3.section-title-bold-center>span {font-size: 30px;}
	.coco-catepro .box-image {height: 106px;}
	.coco-catepro .box-text.text-center h5 {font-size: 13px;}.coco-catepro .box-text.text-center {padding: 10px 0 0;}
	.box-text-products.box-text p>a {margin: 0}
	#nav_menu-2, #nav_menu-3{max-width: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
	#footer button[type="submit"] {height: 38.85px;}
	#block_widget-3.widget {margin-bottom: 0;}
}