/*
////// Looking at CSS eh?  ///////
////// Just curious?       ///////
////// Found a problem?    ///////
////// Got a suggestion?   ///////
////// robert@buglogic.com ///////

COLORS
----------------------------*/
:root {
--orange:#ed9208;
--gold:#c9aa5d;
--accent:#9DBE30;
--gray:#7c7c7c;
--lt-gray:#ececec;
--brn:#4c4845;
--brn-drop:#60542d;
--ylw:#fce803;
--blu:#687DA6;
}
/*
GENERICS
----------------------------*/
html, body{height:100%;}
body {font-family:'Open Sans';font-weight:400;color:#727272;}
h1, h2 {font-family:Oswald;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:250%;margin-bottom:10px;}
h3 {font-family:'Open Sans',font-weight:600;text-transform:uppercase;font-size:150%;}
.content{flex: 1 0 auto}
.gold {color:var(--gold);}
.gray {color:var(--gray);}
.lt-gray {color:var(--lt-gray);}
.copy {line-height:140%;font-size:140%;}
.block-copy {padding-left:50px;}
.top-down {height:100%;}
/*
HOME
----------------------------*/
#header {position:fixed;z-index:20;width:100%;}
.top {display:flex;justify-content:flex-end;width:100%;height:50px;background:var(--blu);padding:10px;position:relative;}
.brand {position:absolute;top:10;left:10;width:120px;height:120px;border-radius:60px;background-color:var(--orange);background-image:url('/images/ab-logo.svg');background-repeat:no-repeat;background-position:center;background-size:80%;box-shadow:1px 1px 5px #000}
.call {min-height:24px;background-image:url('/images/call-icon.png');background-repeat:no-repeat;background-size:24px;background-position:left;padding-left:24px;color:var(--gold);font-weight:800;margin-right:10px;}
.intro-head {padding-top:5px;padding-bottom:5px;border-top:solid 2px var(--blu);border-bottom:solid 2px var(--blu);text-align:center;margin-bottom:10px;color:var(--gold);font-weight:600;font-size:130%;}
.intro-rule {border-top:solid 2px var(--blu);margin-top:10px;}
.intro-topper {display:table;margin:auto;border-left:solid 3px var(--gray);border-right:solid 3px var(--gray);border-top:solid 3px var(--gray);border-top-left-radius:30px;border-top-right-radius:30px;width:30px;height:15px;}
.ab-flex {display:flex;justify-content:center;align-items:center;}
.ab-wrap {display:flex;justify-content:space-around;flex-wrap:wrap;margin-left:50px;margin-right:50px;}
.ab-content{display:flex;justify-content:center;align-items:center;height:100%;}
.ab-portrait{display:table;margin-left:auto;margin-right:auto;margin-bottom:20px;width:60%;padding-bottom:60%;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.ab-service {width:30%;margin-bottom:20px;}
.ab-operations {width:48%;margin-bottom:20px;}
#slideshow, #emblem-art {position:relative;display:flex;justify-content:center;align-items:center;height:100%;}
#slideshow div {position:absolute;display:table;}
#slideshow img {max-height:60vh;}
.container {min-height:100vh;}


.ab-gray {background:var(--lt-gray);}
.ab-brn {background:var(--brn);color:var(--lt-gray);}
.ab-blu {background:var(--blu);color:var(--lt-gray);}
.header-title {display:flex; justify-content:space-around; align-items:center; margin-left:auto; margin-right:auto; width:50%; margin-top:10px;}
.header-title h3{white-space:nowrap;}
.header-deck-brn {width:100%; border-top:solid 2px var(--lt-gray);}
.header-deck-gray {width:100%;border-top:solid 2px var(--gray);}
.ab-art {width:80%;padding-bottom:80%;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.ab-emblem-art {display:none;background-image:url('/images/emblems/aquarium-scale.png');}
/*
DELAYS
------------------------------*/
.content-1 { animation-delay:0.5s; -moz-animation-delay:0.0s; -webkit-animation-delay:0.5s; }
.content-2 { animation-delay:1.0s; -moz-animation-delay:1.0s; -webkit-animation-delay:1.0s; }
.content-3 { animation-delay:1.5s; -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
.content-4 { animation-delay:2.0s; -moz-animation-delay:2.0s; -webkit-animation-delay:2.0s; }
.content-5 { animation-delay:2.5s; -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; }
.content-6 { animation-delay:3.0s; -moz-animation-delay:3.0s; -webkit-animation-delay:3.0s; }