/* CSS Document */

* {  box-sizing:border-box; }

html {width:100%; height:100%; margin:0; padding:0; overflow:hidden;}	
body {width:100%; min-width:720px; height:100%; margin:0; padding:0; position:fixed; background-color:#0018b7; color:white;  font-family: "Segoe UI", Segoe, "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-weight: 500; font-size:25px; overflow-x:hidden; overflow-y: auto;
background: linear-gradient(0deg, rgba(0,12,92,1) 0%, rgba(0,24,183,1) 25%);
}

nav { height:174px; background:rgba(0,0,0,50%); text-align: right; }
.logo {float:left; position:absolute; top:16px; left:48px; height:142px;  width: calc(100% - 48px); z-index:0 ;
/*background: url("images/logo-extension.png") left 294px top repeat-x,  url("images/ANC_Logo_simple-01.png") left top no-repeat; /**/}
.logo img {float:left; height:100%; opacity: .85; }
.logo2 { width:calc( 100% - 292px - 24px ); position:relative; left: -3.05px;}
.logo1:hover { opacity: 1;}
.logo1:active {opacity:.4;}

#rightSpacer {width:20px; height:100px; float:right; border:1px rgba(0,0,0,0) solid; }
#topText { padding-top:8px; padding-bottom:20px; position: relative; z-index: -20; color:white;}


/* Gold link color */
a:link { color: #E3C200; text-decoration: underline; text-underline-offset: 2px;}
/* Visited: same gold, black outline */
a:visited {	color: #E3C200;
	text-shadow:
			0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000,
			1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;
}

/* Optional: keep outline on hover/focus */
a:hover, a:focus-visible {
	text-decoration-thickness: 2px;
}


button {font:inherit; }

nav {width:100%; height:174px; position:absolute; z-index: 10;}
#navSpacer {width:100%; height:174px; top:0; left: 0;  }

nav button {min-width:142px; height:45px; margin-top:11.5px; margin-right:15px; color:white; background: #007044; border: 2px solid #E3C200; border-radius:10px; opacity:.8; font-size:25px; text-wrap:nowrap; position: relative; z-index: 10; }
nav button:hover { color:#E3C200; border-color:white; opacity:1 }
nav button:active { opacity:.5; }
nav hr {height:5px; border:none; background:#e3c200; position:relative; margin-top:5px; left:44px; opacity:.85; }
#hamburger { min-width: 45px; width:45px; padding-left:12px; display:none/**/ }
#patty {rotate:90deg;}

#navMenu { position: absolute; width:100%; top:144px; display:none; flex-direction: column; justify-content: center; list-style-type: none; text-align: center;  background-color:#0018b7; padding:20px; z-index: 20; }
#navMenu li {min-width:142px; margin:12px 15px; padding:20px; color:white; background: #007044; border: 2px solid #E3C200; border-radius:10px; opacity:.8; font-size:25px; }
#navMenu li:hover { color:#E3C200; border-color:white; opacity:1 }
#navMenu li:active { opacity:.5; }

main { min-height: calc(100% - 174px - 102px - 50px );/*subtract the nav and the footer -and for some dumb reason the p font size?*/
	overflow: unset;
} 

main button { height:100px; border:none; background:#E3C200; font-size:29px; color:black; padding:20px 40px; margin:20px 0; opacity:.8; }
main button:hover { border-top: 2px white solid; border-bottom: 2px #444 solid; opacity: 1; }
main button:active { border:none; opacity:.5; }


form input[type=submit]  {height:50px; border:none; background:#E3C200; font-size:22px; color:black; padding:10px 15px; margin:20px 0; opacity:.8;  font-weight: bold;}
form input[type=submit]:hover { border-top: 2px white solid; border-bottom: 2px #444 solid; opacity: 1; }
form input[type=submit]:active { border:none; opacity:.5; }


p {font-weight: normal; max-width: 1440px; margin-left:auto; margin-right:auto; font-size:50px;}

#bottomGradient {
	
}

footer {width:100%; height:102px; text-align:center; background: black; color:white; font-size:26px; font-weight: normal; display:flex; flex-direction: column; justify-content: center; position:sticky; bottom:0;}

#background-video {  width: 100vw;  height:960px; /*100vh;*/  object-fit: cover;  /*position: fixed;*/  left: 0;  right: 0;  top: 0;  bottom: 0;  z-index: -1; }


#homeSection1 {	width:656px; position: absolute; right:128px; top:200px; font-size: 42px; color:white; 
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; }

#homeSection2 { width:492px; height: 377px; position:absolute; left:128px; top:480px; color:white; background: #007044; border: 3px solid #E3C200; border-radius:10px; opacity:.8; text-shadow: 0 4px 4px black; padding: 24px 40px; }
#homeSection2 li { padding:15px 0; }

#homeSection3 { position:relative; text-align: center; }

#homeSection4 { position:relative; text-align:center; }

#repairSection1 { width:100%; min-height:900px; background:white; color:#707070; text-align:left; padding:0 3%; display: flex; align-content: center;}

.homeHeading { font-size:81px; }
.homeHeading2 { font-size:61px; }
.repairsHeading {font-size:82px; font-weight:350; text-align: center;}
.consultHeading {font-size:82px; font-weight:350; text-align: center;}

.leftFixed800 { width:800px; float:left; background:none;}
.rightCalc800 { width: calc(100% - 800px); float:left; background:none;}
.rightCalc800 span {font-size:30px; font-weight: normal;}

.leftFixed894 { width:894px; background:none;}
.rightCalc894 { width: calc(100% - 894px); background:none;}

.headshot { border-radius:25%; width:64px; height:64px; vertical-align: middle;}


form {padding-top:25px;}
form input, form textarea {margin-bottom:25px;}

.sms-consent { max-width:720px;margin:1rem auto; font-size:.9rem;line-height:1.35; text-align:left }
.sms-consent h3 { margin:.25rem 0 .5rem }
.sms-consent .row { display:flex;gap:.5rem;align-items:flex-start;margin:.75rem 0 }
.sms-consent .row input[type=checkbox] { margin-top:.3rem }
.sms-disclaimer {margin:.25rem 0 0 0 }
.helpstop { font-size:.85rem;opacity:.9;margin-top:.5rem }


@media only screen and (max-width: 1440px) {
	nav button { display:none; }
	#hamburger {display:inline-block;}
	
	#homeSection1 { left: calc(15% - 80px); top:175px;}
	#homeSection2 { left: calc(15% - 48px); top:525px;}
	
	#repairSection1 { display:block; }
	
	.leftFixed800 { width:100%; float:left; text-align:center; background:none;}
	.rightCalc800 { width:100%; float:left; background:none; padding: 5%;}
	.leftFixed894 { width:100%; text-align:center; background:none;}
	.rightCalc894 { width:100%; background:none; padding: 5%;}
	
	
}