:root {
    --gradient: linear-gradient(90deg,
        #8A6A2C 0%,
        #A88439 35%,
        #BE9A4A 65%,
        #8A6A2C 100%);
}

body.site {
    font-size: 1rem;
}

body.properties-for-sale .sidecol-tenure {
    display: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
span.slideshow-header,
.val-banner,
.val-popup p,
.val-box p,
.btn-primary,
.btn-secondary {
    text-transform: none;

}

.home h1 {
    letter-spacing: -2px;
}

h1,
.zw-bottom-b>h2 {
    position: relative;
}

p {
    font-size: 1.1em;
    line-height: 1.8em;
    color: #fff;
}

ul,
h1,
h2,
h3,
h3.h1,
.h2.h3,
.item-page h3,
.item-page h2 {
    color: #fff;
}

.home h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: -2px;
}

.home h1 span {
    font-weight: 300;
    letter-spacing: 4px;
}

.val-popup,
.val-popup p span {
    border-radius: 12px;
}

.small-gold {
    color: var(--cassiopeia-color-primary-btns) !important;
    font-size: 1.2em;
    font-family: var(--body-font-family);
    text-transform: uppercase;
    font-weight: bold;
}



.small-gold:after {
    display: none !important;
}

.large-h2 {
    font-size: 3em;
}

h1:after,
.zw-bottom-b>h2:after,
.large-h2:after {
    display: block;
    content: '';
    width: 100px;
    height: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--cassiopeia-color-primary-btns);
}

.tick li:before {
    color: var(--cassiopeia-color-primary-btns);
}

.btn-primary,
.container-banner .btn-primary,
.grid-child a.btn-primary,
.staff .staff-contact a,
.btn-secondary,
.btn-outline {
    border-radius: 8px;
    text-transform: uppercase;
    padding: 14px 1.3em;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-radius: 12px;
}

.btn-outline {
    border: 1px solid #fff;
}

.btn-outline:hover {
    border-color: var(--cassiopeia-color-primary-btns);
}

.btn-secondary,
.grid-child a.btn-secondary,
.search-toggler {
    border-radius: 12px;
}


.home .topa #eapow_searchmod>.row>div:nth-child(2),
.home .topa #eapow_searchmod>.row>div:nth-child(3),
.home .topa #eapow_searchmod>.row>div:nth-child(4),
.home .topa #eapow_searchmod>.row>div:nth-child(5),
.home .topa #eapow_searchmod>.row>div:nth-child(6) {
    display: none;
}

.home .container-banner {
    aspect-ratio: 2/1;
}

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

.home .bottomc {
    background: none;
    border-top: 1px solid rgb(95 80 51);
    padding: 8px 0;
}

.home .bottomc:before {
    background: black
}

.home .misc-banner p span {
    border-top: 2px solid rgb(95 80 51);
    padding-left: 20px;
    color: var(--cassiopeia-color-primary-btns) !important;
    font-weight: 300;
    letter-spacing: 3px;
    padding-top: 20px;
    margin-top: 20px;
}

@media (min-width: 992px) {
    .home .misc-banner p span {
        border-left: 2px solid rgb(95 80 51);
        border-top: none;
        padding-top: 0px;
        margin-top: 0px;
    }
}

/****************************************
/*BENS STORY SHOW/HIDE*/
/****************************************/

#ben-story {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease;
}

#ben-story.is-visible {
    grid-template-rows: 1fr;
}

#ben-story>.ben-story-inner {
    overflow: hidden;
    min-height: 0;
}

#ben-story .ben-story-inner>p:first-child {
    margin-top: 0;
}

#show-ben {
    background-color: transparent;
    border: none;
    color: var(--cassiopeia-color-primary-btns);
    text-transform: uppercase;
    font-weight: bold;
}

/****************************************
/*ABOUIT US PAGE
/****************************************/
* .about-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.about-flex>div {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-left: 1px solid rgb(95 80 51);
    border-right: 1px solid rgb(95 80 51);
    color: #fff;
}

.about-flex>div i {
    color: var(--cassiopeia-color-primary-btns);
    font-size: 4em;
    padding: 1.3rem 0;
}

.about-flex>div h3,
.about-flex>div h2 {
    font-size: 2.8em;
    color: #fff;
}

