/*
Theme Name:Clean Rooms Custom Theme
Author:Greg Anderson
Version:1
*/

html {height:fit-content}
body {margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:scroll;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;font-size:calc(16px + 0.1vw)}
form {padding:0;margin:0}
input[type=text],input[type=submit],button,input[type=button] {-webkit-appearance:none;border-radius:0}
select {border-radius:0}
h1, h2, h3 {margin:0;padding:0;font-weight:400;font-size:1em}
p {padding:0;margin:0}
p:not(:last-child) {padding:0 0 5vmin}

/* mobile nav */
.mob_nav {position:fixed;z-index:10;top:0;left:0;width:min(100%,600px);height:100vh;background-color:#ffffff;transition:0.3s}
.mob_nav.mn_closed {left:-100%;pointer-events:none}
	.close_mn {position:absolute;z-index:2;top:0;right:0;color:#000000;text-decoration:none;font-size:20px;line-height:1;padding:15px;outline:none}
	.mn_logo {height:35px;padding:15px}
		.mn_logo img {max-width:100%;max-height:100%;width:auto;height:auto;display:block}
	.mn_pnl {height:calc(100vh - 100px);margin:0 15px;overflow:auto}
		.mn_pnl ul, .mn_pnl li {list-style-type:none;margin:0;padding:0}
			.mn_pnl a {display:block;border-top:solid 1px #9BC9D4;padding:10px;color:#000000;text-decoration:none}

.bg_img {background-position:center;background-size:cover;background-repeat:no-repeat}

/* header */
.hdr {position:fixed;z-index:1;top:0;left:0;width:100%;display:flex;align-items:stretch;box-shadow:0 0 10px rgba(0,0,0,0.2)}
	.hdr_left {background-color:#45677F}
	.hdr_right {position:relative;background-color:#ffffff}

/* logo */
.logo {display:flex;align-items:center}
	.logo img {display:block;filter:brightness(0) invert(1)}
			
/* nav */			
.nav {width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end}
	.nav ul {list-style-type:none;margin:0 15px 0 0;padding:0;display:flex}
		.nav li, .ftr_nav li {margin:0;line-height:1;font-size:14px}
		.nav li {padding:0 15px}
		.ftr_nav li {padding:0 min(15px,2vw)}
		.nav li:not(:first-child), .ftr_nav li:not(:first-child) {border-left:solid 1px #9BC9D4}
			.nav a, .ftr_nav a {color:#000000;text-decoration:none}
			.nav a:hover, .ftr_nav a:hover {color:#FF7E00}
	.nav_bar {position:absolute;bottom:0;right:0;background-color:#FF7E00;width:0;height:5px;transition:width 0.3s}
	
	
/* footer nav */
.ftr_nav {display:flex;justify-content:center}
	.ftr_nav ul {list-style-type:none;margin:0;padding:0;display:flex}

/* hgr */
.hgr {width:25px}
	.hgr a {display:flex;flex-direction:column;row-gap:6px;width:15px;padding:10px;margin:0 0 0 -10px}
		.hgr span {display:block;height:2px;background-color:#ffffff;border-radius:2px}

/* bnr layouts */
.bnr {position:relative;z-index:0;min-height:100vh;display:flex;color:#ffffff;overflow:hidden}
.bnr1 {align-items:stretch;background-color:#86AABD;margin:0 0 5vh}
.bnr2 {flex-direction:column;background-color:#176392;margin:0 0 5vh}
.bnr3 {align-items:stretch;background-color:#9BC9D4;color:#ffffff}

/* bnr rel, corners, circle bgs */
.bnr_rel_pos {position:relative;z-index:1}
.bnr_right, .bnr_left {position:relative}
.bnr1 .bnr_left {border-radius:0 0 10vmin}
.bnr2 .bnr_top {border-radius:0 0 0 10vmin}
.bnr3 .bnr_right {border-radius:0 0 0 10vmin}
	.bnr_bg {position:absolute;top:50%;left:50%;z-index:0;border-radius:50%}
	.bnr1 .bnr_bg {background-color:#7FA3B7}
	.bnr2 .bnr_bg {background-color:#216B98}
	.bnr3 .bnr_bg {background-color:#93C3CE}
	.page .bnr_bg {background-color:#7FA3B7}

/* titles */
.bnr_ttl {padding:4vmin 0 3vmin;font-size:calc(2vw + 15px)}
.bnr1 .bnr_ttl {color:#45677F}
.bnr2 .bnr_ttl {color:#76AEC9}
.bnr3 .bnr_ttl {color:#508B9A}
	h1, h2, h3 {font-family:"Roboto Condensed",sans-serif;font-optical-sizing:auto;font-style:normal}
	.bnr_ttl h1, .bnr_ttl h2, .bnr_ttl h3 {font-size:calc(2vw + 15px);line-height:1.1;padding:0;margin:0}
	.page_fx h2 {font-size:calc(2vw + 15px);line-height:1.1;padding:0 0 3vmin;margin:0}
	.page_fx h3 {font-size:calc(1vw + 17px);line-height:1.1;padding:0 0 1.5vmin;margin:0}

/* hdr pnls */
.pnl_hdr {position:relative}
	.pnl_hdr_hero {position:absolute;z-index:1;bottom:0}
		.pnl_hdr_hero img {position:absolute;bottom:0;left:0;display:block;max-width:100%;max-height:100%}
	.pnl_hdr_img {position:absolute;z-index:1;overflow:hidden}

/* txt imgs */	
.pnl_txt_img {float:right;width:12vw;height:12vw;margin:1vw 1vw 10px 20px;overflow:hidden}	
.bnr1 .pnl_txt_img {border:solid 5px #45677F}
.bnr3 .pnl_txt_img {border:solid 5px #508B9A}
	
/* bnr top/btm */
.bnr_top {position:absolute;z-index:1;top:0;left:0;width:100%}
.bnr_btm {position:relative;top:0}
	.bnr_pad_ver {display:inline-block}

/* strip pnls */
.pnl_strips {position:relative;display:flex}
	.pnl_strips > div:first-child {background-color:#76AEC9}
	.pnl_strips > div:last-child {background-color:#ffffff;color:#000000}
		.pnl_strip_img {overflow:hidden}
		.pnl_strips > div:first-child .pnl_strip_txt_feature {background-color:#ffffff;color:#000000;margin:0}
		.pnl_strips > div:last-child .pnl_strip_txt_feature {background-color:#76AEC9;color:#ffffff;margin:0}

/* footer */
.ftr {padding:5vmin 5% 10vmin;display:flex;flex-direction:column;align-items:center;row-gap:2vh;text}
	.ftr_logo {display:flex;align-items:center;justify-content:center}
		.ftr_logo img {max-width:calc(200px + 5vw);height:auto;display:block}
	.ftr_dsc {font-size:12px;margin:0 0 1vh}
	.ftr_strap, .ftr_dsc {text-align:center}
	
/* page top */
.page {position:relative;z-index:0;background-color:#86AABD;overflow:hidden}
	.page_top {position:absolute;z-index:1;top:0;left:0;width:100%;border-radius:0 0 10vmin}
	.page_fx {position:relative;z-index:2;display:flex}
		.page_left {background-color:#ffffff}
			.page_left h2, .page_left h3 {color:#86AABD}
			.page_hdr {position:relative;background-color:#efefef;display:flex;align-items:flex-end}
				.page_hdr_ttl {background-color:#45677F;color:#ffffff;width:100%;text-align:center;padding:calc(5px + 0.5vmin) 0}
					.page_hdr_ttl h1 {font-size:calc(1vw + 15px);line-height:1.1;padding:0;margin:0}
				.page_hdr_hero {position:absolute;z-index:1;bottom:0}
					.page_hdr_hero img {position:absolute;bottom:0;left:0;display:block;max-width:100%;max-height:100%}
					
			.page_left .page_pad {padding:3vw 5vw 5vw}
			.page_txt_img {float:right;width:12vw;height:12vw;margin:0 0 10px 10px;overflow:hidden;border:solid 5px #508B9A;border-radius:1vw 0}
		.page_right {color:#ffffff}	
			.page_right h2, .page_right h3 {color:#45677F}	

@media only screen and (orientation:landscape) and (pointer:fine) {
	.hgr, .mob_nav {display:none}
	
	/* hdr */
	.hdr_left, .hdr_right {width:50vw}
	
	/* logo */
	.logo {padding:20px 0 20px 30px}
		.logo img {max-width:100%;max-height:30px;width:auto}		

	/* bnr layouts */
	.bnr_left, .bnr_right {width:50vw}
		.bnr_pad_hor {padding:10vw 5vw 5vw}
	.bnr_btm {min-height:50vh}
		.bnr_pad_ver {padding:0 5vw calc(10vh - 10px)}
	.bnr_top, .bnr_top_bfr {height:50vh}

	/* bg circles */
	.bnr_bg {width:300vw;height:300vw}
	.bnr1 .bnr_bg {transform:translate(-25vw,-40vw)}
	.bnr2 .bnr_bg {transform:translate(-250vw,-20vw)}
	.bnr3 .bnr_bg {transform:translate(-70vw,-50vw)}
	.page .bnr_bg {transform:translate(-10vw,-230vw)}
		
	/* bnr hdrs */
	.pnl_hdr {height:10vw;border-radius:3vw 0 1.5vw 0}
		.pnl_hdr_hero {left:1vw;width:15vw;height:15vw}
		.pnl_hdr_img {border:solid 5px #ffffff;bottom:1vw;right:1vw;width:12vw;height:12vw;border-radius:1vw 0}		
		
	/* txt imgs */	
	.pnl_txt_img {width:12vw;height:12vw;margin:1vw 1vw 10px 20px;border-radius:0 1vw}	
	.bnr1 .pnl_txt_img {border:solid 5px #45677F}
	.bnr3 .pnl_txt_img {border:solid 5px #508B9A}		
		
	/* pnl strips */
	.pnl_strips {float:right;align-items:flex-start;column-gap:2vw;width:calc(20vw + 250px);min-height:80vh;margin:10vh 0 10px max(2vw,20px)}
		.pnl_strips > div {width:calc(50% - 1vw);min-height:75vh}
		.pnl_strips > div:first-child {margin:5vh 0 0;border-radius:1.5vw 0}
		.pnl_strips > div:last-child {border-radius:0 1.5vw}
			.pnl_strip_pad {padding:1vw}
				.pnl_strip_img {height:0;padding:0 0 100%;margin:0 0 1vw}
				.pnl_strips > div:first-child .pnl_strip_img {border:solid 5px #ffffff;border-radius:1vw 0}
				.pnl_strips > div:last-child .pnl_strip_img {border:solid 5px #76AEC9;border-radius:0 1vw}
				.pnl_strips p {padding:0 0 1vw}
				.pnl_strips > div:first-child .pnl_strip_txt_feature {border-radius:1vw 0;padding:1.5vh 1vw 1vw}
				.pnl_strips > div:last-child .pnl_strip_txt_feature {border-radius:0 1vw;padding:1.5vh 1vw 1vw}
				
	/* page */
	.page {padding:max(10vw, 120px) 0 5vw}
		.page_fx {margin:0 5vw}
			.page_top {height:max(21vw, calc(120px + 11vw))}
				.page_top_bfr {height:11vw}
			.page_left {width:50%;border-radius:4vw 0}
				.page_hdr {height:10vw;border-radius:3vw 0 2vw 0;margin:1vw 1vw 0}
					.page_hdr_hero {left:1vw;width:15vw;height:15vw}
					.page_hdr_ttl {border-radius:0 0 1.5vw}
				.page_txt_img {width:12vw;height:12vw}
				.page_left .page_txt_img {border-radius:1vw 0;border:solid 5px #45677F}
				.page_right .page_txt_img {border-radius:0 1vw;border:solid 5px #ffffff}
			.page_right {width:50%}	
				.page_right .page_pad {padding:3vw 0 5vw 5vw}


}
@media only screen and (max-width:1400px) {
	
	/* borders */
	.pnl_hdr_img, .pnl_txt_img {border:solid 3px #ffffff}
	.bnr1 .pnl_txt_img {border:solid 3px #45677F}
	.bnr3 .pnl_txt_img {border:solid 3px #508B9A}	
	.pnl_strips > div:first-child .pnl_strip_img {border:solid 3px #ffffff}
	.pnl_strips > div:last-child .pnl_strip_img {border:solid 3px #76AEC9}
	.page_left .page_txt_img {border:solid 3px #45677F}
	.page_right .page_txt_img {border:solid 3px #ffffff}


}
@media only screen and (pointer:coarse), only screen and (orientation:portrait) {
	.mob_nav, .hgr {display:block}
	.nav, .page_top_bfr {display:none}
	
	.hdr {align-items:center}
	.hdr_left {width:90%;padding:0 5%;display:flex;align-items:center;column-gap:10px}
		.logo {padding:10px 35px 10px 0;flex-grow:1;justify-content:center}
			.logo img {max-width:100%;max-height:30px;width:auto}

	.bnr1 {flex-direction:column}
	.bnr3 {flex-direction:column-reverse}
		.bnr1 .bnr_left, .bnr3 .bnr_right, .bnr_top, .bnr_top_bfr {height:35vh}
		.bnr1 .bnr_right, .bnr3 .bnr_left {min-height:45vh;padding:10vh 10vw}
		.bnr_btm {min-height:55vh;padding:0 10vw 10vw}
			.bnr_pad_ver {display:flex;flex-direction:column-reverse;row-gap:5vh}
			
		.bnr_bg {width:300vh;height:300vh}
		.bnr1 .bnr_bg {transform:translate(-70vh,-30vh)}
		.bnr2 .bnr_bg {transform:translate(-230vh,-50vh)}
		.bnr3 .bnr_bg {transform:translate(-60vh,-40vh)}
		
	/* hdr pnls */
	.pnl_hdr {height:14vh;border-radius:6vw 0 3vw 0}
		.pnl_hdr_hero {left:2vw;width:21vh;height:21vh}
		.pnl_hdr_img {bottom:2vw;right:2vw;width:18vh;height:18vh;border-radius:2vw 0}
		
	/* txt imgs */	
	.pnl_txt_img {width:18vh;height:18vh;margin:2vw 2vw 10px 20px;border-radius:0 2vw}

	/* strip pnls */
	.pnl_strips {flex-direction:column;row-gap:2vw}
		.pnl_strips > div:first-child {border-radius:3vw 0}
		.pnl_strips > div:last-child {border-radius:0 3vw}
			.pnl_strip_pad {padding:2vw;display:inline-block}
				.pnl_strip_img {width:18vh;height:18vh;float:right;margin:0 0 5px 2vw}
				.pnl_strips > div:first-child .pnl_strip_img {border-radius:2vw 0}
				.pnl_strips > div:last-child .pnl_strip_img {border-radius:0 2vw}
				.pnl_strips p {padding:0 0 1vw}
				.pnl_strips > div:first-child .pnl_strip_txt_feature {border-radius:2vw 0;padding:1.5vh 2vw 2vw}
				.pnl_strips > div:last-child .pnl_strip_txt_feature {border-radius:0 2vw;padding:1.5vh 2vw 2vw}
				
	/* page */
	.page {padding:15vh 0 5vh}
		.page_fx {flex-direction:column;margin:0 10vw}
			.page_top {height:calc(30vh + 2vw)}
				.page_hdr {height:15vh;border-radius:6vw 0 4vw 0;margin:2vw 2vw 0}
					.page_hdr_hero {left:2vw;width:22vw;height:22vh}
					.page_hdr_ttl {border-radius:0 0 3vw}
			.page_left {border-radius:8vw 0}	
				.page_txt_img {width:18vh;height:18vh}
				.page_left .page_txt_img {border-radius:2vw 0}
				.page_right .page_txt_img {border-radius:0 2vw}
				.page_right .page_pad {padding:10vw 0 5vw}
				
				
			
				
				
}
@media only screen and (orientation:portrait) and (max-width:600px) {


	
	
}

input[type="text"].wpforms-field-name-first, input[type="text"].wpforms-field-name-last, input[type="email"].wpforms-field-medium, textarea.wpforms-field-medium {border:solid 1px #C7D6E5 !important;border-radius:0 !important}
label.wpforms-field-label, legend.wpforms-field-label {font-weight:normal !important}
button.wpforms-submit {background-color:#2D516A !important}