/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.wp-block-embed.is-type-video .wp-block-embed__wrapper::before {
    padding-top: 0;
    content: "";
    display: block;
}

.products {
	display: flex;
	flex-wrap: wrap;
}

.badges {
	display: flex;
	flex-wrap: wrap;
}

.videos {
	display: flex;
	flex-wrap: wrap;
}


.product-card {
	display: flex;
	flex-direction: column;
  min-width:250px;
	max-width:250px;
	
	padding: 2%;
	flex: 1 16%;
	
	background-color: #FFF;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
}

.product-image img {
	width: 100%;
}

.video-image img {
	width: 100%;
}


.video {
	display: flex;
	flex-direction: column;
  min-width:385px;
	max-width:385px;
	
	padding: 2%;
	flex: 1 16%;
	
	background-color: #FFF;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
}

.video-info {
	margin-top: none;
	padding-top: 20px;
	text-align: center;
}

.product-info {
	margin-top: none;
	padding-top: 20px;
	text-align: center;
}



@media ( max-width: 400px ) {
	
	.product-card {
		flex: 1 21%;
	}
	
	.products .product-card:first-child, 
	.products .product-card:nth-child(2) {
		flex: 2 46%;
	}
	
}

@media ( max-width: 400px ) {
	
	.product-card {
		flex: 1 46%;
	}
	
}

@media ( max-width: 400px ) {
	
	h1 {
		margin-bottom: 20px;
	}
	
	.product-filter {
		flex-direction: column;
	}
	
	.sort {
		align-self: flex-start;
	}
	
}

.wrapper{
    clear:both;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}





.badge-card {
	display: flex;
	flex-direction: column;
  min-width:350px;
	max-width:392px;
	
	padding: 2%;
	flex: 1 16%;
	
	background-color: #FFF;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
}

.badge-image img {
	width: 200px;
}

.badge-info {
	margin-top: none;
	padding-top: 20px;
	text-align: left;
	background-color: #FFF;
}


@media ( max-width: 392px ) {
	
	.badge-card {
		flex: 1 21%;
	}
	
	.badges .badge-card:first-child, 
	.badges .badge-card:nth-child(2) {
		flex: 2 46%;
	}
	
}

@media ( max-width: 392px ) {
	
	.badge-card {
		flex: 1 46%;
	}
	
}


.zsFormClass {background-color:#FFFFFF;width:600px}

.zsFontClass{color:#000000;font-family:Arial;font-size:13px}

.manfieldbdr{border-left: 1px solid #ff6448!important} .hleft{text-align:left;} input[type=file]::-webkit-file-upload-button{cursor:pointer;}.wtcsepcode{margin:0px 15px; color:#aaa; float:left;}.wtccloudattach{float:left; color:#00a3fe!important; cursor:pointer; text-decoration: none!important;}.wtccloudattach:hover{text-decoration: none!important;}.wtcuploadinput{cursor:pointer; float:left; width:62px; margin-top:-20px; opacity:0; clear:both;}.wtcuploadfile{float:left;color: #00a3fe;}.filenamecls{margin-right:15px; float:left; margin-top:5px;} .clboth{clear:both;} #zsFileBrowseAttachments{clear:both; margin:5px 0px 10px;} .zsFontClass{vertical-align:top;} #tooltip-zc{font: normal 12px Arial, Helvetica, sans-serif; line-height:18px;position:absolute;padding:8px;margin:20px 0 0;background:#fff;border:1px solid #528dd1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#eee;-webkit-box-shadow:5px 5px 20px rgba(0,0,0,0.2);-moz-box-shadow:5px 5px 20px rgba(0,0,0,0.2);z-index:10000; color:#777}.wtcmanfield{color:#f00;font-size:16px;position:relative;top:2px;left:1px;} #zsCloudAttachmentIframe{width: 100%;height: 100%;z-index: 99999!important;position: fixed;left: 0px;top:0px; border-style: none; display: none; background-color:#fff;} .wtchelpinfo{background-position: -246px -485px;width:15px;height:15px;display:inline-block;position: relative;top: 2px;background-image: url('zs-mpro.html');} .zsMaxSizeMessage{font-size:13px;}