bottom@page { size:8.5in 11in;}

/*BOOTSTRAP OVERRIDES*/
body { font-family: myriad-pro, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
.container { max-width:1200px !important; }
.container.narrow { max-width:760px !important; }
strong, .font-weight-bold, .fw-bold { font-weight:600 !important; }
a:hover, a:focus { text-decoration:underline; }
tbody tr, tbody td, thead tr, thead td { height:unset !important; }

.text-primary { color:#093d5a !important } /**BLUE 9,61,90**/
.text-secondary { color:#d3ff96 !important } /**LT GREEN 141,198,34**/
.text-success { color:#7F9C3A !important; } /**GREEN 127,156,58**/
.text-warning { color:#C77F0A !important; } /**YELLOW 199,127,10**/
.text-dark { color:#3a3a3a !important; }
.text-white, .text-white * { color:#fff !important; }
.text-larger { font-size:1.1rem; }
.text-shadow { text-shadow:0 0 8px rgba(0,0,0,.5); }

.bg-info { background:#06778E !important; }
.bg-success { background:#198754 !important; }
.bg-warning { background:#ffc107 !important; }
.bg-danger { background:##dc3545 !important; }
.bg-muted { background:#DBDBDB !important; }
.bg-light { background:rgba(255,255,255) !important; }
.bg-dark { background:rgba(0,0,0) !important; }
.bg-grey { background-color:#737373; }
.bg-light-faded { background:rgba(255,255,255,.8); }
.bg-dark-faded { background:rgba(0,0,0,.8); }
.bg-muted.lighter { background:#E8E8E8 !important; }
.border-light { border-color:#ccc !important; }
.border-muted { border-color:#d1d1d1 !important; }

.container { max-width:1300px !important; }
.container.xl-wrapper { max-width:1332px !important; }

a { color:#0051A8; }
a#admin_button { display:inline-block; font-size:12px; padding:5px 10px; border-radius:8px; background:#a7a7a7; color:#fff !important; text-decoration:none !important; position:absolute; top:-30px; left:13px; opacity:0.3; }
a#admin_button:hover { opacity:1; }
a.no-line, button.no-line { text-decoration:none; }
a.no-line:hover, a.no-line:focus, button.no-line:hover, button.no-line:focus { text-decoration:underline; }
b, strong { font-weight:600; }
li p:last-of-type { padding-bottom:0px !important; margin-bottom:0px !important; }
blockquote { background:#DCE5EF; padding:20px; border-radius:10px; margin: 0 0 1rem; }
fieldset { padding:20px; border:#333 solid 1px; border-radius:15px; }
hr { margin:2rem 0rem; border: 0; border-top:#ccc solid 1px !important; clear:both; opacity:1; }
legend { display: inline-block; width: auto; padding: 0px 10px; margin-top:30px; }
td { vertical-align:top; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:"myriad-pro",sans-serif; }
.h1, h1 { font-size: 2.5rem; }
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.75rem; }
.h4, h4 { font-size: 1.5rem; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }

#skip-button { position:absolute; top:0px; left:0px; z-index:999; }
#skip-button a { position:relative; height:1px; width:1px; overflow:hidden; display:inline-block; font:normal 18px/1 'myriad-pro', sans-serif; color:#494949;  border-radius:10px; transition:left 0.5s ease; color:#000; }
#skip-button a:focus { margin-top:30px; margin-left:30px; text-decoration:none; display:inline-block; height:auto; width:auto; background:#fff; padding:10px 20px; border:#494949; }
.err-wrap { display:none !important; }
.photo-left { float:left; margin:6px 25px 25px 0px; }
.photo-right { float:right; margin:6px 0px 25px 25px; }
.clear { clear:both; }
.hide { display:none; }
.top-0 { top:0; }
.right-0 { right:0; }
.bottom-0 { bottom:0; }
.left-0 { left:0; }
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }
.fill-area { position:absolute; top:0; right:0; bottom:0; left:0; }
.negative-edges { margin-left:-2px !important; margin-right:-2px !important; }
.w-max-50 { max-width:50% !important; }
.semitransparent { opacity:.5; }
.hidden { opacity:0; }

.font-condensed { font-family: bebas-neue-pro, sans-serif !important; }
.font-serif { font-family: bitter, serif !important; }

/*TOP MESSAGE*/
#top-message p { font-size:1.5rem; }
#top-message { padding: 75px 0 35px 0; text-shadow:0px 0px 20px #000;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7f7f7f+0,7f7f7f+100&0+0,0.54+27,0.8+57 */
background: -moz-linear-gradient(top, rgba(127,127,127,0) 0%, rgba(127,127,127,0.54) 27%, rgba(127,127,127,0.8) 57%, rgba(127,127,127,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(127,127,127,0) 0%,rgba(127,127,127,0.54) 27%,rgba(127,127,127,0.8) 57%,rgba(127,127,127,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(127,127,127,0) 0%,rgba(127,127,127,0.54) 27%,rgba(127,127,127,0.8) 57%,rgba(127,127,127,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#cc7f7f7f',GradientType=0 ); /* IE6-9 */
}
#top-message:before { content:""; display:block; width:50%; position:absolute; top:0; left:0; bottom:0; background:url('/images/interface/gpx_hero-dots-blue-left.svg') left bottom / contain no-repeat; }
#top-message:after { content:""; display:block; width:50%; position:absolute; top:0; right:0; bottom:0; background:url('/images/interface/gpx_hero-dots-blue-right.svg') right bottom / contain no-repeat; }

@keyframes arrow-animation {
  from { padding-top:25px; padding-bottom:0px; opacity:1; }
  to { padding-top:0px; padding-bottom:25px; opacity:.5; }
}

#animated-arrows { padding-top:25px; padding-bottom:0px; opacity:1; animation-name: arrow-animation; animation-duration: .7s; animation-direction: alternate; animation-iteration-count: infinite; }

h2.box-before, .h2.box-before { position:relative; font-size:2.8rem; }
h2.box-before:before, .h2.box-before:before { content:""; display:block; position:absolute; width:60px; left:-70px; top:3px; height:45px; background:#fff; }

#edd-box, #chamber-box { text-shadow:0px 0px 20px #000; }
#edd-box p, #chamber-box p { font-size:1.2rem; line-height:1.7; }

#edd-box { text-decoration:none; transition:.5s ease; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006bb9+0,006bb9+100&0.8+0,0+100 */
background: -moz-linear-gradient(45deg, rgba(0,107,185,0.8) 0%, rgba(0,107,185,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(0,107,185,0.8) 0%,rgba(0,107,185,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(0,107,185,0.8) 0%,rgba(0,107,185,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc006bb9', endColorstr='#00006bb9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#edd-box:before { content:""; display:block; width:50%; position:absolute; top:0; left:0; bottom:0; background:url('/images/interface/gpx_hero-dots-blue-left.svg') left bottom / contain no-repeat; }

#chamber-box { text-decoration:none; transition:.5s ease; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01867e+0,01867e+100&0.8+0,0+100 */
background: -moz-linear-gradient(45deg, rgba(1,134,126,0.8) 0%, rgba(1,134,126,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(1,134,126,0.8) 0%,rgba(1,134,126,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(1,134,126,0.8) 0%,rgba(1,134,126,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc01867e', endColorstr='#0001867e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#chamber-box:before { content:""; display:block; width:50%; position:absolute; top:0; left:0; bottom:0; background:url('/images/interface/gpx_hero-dots-teal-left.svg') left bottom / contain no-repeat; }

.title-text { margin-top:30px; }
.reveal-text { order:1; opacity:0; z-index:-1; transition:opacity .5s ease; padding-top:30px; }
#edd-box:hover .reveal-text, #edd-box:focus .reveal-text, #chamber-box:hover .reveal-text, #chamber-box:focus .reveal-text { order:3; opacity:1; z-index:2; padding-top:0px; padding-bottom:60px; }
#edd-box:hover .title-text, #edd-box:focus .title-text, #chamber-box:hover .title-text, #chamber-box:focus .title-text { margin-top:0px; }

#footer { background:url('/images/interface/bg-footer.jpg') center / cover no-repeat; }
#footer img, .footer-logo { max-width:132px !important; }

@media screen and (min-width: 768px) {
  .border-e-md-white { border-right:#fff solid 1px; }
  .border-e-md-dark { border-right:#000 solid 1px; }
}
@media screen and (min-width: 768px) {
  .h1, h1 { font-size: 3.3rem; }
  .h2, h2 { font-size: 2.5rem; }
}
@media screen and (min-width: 1200px) {
  #edd-box p, #chamber-box p { font-size:1.3rem; }
  h2.box-before:before, .h2.box-before:before { left:-50px; }
}