@page { size:8.5in 11in;}

/*BOOTSTRAP OVERRIDES*/
body { font-family: "Montserrat", -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 { font-weight:700 !important; }

.text-primary { color:#093d5a !important } /**BLUE 9,61,90**/
.text-secondary { color:#fddea1 !important } /**LT YELLOW 253,222,151**/
.text-success { color:#7F9C3A !important; } /**GREEN 127,156,58**/
.text-success-dark { color:#2f8155 !important; } /**DK GREEN 47,129,85**/
.text-warning { color:#C77F0A !important; } /**YELLOW 199,127,10**/
.text-dark { color:#3a3a3a !important; }
.text-white, .text-white * { color:#fff !important; }
.text-grey { color:#757575; }
.text-larger { font-size:1.1rem; }
.text-smaller { font-size:0.9rem; }
.text-shadow { text-shadow:0 0 8px rgba(0,0,0,.5); }
.text-double-space { line-height:2; }

.bg-primary { background-color:#093d5a !important; }
.bg-secondary { background-color:#fddea1 !important; }
.bg-success { background-color:#7F9C3A !important; }
.bg-success-dark { background-color:#2f8155 !important; }
.bg-warning { background-color:#C77F0A !important; }
.bg-light { background:rgba(255,255,255) !important; }
.bg-dark { background:rgba(0,0,0) !important; }
.bg-grey { background:#6B6B7C; }
.bg-light-faded { background:rgba(255,255,255,.8); }
.bg-dark-faded { background:rgba(0,0,0,.4); }
.bg-muted { background:#F0F0F0; }
.bg-white-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+68,ffffff+100&0+61,1+95 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 61%, rgba(255,255,255,0.21) 68%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 61%,rgba(255,255,255,0.21) 68%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 61%,rgba(255,255,255,0.21) 68%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.bg-success-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006730+0,006730+100&0+0,0.7+100 */
background: -moz-linear-gradient(top, rgba(0,103,48,0) 0%, rgba(0,103,48,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,103,48,0) 0%,rgba(0,103,48,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,103,48,0) 0%,rgba(0,103,48,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00006730', endColorstr='#b3006730',GradientType=0 ); /* IE6-9 */
}
.bg-success-dark-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2f8155+0,2f8155+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(47,129,85,0) 0%, rgba(47,129,85,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(47,129,85,0) 0%,rgba(47,129,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(47,129,85,0) 0%,rgba(47,129,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f8155', endColorstr='#2f8155',GradientType=0 ); /* IE6-9 */
}
.bg-grey-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b6b7c+0,6b6b7c+100&0+27,1+100 */
background: -moz-linear-gradient(top, rgba(107,107,124,0) 0%, rgba(107,107,124,0) 27%, rgba(107,107,124,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(107,107,124,0) 0%,rgba(107,107,124,0) 27%,rgba(107,107,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(107,107,124,0) 0%,rgba(107,107,124,0) 27%,rgba(107,107,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b6b7c', endColorstr='#6b6b7c',GradientType=0 ); /* IE6-9 */
}
.bg-dark-gradient-vertical {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.border-success { border-color:#006730 !important; }
.border-light { border-color:#ccc !important; }
.border-muted { border-color:#d1d1d1 !important; }

.container { max-width:1300px !important; }
.container.xl-wrapper { max-width:1600px !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:20px; left:0px; opacity:0.3; }
a#admin_button:hover { opacity:1; }
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; }
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:"Montserrat",sans-serif; }
.h1, h1 { font-size: 1.5rem; font-weight:700; text-transform:uppercase; }
.h2, h2 { font-size: 1.15rem; font-weight:700; text-transform:uppercase; }
.h3, h3 { font-size: 1.15rem; }
.h4, h4 { font-size: 1.1rem; }
.h5, h5 { font-size: 1.0rem; }
.h6, h6 { font-size: 1rem; }

.caption-headline strong { color:#5ad494 !important; }

#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 'Montserrat', 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; }
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }
.h-85 { height:85%; }
.top-0 { top:0; }
.right-0 { right:0; }
.bottom-0 { bottom:0; }
.bottom-30 { bottom:30px; }
.bottom-70 { bottom:70px; }
.left-0 { left:0; }
.fill-area { position:absolute; top:0; right:0; bottom:0; left:0; }

a.button { font-weight:600; display:inline-block; padding:25px 20px 20px 20px; line-height:1; color:#242424; background:#e5e5e5; text-decoration:none; position:relative; }
a.button:hover, a.button:focus { color:#000; background:#828282; text-decoration:none; }
a.button:before { content:""; position:absolute; width:24%; left:0; top:0; bottom:0; border-left:#006730 solid 1px; border-bottom:#006730 solid 1px; }
a.button:after { content:""; position:absolute; width:24%; right:0; top:0; bottom:0; border-right:#006730 solid 1px; border-bottom:#006730 solid 1px; }
a.button.reversed { color:#fff; background:rgba(0,103,48,.6); }
a.button.reversed:hover, a.button.reversed:focus { color:#fff; background:rgba(0,103,48,1); }
a.button.reversed:before { border-left:#fff solid 1px; border-bottom:#fff solid 1px; }
a.button.reversed:after { border-right:#fff solid 1px; border-bottom:#fff solid 1px; }

a.button.small-link { color:#fff; background:#338559; padding:16px 25px; }
a.button.small-link:hover, a.button.small-link:focus { color:#fff; background:#000; }
a.button.small-link:before { border-left:#000 solid 1px; border-bottom:#000 solid 1px; }
a.button.small-link:after { border-right:#000 solid 1px; border-bottom:#000 solid 1px; }

/*HEADER*/
#header .pt-4, #header .pb-xl-4 { transition:.5s ease; }
#top-logo { width:100%; max-width:100px; transition:.5s ease; }
#top-logo { position:absolute; top:-45px; left:15px; }
.top-links { font-family:"Ubuntu Condensed",sans-serif; font-size:1.06rem; }
.top-social-icon { font-size:25px; }

/*HOME PAGE*/
.hero-spacer img { width:100%; height:auto !important; max-height:630px !important; }
.hero-caption-wrapper { background:url('/images/interface/gpx_hero-line.svg') right bottom no-repeat; }
.hero-caption { background:url('/images/interface/gpx_gradient-box.svg') right bottom no-repeat; min-height:185px; }
.hero-caption p { margin:0 !important; padding:0 !important; color:#fff; font:normal 1.0rem/1 "Montserrat",sans-serif; text-shadow:0px 0px 10px #000; }
.hero-caption p .large-text { font:600 3.0rem/1 "Montserrat",sans-serif; text-transform:uppercase; display:inline-block; margin-bottom:6px; }
.hero-caption p .medium-text { color:#fddea1; font:normal 1.5rem/1 "Ubuntu Condensed",sans-serif; text-transform:uppercase }

.bg-interactive-map { background:url('/images/interface/inset_map.svg') #777 center / cover no-repeat; }
.bg-handshake { background:#131c1d; }

.property-size-container { padding:93px 27px 27px 27px; background:url('/images/interface/gpx_gradient-box-black.svg') center / auto 100% no-repeat; }
.property-size-container .large-text { color:#fddea1; font:600 2.4rem/1 "Montserrat",sans-serif; text-transform:uppercase; display:inline-block; margin-bottom:6px; }
.property-size-container .medium-text { color:#fff; font:600 2.4rem/1 "Ubuntu Condensed",sans-serif; text-transform:uppercase }

.demographic-content { background:url('/images/interface/gpx_gradient-box.svg') center bottom no-repeat; min-height:185px; max-width:200px; }
.demographic-icon { font-size:50px; }
.demographic-lg-text { font:normal 1.625rem/1 "Ubuntu Condensed", sans-serif; }
.demographic-sm-text { font:normal 1.06rem/1 "Ubuntu Condensed", sans-serif; }
#quality-of-life-spacer { padding-top:40px; transition:.5 ease; }

/*STATIC*/
#static-wrapper img { max-width:100%; height:auto !important; }
.static-header.has-image { min-height:100px; transition:.5s ease; }
.static-header.has-image.tall-header { min-height:200px; }
#static-wrapper li { padding-bottom:10px; }
#static-wrapper li p:last-of-type { margin-bottom:0px; padding-bottom:0px; }

.accordion .btn[aria-expanded="true"]:before { content: url('/images/interface/gpx_arrow-down-green.svg'); display:inline-block; padding-right:10px; position:relative; }
.accordion .btn[aria-expanded="false"]:before { content: url('/images/interface/gpx_arrow-right-green.svg'); display:inline-block; padding-right:10px; position:relative; }
.accordion .card-body ul, .accordion .card-body ul li { margin:0; padding:0; list-style:none; }
.accordion .card-body ul li { background: url('/images/interface/gpx_arrow-right.svg') left 6px no-repeat; padding:0px 0px 20px 38px; }

/*ASIDE*/
.aside-button { padding:148px 10px 14px 10px; }
.aside-map { background:url('/images/interface/inset_map.svg') #777 center no-repeat; }
aside h6 { font:normal 1rem/1 "Ubuntu Condensed", sand-serif; color:#000 !important; }
.aside-demographics-wrapper { max-width:160px; }
.aside-demographics-wrapper .demographic-icon { display:block; position:relative; font-size:70px; line-height:1; margin-bottom:6px; top:-10px; }

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

/*Nice Table*/
.nice-table th, .nice-table td { padding:5px 9px; }
.nice-table th, .nice-table th p { color:#fff !important; font-family:"Montserrat", 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%; }

.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; }

/*LOGO GRID*/
.logo-grid-wrapper ul, .logo-grid-wrapper li { list-style:none; }

.logo-grid-wrapper li { width:100%; }
.logo-grid-item { background-repeat:no-repeat; background-position:center; background-size: 70% auto; min-height:135px; }
.logo-grid-item.tall { background-size: auto 70%; }

/*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:60%; }
#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:1600px; height: 940px;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

/*FOOTER*/
#footer { background:#05612f; }
.footer-social-icon { font-size:33px; }

/*NAV*/
#main-nav.navbar { box-shadow: none; }
#main-nav .nav-link { font-family:"Ubuntu Condensed",sans-serif; font-weight:bold; font-size:18px; color:#242424; background:url('/images/interface/gpx_bg-nav-link.svg') right bottom no-repeat; }
#main-nav .nav-link { background-image:none; }
#main-nav .nav-item.active .nav-link { background-color:#318356; color:#ffffff; }
#main-nav .dropdown-item { white-space:normal; padding:5px 10px; }
#main-nav .nav-item a { position:relative; color:#093d5a; }
.dropdown-toggle::after { border-top:transparent .3em solid; } /**Keeps dropdown arrow invisible until hovered**/
.dropdown-toggle:hover::after, .dropdown-toggle:focus::after { border-top:#318356 .3em solid; } /**set dropdown arrow color when hovered**/
#main-nav .nav-item.active .dropdown-toggle:hover::after, #main-nav .nav-item.active .dropdown-toggle:focus::after { border-top:#fff .3em solid; } /**set dropdown arrow color when hovered**/

/*MEDIA QUERIES*/
@media screen and (min-width: 576px) {
  .static-header.has-image { min-height:150px; }
  .static-header.has-image.tall-header { min-height:250px; }
  .play-button-icon:before { top:70px; }
  .logo-grid-wrapper li { width:33%; }
}
@media screen and (min-width: 768px) {
  .static-header.has-image { min-height:200px; }
  .static-header.has-image.tall-header { min-height:250px; }
  .hero-caption p .large-text { font-size:3.94rem; }
  .hero-caption p .medium-text { font-size:1.75rem; }
}
@media screen and (min-width: 992px) {
  .h1, h1 { font-size: 1.75rem; }
  .h2, h2, .h3, h3 { font-size: 1.25rem; }
  .h4, h4 { font-size: 1.3rem; }
  .h5, h5 { font-size: 1.2rem; }
  .static-header.has-image { min-height:300px; }
  #top-logo { top:-20px; }
  #footer { background:url('/images/interface/bg-footer.jpg') #05612f center / cover no-repeat; }
  .border-right-lg-light { border-right:#fff solid 1px; }
  .bg-handshake { background:url('/images/interface/bg-handshake.jpg') #131c1d center / cover no-repeat; }
  #quality-of-life-spacer { padding-top:430px; }
  .logo-grid-wrapper li { width:25%; border-bottom:#e5e5e5 solid 1px; border-left:#e5e5e5 solid 1px; }
  .logo-grid-wrapper li:first-child, .logo-grid-wrapper li:nth-child(4n+1) { border-left:none; }
  .logo-grid-item { background-size: 90% auto; }
  .logo-grid-item.tall { background-size: auto 70%; }
}
@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) {
  #top-logo { max-width:127px; position:absolute; top:-7px; left:0px; }
  #header { position:fixed; top:0; right:0; left:0; }
  #header.sticky #top-logo { max-width:87px; }
  #header.sticky .pt-4.pb-xl-4 { padding-top: .75rem !important; padding-bottom: .75rem !important; }
  .static-header { min-height:150px; }
  .static-header.has-image { min-height:390px; }
  #main-nav .nav-link { padding:26px 25px; line-height:1; transition:.5s ease; }
  #header.sticky #main-nav .nav-link { padding:16px 25px; }
  #main-nav .nav-item.active .nav-link { background-image:url('/images/interface/gpx_bg-nav-link.svg'); }
  #header.sticky #main-nav .nav-item.active .nav-link { background-image:none; }
  #main-nav .nav-link.dropdown-toggle { padding-right:10px; }
  .content-right { max-width:635px; }
  .content-left { max-width:635px; float:right }
}
@media screen and (min-width: 1350px) {
  .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; }
  #top-logo { left:0px; }
}
@media print {
  html, body, #main, #static-wrapper, row, section, article, #printHeader { display:block !important; width:100% !important; float:none !important; padding:0 !important; margin:0 !important; }
  container, .container { display:block !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:top !important;}
  #print-header table td:first-child { width:150px; }
  #print-header table img { max-width:130px !important; }
}



