body.view-property,
body.valuation,
body.register-with-us,
body.contact-us {
    width: initial !important;
    height: initial !important;
}


/*body.site{
background: #f3f3f3;
}*/
h1,
h2,
h3,
h4,
h5,
h6,
.slideshow-header,
.val-banner,
.val-popup p,
.val-box p {
    letter-spacing: 1.5px;
}

.tenant-fees-btn {
    display: none;
}

.metismenu.mod-menu .mm-collapse {
    background: var(--cassiopeia-color-primary-footer);
}

.offcanvas.show,
.offcanvas {
    background: var(--cassiopeia-color-primary-thead);
}

.accent {
    color: var(--cassiopeia-color-primary-btns);
}

.nav-header {
    font-weight: 300;
}

.home h1 {
    font-size: 2.3em;
    text-align: center;
}


.zw-latest-prop h2 {
    text-align: center;
}

body.site {
    font-weight: var(--cassiopeia-font-weight-normal);
}

.lead {
    font-size: 1.2em;
    font-weight: 300;
}

.slideshow-header h1 {
    font-size: 0.9em;
}

.home .topa {
    padding-top: 80px !important;
}

.cta-text .lead {
    font-size: 1em;
}


.social-icon .redbook {
    background: var(--cassiopeia-color-primary-btns);
    transition: 0.2s;
    height: 35px;
    width: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.social-icon .redbook:hover,
.getsocial-wrapper .col:last-child .getsocial-cta div.get-social-image:hover {
    background: #f72740;
}

.social-icon .redbook svg {
    fill: white;
}

.office-contacts img {
    border-radius: 8px;
}

/*ability to adjust backgorund colour and text on welcome text*/

/*.home .container-component {
    position: relative;
    z-index: 0;
}

.home .container-component {
    background: var(--cassiopeia-color-primary-thead);
    background-color: var(--cassiopeia-color-primary-thead);
}
.home .container-component:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw;
    right: -100vw;
    background-color: inherit;
    background-image: inherit;
}*/

.home .container-component {
    margin-bottom: 0 !important;
}

.no-results.property-page .container-component {
    margin-top: 0;
}

/*make banner fullwidth on subpags*/

.container-banner {
    padding: 0 !important;
}

.home .container-banner {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0 !important;
}

.container-banner:not(.home) {
    padding: 0;
}

.staff-image img, .staff-item-homepage img {
    border-radius: 0;
}

.staff-bio {
    display: none;
}

.staff-profile-about-us .card-body {
    text-align: left;
}

.staff-whatsapp {
    display: block !important;
}

.staff-whatsapp a {
    padding-top: 5px;
    padding-bottom: 8px;
}

@media (max-width: 575.98px) {

    .get-social {
        padding-left: 0;
        padding-right: 0;
    }
    .getsocial-wrapper .col {
        flex: 50%;
        width: 50%;
    }

    .getsocial-cta {
        padding:0 !important;
    }
        .getsocial-cta div.social-icon .fab, .getsocial-cta div.social-icon .fas,
        .social-media div.get-social-image {
        height: 60px;
        width: 60px;
        font-size: 2em;
    }

     .getsocial-cta a  {
        display: flex;
        align-items: center;
        justify-content: center;
     }

    /*draw search mobile css*/

        #drawControls,
    #searchFilter,
    #eapowPageResult {
        z-index: 9;
    }

#drawControls .btn-primary,
#drawControls #controlRemove,
#drawControls #controlFinish {
    font-size: 12px;
}

.info-button {
width: 39px;
height: 39px
}

#eapowPageResult {
    left: 10px;
    width: 85px;
}

.infoProp {
    flex-direction: column;
    width: auto;
}

#instructions {
    width: 90%;
}
#instruct_draw {
    text-align: center;
}

.our-team .container-component {
    margin-bottom: 0 !important;
}

}

@media (max-width: 767px) {
    .banner .slideshow-header {
        font-size: 1.2em;
        padding-left: 25px;
        padding-right: 25px;
    }

    .container-banner,
    .home .container-banner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }



    ul.pagination {
        flex-wrap: wrap
    }

    .pagination li.page-item:not(.active) {
        display: none
    }

    .pagination li.page-item:nth-child(-n + 2),
    .pagination li.page-item:nth-last-child(-n+2) {
        display: block
    }

    .portal-logos img {
        height: 25px;
        width: auto;
    }

    .brand-logo img {
        max-width: 40%;
    }


}

@media(max-width: 992px) {
    .home .topa {
        display: none;
    }

    .container-topbar .social-media,
    .container-topbar .header-contact {
        display: inline-flex !important;
    }

    .header-tel span {
        display: none;
    }

}

@media (min-width: 1200px) {
    .brand-logo img {}
}