/*
Theme Name: Polestar Child
Theme URI: https://purothemes.com/themes/polestar/
Template: polestar
Author: Puro
Author URI: https://purothemes.com/
Description: Lead the way with Polestar. It's fast loading, responsive, lightweight and flexible design is perfectly suited for building dynamic pages with SiteOrigin's Page Builder and selling with WooCommerce. Ecommerce features include a menu mini-cart and product quick-view. Polestar features a sticky header, beautiful header search, scroll to top and just the right amount of Customizer theme settings. Page level settings let you adjust the theme layout on a page by page basis, perfect for landing pages. If you run a blog, Polestar is ready with awesome features including a full-width posts slider integrated with Jetpack Featured Content, an author box and related posts section. For assistance, check out our theme documentation (http://purothemes.com/documentation/) or ask a question on our support forum (https://purothemes.com/support/).
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.4.2.1612103573
Updated: 2021-01-31 17:32:53

*/

.diy-class span{
	color: #535353 !important;
}

.diy-class a{
	color: #535353 !important;
	font-weight: 500 !important;
	transition: all .25s ease-in-out;
}

.diy-class a:hover{
	display: inline-block;
	transform: scale(1.1);
	color: #ce4c8e !important;
}

#scroll-to-top{
	right: auto;
	left: 20px;
}

.site-footer{
/*	background: #1f2024;*/
    background-color: #fbfbfb;
}

.site-footer * {
	/*color: #979797 !important;*/
color:#000;
}

.site-footer .widget a:hover, .widget-area .widget a:hover{
/*	color: #979797 !important;*/
color:#000;

}
.site-footer .bottom-bar{
/*	border-top: 1px solid #2c2c2c;*/
border-top: 1px solid #e8e8e8;
}

.site-header{
	padding: 10px 0;
}


.site-header .site-branding img{
/*	max-width: 100px;*/
}

form .row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
	position: relative;
}

form .row span,
form .row input[type="submit"]{
	width: 32%;
	/*margin-bottom: 15px;*/
margin:5px;
    color: #fff;
    background-color: #f39600;
font-size: 12px;
letter-spacing: 0.1em;
}
form .row .wpcf7-not-valid-tip{
	position: absolute;
	width: 100%;
}

.form-row {
	display: flex;
	justify-content: space-between;
	max-width: 900px;
	margin: 0 auto;
}

.form-col {
	width: 48%;
}

.form-col span {
	width: 100%;
	display: block;
}

.form-col span input{
	width: 100%;
	margin-bottom: 20px;
}

.form-col textarea{
	height: 103px;
	margin-bottom: 11px;
	overflow-y: auto;
	resize: none;
}

.swal-overlay{
	z-index: 10000000;
}

.gallery{
	margin: 0;
}
.gallery-item{
	margin: 0 20px;
}

ul.slick-dots{
	display: flex;
	justify-content: center;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
}
ul.slick-dots li{
	margin: 0 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #828282;
	opacity: 0.7;
	transition: all .25s;
	cursor: pointer;
}
ul.slick-dots li:hover{
	opacity: 1;
}
ul.slick-dots li.slick-active{
	background-color: #469fde;
	opacity: 1;
}
ul.slick-dots li button{
	font-size: 0;
	width: 0;
	height: 0;
	background: transparent;
	display: none;
}

.sidebar-shop{
	float: left;
	padding-right: 4%;
}

.site-footer .site-info span:after{
	display: none !important;
}

.site-footer .site-info{
	display: flex;
	justify-content: space-between;
}

.site-footer .site-info span{
/*	color: #999;*/
color:#000;
}

.header-title{
	position: relative;
/*	min-height: 300px;*/
	height: auto;
	z-index: 1;
	margin-bottom: 5%;
}

.header-title::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	background-color: rgba(0,0,0, .5);*/
	z-index: -1;
}
.header-title h1{
	font-weight: 300;
}

.main-navigation li a{
/*	font-size: 16px;*/
font-size: 12px;
    letter-spacing: .05em;
}

.table-wrap{
	position: relative;
	overflow-x: auto;
	width: 100%;
}

.table-wrap > table{
	min-width: 700px;
	width: 100%;
}

.table-wrap > table tbody tr{
	transition: all .25s;
}

.table-wrap > table tbody tr:hover{
	cursor: pointer;
}

.dataTables_filter{
	margin-bottom: 12px;
}

.products-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}

a.product-item {
/*	width: 48%;*/
	width: 23%;

/*	height: 280px;*/
	height: 270px;

	margin: 0 1% 2%;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	background-size: cover;
	background-position: center;
	z-index: 1;
	color: #fff;
	font-weight: 400;
/*	font-size: 18px;*/
	font-size: 26px;

	box-shadow: 0 0 25px rgba(0,0,0,.3);
	transition: box-shadow .4s ease-out;
}
a.product-item:visited{
	color: #fff;
}
a.product-item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	background-color: rgba(0,0,0,.6);*/
	background-color: rgba(0,0,0,.3);

	z-index: -1;
	transition: background-color .4s ease-out;
}

