:root {
    --hgGold: #ba8849;
    --hgSilver: #4d4d4f;
    --hgTeal: #036474;
}

body {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .2px;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: .2px;
}

a, a:hover {
    color: var(--hgGold);
}

a.nohoverdecor, a.nohoverdecor:hover {
    text-decoration: none;
}

p {
    color: var(--darkText);
    line-height: normal;
}

hr {
    background-color: var(--hgGold) !important;
    height: 1px !important;
}

.font2 {
    font-family: 'Playfair Display', serif;
}

.hgGold {
    color: var(--hgGold) !important;
}

.hgSilver {
    color: #77787b !important;
}

.hgBGTeal {
    background-color: var(--hgTeal) !important;
    border: none !important;
}

.colorBlack {
    color: #000 !important;
}

.alert p {
    margin-bottom: 0;
}

.table.table-striped {
    font-size: 13px;
}

html .btn-primary {
    background-color: var(--hgTeal);
    border-color: var(--hgTeal);
    --hover: var(--hgTeal);
    --disabled: var(--hgTeal);
    --active: var(--hgTeal);
}

html .btn-primary:hover, html .btn-primary.hover {
    background-color: var(--hgTeal);
    border-color: var(--hgTeal);
}

.uppercase {
    text-transform: uppercase;
}

.modal-backdrop {
    z-index: 9408 !important;
}

.modal-dialog {
    top: 50px;
}

.modal-header .btn-close {
    text-indent: unset;
    width: unset;
    background: none;
    padding: 0 15px 0 0;
    opacity: 1;
}

.modalProcessingClass p {
    color: #000 !important;
}

.hgInput {
    border: 2px solid var(--hgGold);
    border-radius: unset;
}

.nav-underline-arrow {
    text-transform: uppercase;
    border-bottom: 1px solid var(--hgGold);
    padding-bottom: 5px;
}

.nav-underline-white {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    display: inline-block;
}

.nav-arrow {
    width: 20px !important;
    height: 16px !important;
    margin: -2px 5px 0 5px;
}

.dotted-bg {
    background-image: url(https://3stepsolutions.s3.amazonaws.com/assets/custom/009000/images/web/dots.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.popover {
    width: 380px;
    max-width: 380px;
    border: 1px solid var(--hgTeal);
    font-size: 16px;
}

/* HEADER */

#header.header-effect-shrink .header-top {
    background-color: #000 !important;
    color: #fff !important;
}

#header .header-nav-features .header-nav-top-icon,
#header .header-nav-top .nav > li > a {
    color: #fff;
}

@media (min-width: 992px) {
    #header .header-nav-features.header-nav-features-lg-show-border:before, 
    #header .header-nav-features.header-nav-features-lg-show-border:after {
        content: none;
    }
}

#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
    color: #000 !important;
    font-weight: bold;
    letter-spacing: .9px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before,
    #header .header-nav.header-nav-line nav > ul li:hover > a:before {
        background: var(--hgGold);
    }
}

#header .header-btn-collapse-nav {
    background: #036474;
}

@media (max-width: 991px) {
    .header-logo img {
        max-width: 290px;
        height: auto;
    }

    #header .header-nav-main nav > ul {
        padding-top: 0;
    }

    #header .header-nav-main nav > ul li {
        border-bottom: none;
        margin: 7px 0;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: none;
    }
}

.nav-pills .nav-link,
.btn-outline.btn-lg {
    letter-spacing: .5px !important;
}

#header .header-nav-features .header-nav-features-dropdown {
    border-radius: 15px;
}

@media (max-width: 440px) {
    #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed {
        top: 0;
    }
}

.simple-search .form-control,
.simple-search .btn {
    border: 2px solid var(--hgGold);
}

.simple-search .form-control.hgInput {
    border-right: none;
}

.simple-search .btn {
    border-left: none;
}

/* BANNER */

.bannerH2 {
    font-family: 'Playfair Display', serif;
    font-size: 4em !important;
    line-height: 56px;
    letter-spacing: .4px;
}

.bannerH3 {
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    letter-spacing: .2px;
}

/* HOME */

.hgHomeVCTS h1, .hgHomeWWO h1, .hgHomeBlog h1, .hgSolnOurSolns h1 {
    font-family: 'Playfair Display', serif;
    font-size: 2.3em !important;
    text-transform: none;
    line-height: 36px;
    letter-spacing: .2px;
    margin-bottom: 20px;
}

.hgHomeVCTS h2 {
    font-family: 'Playfair Display', serif;
    font-size: 1.5em !important;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 8px;
}

.hgHomeVCTS p, .hgHomeWWO p, .hgHomeBlog p {
    line-height: 1.5;
}

.hgNavLink .nav-underline-arrow,
.hgHomeVCTS .nav-underline-arrow,
.hgHomeWWO .nav-underline-arrow,
.hgHomeWLSY .nav-underline-arrow,
.hgHomeBlog .nav-underline-arrow {
    color: #000;
    font-weight: bold;
    font-size: 1.1em !important;
}

.hgNavLink .nav-arrow,
.hgHomeVCTS .nav-arrow,
.hgHomeWWO .nav-arrow,
.hgHomeWLSY .nav-arrow {
    width: 32px !important;
    height: 26px !important;
}

.hgHomeWWO h1 {
    margin-bottom: 30px;
}

.hgHomeWWO h2 {
    font-size: 14px !important;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 7px;
}

.hgHomeWWO ul {
    margin-bottom: 0;
}

.hgHomeWWO ul li {
    line-height: 36px;
}

.hgHomeBlog h2 {
    font-family: 'Playfair Display', serif;
}

