@page { size:8.5in 11in;}

/*ORIGINAL VALUES - not ADA compliant
.success-value {  color: #9ac33c !important;  } /*GREEN 154,195,60*/
.warning-value {  color: #f6951e !important;  } /*ORANGE 246,149,30*/
*/

/* BOOTSTRAP CHANGES */
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"; }
.fw-bold { font-weight:600; }
.text-primary {  color: #235b8f !important;  } /*BLUE 35,91,143*/
.text-success {  color: #9ac33c !important;  } /*GREEN 154,195,60*/
.text-warning {  color: #AF6408 !important;  } /*ORANGE 175,100,8*/
.text-blue {  color: #0133a1 !important;  } /*BLUE 1, 51, 161*/
.bg-primary {  background: #235b8f !important;  } /*BLUE 35,91,143*/
.bg-success { background:#637D26 !important } /*GREEN 99,125,38*/
.bg-warning {  background: #AF6408 !important;  } /*ORANGE 175,100,8*/
.bg-primary-faded {  background: rgb(35,91,143); background:rgba(35,91,143,.8);  }
.bg-success-faded { background: rgb(154,195,60); background:rgba(154,195,60,.8); }
.bg-warning-faded {  background: rgb(175,100,8); background:rgba(175,100,8,.8);  }
.container {  max-width: 1200px !important;  }
.container.xl-wrapper { max-width:1600px !important; }
.border-muted { broder:#f1f1f1 solid 2px; }

.bg-blue { background:#0133a1 !important; } /*Dept of energy branded blue 1, 51, 161*/
.bg-dark { background:#000 !important; }
.bg-light { background:#fff !important; }
.bg-grey { background:#DBDBDB !important; }
.btn-light { color: #000; background-color: #fff; border-color: #fff; }
.btn-light:hover, .btn-light:focus { color: #fff; background-color: #000; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height:1.2; font-family:"Ropa Sans", sans-serif; }
b, strong { font-weight: 600; }
.card-header { border-bottom:none; }
.text-white a { color:#fff; text-decoration:underline; }
hr { clear:both; border-color:#ccc !important; }
td, th { vertical-align:top; }

/*GLOBAL ELEMENTS*/
.z-index-2 {  z-index: 2;  }
.bg-image-full {  background: no-repeat;  background-size: cover;  min-height: 500px;  width: 100%;  }
.btn-black {  color:#fff; background: #000;  border: 0px;  border-radius: 0;  }
.btn-black:hover, .btn-black:focus {  color:#000 !important;  background:#fff;  border: 0px;  border-radius: 0;  }
.icon-compass-green {  height: 35px;  width: 35px;  margin-right: 10px;  }
.bg-dark-faded .text-primary { color:#68aac5 !important; }
.border-top { border-width:3px !important; }
.bottom-0 { bottom:0; }
.top-0 { top:0; }
.top-30 { top:30%; }
.right-0 { right:0; }
.bottom-0 { bottom:0; }
.left-0 { left:0; }
.text-larger p { font-size:1.2rem; }
.text-larger a.button { margin-top:0px; }
.large-icon { font-size:50px; }
.faded-icon i { opacity:.7; }
.faded-icon:hover i, .faded-icon:focus i { opacity:1; }
.h-100vh { height:100vh; }
.fill-area { top:0; right:0; bottom:0; left:0; }
.semitransparent { opacity:.5; }
.semitransparent2 { opacity:.25; }
.grayscale { filter:grayscale(1); }
.image-fill { width:100%; height:100%; object-fit:cover; object-position:center; }
.image-fit { width:100%; height:100%; object-fit:contain; object-position:center; }
.rounded-3 { border-radius:.5rem !important; }

.bg-warning-gradient { background:rgb(251,172,24); background:linear-gradient(180deg, rgba(251,172,24,0) 49%, rgba(251,172,24,0) 49%, rgba(251,172,24,1) 70%); }
.bg-success-gradient { background:rgb(99,125,38); background:linear-gradient(180deg, rgba(99,125,38,0) 49%, rgba(99,125,38,0) 49%, rgba(99,125,38,1) 70%); }
.bg-primary-gradient { background:rgb(35,91,143); background:linear-gradient(180deg, rgba(35,91,143,0) 49%, rgba(35,91,143,0) 49%, rgba(35,91,143,1) 70%); }
.bg-warning-gradient-horizontal-left { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(251,172,24,1) 0%, rgba(251,172,24,0) 42%); }
.bg-success-gradient-horizontal-left { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(154,195,60,1) 0%, rgba(154,195,60,0) 42%); }
.bg-primary-gradient-horizontal-left { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(35,91,143,1) 0%, rgba(35,91,143,0) 42%); }
.bg-warning-gradient-horizontal-right { background: rgb(255,255,255); background: linear-gradient(270deg, rgba(251,172,24,1) 0%, rgba(251,172,24,0) 42%); }
.bg-success-gradient-horizontal-right { background: rgb(255,255,255); background: linear-gradient(270deg, rgba(99,125,38,1) 0%, rgba(99,125,38,0) 42%); }
.bg-primary-gradient-horizontal-right { background: rgb(255,255,255); background: linear-gradient(270deg, rgba(35,91,143,1) 0%, rgba(35,91,143,0) 42%); }
.bg-dark-faded { background: rgb(0,0,0); background: rgba(0,0,0,.9); }
.box-shadow { box-shadow:0px 0px 20px #000; }
.accordion .card * { text-shadow:0px 0px 8px #000; }

.err-wrap { display:none !important; }
.text-red { color:#AD0000; }
.photo-left { float:left; margin:6px 25px 25px 0px; }
.photo-right { float:right; margin:6px 0px 25px 25px; }
#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 'Droid 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; }
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.button { display:inline-block; color:#fff !important; background: #235b8f; border:#235b8f solid 1px; padding: 7px 10px; font:normal 1.25rem/1 "Ropa Sans", sans-serif; text-transform:uppercase; margin-top:20px; }
a.button:hover, a.button:focus { color:#235b8f !important; background: #fff; text-decoration:none; }
a.button.black { background: #000; border-color: #000; }
a.button.black:hover, a.button.black:focus { background: #fff; color:#000 !important; }
.text-white a.button { color:#235b8f !important; text-decoration:none; background:#fff !important; border-color:#fff; }
.text-white a.button:hover, .text-white a.button:focus { color:#fff !important; background:#235b8f !important; text-decoration:none; }
a.button.doe { color:#fff !important; background: #0133a1; border:#0133a1 solid 1px; text-transform:none; padding:10px 40px 10px 10px; margin-top:0px; position:relative; }
a.button.doe:hover, a.button.doe:focus, a.button.doe:active { color:#0133a1 !important; background: #fff; text-decoration:none; }
a.button.doe::after { content: "\f04b"; font:900 .9rem/1 "Font Awesome 6 Pro"; display:block; position:absolute; top:33%; right:10px; }
a.button.doe:hover::after, a.button.doe:focus::after, a.button.doe:active::after { color:#0133a1; }

.clear { clear:both; }
.hide { display:none; }

h2, .h2 { color:#235b8f; text-transform:uppercase; }
.h4, h4 { font-size: 1.5rem; }

p, li { font-size:1.06rem; }
p.small-text { font-size:.8rem; }
hr { clear:both; }

/*HEADER*/
#header {  position: relative;  top: 0;  display: block;  left: 0;  right: 0;  z-index: 4;  background: rgb(255, 255, 255);  background: rgba(255, 255, 255, .9);  }
#top-nav {  background-color: #235b8f; border-bottom: 3px solid #fbac18; }
#top-nav i { font-size:20px; }
#top-nav .border-left {  border-left: 1px solid #c8c9c9 !important;  }
#top-nav a {  color: #fff;  }
#top-nav a:hover,#top-nav a:focus {  color: #95f097;  }
.top-icon { padding:10px 11px; }
#logo-left {  max-width:315px; height:auto !important;  }

/*HOME*/
/* HERO CAROUSEL */
#home-hero { background-color:#000; }
#home-hero .carousel-item {  /*min-height: 50vh;*/ background-position:center; background-size: cover; background-repeat:no-repeat; transition:.5s ease; }
.carousel-indicators {  background-color: black;  padding: 4px;  margin: 0;  }
.carousel-indicators li {  background-color: #fbac18;  height: 12px;  width: 12px;  margin: 10px; border:none; outline:none; background-clip: unset; }
.carousel-indicators.green li {  background-color: #9ac33c;  }
#home-hero .carousel-caption { position:relative; top:0; right:0; bottom:0; left:0; padding: 50px 30px; border-top: 3px solid #fbac18; }
#home-hero .carousel-caption.bg-dark { background: rgb(0, 0, 0) !important;  background: rgba(0, 0, 0, .7) !important;  }
#home-hero .caption-left { width:80px; border-right: solid 3px #fff; }
#home-hero .caption-first-line { font-size:1.8rem; line-height:1; }
#home-hero .caption-second-line { font-size:2.5rem; line-height:1; }
#home-hero .lead { font:400 1.3rem/1.4 "Ropa Sans",sans-serif; }
#home-hero .lead .title { text-transform:uppercase; font-size:1.5rem; }
#home-hero .carousel-caption a.button { margin-top:0px; }

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

.property-text h2 { font-size: 2.8rem; }
.property-text { font-size:1.4rem; }
.property-text ul, .property-text ul li { margin:0; padding:0; list-style:none; }
.property-text ul li { padding:8px 8px 8px 45px; }
.property-text ul li { background:url('/images/imgs/gpx_icon-compass.svg') 0px 8px no-repeat; }
.headers-warning h1, .headers-warning .h1, .headers-warning h2, .headers-warning .h2, .headers-warning h3, .headers-warning .h3, .headers-warning h4, .headers-warning .h4, .headers-warning h5, .headers-warning .h5 { color:#fbac18 !important; text-transform:uppercase; }
.headers-success h1, .headers-success .h1, .headers-success h2, .headers-success .h2, .headers-success h3, .headers-success .h3, .headers-success h4, .headers-success .h4, .headers-success h5, .headers-success .h5 { color:#9ac33c !important; text-transform:uppercase; }
.headers-primary h1, .headers-primary .h1, .headers-primary h2, .headers-primary .h2, .headers-primary h3, .headers-primary .h3, .headers-primary h4, .headers-primary .h4, .headers-primary h5, .headers-primary .h5 { color:#235b8f !important; text-transform:uppercase; }
.bg-dark-faded .headers-primary h1, .bg-dark-faded .headers-primary .h1, .bg-dark-faded .headers-primary h2, .bg-dark-faded .headers-primary .h2, .bg-dark-faded .headers-primary h3, .bg-dark-faded .headers-primary .h3, .bg-dark-faded .headers-primary h4, .bg-dark-faded .headers-primary .h4, .bg-dark-faded .headers-primary h5, .bg-dark-faded .headers-primary .h5 { color:#68aac5 !important; text-transform:uppercase; }

.icon-box { position:relative; }

.pb-home-news { padding-bottom:70px; }
.home-news-item { height:180px; }
.home-news-text h5 { font-size:1.6rem; }
.home-news-text p { font-size:1.2rem; }
.w-35 { width: 35% !important; }

.contact-text-box { width:100%; }
.contact-text-box h3 { font-size:1.35rem; text-transform:uppercase; margin-bottom:0; }
.contact-text-box h4 { font-size:1.125rem; text-transform:uppercase; }
.contact-text-box p { font-size:1.2rem; line-height:1.4; }

/*INTERACTIVE MAPS HOME*/
#map-button-1 {  background-image: url('/images/interface/btn_local.jpg');  background-size: cover;  background-repeat: no-repeat;  height: 100%;  width: 100%;  }
#map-button-2 {  background-image: url('/images/interface/btn_regional.jpg');  background-size: cover;  background-repeat: no-repeat;  height: auto;  width: 100%;  }
#map-button-3 {  background-image: url('/images/interface/btn_national.jpg');  background-size: cover;  background-repeat: no-repeat;  height: auto;  width: 100%;  }
#map-button-doe {  background-image: url('/images/uploads/_md/Paducah-Site-Location-zoom-out-669_2025-USE2.png');  background-size: cover;  background-repeat: no-repeat;  height: 100%;  width: 100%;  }

.box-spacing { top:4px; right:2px; bottom:4px; left:2px; }
.main-button { min-height:160px; border:#fff solid 2px; transition:.5s ease; overflow:hidden; }
.main-button.aside { min-height:200px; }
.bg-map-overlay { top:4px; right:2px; bottom:4px; left:2px; }

.map-image {  display: block;  width: 100%;  height: auto;  }
.map-overlay {  position: absolute;  top: 0px;  bottom: -3px;  left: 0;  right: 0;  }
.bg-map-overlay {  position: absolute;  top: 1px;  right: 1px;  bottom: 4px;  left: 1px;  transition: .5s ease;  opacity: .8;  }
.bg-map-overlay.orange {  background-color: #d19632;  }
.bg-map-overlay.green {  background-color: #92b347;  }
.bg-map-overlay.blue {  background-color: #36638d;  }
.bg-map-overlay.doe {  background-color: #0133a1;  }
.link-map-overlay {  font-size: 35px;  text-transform: uppercase;  line-height: 1;  position: relative;  }
.link-map-overlay.aside {  font-size: 25px; line-height:1.1; }
.link-map-overlay:hover, .link-map-overlay:focus { text-decoration:none; }
.link-map-overlay:hover .bg-map-overlay,.link-map-overlay:focus .bg-map-overlay {  top: 50px;  right: 50px;  bottom: 50px;  left: 50px; }

.zoom-out {  -webkit-transform: scale(1.5);  transform: scale(1.5);  -webkit-transition: .3s ease-in-out;  transition: .3s ease-in-out;  }
.zoom-out:hover {  -webkit-transform: scale(0.5);  transform: scale(0.9);  }


/* My CSS Testing Section */
/* ----------------------------------------------------------- */
.first-btn {  background: #235b8f;  border: 0px;  border-radius: 0;  }
.first-btn:hover {  background: black;  border: 0px;  border-radius: 0;  }
.sites-btn {  color: black;  background: white;  border: 0px;  border-radius: 0;  }
.sites-btn:hover {  color: white;  background: black;  border: 0px;  border-radius: 0;  }
.hero-txt-btn {  background: #235b8f;  border: 0px;  border-radius: 0;  }
.hero-txt-btn:hover {  background: black;  border: 0px;  border-radius: 0;  }
#video-section {  background-image: url('/imgs/video-section-bg.png');  background-size: cover;  background-repeat: no-repeat;  }
#sites-bldgs-section {  background-image: url('/imgs/sites-bldgs-bg.png');  background-size: cover;  background-repeat: no-repeat;  }

/* Tall 3 Col Section */
.second-button-img {  position: relative;  background-size: 100% auto;  background-repeat: no-repeat;  background-position: center top;  padding-top: 800px;  max-width: 100%;  border-right: solid 5px white;  border-bottom: solid 4px white;  -webkit-transition: 0.6s ease;  transition: 0.6s ease;  }
.second-button-img:hover {  background-size: 105% auto;  background-repeat: no-repeat;  max-width: 100%;  border-right: solid 5px white;  border-bottom: solid 4px white;  }
/* Red Truck */
#first-col-img {  background-image: url('/imgs/truck-orange-accent.png');  background-color: #f6951e;  }
/* Tugboat */
#second-col-img {  background-image: url('/imgs/tugboat-green=accent.png');  background-color: #9ac33c;  }
/* Red Train */
#third-col-img {  background-image: url('/imgs/red-train-blue-accent.png');  background-color: #235b8f;  border-right: none;  }


.paducah-advantage {  padding: 5px;  width: 50%;  background: rgb(0, 0, 0) !important;  background: rgba(0, 0, 0, .7) !important;  }
.advantages-spacer { height:10vh; max-height:320px; transition:.5s ease; }
.advantages-bg-image { background-position: center bottom; background-repeat:no-repeat; background-size:100% auto; }

/* ---------------------------------------------------------- */

/*STATIC*/
#static-wrapper img { max-width:100% !important; height:auto !important; }
#static-wrapper img.h-100 { height:100% !important; }
#static-wrapper img.image-fill, #static-wrapper img.image-fit { max-width:unset !important; width:100% !important; height:100% !important; }
blockquote { background:#235b8f; padding:50px; margin:50px 0px; clear:both; }
blockquote, blockquote p, blockquote li { color:#fff !important; font-size:1.6rem; line-height:1.3; }

.static-header { width:100%; position:relative; min-height:300px; overflow:hidden; }
.static-header .header-title { font:400 3.8rem/.9 "Ropa Sans",sans-serif; text-shadow: 2px 2px 10px black; }

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

.video-button { aspect-ratio: 1.7 / 1; text-decoration:none !important; background-color:#000; background-size:cover; background-repeat:no-repeat; }
.video-button i { font-size:4.5rem; opacity:.5; transition:.5s ease; }
.video-button:hover i, .video-button:focus i { opacity:.9; }

.photo-spacer { height:130px; width:100%; opacity:1; transition:0.5s ease; }
.photo-spacer:hover, .photo-spacer:focus { opacity:.7; }

/*PHOTO BUTTONS*/
.photo-button { aspect-ratio:1.2 / 1; text-decoration:none !important; }
.button-text { background:#0133a1; color:#fff; font-weight:500; padding:10px 20px 10px 10px; position-relative; margin-bottom:25px; transition:.3s ease; }
.button-text::after { content: "\f04b"; font:900 1rem/1 "Font Awesome 6 Pro"; display:block; position:absolute; top:33%; right:10px; }
.photo-button:hover .button-text, .photo-button:focus .button-text, .photo-button:active .button-text { background:#fff; color:#0133a1; margin-bottom:35px; }
.photo-button:hover .button-text::after, .photo-button:focus .button-text::after, .photo-button:active .button-text::after { color:#0133a1; }

/*Nice Table*/
.nice-table th, .nice-table td { padding:5px 9px; }
.nice-table th, .nice-table th p { color:#fff !important; font-family:"Lato", sans-serif; font-weight:700; text-transform:uppercase; }
.nice-table th { background:#235b8f; 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%; }

/*TIMELINE*/
.arrow-right, .arrow-left { position:relative; }
.arrow-right::after, .arrow-left::after { content:""; display:block; position:absolute; bottom:-16px; left: calc(50% - 8px); width: 0px; height: 0px; border-style: solid; border-width: 17px 8.5px 0 8.5px; border-color: #0133A1 transparent transparent transparent; transform: rotate(0deg); }

/*ACCORDION*/
/* For the Accordion Arrows Animation */
.card-header a { cursor:pointer; }
.card-header .fa {  transition: .3s transform ease-in-out;  }
.card-header .collapsed .fa {  transform: rotate(180deg);  }

.bg-warning-gradient-gradual { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6951e+0,f6951e+92&0+13,1+92 */
background: -moz-linear-gradient(top, rgba(175,100,8,0) 0%, rgba(175,100,8,0) 13%, rgba(175,100,8,1) 92%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(175,100,8,0) 0%,rgba(175,100,8,0) 13%,rgba(175,100,8,1) 92%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(175,100,8,0) 0%,rgba(175,100,8,0) 13%,rgba(175,100,8,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6951e', endColorstr='#f6951e',GradientType=0 ); /* IE6-9 */
}
.bg-success-gradient-gradual{ 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#637d26+0,637d26+92&0+13,1+92 */
background: -moz-linear-gradient(top, rgba(99,125,38,0) 0%, rgba(99,125,38,0) 13%, rgba(99,125,38,1) 92%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(99,125,38,0) 0%,rgba(99,125,38,0) 13%,rgba(99,125,38,1) 92%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(99,125,38,0) 0%,rgba(99,125,38,0) 13%,rgba(99,125,38,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00637d26', endColorstr='#637d26',GradientType=0 ); /* IE6-9 */
}
.bg-primary-gradient-gradual { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#235b8f+0,235b8f+92&0+13,1+92 */
background: -moz-linear-gradient(top, rgba(35,91,143,0) 0%, rgba(35,91,143,0) 13%, rgba(35,91,143,1) 92%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(35,91,143,0) 0%,rgba(35,91,143,0) 13%,rgba(35,91,143,1) 92%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(35,91,143,0) 0%,rgba(35,91,143,0) 13%,rgba(35,91,143,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00235b8f', endColorstr='#235b8f',GradientType=0 ); /* IE6-9 */
}

/*FORMS*/
.form-wrapper input { padding:5px 10px !important; border-radius:6px; }
.form-wrapper input[type=text], .form-wrapper input[type=email] { width:100%; border:none; background:#E9E9ED; }
.form-wrapper input[type=submit] { margin-top:20px; border:none; }
.form-wrapper textarea { width:100%; padding:10px !important; border:none; background:#E9E9ED; border-radius:6px; }
.form-wrapper .column { padding-right:20px; min-height:unset !important; }
.form-wrapper .column.column-last { padding-right:0px; }
.form-wrapper .dform_element { margin: 0px; }
.form-wrapper label { margin-top: 20px !important; }

/*ASIDE*/
aside hr { margin:2rem 0rem; border: 0; border-top:#ccc solid 1px !important; clear:both; opacity:1; }
hr.aside-spacer-1 { display:none; }
#aside-logo-carousel .carousel-control-next-icon, #aside-logo-carousel .carousel-control-prev-icon { background:#000; border-radius:50%; width:26px; height:26px; }
.logo-carousel-item { height:170px; text-align:center; }
.logo-carousel-item img { width: auto !important; max-width:100% !important; max-height:100% !important; }

/*AVAILABLE PROPERTY*/
.border-available { border:#E4E4E4 solid 1px; }
.border-pending { border:#235b8f solid 1px; }
.border-sold { border:#ff0000 solid 1px; }

.border-pending .property-status { color:#235b8f; }
.border-sold .property-status { color:#ff0000; }

.property-image { overflow:hidden }
.property-banner { position:absolute; color:#fff; width:260px; padding:5px 100px 5px 0px; top:40px; left:-30px; -ms-transform: rotate(20deg); transform-origin: left top; transform: rotate(-20deg); text-align:center; }
.property-banner.pending { background:#235b8f; }
.property-banner.sold { background:#ff0000; }

/*NEWS*/
.news-video-spacer { height:180px; max-width:180px; }
.play-button-icon:before { content: "\f144"; display:block; position:absolute; width:100%; height:80px; top:25%; 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; }

/*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:#6FA363; text-align:center; text-transform:uppercase; }
#mapNav a.active { background:#235B8F; 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;
}
.modal-dialog { max-width: 1100px !important; }
.modal-body iframe { border:0 !important; }

/* Footer */
#footer { color: #26496d; background:url('/images/imgs/gped-footer-bg.png') #235b8f center / cover no-repeat; }
#footer-bg {  width: 100%;  height: auto;  }
#footer-logo { max-height:75px; }
#footer .footer-social a {  font-size: 30px; color:#fff; width:60px; text-align:center; }
#footer .footer-social a:hover, #footer .footer-social a:focus {  color: #f6951e;  }

#footer-text {  color: black;  font-size: 25px;  font-weight: 600;  text-decoration: none;  }


/*NAV*/
.dropdown-item { white-space:normal; font-size:.9rem; padding:5px 8px; }
.navbar-nav a.nav-link { font-family:"Ropa Sans",sans-serif; color:#06377b !important; font-size:1.1rem; text-transform:uppercase; padding-right:.5rem; padding-left:.5rem; }
.navbar-nav a.nav-link:after { color:#fff; }
.navbar-nav a.nav-link:hover, .navbar-nav a.nav-link:focus { background:#06377b; color:#fff !important; }

/*MEDIA QUERIES*/
@media screen and (max-width: 575px) {
  #map-button-1-wrapper, #map-button-1 { min-height:200px; }
}
@media screen and (min-width: 576px) {
  .photo-button.single-button { aspect-ratio:2.46 / 1; }
  .photo-button.double-button { aspect-ratio:1.23 / 1; }
}
@media screen and (min-width: 756px) {  
  #home-hero .caption-text { padding-left:100px; }
  #home-hero .caption-first-line { font-size:2.43rem; }
  #home-hero .caption-second-line { font-size:3.18rem; }
  .advantages-bg-image { background-position: center top; background-size:200% auto; }
  #footer .footer-social a { width:70px; }
}
@media screen and (min-width: 768px) {  
  .arrow-right, .arrow-left { position:relative; }
  .arrow-right::after { content:""; display:block; position:absolute; left:auto; right:-16px; bottom:auto; top: calc(50% - 8px); width: 0px; height: 0px; border-style: solid; border-width: 8.5px 0 8.5px 17px; border-color: transparent transparent transparent #0133a1; transform: rotate(0deg); }
  .arrow-left::after { content:""; display:block; position:absolute; left:-16px; right:auto; bottom:auto; top: calc(50% - 8px); width: 0px; width: 0px; height: 0px; border-style: solid; border-width: 8.5px 17px 8.5px 0; border-color: transparent #0133A1 transparent transparent; transform: rotate(0deg); }
  .circle-right::after { content:""; display:block; position:absolute; width:50px; height:50px; top:0px; right:-25px; border-radius:50%; background:url('/images/interface/gpx_star.svg') #0133a1 center / contain no-repeat; border:#f1f1f1 solid 4px; }
  .circle-left::before { content:""; display:block; position:absolute; width:50px; height:50px; top:0px; left:-25px; border-radius:50%; background:url('/images/interface/gpx_star.svg') #0133a1 center / contain no-repeat; border:#f1f1f1 solid 4px; }
}
@media screen and (min-width: 992px) {  
  .read-more {  display: inline-block;  position: absolute;  bottom: 10px;  }
  .advantages-spacer { height:40vh; }
  .pb-6 {  padding-bottom: 80px;  }
  #home-hero .carousel-caption-wrapper { position:absolute; bottom:0; }
  #home-hero .carousel-item {  height: 75vh; max-height:650px; }
  #home-hero .carousel-caption { position:absolute; width:670px; padding:40px 30px 20px 30px; top:auto; left:auto; right:0; bottom: 107px; }
  #home-hero .caption-text { width:490px; }
  .main-button { min-height:360px; }
  .main-button.aside { min-height:240px; }
  .icon-box:before { content:url('/images/imgs/gpx_icon-compass.svg'); position:absolute; top:4px; left:-42px; }
  .contact-text-box { max-width:530px; }
  .photo-button.single-button { aspect-ratio:3.6 / 1; }
  .photo-button.double-button { aspect-ratio:1.76 / 1; }
  .arrow-right::after, .arrow-left::after { top: calc(50% - 7px) }
}
@media screen and (max-width: 1024px) {
  .static-header { width:100%; position:relative; max-height:300px; overflow:hidden; }
  .static-header:before { content:''; display:block; padding-top: 22.9%; /*height divided by width*/ }
  table.responsive, table.responsive tr, table.responsive tbody, table.responsive td { display:block; width:100% !important; }
  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: 1025px) {
  .mobile-only {  display: none  }
  .static-header { min-height:300px; }
}
@media screen and (max-width: 1199px) {
  .home-hero-spacer:before {  content: '';  display: block;  padding-top: 55.77%;  }
  .sec-hero-spacer:before {  content: '';  display: block;  padding-top: 34.6%;  }
}
@media screen and (min-width: 1200px) {
  #home-hero .carousel-item {  height: 85vh; min-height: 550px; max-height:850px; }
  .home-hero-spacer {  height: 850px;  }
  .sec-hero-spacer {  height: 450px;  }
  .advantages-spacer { height:80vh; }
  #main-content {  padding: 60px 0px 100px 60px;  }
  .left-content {  width: 600px;  float: right;  }
  .right-content {  width: 600px;  float: left;  }
  .left-content:after, .left-content:after {  content: "";  display: block;  clear: both;  }
  .w-xl-50 { width:50% !important; }
  .advantages-bg-image { background-position: center top; background-size:180% auto; }
  .nav-link { padding-top:25px; }
  .photo-spacer { height:180px; } 
  .w-xl-75 { width:75%; }
}
@media screen and (min-width: 1300px) {
  #video-bkg-wrapper video {  width: 100vw !important; }
}
@media screen and (min-width: 1500px) {
  .pxxl-4 { padding-right: 1.5rem !important; }
  .pl-xxl-0 { padding-left: 0px !important; }
  .d-xxl-inline-block { display: inline-block !important; }
  .mx-xxl-auto { margin-left:auto !important; margin-right:auto !important; }
}
@media screen and (min-width: 1600px) {
  .advantages-bg-image { background-position: center 80%; }
  .align-items-xxl-center { -ms-flex-align: center !important; align-items: center !important; }
}
@media screen and (min-width: 1700px) {
  #video-bkg-wrapper video {  width: 100vw !important; }
}

@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; float:none !important; padding:0 !important; margin:0 !important; }
  *.d-print-none, .button { display:none !important; }
  .d-screen-only { display:none !important; }
  .print-no-style, .print-no-style * { background:#fff !important; color:#000 !important; }
  .print-reset-spacing { padding:0px !important; margin:15px 0px !important; }
  .mt-print-3, .my-print-3 { margin-top: 1rem !important; }
  .border-primary, .border-secondary, .border-success { border:none !important; }
  #print-header { display:block; }
  #print-header img { max-width:75%; height:auto !important; margin-bottom:25px; }
  .border-bottom-secondary, .border-top-secondary, #static-wrapper { border-color:#fff !important; }
  .photo-spacer { height:auto !important; }
}