/*
	Theme Name: Blookanoo - Updated May 28, 2021
*/
/*
	Original CSS located in CSS folder
*/



/* ---------- Forms ---------- */
.gform_wrapper .gfield_required {
	margin-left: 3px !important;
	font-size: 0.95em;
	font-weight: 400;
	filter: brightness(1.8);
}



/* ---------- Home ---------- */
.template-home .intro-section h4 {
	max-width: 530px;
}

.template-home .intro-section .col-2 p {
	max-width: 300px;
}

.template-home .products-section .product .col-1 {
	left: 5%;
}

.template-home .products-section .product .col-1 p.description {
	word-break: normal;
}

/* .template-home .products-section .images-container img {
	transition: opacity 0.5s;
} */

.template-home .products-section .images-container img.portrait {
	width: 20%;
	margin-right: 12%;
}

.template-home .products-section .images-container img.landscape {
	width: 44%;
}

.template-home .products-section .control-container {
	top: 50% !important;
	transform: translateY(-50%);
}

@media only screen and (min-width: 1250px) {
	.template-home .products-section .images-container img.portrait {
		width: 300px;
		margin-right: 175px;
	}
	
	.template-home .products-section .images-container img.landscape {
		width: 650px;
	}
}

@media only screen and (max-width: 760px) {
	.template-home .products-section .product .col-1 {
		left: 50%;
		width: 190px;
		max-width: 52%;
	}
	
	.template-home .products-section .product .col-1 p.description {
		margin-top: 15px;
		line-height: 25px;
	}
	
	.template-home .products-section .images-container img.portrait {
		top: 25px;
		width: 200px;
		max-width: 45%;
		margin-right: 0;
	}
	
	.template-home .products-section .images-container img.landscape {
		top: 62px;
		width: 450px;
		max-width: 90%;
	}
	
	.template-home .products-section .control-container {
		top: 177px !important;
		right: 30px;
		transform: translateX(50%);
	}
}

@media only screen and (max-width: 600px) {
	.template-home .products-section .control-wrap {
		display: none;
	}
}



/* ---------- Product Template ---------- */
@media only screen and (max-width: 960px) {
	.template-product .contact-section h3 {
		display: block;
		width: 100%;
		margin: 30px 0 0;
	}
}



/* ---------- Contact Template ---------- */
.template-contact .gform_wrapper label.gfield_label {
	font-size: 24px;
}

@media only screen and (max-width: 960px) {
	.template-contact .gform_wrapper label.gfield_label {
		font-size: 20px;
	}
}

@media only screen and (max-width: 640px) {
	.template-contact .gform_wrapper label.gfield_label {
		font-size: 24px;
	}
}



/* ---------- Video Template ---------- */
body.page-template-template-video .template-video .top-section video.desktop {
	display: block !important;
}

body.page-template-template-video .template-video .products-section {
	display: none;
}

@media only screen and (min-width: 761px) {
	body.page-template-template-video footer .wrap {
		padding-top: 49.5px;
	}
}

@media only screen and (max-width: 760px) {
	body.page-template-template-video .template-video .top-section .mute-btn {
		right: 0;
		bottom: 0;
	}
}