.what-we-do .large-h2:after {
    display: none !important;
}

.border-gold {
    border: 1px solid rgb(95 80 51);
    border-radius: 12px;
}

.border-gold img {
    border-radius: 12px 12px 0 0;
}

.icon-holder {
    top: -1.8em;
    font-size: 1.7em;
    width: 60px;
    height: 60px;
    display: inline-flex;
    background: black;
    border-radius: 50%;
    border: 2px solid rgb(95 80 51);
    align-items: center;
    justify-content: center;
}

/*****************************/
.footer {
    background-size: cover;
}

.footer::before {
    background-color: inherit;
    background-image: inherit;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.bottomb .card p,
.bottomb .card h2 {
    color: #fff;
}

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

.topa .close {
    display: none;
}

.grid-child.topa a.btn-secondary,
.grid-child.topa a.btn-primary,
.topa .btn-secondary,
.topa .btn-primary {
    background-color: #000 !important;
    border-color: #000 !important;
}

.home .topa .btn-primary {
    color: var(--cassiopeia-color-link-btns) !important;
    background-color: var(--cassiopeia-color-primary-btns) !important;
}

.val-popup {
    background: var(--gradient) !important;
}


.lead {
    font-weight: 300;
    font-size: 1.3rem;
}

h1 span {
    font-weight: 300;
}

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

.splide__slide--has-video {
    aspect-ratio: 2 / 1 !important;
}

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

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

.home .container-component {
    background-color: var(--cassiopeia-color-primary-thead);
    color: var(--cassiopeia-color-link-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;
    /*    padding-top: 40px;
    padding-bottom: 30px;*/
}

/*make banner fullwidth on subpags*/

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

.home .container-banner {
    padding: 0;
}

.details-map,
.property-listings-map {
    margin-top: 117px;
}

/*.join-greystone .bottomc {
    background-color: #FFF;
}*/

.misc-banner p {
    font-size: 1.8em !important;
}

.home .zw-bottom-c {
    width: 100%;
}

.bottomc .large-h2:after {
    margin: 0 auto;
    margin-top: 20px;
}

.testimonials video {
    filter: grayscale(100%) brightness(0.7);
}


.home .topa {
    padding-bottom: 40px;
}

/*TOPB*/

.topb {
    padding-top: 0;
    padding-bottom: 0;
}

.gold-border {
    border: 1px solid rgb(95 80 51);
}

header.header,
.topb::before,
.topa::before {
    border-bottom: 1px solid rgb(95 80 51);
}

.topb::before {
    margin-bottom: -1px;
}

.copyright:before,
.bottomb:before,
.bottomc:before,
.home .bottoma::before,
.marketing .bottoma::before {
    border-top: 1px solid rgb(95 80 51);
}

.black-box {
    padding: 3vw;
    border: 1px solid #333;
    margin: 3rem;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
}

.register-with-us .topb,
.contact-us .topb {
    position: relative;
    align-items: center;
    background: none;
    background-size: cover;
    background-position: center center;
    background-repeat: none;
}

.register-with-us .topb:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
    background: url('/images/content/register-bg.webp') center center / cover no-repeat !important;
}

.contact-us .topb:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
    background: url('/images/content/contact-bg.webp') center center / cover no-repeat !important;
}

.register-with-us .large-h2:after {
    margin: 0 auto;
    margin-top: 15px;
}

i.large-h2:after {
    display: none;
}

.office-contacts h2 {
    display: none;
}

/*ANIAMATED SECTIONS*/

.welcome-text,
.tech-text,
.ben-d {
    opacity: 0;
    transition: ease-in-out .4s;
    transition-delay: .5s;
}

.tech-image img {
    opacity: 0;
    transform: translateX(-600px);
    transition: ease-in .4s;
    transition-delay: .5s;
}

.zw-main-bottom {
    position: relative;
}

.staff-profile-about-us .card-body {
    border: solid 1px rgb(95 80 51);
    border-radius: 12px;
}

.staff-contact h3 {
    font-weight: 400;
}

.staff-contact .staff-title {
    color: var(--cassiopeia-color-link);
    letter-spacing: 1.8px;
    margin-bottom: 0.9rem;
}

