@page { size:8.5in 11in;}

/*BOOTSTRAP OVERRIDES*/
body { font-family: "Open Sans", -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; }
strong, .font-weight-bold, .fw-bold { font-weight:600 !important; }
a:hover, a:focus { text-decoration:underline; }

/* DESIGN COLORS
BLUE #012f3b 1,47,59
GOLD #c1922d 193,146,45
BROWN #794B34 121,57,52
*/

.text-primary { color:#012f3b !important } /**BLUE 1,47,59**/
.text-secondary { color:#836C3A !important } /**DARK TAN 131,108,58**/
.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-primary { background-color:#012f3b !important; }
.bg-secondary { background-color:#c1922d !important; }
.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-primary-faded { background:rgba(1,47,59,.8); }
.bg-white-faded { background:rgba(255,255,255,.6); }
.bg-light-faded { background:rgba(255,255,255,.8); }
.bg-dark-faded { background:rgba(0,0,0,.3); }
.bg-muted.lighter { background:#E8E8E8 !important; }
.bg-primary-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#012f3b+0,012f3b+100&0.8+0,0+100 */
background: -moz-linear-gradient(left, rgba(1,47,59,0.8) 0%, rgba(1,47,59,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(1,47,59,0.8) 0%,rgba(1,47,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(1,47,59,0.8) 0%,rgba(1,47,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc012f3b', endColorstr='#00012f3b',GradientType=1 ); /* IE6-9 */
}


.border-primary { border-color:#012f3b !important; }
.border-secondary { border-color:#c1922d !important; }
.border-light { border-color:#ccc !important; }
.border-muted { border-color:#d1d1d1 !important; }
.border-dotted { border-style: dotted !important; }
.border-inset { border-style: inset solid !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 !important; }
a.no-line:hover, a.no-line:focus { text-decoration:underline !important; }
a.button { display:flex; align-items: center !important; color: #3a3a3a !important; font-family: gin, sans-serif; text-decoration:none !important; }
a.button.text-white { color: #fff !important; }
a.button:before { content:url('/images/interface/gpx_circle-star.svg'); padding-right:10px; }
a.button:hover, a.button:focus { text-decoration:underline !important; }
a.collapse-button { display:inline-block; padding:4px 10px; line-height:1; background:#F7F7F7; color:#836C3A !important; border:#ccc solid 1px; border-radius:4px; text-decoration:none !important; }
a.collapse-button:hover, a.collapse-button:focus { color:#544726 !important; background:#ccc; text-decoration:none !important; }
a.collapse-button[aria-expanded="true"] .expanded, a.collapse-button[aria-expanded="false"] .collapsed { display:inline-block; }
a.collapse-button[aria-expanded="false"] .expanded, a.collapse-button[aria-expanded="true"] .collapsed  { display:none; }

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; background-color:transparent !important; }
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 { line-height:1; font-family:"Open Sans Condensed",sans-serif; }
.h1, h1 { font-size: 2rem; }
.h2, h2 { font-size: 1.7rem; }
.h3, h3 { font-size: 1.5rem; }
.h4, h4 { font-size: 1.3rem; }
.h5, h5 { font-size: 1.1rem; }
.h6, h6 { font-size: 1rem; }

.display-2 { font-size:2.8rem; }
.display-3 { font-size:2.5rem; }
.display-4 { font-size:1.4rem; }

#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 'Open Sans', 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; }
.font-condensed { font-family:gin, sans-serif; }
.negative-edges { margin-left:-2px !important; margin-right:-2px !important; }
.w-max-50 { max-width:50% !important; }

/*HEADER*/
#header { position:relative; top:0; right:0; left:0; z-index:99; font-family:gin, sans-serif; transition:top 1s ease; }
#header-top-row { padding:12px 0px; color:#012f3b !important; background:#fff; }
#header-top-row a { text-decoration:none !important; color:#012f3b !important; }
#header-top-row a:hover, #header-top-row a:focus { text-decoration:underline !important; }
#top-social-wrapper { bottom:-6px; }
#top-social-wrapper a { color:#fff !important; font-size:24px; min-width:42px; min-height:42px; background:#794b34; border:#fff solid 2px; box-shadow:0px 0px 10px #000; border-radius:50%; text-decoration:none !important; }
#top-social-wrapper a:hover, top-social-wrapper a:focus { color:#fff !important; background:#000; }

#emergency-message-wrapper p:last-of-type { margin-bottom:0px !important; padding-bottom:0px !important; }

/*SEARCH BAR*/
.bg-search-bar { background:#fff; }
input.button { display:inline-block; line-height:1; padding:8px 16px; background:#587E5D !important; color:#fff !important; border:#587E5D; solid 1px;  }
input.button:hover, input.button:focus { background:#fff !important; color:#587E5D !important; text-decoration:none !important; }
input.button.large { font:bold 1.375rem/1 "Open Sans",sans-serif; padding:8px 40px; position:relative; margin:2px 0px; }
input.button.large:after { content: "\f061"; display:inline-block; padding-left:15px; position:relative; font:900 2.0rem/1 "Font Awesome 5 Free"; bottom:-3px; color:#67050b; }
input.stylized { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 50%; width: 18px; height: 18px; border: 2px solid #fff; transition: 0.2s all linear; margin-right: 5px;  position: relative; top: 4px; background:#999; }
input.stylized:checked { background: #587E5D;; }

#video-bkg-wrapper video {  width: 115vw !important; height: auto   !important; }

/*CAROUSEL PAGERS*/
.carousel-indicators [data-bs-target] { height:15px; width:15px; opacity:1; background:#fff !important; border:#8a9797 solid 2px; border-radius:50%; }
.carousel-indicators .active { background:#8a9797 !important; }

/*HOME*/
.top-caption { background:url('/images/interface/gpx_bg-star.svg') right top / cover no-repeat; width:380px; height:350px; }
.bg-map { background:url('/images/interface/gpx_bg-map.svg') center top / cover no-repeat; }

/*STATIC*/
#static-wrapper img { max-width:100%; height:auto !important; }
.static-header { min-height:197px; background:url('/images/uploads/_xxl/Washington-statue-front.jpg') center top / cover no-repeat; }
.static-header.has-image { min-height:100px; transition:.5s ease; }
#static-content p { line-height: 2; }

/*Nice Table*/
.nice-table th, .nice-table td { padding:5px 9px; }
.nice-table th, .nice-table th p { color:#fff !important; font-family:"Open Sans", sans-serif; font-weight:700; text-transform:uppercase; }
.nice-table th { background:#005499; vertical-align:top; }
.nice-table td { color:#000; vertical-align:top; }
.nice-table th p { padding-bottom:6px !important; }
.nice-table th p:last-of-type, .nice-table td p:last-of-type { padding-bottom:0px !important; margin-bottom:0px !important; }
.nice-table tr:nth-child(even) { background:#f3f3f3; }
.nice-table { margin-bottom:15px; width:100%; }

/*REPORT GENERATOR*/
#iframe-holder { position:absolute; width:20px; height:20px; top:-20px; left:-20px; overflow:hidden; }
#report-bar-wrapper-outer { position:relative; background:#d9d9d9; }
#report-caption p { color:#575757; font-style:italic; font-size:1rem; }
#report-bar-wrapper { background:#ebebeb; }
#report-bar-wrapper, #report-bar-wrapper a { font:normal 15px/15px 'Barlow',sans-serif; }
#report-bar-wrapper a { cursor:pointer; color:#7f7f7f; text-decoration:none; }
#report-bar-wrapper ul, #report-bar-wrapper li { margin:0; padding:0; list-style:none; display:inline-block; }
#report-bar-wrapper ul { width:100%; }
#report-bar-wrapper li { padding:10px 11px; }
#report-bar-wrapper a:hover .fa, #report-bar-wrapper a:focus .fa { color:#35316b; }

a.report-button  { color:#165992; text-decoration:none; }
a.report-button:hover, a.report-button:focus { text-decoration:underline; }
a.report-button.add-button i { color:#60ad00 }
a.report-button.remove-button i { color:#d62434; }

/*INTERACTIVE MAP
#map-wrapper-outer { position:relative; overflow:hidden; }
#map-wrapper { display:block; width:100% position:relative; }
#map-wrapper::before { content:""; display:block; padding-top:65%; }
#map-wrapper iframe { border:none; position:absolute; top:0; right:0; bottom:0; left:0; }
#mapNav { background: #e1e1e1; }
#mapNav a { display:block; min-height:44px; text-decoration:none; color:#fff; padding:10px; background:#22447D; text-align:center; text-transform:uppercase; }
#mapNav a.active { background:#158040; color:#fff; }
#resize-frame { width:1300px; height: 800px;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
*/

/*CONTENT GROUP*/
.content-group .nav-tabs { border-bottom:0px !important; }
.content-group-button { background:#fff !important; color:#000 !important; font-size:1.5rem; font-size:1.2rem; padding:1rem 1.5rem; border-bottom:#e5e5e5 solid 1px !important; }
.content-group-button i { color:#347ea3 !important; }
.content-group-button.active { background:#347ea3 !important; color:#fff !important; border-bottom:#347ea3 solid 1px !important; }
.content-group-button.active i { color:#fff !important; }
.content-group-text { font-size:1.2rem; }
.content-group-text i { font-size:60px; }
.content-group-background { opacity:.15; filter: grayscale(100%); }

/*LOGO GRID*/
.logo-grid-container { border:#fff solid 2px; padding:10px; }
.logo-grid-container:hover, .logo-grid-container:focus {  border:#747474 solid 2px; }
.logo-grid-item { background-repeat:no-repeat; background-position:center; background-size: contain; min-height:150px; }

/*COMPANY LOGOS*/
.company-logo-link { -webkit-filter: grayscale(100%);  filter: grayscale(100%); transition:.5s ease; }
.company-logo-link:hover, .company-logo-link:focus { -webkit-filter: grayscale(0%);  filter: grayscale(0%); }
.company-logo-link img { max-width:170px !important; }
.company-logo-link img.logo-adjust { background-size:auto 97% !important; }

/*PHOTO BUTTON CAROUSEL*/
.photo-button { min-height:370px; overflow:hidden }
.photo-button .hover-color { background:rgba(255,255,255,0); top:auto; transition:.8s ease; }
.photo-button:hover .hover-color, .photo-button:focus .hover-color { top:0; background:rgba(255,255,255,.8); }
.photo-button .hover-text { opacity:0; margin-bottom:-370px; transition:.8s ease; }
.photo-button:hover .hover-text, .photo-button:focus .hover-text { opacity:1; margin-bottom:0; }

/*PHOTO GRID*/
.photo-grid-wrapper { height:456px; transition:height .5s ease; }
.photo-grid-wrapper.count-1, .photo-grid-wrapper.count-2 { height:356px; }
.photo-1 { width:100%; height:100%; }
.grid-2.photo-1, .grid-3.photo-1, .grid-4.photo-1 { width:50%; float:left; border-right:#fff solid 1px; }
.grid-4.photo-1 { height:50%; }
.photo-2, .photo-3, .photo-4 { width:50%; height:50%; border-left:#fff solid 1px; }
.grid-2.photo-2 { width:50%; height:100%; }
.grid-2.photo-2, .grid-2.photo-3, .grid-3.photo-2, .grid-3.photo-3, .grid-4.photo-2, .grid-4.photo-4 { float:right; }
.grid-4.photo-3 { float:left; border-left:none; border-right:#fff solid 1px;  }
.grid-3.photo-2, .grid-4.photo-1, .grid-4.photo-2  { border-bottom:#fff solid 1px; }
.grid-3.photo-3{ border-top:#fff solid 1px; }
a.grid-link { transition:.2s ease; transform:scale(100%); }
a.grid-link:hover, a.grid-link:focus { transform:scale(120%); }

/*PHOTO TEXT COMBO A*/

/*YOUTUBE SET*/
.play-button-icon:before { content: "\f144"; display:block; position:absolute; width:100%; height:80px; top:100px; left:0; text-align:center; font:900 5rem/1 "Font Awesome 5 Free"; color:#fff; opacity:.2; z-index:1; }
.play-button-icon:hover:before, .play-button-icon:focus:before { opacity:.8; }
.video-button i { font-size:4.5rem; opacity:.5; transition:.5s ease; }
.video-button:hover i, .video-button:focus i { opacity:.9; }

/*Video Wrapper*/
.video-wrapper { width:100%; position:relative; }
.video-wrapper:before { content:''; display:block; padding-top: 56.25%; /*width divided by height*/ }
.video-wrapper iframe { border:none; width:100%; height:100%; position:absolute; top:0; left:0; }

/*ASIDE*/
/*
aside .display-2 { font-size:3rem; }
aside .display-4 { font-size:1.4rem; }
*/
.aside-map-button { min-height:244px; background:url('/images/interface/bg-interactive-map.jpg') center / cover no-repeat; box-shadow:inset 0px 0px 80px rgba(0,0,0,.8); }

/*FOOTER*/
#footer { background:url("/images/interface/gpx_bg-star-faded.svg") center / contain no-repeat; font-family: gin, sans-serif; }
#footer a { text-decoration:none !important; color:inherit !important; }
#footer a:hover, #footer a:focus { text-decoration:underline !important; }
#footer a.footer-social-icon { color:#fff !important; font-size:18px; min-width:40px; min-height:40px; background:#794b34; border:#fff solid 2px; box-shadow:0px 0px 10px #000; border-radius:50%; text-decoration:none !important; }
#footer a.footer-social-icon:hover, #footer a.footer-social-icon:focus { color:#fff !important; background:#000; }

/*NAV*/
#main-nav.navbar { box-shadow: none; }
#main-nav .dropdown-item { white-space:normal; padding:5px 10px; }
#main-nav .nav-item a.nav-link { font:normal 18px/1 gin, sans-serif; padding:10px 20px; }
#main-nav .nav-item a:hover, #main-nav .nav-item a:focus { background:#E9ECEF !important; }
#main-nav .nav-item a:active { background:#cccccc !important; }
#main-nav .nav-item a { position:relative; color:#093d5a; }
#main-nav .navbar-nav .dropdown-menu { margin:0px 10px;}
#main-nav .dropdown-menu a { font-family:"Open Sans", sans-serif; }

.dropdown-toggle::after { border-top:transparent .3em solid; } /**Keeps dropdown arrow invisible until hovered**/
.dropdown-toggle:hover::after, .dropdown-toggle:focus::after { border-top:#89a83e .3em solid; } /**set dropdown arrow color when hovered**/

/*MEDIA QUERIES*/
@media screen and (min-width: 576px) {
  .static-header.has-image { min-height:150px; }
  .play-button-icon:before { top:70px; }
}
@media screen and (min-width: 768px) {
  .static-header { background-image:url('/images/uploads/_lg/Washington-statue-front.jpg'); }
  .static-header.has-image { min-height:200px; }
}
@media screen and (max-width: 991px) {
  .photo-text-combo-a-wrapper { background:#fff !important; }
}
@media screen and (min-width: 992px) {
  .h1, h1 { font-size: 2.3rem; line-height:1.2; }
  .h2, h2 { font-size: 1.8rem; }
  .h3, h3 { font-size: 1.6rem; }
  .h4, h4 { font-size: 1.5rem; }
  .h5, h5 { font-size: 1.25rem; }
  .h6, h6 { font-size: 1rem; }
  .display-2 { font-size:4rem; }
  .display-3 { font-size:3.5rem; }
  .display-4 { font-size:2.4rem; }
  aside .display-2 { font-size:3rem; }
  aside .display-4 { font-size:1.4rem; }
  .bg-video-star { background:url('/images/interface/gpx_star-movie.svg') left top no-repeat; }
  .static-header { background-image:url('/images/uploads/_xl/Washington-statue-front.jpg'); }
  .static-header.has-image { min-height:300px; }
  .headline-star:before { content:url('/images/interface/gpx_star.svg'); padding-right:10px; }
  .content-group-text { font-size:1.8rem; font-size:1.5rem; }
  .content-group-text i { font-size:90px; font-size:70px; }
  .photo-grid-wrapper { height:456px; }
  .border-lg-start { border-left: 1px solid #dee2e6; border-left-color: rgb(222, 226, 230); }
}
@media screen and (max-width: 1024px) {
  table.responsive, table.responsive tr, table.responsive tbody, table.responsive td { display:block; width:100% !important; height:auto; }
  table.responsive thead, table.responsive thead td, table.responsive th, table.responsive td.hidden-column { display:none; }
  table.responsive tr { clear:both; }
  .table-wrapper { width:100%; overflow:auto; }
}
@media screen and (min-width: 1200px) {
  #header.sticky #header-top-row, #header.sticky #top-social-wrapper, #header.sticky #nav-spacer { display:none; }
  #header.sticky { position:fixed; z-index:5 !important; }
  #header.offset { top:-80px; }
  .content-left, .content-right { max-width:600px; position:relative }
  .content-left { float:right; }
  .content-left:after { content:""; display:block; clear:both; }
}
@media screen and (min-width: 1400px) {
  #header { position:absolute; }
  .static-header { background-image:url('/images/uploads/_xxl/Washington-statue-front.jpg'); }
  .static-header.has-image { min-height:390px; }
  #main-nav .nav-item a.nav-link { padding:35px 20px 10px 20px; }
  #header.sticky #main-nav .nav-item a.nav-link { padding-top:10px; }
  #main-nav .navbar-nav .dropdown-menu { margin:0px;}
  #header-top-row { padding:12px 0px 65px 0px; color:#fff !important; background:rgba(0,0,0,.3); text-shadow:0 0 8px rgba(0,0,0,.5); }
  #header-top-row a { color:#fff !important; }
  #nav-spacer { width:370px; height:45px; }
}
@media screen and (min-width: 1500px) {
  #video-bkg-wrapper video {  width: 100vw !important; }
}

@media print {
  html, body, #main, #static-wrapper, section, article, #printHeader { display:block !important; width:100% !important; float:none !important; padding:0 !important; margin:0 !important; }
  *.d-print-none, .button { display:none !important; }
  .d-screen-only, a.button, a.learn-more-button { display:none !important; }
  .print-no-style, .print-no-style * { background:#fff !important; color:#000 !important; }
  .border-primary, .border-secondary, .border-success { border:none !important; }
  #print-header { display:block; padding-bottom:20px; font:normal 14px/15px "Open Sans", sans-serif; color:#000; }
  #print-header table { width:100%; }
  #print-header td{ vertical-align:middle !important;}
  #print-header table td:first-child { width:250px; }
  #print-header table img { max-width:220px !important; }
  .headline-star:before { content:""; padding-right:0px; }
  .h1, h1 { font-size: 2rem; }
  .h2, h2 { font-size: 1.7rem; }
  .h3, h3 { font-size: 1.5rem; }
  .h4, h4 { font-size: 1.3rem; }
  .h5, h5 { font-size: 1.1rem; }
  .h6, h6 { font-size: 1rem; }
  #static-content p { line-height: 1.3; }
}

.large.slick-initialized.slick-slider, .large.slick-initialized .slick-list, .large.slick-initialized .slick-track { height:100% !important; }
.vertical.slick-initialized.slick-slider { height:100% !important; }
.vertical.slick-initialized .slick-list { height:unset !important; position:absolute; top:0; bottom:0; }
.slick-vertical .slick-slide { border:none; border-top:#fff solid 1px; border-bottom:#fff solid 1px; }
.slick-vertical .slick-arrow { font-size:1.5rem; background:rgba(255,255,255,.5); transition:.5s ease; }
.slick-vertical .slick-arrow:hover, .slick-vertical .slick-arrow:focus { background:rgba(255,255,255,.9); }