:root {
    --gradient-text: #dcd7ce;
    --gradient-background: linear-gradient(to right bottom, rgba(25, 95, 75, 1) 9%, rgba(0, 57, 40, 1) 55%, rgba(19, 31, 66, 1) 89%);
    --soft-blue: #eaf0f1;
    --raisin-black: #121D3E;
    --timberwolf: #dcd7ce;
}

.header {
    background: var(--gradient-background);
}

/*.brand-logo img {
    filter: brightness(100);
}
*/
.header .mod-menu li ul li.level-2 a,
.header .mod-menu li ul li.level-2.active>a {
color: #333;
}

.header .mod-menu li ul li.level-2 a:hover {
 color: var(--cassiopeia-color-text-btns);   
}

.site-grid {
    grid-template-columns:[full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 17.532rem)) [main-end] minmax(0, 1fr) [full-end];
}

body.property-page .site-grid {
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 20rem)) [main-end] minmax(0, 1fr) [full-end];

}

body.view-property .site-grid {
       margin-top: 300px;
}

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

h1 {
    font-size: 2.1em;
}

h2 {
    font-size: 1.65em;
}

h3 {
    font-size: 1.3em;
}

p {
    text-align: justify;
}

/*a,
.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.active,
.eapow-detail-price,
#starItem li:before,
.rowProps p,
.rowProps h3,
.rowProps .eapow-listings-icons,
.val-banner p span {
    color: var(--gradient-text);
}*/

.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;

}

.lead {
    font-weight: 500;
    font-size: 1.25em;
}

/* Fix for issue with grid on hompeage */
.container-testimonials,
.container-call-to-action,
.container-call-to-actions {
    grid-column: full-start / full-end;
    width: 100%;
}

.home .eapow-recentproperties-wrapper {
	margin-right: 0 !important;
}

.home .banner,
.banner .splide__slide--has-video,
.home .banner .splide__video__wrapper {
    aspect-ratio: 16.9/7.7;
}


.grid-child .btn-primary.latest-props-button,
.staff-contact a {
    background-color: var(--soft-blue) !important;
    border-color: var(--soft-blue) !important;
    color: var(--raisin-black) !important;
}


.staff-image {
    max-width: 100% !important;
}

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

.staff-profile-about-us .staff-contact p {
    display: inline-flex;
    text-align: left;
}

.getsocial-wrapper h3 {
    display: none;
}


.topbar {
    bottom: 14px;
}

.slideshow-overlay {
    background: none;
}


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

.latest-prop {
    background: var(--gradient-background) !important;
}

body:not(.property-page) .container-component {
    z-index: 0;
}

body:not(.property-page) .container-component {
    position: relative;
    margin-bottom: 0 !important;
}

/*body:not(.property-page) .container-component {
    background: #003928;
    background-color: transparent;
    color: var(--gradient-text);
}
*/
.home .container-component:before {
    background: var(--gradient-background) !important;
    background-color: transparent;

}

.home .container-component:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw;
    right: -100vw;
    background-color: inherit;
    background-image: inherit;
}

/*body.property-page .site-grid {
    background: linear-gradient(to right bottom, rgba(13, 77, 58, 1) 9%, rgba(0, 57, 40, 1) 85%, rgba(8, 45, 50, 1) 100%);
    color: var(--gradient-text);
}
*/
body.home .container-component {
    padding-bottom: 30px;
        color: var(--gradient-text);
}


/*PROPERTY PAGES*/

.view-property .topa {
    display: none;
}

.eapow-overview-row.card {
    background: transparent;
      border-bottom: 1px solid #333;
}

.columnProps .eapow-overview-desc {
    color: var(--cassiopeia-color-text);
}

.columnProps .eapow-overview-desc {
    position: relative;
    background: transparent;
    transition: none;

}

.columnProps .eapow-overview-row:hover {
    transition: none;
    transform: none;
    box-shadow: none;
}

.columnProps .eapow-overview-row:hover .eapow-overview-desc {
    top: 0;
}