.face.back p {
    font-weight: 300;
}

.staff-profile-about-us .staff-contact p {
    margin-bottom: 0 !important;
    line-height: 1.2em;
}

.staff-image,
.staff-image img,
.staff-item-homepage img,
.cookie-preferences,
.container-topbar .header-email,
.container-topbar .header-tel,
.get-social .fa-bluesky,
.get-social .fa-cloud,
.get-social .fa-facebook-f,
.get-social .fa-instagram,
.get-social .fa-linkedin-in,
.get-social .fa-pinterest-p,
.get-social .fa-snapchat-ghost,
.get-social .fa-telegram,
.get-social .fa-threads,
.get-social .fa-tiktok,
.get-social .fa-twitter-x,
.get-social .fa-vimeo-v,
.get-social .fa-whatsapp,
.get-social .fa-x-twitter,
.get-social .fa-youtube,
.social-icon .fa-bluesky,
.social-icon .fa-cloud,
.social-icon .fa-facebook-f,
.social-icon .fa-instagram,
.social-icon .fa-linkedin-in,
.social-icon .fa-pinterest-p,
.social-icon .fa-snapchat-ghost,
.social-icon .fa-telegram,
.social-icon .fa-threads,
.social-icon .fa-tiktok,
.social-icon .fa-twitter,
.social-icon .fa-vimeo-v,
.social-icon .fa-whatsapp,
.social-icon .fa-x-twitter,
.social-icon .fa-youtube {
    border-radius: 12px !important;
}

.cookie-preferences {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/*PROPERTIES*/

.eapow-mainheader {
    margin-top: 1.4em;
}

ul#eapowDetailsTabs .nav-link.active,
ul#eapowMapTabs .nav-link.active {
    border-radius: 12px !important;
    border: none !important;
}

.listings-pagination .pagination .page-link {
    background: none !important;
}

.listings-pagination .pagination .disabled .page-link {
    color: #ddd !important;
}

.eapow-featuredproperties-wrapper .eapow-listings-icons .fas,
.eapow-mapright #PropertyRoomsIcons .fas,
ul#eapowDetailsTabs .nav-link,
ul#eapowMapTabs .nav-link {
    background-color: black;
    color: #fff;
}

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

.details-map,
.property-listings-map {
    margin-top: 0px;
}

.details-map,
.property-listings-map {
    margin-top: 50px;
    position: relative;
}

.imageTitle {
    display: none;
}

.eapow-sidebar {
    padding: 1em !important;
    border: 1px solid #dedede !important;
    margin-top: 30px;
}

.container-header .navbar-toggler {
    color: white;
}

.card-gold {
    border-color: var(--cassiopeia-color-primary-btns) !important;
}

.search {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
}

.eapow-quicksearch-optholder .btn-group {
    gap: 12px;
}

/*FORMS*/

#slide-panel .card,
#slide-panel .card-body {
    background-color: transparent;
}

.form-select .form-input input[type=text],
#ea_pow_contactus .custom-select,
#ea_pow_contactus .form-control,
#ea_pow_contactus .form-select,
#ea_pow_contactus input[type=text],
#ea_pow_registration .custom-select,
#ea_pow_registration .form-control,
#ea_pow_registration .form-select,
#ea_pow_registration input[type=text],
#ea_pow_valuation .custom-select,
#ea_pow_valuation .form-control,
#ea_pow_valuation .form-select,
#ea_pow_valuation input[type=text],
.eapow-quicksearch-form input,
.eapow-quicksearch-form select,
.topa #eapow_searchmod .form-control,
.topa #eapow_searchmod .form-select,
.search .form-select,
.search input,
#eapow-quicksearch-form input[type=text],
#eapow_searchmod .form-control,
#eapow_searchmod .form-select,
form[name="sendRequest"]  .form-control,
form[name="sendRequest"]  .form-select {
    border-radius: 12px !important;
    background: none !important;
    color: #FFF;
}
form[name="sendRequest"] label {
    color: white;
}