.product-title{display:block; background:#fff; width:100%; position:absolute; bottom:0px; color:#000;padding:10px 0 10px 0; font-weight:normal; font-size:16px; }


a.product-item:hover{
	box-shadow: 0 0 12px rgba(0,0,0,.3);
}
a.product-item:hover:before{
	background-color: rgba(0,0,0,.65);
}

a.sert-block{height:auto;}





.site-header{
	z-index: 1000;
}

/* Styles for dialog window */
#steel-popup {
	background: white;
	padding: 20px 30px 0;
	text-align: left;
	max-width: 400px;
	width: 100%;
	margin: 40px auto;
	position: relative;
}

#steel-popup h2{
	text-align: center;
	margin-top: 0;
	line-height: 1.2;
}

#steel-popup .param{
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	margin-bottom: 5px;
}

#steel-popup .param span{
	font-weight: 600;
}
#steel-popup form input{
	display: block;
	width: 100%;
	margin-bottom: 18px;
}

#steel-popup .info-block{
	margin-bottom: 25px;
}

/**
 * Fade-zoom animation for first dialog
 */

 /* start state */
 .my-mfp-zoom-in .zoom-anim-dialog {
 	opacity: 0;

 	-webkit-transition: all 0.2s ease-in-out; 
 	-moz-transition: all 0.2s ease-in-out; 
 	-o-transition: all 0.2s ease-in-out; 
 	transition: all 0.2s ease-in-out; 



 	-webkit-transform: scale(0.8); 
 	-moz-transform: scale(0.8); 
 	-ms-transform: scale(0.8); 
 	-o-transform: scale(0.8); 
 	transform: scale(0.8); 
 }

 /* animate in */
 .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
 	opacity: 1;

 	-webkit-transform: scale(1); 
 	-moz-transform: scale(1); 
 	-ms-transform: scale(1); 
 	-o-transform: scale(1); 
 	transform: scale(1); 
 }

 /* animate out */
 .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
 	-webkit-transform: scale(0.8); 
 	-moz-transform: scale(0.8); 
 	-ms-transform: scale(0.8); 
 	-o-transform: scale(0.8); 
 	transform: scale(0.8); 

 	opacity: 0;
 }

 /* Dark overlay, start state */
 .my-mfp-zoom-in.mfp-bg {
 	opacity: 0;
 	-webkit-transition: opacity 0.3s ease-out; 
 	-moz-transition: opacity 0.3s ease-out; 
 	-o-transition: opacity 0.3s ease-out; 
 	transition: opacity 0.3s ease-out;
 }
 /* animate in */
 .my-mfp-zoom-in.mfp-ready.mfp-bg {
 	opacity: 0.8;
 }
 /* animate out */
 .my-mfp-zoom-in.mfp-removing.mfp-bg {
 	opacity: 0;
 }



/**
 * Fade-move animation for second dialog
 */

 /* at start */
 .my-mfp-slide-bottom .zoom-anim-dialog {
 	opacity: 0;
 	-webkit-transition: all 0.2s ease-out;
 	-moz-transition: all 0.2s ease-out;
 	-o-transition: all 0.2s ease-out;
 	transition: all 0.2s ease-out;

 	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
 	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
 	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
 	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
 	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

 }

 /* animate in */
 .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
 	opacity: 1;
 	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
 	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
 	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
 	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
 	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
 }

 /* animate out */
 .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
 	opacity: 0;

 	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
 	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
 	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
 	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
 	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
 }

 /* Dark overlay, start state */
 .my-mfp-slide-bottom.mfp-bg {
 	opacity: 0;

 	-webkit-transition: opacity 0.3s ease-out; 
 	-moz-transition: opacity 0.3s ease-out; 
 	-o-transition: opacity 0.3s ease-out; 
 	transition: opacity 0.3s ease-out;
 }
 /* animate in */
 .my-mfp-slide-bottom.mfp-ready.mfp-bg {
 	opacity: 0.8;
 }
 /* animate out */
 .my-mfp-slide-bottom.mfp-removing.mfp-bg {
 	opacity: 0;
 }

 /* CUSTOM MEDIA*/
 @media screen and (max-width: 992px){
 	.product-card {
 		width: 31%;
 	}
 	.product-list.col-3 .product-card{
 		width: 48%;
 	}
 }

 @media screen and (max-width: 768px){
 	.product-card {
 		width: 48%;
 	}
 	form .row{
 		flex-direction: column;
 	}
 	form .row span,
 	form .row input[type="submit"]{
 		max-width: 450px;
 		width: 100%;
 	}
 	form .row span input{
 		width: 100%;
 	}

 	.form-row{
 		flex-direction: column;
 		justify-content: center;
 	}

 	.form-col{
 		width: 100%;
 	}
 	.sow-headline-container {
 		margin-top: 60px;
 	}
 	.header-title h1{
 		font-size: 30px !important;
 	}
 }

 @media screen and (max-width: 586px){
 	.product-card {
 		width: 100%;
 		margin: 0 0 20px;
 	}
 	.product-card-img{
 		height: auto;
 	}
 	.product-card-img img {
 		height: 200px;
 		width: 100%;
 	}
 	a.product-item{
 		width: 100%;
 		margin-left: 0;
 		margin-right: 0;
 		height: 45vw;
 	}
 }