/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!./hpla/media/css/gm-styles.css ***!
  \*****************************************************************************************************************************************************************************************/
/* body{
    font-size: 1.5rem;
} */
.banner-content-nav {
    background-color: #ebeef0;
    display: block;
    padding: 12px 0 12px 0;
}

div.report-print-date {
    position: absolute;
    margin-top: 21px;
    margin-left: -11px;
}

#report-title-container {
    top: 50px;
    width: 98%;
    transform: translate(0%);
    z-index: 9998;
    position: absolute;
}

.map-with-images-header {
    max-height: 600px;
    width: 70%;
}

.map-sans-images-header {
    max-height: 600px;
    /* color: #676767; */
    color: #fff;
}

.hpla-legacy-report-header {
    flex-direction: row;
}

.legacy-report-carousel {
    max-height: 400px;
    width: 45%;
    float: right;
}

.legacy-report-img-print-only {
    display: none;
    visibility: hidden;
}

.gm-toolbar {
    background: #0f2940;
    height: 47px !important;
}

.gm-toolbar-content {
    padding-top: 10px !important;
    margin-bottom: 5px !important;
}

.toolbar-img {
    height: 27px;
    float: left;
    padding-right: 5px;
    margin-top: 4px;
}

.gm-left-brand-container {
    padding-right: 0px !important;
}

.gm-toolbar-left {
    display: flex;
}

.gm-la-icon-svg {
    padding-right: 5px;
    padding-top: 2px;
    padding-left: 5px;
}

.gm-toolbar-right {
    float: right;
    display: inline-flex !important;
    margin-top: 3px;
}

.gm-toolbar p {
    color: white;
    padding-top: 2px;
}

.gm-toolbar a {
    color: white;
}

.toolbar-text {
    padding-right: 20px !important;
    padding-top: 3px !important;
    text-decoration: none !important;
}

.toolbar-text a {
    font-size: 12px !important;
    text-decoration: none !important;
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
}

.toolbar-text a:hover {
    text-decoration: none !important;
    cursor: pointer;
    color: white;
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
}

.bannerWhiteBackground {
    background: white;
    color: black;
    border-radius: 6px;
    padding: 0 4px;
    margin-right: 2px;
    font-size: 12px !important;
}

.gm-arches-nav {
    list-style: none !important;
    color: #7c8082 !important;
    display: flex;
    padding-top: 10px;
    flex-wrap: wrap;
}

.gm-arches-nav li {
    margin-right: 5px;
    font-size: 11px !important;
}

.gm-arches-nav a {
    font-size: 11px !important;
}

.gm-arches-nav i {
    font-size: 14px !important;
    padding-left: 5px;
    padding-right: 5px;
}

#hpla-logo {
    /* height: 64px;    !important; */
    max-height: 100px;
    padding-left: 12px !important;
}

.nav-img {
    padding-top: 26px;
    padding-left: 0px !important;
    position: absolute;
    left: 26%;
}

.nav-links {
    align-items: flex-end;
}

.nav-links li a {
    color: #777;
}

.nav-links li a:hover {
    color: #4765a0 !important;
    border-bottom: 2px solid #4765a0 !important;
}

li a.nav-link.disabled {
    color: rgb(185, 185, 185);
    pointer-events: none;
    cursor: default;
}

.slideShow img {
    width: 1110px;
}

.gm-info-sec p {
    font-size: 18px;
}

.section.container p {
    font-size: 18px;
}

.gm-info-sec {
    margin-top: 30px;
}

.gm-info-sec-title {
    color: #4765a0;
    font-weight: 200;
    font-size: 30px;
}

.gm-info-sec p {
    color: #414042;
}

.gm-feature-sec {
    border-top: 1px solid #eee;
    margin: 30px 0 60px 0; /*30px;*/
    padding-top: 20px;
}

.gm-feature-sec-title {
    font-size: 35px;
    color: #4765a0;
    font-weight: 200 !important;
    padding-top: 0px; /*50px;*/
    text-align: center;
}

.gm-feature-sec-text {
    text-align: center;
    padding-bottom: 0px; /*50px;*/
    color: #414042;
}

.gm-feature-card {
    margin-left: 8px;
    background: #fafafa !important;
    text-align: -webkit-center !important;
}

.gm-card-icon {
    height: 80px;
    margin-top: 40px !important;
}

.gm-card-text {
    margin-bottom: 20px !important;
}

.card-title a {
    color: black !important;
}

.gm-cityLogo-footer {
    height: 90px;
    margin-bottom: 20px;
    padding-left: 12px;
}

.gm-footer {
    margin-top: 30px;
    background: #585f69;
    color: #dadada !important;
    padding-bottom: 15px;
}

.gm-footer-container {
    padding-top: 30px !important;
}

.gm-footer-text-block {
    margin-bottom: 0px !important;
}

.border-dot {
    border-bottom: dotted;
}

.footer-ul {
    list-style-type: none;
    padding-left: 16px;
}

.footer-ul li {
    font-size: 13px !important;
}

.larger-text {
    font-size: 1.5rem !important;
}

.footer-text-headers {
    font-size: 19px;
}

.nav-row {
    display: -webkit-inline-box !important;
    flex-wrap: wrap !important;
}

.owl-carousel-gm {
    width: 100%;
    max-width: 1386px;
    height: auto; /*500px; */
    margin: 40px 20px 0px 50px; /*0px auto; */
    visibility: visible;
}

.gm-slider-img {
    height: 500px;
}