.columnProps .eapow-overview-row .eapow-property-thumb-holder {
        transition: .3s;
    box-shadow: 0 0 10px transparent;
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

.columnProps .eapow-overview-row:hover .eapow-property-thumb-holder {
    box-shadow: -10px 10px 10px rgba(0, 0, 0, .1);
    -webkit-transform: perspective(500px) rotateX(0) rotateY(5deg) rotateZ(0) scale(1) skew(0deg, 0deg) translate3d(0, 0, 0);
    -moz-transform: perspective(500px) rotateX(0) rotateY(5deg) rotateZ(0) scale(1) skew(0deg,0deg) translate3d(0,0,0);
    -o-transform: perspective(500px) rotateX(0) rotateY(5deg) rotateZ(0) scale(1) skew(0deg,0deg) translate3d(0,0,0);
    -ms-transform: perspective(500px) rotateX(0) rotateY(5deg) rotateZ(0) scale(1) skew(0deg,0deg) translate3d(0,0,0);
    transform: perspective(500px) rotateX(0) rotateY(5deg) rotateZ(0) scale(1) skew(0deg, 0deg) translate3d(0, 0, 0);
}

.property-page .container-top-a {
    padding-bottom: 0;
}

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

.property-page-search {
    padding-top: 50px;
    padding-bottom: 20px;
}

.form-select {
    border-radius: 50px;
}

/*make banner fullwidth on subpags*/

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

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


/*STAFF PROFILES*/
.staff-bio {
    margin-top: 20px;
}
.staff-contact h3 {
    font-size: 1.6em;
}
.staff-item-homepage h3 small, .staff-profile-about-us h3 small{
    font-size: 0.7em !important;
}
.staff-details h3 span {
    color: var(--cassiopeia-color-text);
}

/*other stuff*/

.bottomb {
    background: var(--raisin-black);
    color: var(--gradient-text);
    padding: ;
}

.val-banner {
    background-color: var(--timberwolf) !important;
    padding: 30px 0 !important;
}

.val-banner:before,
.val-banner:after {
    display: none;
}

.val-banner p,
.misc-banner p {
    font-family: var(--body-font-family);
    color: var(--cassiopeia-color-primary-btns) !important;
    font-weight: 400 !important;
    font-size: 1.8em !important;
}

.misc-banner p {
    font-family: var(--body-font-family);
    color: var(--gradient-text) !important;
    font-weight: 400 !important;
    font-size: 1.8em !important;
}

.val-banner p span {
    color: var(--cassiopeia-color-primary-btns) !important;
}

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

.face.back p {
    text-align: justify;
}

.staff-card-holder .staff-card .front {
    flex-direction: column !important;
}

.staff-image {
    display: block;
    width: 100%;
}



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

/*.office-contacts,
.office-contacts a {
    color: var(--cassiopeia-color-text);
}*/

/*GET SOCIAL*/
.get-social {
    display: block;
}

.getsocial-cta div.social-icon .fab {
    width: 75px;
    height: 75px;
}

.get-social-icon .fab {
    font-size: 2em;
}

.container-testimonials {
    min-height: auto;

}

.container-testimonials br {
    display: none;
}

/*
CONTACT*/

.address:before, .telephone:before, .email:before, .opening-hours:before {
    color: var(--timberwolf);
}

/*FOOTER*/

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

/*COPYRIGHT*/

.area-list {
    font-size: 0.9em;
    list-style: none;
}


/*SEARCH BODGE*/

.eapow_quicksearch_form > div .col-12:last-child {
    display: none;
}

/*property*/

.eapow-bannertopright img {
	display: none;
}

.eapow-quicksearch-optholder .btn-primary,
.switcher .btn-primary,
.eapow-mapright #PropertyRoomsIcons .fas,
#PropertyDetailsIcons .btn-primary,
ul#eapowDetailsTabs .nav-link.active, ul#eapowMapTabs .nav-link.active {
    background: var(--timberwolf);
    border-color: var(--timberwolf);
    color: var(--raisin-black);
}

ul#eapowDetailsTabs .nav-link.active i, ul#eapowMapTabs .nav-link.active i {
     color: var(--raisin-black);
}

.listings-pagination .page-link {
    background: transparent;
    /*color: #FFF;*/
}

.listings-pagination .active .page-link {
    background: var(--cassiopeia-color-primary-btns);
    color: #fff;
}

.imageTitle {
    display: none;
}

.white-image {
    width: 70px;
    height: auto;
}

figure.w-100 img {
    width: 100%;
}

/*CONTACT PAGE*/

.office-contacts img {
    border-radius: 0;
}

/*REG FORM*/

#ea_pow_registration .row:nth-child(4){
    flex-direction: column-reverse;
}

#ea_pow_registration .row:nth-child(4) > .col-md-6 {
    width: 100%;
}

#ea_pow_registration .row:nth-child(4) .col-md-6 p {
    display: none;
}


@media (max-width: 991.98px) {
    .brand-logo {
        padding-top: 15PX;
        padding-bottom: 15PX;
    }
    .brand-logo img {
        max-width: 290px;
    }
    .metismenu.mod-menu .metismenu-item {
        font-size: 1em;
    }
    .header .mod-menu li ul li.level-2 a,
.header .mod-menu li ul li.level-2.active>a {
color: var(--cassiopeia-color-link-thead);
}

.header .mod-menu li ul li.level-2 a:hover {
 color: #fff  
}

.offcanvas.show,
.offcanvas-start {
 background: var(--gradient-background);
}



}

@media (max-width: 767px) {
    .brand-logo img {
        max-width: 100%;
    }

    .home h1 {
        font-size: 1.5em;
    }

    .val-banner p {
        font-size: 1.3em !important;
    }
  
}

@media (min-width: 992px) {
    .area-list {
        list-style: none;
        display: fleX;
        padding: 0;
        margin: 0;
        gap: 20px;
        justify-content: center;
    }

    .area-list li {
        border-right: 1px solid var(--cassiopeia-color-text-copyright);
        padding-right: 20px;
    }

    .area-list li:last-child {
        border-right: none;
        padding-right: 0;
    }
}


@media (min-width: 992px) {
    .metismenu.mod-menu .metismenu-item {
        font-size: 1vw;
    }
    .brand-logo img {
        width: 275px;
    }
}

@media (min-width: 1200px) {
    .brand-logo img {
        width: 308px;
    }
    .metismenu.mod-menu .metismenu-item {
        font-size: 1vw;
    }

    .bottomb {
        padding: 80px 0;
    }

    .home .bottomb,
     .home .container-testimonials {
        padding: 40px 0;
    }


    .staff-profile-about-us .card-body {
        flex: 0 0 32% !important;
        max-width: 32% !important;
       gap: 15px;
       margin-left: 0;
        margin-right: unset !important;
        flex-direction: row;
    
}


}

@media (min-width: 1800px) {
    .brand-logo img {
        width: 341px;
    }
        .metismenu.mod-menu .metismenu-item {
        font-size: 1em;
    }
}