LAURA RIOS - global css

body>div.mobile-contact-wrapper .mobile-contact.with-search div.buttons-holder{
    bottom:150px;
}
@media only screen and (max-width: 768px) {
  iframe[name='widgetCta'] {
   bottom: 55px!important;
   right: 15px!important;
  }
}
iframe[name="widgetCta"]{
    bottom: 70px!important;
    right: 15px!important;
}

@media only screen and (max-width: 820px) and (min-height: 1180px){
    #modal-global-contact-us .contact-form__close.close {
        &:before{
        background-color: #fff!important;
        }
        &:after{
        background-color: #fff!important;
        }
    }
}

/*START - removing dash on all hyperlink*/
.hyperlink-style-1:before, .hyperlink-style-2:before {
    content: """"""""!important;
}
/*END - removing dash on all hyperlink*/

/*START - makes global font uppercase*/
h1{
    text-transform:uppercase!important;
    font-weight: 300!important;
}
.lp-h1{
    text-transform:uppercase!important;
    font-weight: 300!important;
}

h2{
    text-transform:uppercase!important;
    font-weight: 300!important;
}
.lp-h2{
    text-transform:uppercase!important;
    font-weight: 300!important;
}
h3{
    text-transform:uppercase!important;
    font-weight: 300!important;
}
.lp-h3{
text-transform:uppercase!important;
font-weight: 300!important;
}
h4{
    text-transform:uppercase!important;
}
.lp-h4{
text-transform:uppercase!important;
}
h5{
    text-transform:uppercase!important;
}
.lp-h5{
text-transform:uppercase!important;
}
/*START - Sidemenu & header nav font */
div#global-sidemenu.sidemenu,nav#global-navbar{
    & a{
        text-transform:uppercase;
    }
    & button{
        text-transform:uppercase;
    }
}
/*END*/

/*START - footer theming*/
footer#global-footer {
    div.site-footer__col-content.lp-a{
        opacity:1;
        a{
        color:#000;
            &:hover{
            color: #0C40B5 !important;
            }
        }
    }
    .footer-navigation__link{
        text-transform: uppercase;
        color: #000;
    }
}
/*END*/

/*START - footer link theme and underline*/
footer#global-footer{
    a:not(.socials__item),.link,.footer-navigation__link{
        text-decoration: none;
        position: relative!important;
        color:#000!important;
        &:hover{
            color:#0C40B5!important;
            opacity:1!important;
        }
        &:before, &:after{
            transition: 0.4s;
            text-decoration: none!important;
            line-height: 1;
            content: """";
            height: 1px;
            position: absolute!important;
            bottom: 0;
            left: 0;
        }
        &:before {
            width: 100%!important;
            background-color: #ccc!important;
            opacity:1;
        }
        &:after{
            width: 0%!important;
            background-color: #0C40B5!important;
        }
        &:hover:after{
            width: 100%!important;
        }
        @media only screen and (max-width: 1280px){
            overflow-wrap: anywhere;
            text-decoration: underline!important;
            white-space: normal!important;
                &:before {
                    background-color: transparent;
                    width: 0%!important;
                }
                &:after {
                    background-color: transparent;
                }
            &:hover:after{
                width: 0%!important;
            }
        }
    }
    div.site-footer__copy div:nth-child(2) a,.footer-navigation__link{
        padding-bottom:5px!important;
    }
}
/*END - footer link theme and underline*/

/* start - make EHO and Realtor logo black */
#global-footer .site-footer__disclaimer {
    opacity: 1;
    color: #929395;
    &:after{
        background-color:#000;
        opacity: 1;
    }
}
/*end*/

/*START - contact overlay border*/
#modal-global-contact-us .company {
    border-top: 1px solid #0C40B5 !important;
}
/*END*/

/* START - fix x button in contact overlay*/
#modal-global-contact-us {
        div.contact-form{
            &__container {
                width: 100%;
            }
            &__close.close {
                color: #000;
                opacity: 1;
                @media(max-width: 768px){
                    color: #000;
                }
            }
    }
}
/* END - fix x button in contact overlay*/

/* START - contact overlay theme*/
#modal-global-contact-us div.input-container{
    input.lp-input,textarea{
        &:-webkit-autofill{
            &:focus {
            color: #000;
            }
            -webkit-text-fill-color: #000;
        }
        color: #000;
        border-color: #000;
    }
    span.input-icon{
        filter:invert(1);
    }
}
/* END - contact overlay theme*/

/*START - fix link upon hover */
#modal-global-contact-us .company .lp-a a{
    position: relative!important;
    color:#000!important;
    transition: 0.4s;
    opacity: 1 !important;
    &:hover{
        color:#0C40B5!important;
    }
    &:before, &:after{
        transition: 0.4s;
        text-decoration: none!important;
        line-height: 1;
        content: """";
        height: 1px;
        position: absolute!important;
        bottom: 0;
        left: 0;
    }
    &:before {
        width: 100%!important;
        background-color: #999!important;
    }
    &:after{
        width: 0%!important;
        background-color: #0C40B5!important;
    }
    &:hover:after{
        width: 100%!important;
    }
}
/*END*/