#ea_pow_contactus .custom-select:focus,
#ea_pow_contactus .form-control:focus,
#ea_pow_contactus .form-select:focus,
#ea_pow_contactus input[type=text]:focus,
#ea_pow_registration .custom-select:focus,
#ea_pow_registration .form-control:focus,
#ea_pow_registration .form-select:focus,
#ea_pow_registration input[type=text]:focus,
#ea_pow_valuation .custom-select:focus,
#ea_pow_valuation .form-control:focus,
#ea_pow_valuation .form-select:focus,
#ea_pow_valuation input[type=text]:focus,
#eapow_searchmod .form-control:focus,
#eapow_searchmod .form-select:focus,
.eapow-quicksearch-form input:focus,
.eapow-quicksearch-form select:focus,
.search .custom-select:focus,
.search .form-control:focus,
.search .form-select:focus,
.search input:focus,
#eapow-quicksearch-form input[type=text]:focus {
    border-color: var(--cassiopeia-color-primary-btns);
}

#ea_pow_registration .form-select option,
#ea_pow_valuation .form-select option,
.search .form-select,
.search input,
.search .form-select,
.search input,
#eapow-quicksearch-form input[type=text],
#eapow_searchmod .form-control,
#eapow_searchmod .form-select {
    background-color: #000;
    color: #fff;
}

#ea_pow_registration .form-select,
#ea_pow_valuation .form-select .form-select,
#eapow_searchmod .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 96% center;
}

#ea_pow_registration input::placeholder,
#ea_pow_registration select::placeholder,
#ea_pow_valuation input::placeholder,
#ea_pow_contactus select::placeholder,
#ea_pow_contactus input::placeholder,
#ea_pow_valuation select::placeholder,
#eapow_searchmod .form-control::placeholder,
#eapow_searchmod .form-select::placeholder,
#eapow-quicksearch-form input[type=text]::placeholder {
    color: #fff;
}

#ea_pow_contactus .custom-select,
#ea_pow_contactus .form-control,
#ea_pow_contactus .form-select,
#ea_pow_contactus input[type=text] {
    border-radius: 0;
}

#modules-form .form-control,
#modules-form .form-select,
#modules-form input,
#modules-form select,
#options .accordion-button,
#jform_params_show_readmore-lbl,
#username,
#password,
.com-users-login__reset,
.com-users-login__remind,
#collapseTypes .control-label>label {
    color: black !important;
}

#grid-layout {
    margin-right: 0.5em;
}

.eapow-mapleft .card,
.eapow-mapleft .card-body {
    background:transparent;
}

/*CONTACT*/

@media (min-width: 992px) {
    @supports (display: grid) {
        body.contact-us .site-grid {
            grid-template-areas:
                ". advert      advert      advert      advert      ."
                ". banner      banner      banner      banner      ."
                ". search      search      search      search      ."
                ". top-a       top-a       top-a       top-a       ."
                ". top-b       top-b       top-b       top-b       ."
                ". top-c       top-c       top-c       top-c       ."
                ". comp        side-r        side-r        side-r      ."
                ". featured    featured    featured    featured    ."
                ". bot-a       bot-a       bot-a       bot-a       ."
                ". bot-b       bot-b       bot-b       bot-b       ."
                ". bot-c       bot-c       bot-c       bot-c       ."
                ". calc        calc        calc        calc        ."
                ". latest      latest      latest      latest      ."
                ". testimonials testimonials testimonials testimonials ."
                ". news        news        news        news        ."
                ". staff       staff       staff       staff       ."
                ". get-social  get-social  get-social  get-social  ."
                ". cta         cta         cta         cta         ."
                ". footer      footer      footer      footer      ."
                ". affiliates  affiliates  affiliates  affiliates  ."
                ". copyright   copyright   copyright   copyright   .";
        }
    }

    .contact-us .zw-sidebar-right {
        padding: 0 3vw;

        .contact-us .container-component {
            padding-top: 66px !important;
        }

    }

    @media (min-width: 1200px) {
        .contact-us .container-component {
            padding-top: 67px !important;
        }
    }

    /*  .office-contacts {
        margin-top: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .office-contacts img {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }

    .address {
        border-bottom: 1px solid var(--cassiopeia-color-primary-btns);
        padding-bottom: 20px !important;
    }*/

    .social-contact {
        position: relative;
        padding-left: 30px;
        margin-bottom: 1rem;
    }

    .social-contact i {
        position: absolute;
        left: 0;
        color: var(--cassiopeia-color-primary-btns);
    }

    p.email {
        margin-top: 1rem;
    }

    .statutory-company-info {
        padding: 0 2vw;
    }
}

