/*
Theme Name:Custom Test
Author:Greg Anderson
Version:1
*/

html {height:fit-content}
body {margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:scroll;font-family:Arial,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;font-size:16px}
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, h4, h5, h6 {padding:0;margin:0 0 10px;line-height:1.3em;font-weight:400;font-family:"Nunito"}
h1 {font-size:calc(0.5vw + 35px)}
h2 {font-size:calc(0.5vw + 25px)}
h3 {font-size:calc(0.1vw + 20px)}
p {padding:0;margin:0}
a {color:#0092AC;text-decoration:none}
a:hover {text-decoration:underline}
.lyt1_left, .lyt2_right, .card_small {font-size:14px}

/* mobile nav */
.mob_nav {position:fixed;z-index:10;top:0;left:0;width:min(100%,600px);height:100vh;background-color:#0095CD;transition:0.3s;border-right:solid 3px #ffffff}
.mob_nav.mn_closed {left:calc(-100% - 3px);pointer-events:none}
	a.close_mn {position:absolute;z-index:2;top:0;right:0;color:#ffffff;text-decoration:none;font-size:20px;line-height:1;padding:15px;outline:none}
	.mn_logo {padding:15px}
		.mn_logo img {max-width:calc(5vw + 200px);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 #2D516A;padding:10px;color:#ffffff;text-decoration:none}

/* header */
.hdr {position:sticky;z-index:2;top:0;width:100%;display:flex;justify-content:center;background-color:#0095CD;font-size:14px}
	.hdr_fx {position:relative;display:flex;align-items:center;justify-content:space-between}
		.logo {max-width:calc(5vw + 200px);padding:10px 0}
			.logo img {max-width:100%;height:auto;display:block;transform:translate(0,-5%)}
			.nav ul {list-style-type:none;display:flex;justify-content:center;margin:0;padding:0}
				.nav li {display:flex;margin:0;padding:0}
					.nav a {color:#ffffff;padding:max(10px,1vw)}
					.nav a:hover {background-color:#10A1D7;text-decoration:none}
					
/* hgr */
.hgr {position:absolute;left:-7px;top:50%;transform:translate(0,-50%)}
	.hgr a {display:flex;flex-direction:column;row-gap:6px;width:22px;padding:7px}
		.hgr span {display:block;height:2px;background-color:#ffffff;border-radius:2px}

/* hero banner */
.hero {background-repeat:no-repeat;background-size:cover;background-position:center;padding:max(3vw,30px) 0 0}
	.hero_pnl_home {margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:center}
		.hero_fx {display:flex;align-items:center;justify-content:space-between;padding:6vw 3vw 5vw 1vw}
			.hero_img {width:calc(120px + 17vw);background-image:linear-gradient(to bottom right,#2D516A,#355E7B);padding:max(5px,0.5vw);background-image:linear-gradient(to bottom right,#2D516A,#355E7B)}
				.hero_img img {max-width:100%;display:block}
			.hero_logo {max-width:calc(130px + 18vw)}
				.hero_logo img {max-width:100%;display:block}
	.hero_pnl_page {margin:0 auto;background-color:#2D516A}
		.hero_pnl_page img {width:100%;display:block}
				
.radius_outer {border-radius:max(10px,1vw)}
.radius_inner {border-radius:max(6px,0.6vw);overflow:hidden}

/* layout 1 */
.lyt1 {display:flex;justify-content:space-between;margin:0 auto}
	.lyt1_left {position:relative;z-index:0;border-bottom:solid 3px #E3EBF3}
		.lyt1_left_corner {position:absolute;top:0;left:0;background-color:#2D516A;width:100%;height:25px}
			.lyt1_left_corner > div {background-color:#ffffff;height:30px;border-radius:0 20px 0 0}
		.lyt_side_fx {position:relative;z-index:1;display:flex;flex-direction:column;row-gap:max(15px,1vw);column-gap:max(15px,1vw)}
			.lyt1_left .lyt_side_fx > div {background-color:#E3EBF3}
				.side_pnl_img {width:100%;height:0;padding:0 0 70%;background-repeat:no-repeat;background-size:cover;background-position:center}
				.side_text_pnl {padding:max(15px,1vh) max(15px,1vw) max(25px,2vh)}					
			
	.lyt1_main {display:flex;flex-direction:column;background-color:#0095CD;background-repeat:no-repeat;background-size:100% auto;background-position:top}
		.lyt_main_top {padding:max(15px,1vw);color:#ffffff;font-size:calc(1em + 0.3vw)}

/* layout 2 */
.lyt2 {display:flex;height:100%;border-bottom:solid 3px #E3EBF3}
	.lyt2_main {background-color:#ffffff}
		.lyt2_main .lyt2_main_pad {padding:max(30px,2vw) max(30px,2vw) max(30px,2vw) max(15px,1vw)}
			.lyt2_main h3 {background-color:#0095CD;color:#ffffff;padding:10px max(15px,1vw);margin:5vh 0 0;border-radius:max(3px,0.3vw);font-size:1.2em}
			.lyt2_main h3:has(+ul) {margin-bottom:2vh}
		
			.lyt2_main ul {list-style-type:none;margin:0 0 5vh;padding:10px max(15px,1vw) 15px;background-color:#E3EBF3;border-radius:max(4px,0.4vw)}
				.lyt2_main li {margin:0;padding:10px 0}
				.lyt2_main li:not(:last-of-type) {border-bottom:solid 1px #ffffff}
			
			.lyt2_main p {padding:2vh 0}
			.lyt2_main p:first-of-type {padding-top:0}
			.lyt2_main p:not(:has(+h3)):not(:has(+ul)) {border-bottom:solid 1px #E3EBF3}
			.lyt2_main p:last-child {border:0}

	.lyt2_right {background-color:#E3EBF3}
		.lyt2_right .lyt_side_fx > div {background-color:#ffffff}

/* cards */
.cards {display:flex;column-gap:18px;row-gap:18px;margin:max(5vmin,30px) auto 0}
	.card {position:relative;padding:0 0 50px}		
	.card_big {background-color:#0096CD;background-repeat:no-repeat;background-size:cover;background-position:center;color:#ffffff}
	.small_cards {display:flex;column-gap:18px;row-gap:18px}
		.card_small {flex-grow:1;background-color:#E3EBF3}
			.card_img {position:relative;height:0;padding:0 0 22vmin;background-repeat:no-repeat;background-size:cover;background-position:left;margin:10px 10px 15px}
				.card_img a {position:absolute;top:0;left:0;display:block;width:100%;height:100%}
			.card_txt {padding:0 max(15px,1vw)}

		a.card_a {position:absolute;bottom:10px;display:block;font-size:14px;background-color:#2D5169;color:#ffffff;text-decoration:none;text-align:center}
		.card_small a.card_a {left:10px;width:calc(100% - 40px);padding:5px 10px;text-align:center}
		.card_big a.card_a {right:10px}
		a.card_a:hover {background-color:#163E58}

.ftr {margin:max(10vmin,50px) 0 0;padding:max(5vmin,30px) 0;text-align:center;background-color:#E3EBF3;font-size:12px}
	.ftr_ttl {display:flex;justify-content:center;margin:0 0 15px}
		.ftr_ttl a {max-width:calc(10vw + 150px)}
			.ftr_ttl img {max-width:100%;height:auto;display:block;filter:brightness(0%)}
	.ftr_nav {margin:10px 0 0}
		.ftr_nav ul {list-style-type:none;display:flex;justify-content:center;column-gap:max(15px,1vw);margin:0;padding:0}
			.ftr_nav li {margin:0;padding:0}
				.ftr_nav li a {color:#000000;text-decoration:underline}				

@media only screen and (orientation:landscape) and (pointer:fine) and (min-width:1201px) {
	.hgr, .mob_nav {display:none}
	.nav {display:flex-item}
	.hdr_fx, .hero_pnl_home, .lyt1, .cards, .hero_pnl_page {width:80vw}
		.hdr_fx {justify-content:space-between}
	
	.lyt1 {align-items:stretch}			
		.lyt1_left {width:calc(10vw + 100px);font-size:14px}
			.lyt1_left .lyt_side_fx {padding:max(15px,1vw) max(15px,1vw) max(30px,2vw) 0}
		.lyt1_main {width:calc(70vw - 100px)}	
			.lyt2_main {width:calc(60vw - 200px)}
				.lyt2_main_pad {padding:max(15px,1vw) max(15px,1vw) max(30px,2vw)}
			.lyt2_right {width:calc(10vw + 100px);font-size:14px}
				.lyt2_right .lyt_side_fx {padding:max(15px,1vw) max(15px,1vw) max(30px,2vw)}

	.card_big, .small_cards {width:calc(40vw - 9px)}
		.card_small {width:calc(13vw - 12px);font-size:14px}
			.card_big a.card_a {padding:5px 35px}
}
@media only screen and (pointer:coarse), only screen and (orientation:portrait), only screen and (orientation:landscape) and (pointer:fine) and (max-width:1200px) {
	.mob_nav, .hgr {display:block}
	.nav {display:none}
	.hdr_fx {justify-content:flex-start;width:calc(90vw - 70px);padding:0 35px}
	.hero_pnl_home, .lyt1, .cards, .hero_pnl_page {width:90vw}
	
	.lyt1 {flex-direction:column-reverse}
		.lyt1_left_corner {display:none}	
		.lyt1_left .lyt_side_fx {flex-direction:row;justify-content:center;align-items:stretch;column-gap:18px;padding:max(30px,2vw) 0}
			.lyt1_left .lyt_side_fx > div, .lyt2_right .lyt_side_fx > div {width:min(calc(30vw - 12px),250px)}
	
	.lyt2_main {flex-grow:1}
		.lyt2_main_pad {padding:max(30px,2vw) max(15px,1vw)}
		.lyt2_right .lyt_side_fx {padding:max(30px,2vw) max(15px,1vw)}
	
	.card_big, .small_cards {width:calc(45vw - 9px)}
	.small_cards {flex-direction:column}
		.card_small .card_img {position:relative;width:16vmin;padding:0 0 16vmin;float:right;margin:10px 10px 5px 10px}
		.card_small .card_txt {padding:12px max(15px,1vw) 0}
		.card_big a.card_a {width:calc(100% - 40px);padding:5px 10px}
}
@media only screen and (max-width:600px) {
	.hdr_fx {justify-content:center}
		.hero_fx {flex-direction:column;row-gap:max(5vmin,30px)}
			.hero_img {position:relative;max-width:70%}
			.hero_logo {max-width:70%}		
	.lyt_main_top, .lyt2_main {text-align:center}
	
	.lyt2 {flex-direction:column;border:0}
		.lyt2_main_pad {padding:max(30px,2vw) max(15px,1vw) max(15px,1vw)}
		.lyt2_main .lyt2_main_pad {padding:max(30px,2vw) 0}
		.lyt2_right {background-color:#ffffff}
			.lyt2_right .lyt_side_fx {flex-direction:column;padding:max(15px,1vw);background-color:#E3EBF3;border-radius:max(10px,1vw)}
				.lyt2_right .lyt_side_fx > div {width:100%;display:flex;flex-direction:row;align-items:stretch}
					.lyt2_right .lyt_side_fx .side_pnl_img {width:40%;height:auto;padding:0 0 30%}
					.lyt2_right .lyt_side_fx .side_text_pnl {width:calc(60% - max(30px,2vw));padding:max(15px,1vw)}				

	.lyt1_left .lyt_side_fx {flex-direction:column;padding:max(30px,2vw) 0}
		.lyt1_left .lyt_side_fx > div {width:100%;display:flex;flex-direction:row;align-items:stretch}
				.lyt1_left .lyt_side_fx .side_pnl_img {width:40%;height:auto;padding:0 0 30%}
				.lyt1_left .lyt_side_fx .side_text_pnl {width:calc(60% - max(30px,2vw));padding:max(15px,1vw)}

	.cards {flex-direction:column}
		.card_big, .small_cards {width:100%}
		.card_small .card_img {width:22vmin;padding:0 0 22vmin}
}

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}