.image-block-container {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.image-block-container img.img1 {
    width: 67%;
    border-top-left-radius: 30px;
}

.image-block-container img.img2 {
    width: 67%;
    border-top-right-radius: 30px;
}

.text-block {
    font-size: 14px;
    transform: translateX(-30%);
    width: 100%;
    background: #fff;
    padding: 1.5rem;
    border: 2px solid #b98647;
}

.text-block ul {
    list-style: none;
    padding-left: 0;
    line-height: 24px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .image-block-container img  {
        width: 50%;
    }

    .text-block {
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .image-block-container {
        flex-direction: column;
    }

    .image-block-container img:not(.nav-arrow) {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        padding-bottom: 15px;
        margin: 0 !important;
    }

    .text-block {
        transform: none;
    }
}

.hgHomeTest {
    background-color: var(--hgTeal) !important;
}

.hgHomeTest .testimonial.testimonial-style-2 {
    text-align: left !important;
}

.hgHomeTest .testimonial.testimonial-style-2 .testimonial-author p {
    text-align: right !important;
    text-transform: uppercase;
}

.hgHomeTest hr {
    background-color: #fff !important;
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"],
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover, 
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
    background-color: unset;
    border-color: unset;
}

.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before {
    font-size: 1rem;
}

.hgHomeWLSY h1 {
    font-family: 'Playfair Display', serif;
    font-size: 3em;
}

/* FOOTER */

.hgFooter ul.text-color-light li {
    line-height: 19px;
}

.hgFooter ul.text-color-light li, ul.text-color-light li a {
    color: #FFF !important;
}

.hgFooter .hgRightGoldBorder {
    border-right: 1px solid var(--hgGold);
    padding-right: 60px;
}

/* TITLE */

.page-header {
    margin-bottom: 0;
}

.page-header .sub-title {
    opacity: 1;
}

.titleH1 {
    font-family: 'Playfair Display', serif;
    font-size: 4em !important;
    line-height: 56px;
    letter-spacing: .4px;
    color: #fff;
}

.titleH2 {
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    letter-spacing: .2px;
    color: #fff;
}

/* Solutions */

.hgSolnCards .card1 {
    background-color: #81b1b9;
    background-color: #1f366c;
}

.hgSolnCards .card2 {
    background-color: #5b9aa5;
    background-color: #1f366c;
}

.hgSolnCards .card3 {
    background-color: #297b89;
    background-color: #1f366c;
}

.hgSolnCards .card4 {
    background-color: var(--hgTeal);
    background-color: #1f366c;
}

.hgSolnCards .flip-content p {
    font-size: 16px;
}

.hgHomeWWO ul,
.hgSolnOurSolns ul {
    padding-left: 0;
}

.hgHomeWWO ul > li,
.hgSolnOurSolns ul > li {
    list-style: none;
}

.hgSolnOurSolns {
    background-color: #f8f4ed !important;
}

.hgSolnOurSolns .number {
    width: 40px !important;
    height: 40px !important;
    float: left;
}

.hgSolnOurSolns .number-block {
    margin: 20px 0 0 45px;
}

.hgSolnOurSolns ul.sublist {
    padding-left: .5em;
}

.hgSolnConnect{
    background-color: var(--hgTeal) !important;
}

@media (min-width: 992px) {
    .hgNum1 {
        margin-left: 20px;
    }

    .hgNum2 {
        margin-left: 30px;
    }

    .hgNum3 {
        margin-left: -30px;
    }

    .hgNum4 {
        margin-left: 20px;
        margin-right: 10px;
    }
}

/* Team */

.thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon {
    background-color: #5c5c5c;
}

/* FAQs */

html .toggle-primary .toggle label, html .toggle-primary .toggle .toggle-title {
    color: var(--hgPrimary);
    border-left-color: var(--hgTeal);
    border-right-color: var(--hgTeal);
}

html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title {
    background-color: var(--hgTeal);
    border-color: var(--hgTeal);
}

.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: var(--hgTeal);
}

/* BLOG */

.recent-posts .date .day, article.post .post-date .day {
    color: var(--hgGold);
}

.recent-posts .date .month, article.post .post-date .month {
    background-color: var(--hgGold);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: var(--hgTeal) !important;
    border-color: var(--hgTeal);
}

.pagination > a, .pagination > a:hover, .pagination > a:focus, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: var(--hgTeal);
}

.page-link:hover {
    text-decoration: none !important;
}

/* SEARCH */

.wavSearchResults .wavSearchTitle {
    font-family: 'Playfair Display', serif;
    margin-bottom: 8px;
}

.wavSearchResults .wavSearchContent {
    margin-bottom: 40px;
}

/* PORTAL */

.wavFileTitle {
    font-family: 'Playfair Display', serif;
    font-size: 2.3em !important;
    text-transform: none;
    line-height: 36px;
    letter-spacing: .2px;
    margin-bottom: 0;
}

.card-border:after {
    background-color: var(--hgTeal);
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
    background-color: var(--hgTeal) !important;
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
    border-color: var(--hgTeal);
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 10px var(--hgTeal);
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
    background: var(--hgTeal) !important;
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured,
html .featured-box-primary h4 {
    color: var(--hgTeal);
}

.featured-box h4 {
    letter-spacing: .2px;
}

/* MISC */

@media (max-width: 991px) {
    .mobile-p-b-30 {
        padding-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .text-xs-center {
        text-align: center;
    }

    .hgFooter .hgRightGoldBorder {
        border-right: none;
        padding-right: 0;
    }
}

body.page-transition-active {
    opacity: 1 !important;
}

.datepicker.dropdown-menu {
    font-size: 13px !important;
}