/*MEDIA QUERIES*/

@media (max-width: 767px) {
    body.site {
        font-size: 0.9rem;
    }

    .lead {
        font-size: 1rem;
    }

    .staff-profile-about-us .card-body {
        padding: 0 !important;
        text-align: center;
    }

    .large-h2 {
        font-size: 2.2em;
    }

    .staff-profile-about-us h3,
    .staff-profile-about-us p {
        text-align: center;
        display: block;
    }

    .container-component {
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .bottomb,
    .home .container-component {
        padding: 30px 20px;
    }

    .misc-banner p {
        font-size: 1.4em !important;
    }

    .home .bottomc {
        padding: 10px;
    }

    .home .splide__arrow {
        top: 38%;
    }

    .brand-logo img {
        max-width: 184px;
    }

    .brand-logo {
        padding: 15px 0
    }


    .about-flex {
        display: block;
    }

    .about-flex>div {
        border-left: none;
        border-right: none;
        border-bottom: 1px solid rgb(95 80 51);
    }

    .about-flex>div:last-child {
        border-bottom: none;
    }

    .val-popup {
        background: rgba(0, 0, 0, 0.7) !important;
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.5);
    }

    .val-popup p span {
        background: var(--cassiopeia-color-primary-sbtns) !important;
    }

}


@media (max-width: 991.99px) {
    .home .banner {
        padding: 0 !important;
    }

    .home .topa {
        display: none !important;
    }

    .header .container-nav {
        background-color: black;
        padding: 0;
        border-top: 1px solid rgb(95 80 51);
        border-bottom: 1px solid rgb(95 80 51);

    }

    .header-contact {
        background: black;
    }

    .home .banner {
        border-bottom: 1px solid rgb(95 80 51);
    }

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

    .topbar .contact {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header-email {
        margin-left: 0.5em;
    }

    .container-topbar .header-email, .container-topbar .header-tel, .get-social .fa-bluesky, .get-social .fa-cloud, .get-social .fa-facebook-f, .get-social .fa-instagram, .get-social .fa-linkedin-in, .get-social .fa-pinterest-p, .get-social .fa-snapchat-ghost, .get-social .fa-telegram, .get-social .fa-threads, .get-social .fa-tiktok, .get-social .fa-twitter-x, .get-social .fa-vimeo-v, .get-social .fa-whatsapp, .get-social .fa-x-twitter, .get-social .fa-youtube, .social-icon .fa-bluesky, .social-icon .fa-cloud, .social-icon .fa-facebook-f, .social-icon .fa-instagram, .social-icon .fa-linkedin-in, .social-icon .fa-pinterest-p, .social-icon .fa-snapchat-ghost, .social-icon .fa-telegram, .social-icon .fa-threads, .social-icon .fa-tiktok, .social-icon .fa-twitter, .social-icon .fa-vimeo-v, .social-icon .fa-whatsapp, .social-icon .fa-x-twitter, .social-icon .fa-youtube {
        background:none;
        
    }

    .container-topbar .social-media a, .header-contact .header-branch a{
        color: var(--cassiopeia-color-primary-sbtns);
    }

}

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

    .home .topa #eapow_searchmod>.row>div {
        width: 33.3333%;
    }

    .metismenu.mod-menu .metismenu-item {
        font-size: 1rem;
    }

    .bottomb {
        padding: 80px 0;
    }

    .home .container-component {
        padding: 0;
    }



    .join-greystone #ea_pow_contactus .col-12 {
        flex: none;
        width: 50%;
    }

    .join-greystone #ea_pow_contactus .col-12:nth-child(7),
    .join-greystone #ea_pow_contactus .row:nth-child(2) .col-12,
    .join-greystone #ea_pow_contactus text-area.form-control {
        width: 100%;
    }

    .join-greystone #ea_pow_contactus textarea.form-control {
        min-height: 350px;
    }

    .register-with-us .container-component,
    .valuation .container-component {
        padding-right: 3em;
    }

}