.gm-slideer-caption {
    line-height: 42px;
    font-size: 22px;
    font-weight: 200;
    color: rgb(255, 255, 255);
    top: 70px;
    left: 223px;
    width: auto;
    height: auto;
    padding: 0px;
    border-width: 0px;
    opacity: 1;
    transform: rotate(0deg) scale(1, 1);
    margin-left: 0px;
    margin-top: 0px;
    display: block;
    visibility: visible;
    position: absolute;
}

.gm-slideer-caption-2 {
    line-height: 42px;
    font-size: 42px;
    font-weight: 200;
    color: rgb(255, 255, 255);
    top: 110px;
    left: 223px;
    width: auto;
    height: auto;
    padding: 0px;
    border-width: 0px;
    opacity: 1;
    transform: rotate(0deg) scale(1, 1);
    margin-left: 0px;
    margin-top: 0px;
    display: block;
    visibility: visible;
    position: absolute;
}

.gm-dropdown {
    font-size: 1.2rem !important;
}

.gm-nav-about-link {
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* .gm-about-sec{
    font-size: 16px;
    margin: 30px 0 60px 0;
    padding-top: 20px;
} */
p.gm-text-gray, li.gm-text-gray {
    font-size: 16px;
}

.gm-title {
    color: #4765a0 !important;
    font-weight: 200;
}

.gm-text-blue {
    color: #4765a0 !important;
}

.gm-text-gray {
    color: #414042;
}

.gm-about-li {
    margin-bottom: 10px !important;
    font-size: 18px;
}

.gm-about-a a {
    color: #f15f27;
    text-decoration: none;
}

.gm-about-a a:hover {
    color: #337AB7;
}

.gm-search-tips {
    list-style-type: none;
    padding-left: 0;
    margin: 30px 0 60px 0; /*30px;*/
    padding-top: 20px;
}

.gm-bottom-margin {
    margin-bottom: 3px;
}

.gm-bottom-margin-med {
    margin-bottom: 7px;
}

.gm-list-inline-margin {
    margin-right: 14px;
}

.gm-status-code-row {
    margin-left: 45px !important;
}

.gm-status-text-right {
    text-align: right !important;
}

.gm-title-status-code {
    color: #E5510A !important;
    font-weight: 200;
}

.gm-bottom-margin {
    margin-bottom: 3px;
}

.gm-status-sub-title-gr {
    color: #009900;
    font-weight: bold;
}

.gm-status-sub-title-rd {
    color: #8E0000;
    font-weight: bold;
}

.gm-status-title-center {
    text-align: center !important;
}

#container.navbar-fixed > #navbar {
    position: relative !important;
}

#aside-container {
    position: absolute !important;
}

.gm-arches-nav {
    list-style: none !important;
    color: #7c8082 !important;
    display: flex;
    padding-top: 10px;
    flex-wrap: wrap;
}

.gm-arches-nav-padding {
    /* uncomment later 
    padding-left: 90px !important;
    padding-top: 18px  !important;*/
}

.loading-mask-search-string {
    font-size: 22px;
    padding-top: 5%;
    font-weight: 600;
    width: 50%;
    text-align: center;
    top: 25%;
    left: 25%;
    height: 50%;
    position: absolute;
    /* color:#4682B4; */
    color: #fff;
    background-color: #000;
    z-index: 8000;
}

.gm-arches-nav li {
    margin-right: 5px;
}

.gm-arches-nav a {
    color: #7c8082 !important;
    font-size: 12.5px;
}

.nav-container-content {
    height: 80px;
    margin-bottom: 8px;
}

.nav-container-content-home {
    height: 80px;
    margin-bottom: 5px;
    float: left !important;
}

.nav-links {
    align-items: flex-end;
}

.gm-nav-base {
    display: flex;
    padding-left: 30px !important;
    font-family: "Roboto";
}

.gm-dropdown {
    z-index: 9999 !important;
}

.bannerWhiteBackground {
    background: white;
    color: black;
    border-radius: 6px;
    padding: 0 4px;
    margin-right: 2px;
    font-size: 11px;
}

.navbar-brand {
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.nav-link {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide:hover {
    background-position: 0px -53px;
}

.owl-carousel .next-slide:hover {
    background-position: -24px -53px;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-prev {
    left: -2rem;
}

.owl-next {
    right: -2rem;
}

.fa-chevron-circle-right {
    visibility: hidden;
}

.fa-chevron-circle-left {
    visibility: hidden;
}

.owl-carousel-gm:hover .fa-chevron-circle-right {
    margin-right: 70px !important;
    color: white !important;
    font-size: 30px !important;
    visibility: visible;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

.owl-carousel-gm:hover .fa-chevron-circle-left {
    margin-left: 70px !important;
    color: white !important;
    font-size: 30px !important;
    visibility: visible;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.gm-la-title {
    font-size: 18px !important;
}

.gm-la-font {
    font-family: "Oswald", sans-serif !important;
}

.gm-row-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.emptyCol7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.ep-toolbar {
    border-top: 5px solid #2c3c4b !important;
}

.page-header {
    margin: 0 !important;
    border-bottom: 0 !important;
}

.ep-tools-right {
    border-left: 0;
}

.gm-active {
    border-bottom: 2px solid #4765a0 !important;
}

.list-divider-dark {
    border-bottom: 0 !important;
}

/* @media only screen and (max-device-width: 1199px) {
    .gm-arches-nav-padding {
        padding-left: 80px !important;
        padding-top: 18px !important;
    }
 } */
@media only screen and (max-device-width: 1200px) {
    #hpla-logo {
        height: 7vw !important;
    }
}
.gm-res-style {
    display: grid !important;
}

.container.gm-res-style {
    margin-right: 21%;
    padding-right: 4%;
}