/*START - mobile contact button theme (with border) */
div#global-mobile-contact .buttons-holder {
    a,
    button {
        background: #fff;
        border-color: #000;
        border: 1px solid #000 !important;
    }
    /* Update Email and phone icon*/
    a svg path{
        fill: #000;
    }
    /* Update search button icon theme*/
    button i {
        color:  #000;
    }
}
/* END */

/*START - display dark logo on scrolled state */
nav#global-navbar.scroll {
    .header.theme-light .logo__img.light {
        display: none;
    }
    .header.theme-light .logo__img.dark {
        display: block;
    }
    .header.theme-auto .logo__img.light {
        display: none;
    }
    .header.theme-auto .logo__img.dark {
        display: block;
    }
}
/*END - display dark logo on scrolled state */


/* START - header nav theme*/
nav#global-navbar{
        /* START - default state - homepage header nav*/
    .header.theme-light{
        .header__hamburger{
            circle {
                fill: #fff;
            }
            svg rect{
                fill:#000!important;
            }
        }
        ul.navigation li.navigation__item{
        color:#fff;
            .sub-nav__link {
                color: #000;
                background-color: #fff;
            }
            .sub-nav__link:hover {
                color: #FFF;
                background-color: #000;
            }
            .navigation__link:after{
                background: #fff;
            }
        }
        .search__btn svg {
            color:#fff;
        }
        a.header__btn-contact{
            background: transparent;
            color: #fff!important;
            border-color: #fff!important;
            &:hover{
                background: #fff!important;
                color: #000!important;
                border-color: #fff!important;
            }
        }
    }
    /* END- default state - homepage header nav*/

    /* START- default state - other pages header nav(property details+home val)*/
    .header{
        .header__hamburger{
            circle {
                fill: #fff;
            }
            svg rect{
                fill:#000!important;
            }
        }
        ul.navigation li.navigation__item{
        color:#fff;
            .sub-nav__link {
                color: #000;
                background-color: #fff;
            }
            .sub-nav__link:hover {
                color: #fff;
                background-color: #000;
            }
            .navigation__link:after{
                background: #fff;
            }
        }
        .search__btn svg {
            color:#fff;
        }
    }
    /* END - default state - other pages header nav(property details+home val)*/

        /* START - scrolled state header nav in all pages(including homepage)*/
    &.scroll .header{
        background-color: #EFF2F6;
        .header__hamburger{
            circle {
                fill: #000;
            }
            svg rect{
                fill:#fff!important;
            }
        }
        ul.navigation li.navigation__item{
        color:#000;
            .sub-nav__link {
                color: #000;
                background-color: #fff;
            }
            .sub-nav__link:hover {
                color: #FFF;
                background-color: #000;
            }
            .navigation__link:after{
                background: #000;
            }
        }
        .search__btn svg {
            color:#FFF;
        }
        a.header__btn-contact{
            background: transparent;
            color: #fff!important;
            border-color: #fff!important;
            &:hover{
                background: #fff!important;
                color: #000!important;
                border-color: #fff!important;
            }
        }
    }
    /* ENd - scrolled state header nav in all pages(including homepage)*/
}
/* END - header nav theme*/

nav#global-navbar .header ul.navigation li.navigation__item .sub-nav__link {
    max-width: 300px;
}

nav .navigation__link {
    max-width: 210px!important;
}