html{
overflow-x: hidden;
height:100%;
}
body.site{
color: var(--cassiopeia-color-text);
font-weight: var(--cassiopeia-font-weight-body);
background: var(--cassiopeia-color-primary);
}
.site {
overflow-x: hidden;
position: relative;
width: 100%;
height:100%;
}

/* Type */
a:not([class]) {
text-decoration: none;
}
a, .back-to-top-link, .header .mod-menu{
color: var(--cassiopeia-color-link);
}
a:hover, a:focus {
color: var(--cassiopeia-color-hover);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
}
h1{
font-size:2.4em;
}
h2{
font-size:2em;
}
h3{
font-size:1.6em;
}
/*.item-page h2,
.item-page h3,
.zw-main-bottom h2,
.zw-main-bottom h3{
margin: 0.5em 0;
}*/
.lead{
font-weight: unset;
}
ul.tick{
margin: 0 0 20px 0;
list-style: none;
padding: 0 0 0 20px;
}
.tick li{
padding-left:10px;
}
.tick li::marker {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-size: 1.2em;
font-weight: 800;
}
.bgimages{
background-repeat: no-repeat !important;
background-position: center center  !important;
background-size: cover !important;
}
.bgimages:before{
-webkit-filter: brightness(65%)!important;
-o-filter: brightness(65%)!important;
filter: brightness(65%)!important;
}
.modal-body iframe body{
background-color: #fff!important;
}

/* Off Canvas*/
.metismenu.mod-menu .mm-collapse {
background-color: var(--cassiopeia-color-primary-btns);
/* background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-thead) 0%, var(--cassiopeia-color-hover-thead) 100%); */
}
.offcanvas{
background-color: var(--cassiopeia-color-primary-btns);
}
.offcanvas.show {
background-color: var(--cassiopeia-color-primary-btns);
}
.offcanvas-header > *:only-child {
margin-left: auto;
}
.btn-close{
background-color: var(--white);
}

/* Global Modules */
.bottoma, .bottomb, .bottomc, .featured-prop, .latest-prop, .latest-news, .calculator, .call-to-actions, .testimonials, .footer, .copyright, .get-social, .staff, .affiliates{
padding: 80px 20px 80px 20px;
}
.topa, .topb, .topc {
padding: 80px 0px 80px 0px;
}
.advert:before,
.banner:before,
.topa:before,
.topb:before,
.topc:before,
.bottoma:before,
.bottomb:before, 
.bottomc:before,
.featured-prop:before,
.latest-prop:before,
.latest-news:before,
.get-social:before,
.call-to-actions:before,
.staff:before,
.calculator:before,
.affiliates:before,
.footer:before,
.copyright:before{
background-color: inherit;
background-image: inherit;
}

/* Card */
.card {
background-color: var(--cassiopeia-color-primary-tcard);
border-radius: 0;
border-width:0;
/*box-shadow: 0px 10px 30px rgba(61, 90, 125, 0.20);*/
}
.card-header {
background-color: var(--cassiopeia-color-primary-tcard);
border-bottom: 1px solid var(--cassiopeia-color-text-tcard);
}
.card-body{
background-color: var(--cassiopeia-color-link-tcard);
box-shadow: 0px 10px 30px rgba(61, 90, 125, 0.20);
border: none;
border-radius: 3px;
padding: 15px;
}
.sidebar-cta1 img{
width: 100%;
}

/* Btn Primary / Btn Secondary */
.btn-primary, .grid-child a.btn-primary, .container-banner .btn-primary {
color: var(--cassiopeia-color-link-btns);
background-color: var(--cassiopeia-color-primary-btns);
border-color: var(--cassiopeia-color-primary-btns);
}
.container-banner a.btn-primary:hover, .container-banner a.btn-primary:focus, .grid-child a.btn-primary:hover, .grid-child a.btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus,.btn-primary:hover, .btn-primary:focus, .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle,.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-check:focus + .btn, .btn:focus  {
color: var(--cassiopeia-color-hover-btns);
background-color: var(--cassiopeia-color-text-btns);
border-color: var(--cassiopeia-color-text-btns);
}
.container-bottom-b a.btn-primary {
color: var(--cassiopeia-color-link-sbtns);
background-color: var(--cassiopeia-color-primary-sbtns);
border-color: var(--cassiopeia-color-primary-sbtns);
}
.container-bottom-b a.btn-primary:hover, .container-bottom-b a.btn-primary:focus  {
color: var(--cassiopeia-color-link-sbtns);
background-color: var(--cassiopeia-color-hover-sbtns);
border-color: var(--cassiopeia-color-text-sbtn);
}
.btn-secondary, .grid-child a.btn-secondary, .search-toggler {
color: var(--cassiopeia-color-link-sbtns);
background-color: var(--cassiopeia-color-primary-sbtns);
border-color: var(--cassiopeia-color-primary-sbtns);
}
.container-banner a.btn-secondary:hover, .container-banner a.btn-secondary:focus, .grid-child a.btn-secondary:hover, .grid-child a.btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus,.btn-secondary:hover, .btn-secondary:focus, .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle,.btn-check:focus + .btn-secondary, .btn-secondary:focus, .btn-secondary:hover, .btn-check:focus + .btn, .btn:focus, .search-toggler:hover  {
color: var(--cassiopeia-color-hover-sbtns); 
background-color: var(--cassiopeia-color-text-sbtns);
border-color: var(--cassiopeia-color-text-sbtns);
text-decoration: none;
}

/* Top Bar Container */
.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > *, .container-bottom-c > *, .container-featured-prop > *, .container-latest-prop > *, .container-latest-news > *, .container-testimonials > *, .container-call-to-actions > *, .container-calculator > *, .container-search > *, .container-footer > *, .container-banner, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
margin: 0;
min-width:0;
}
.topbar{
color: var(--cassiopeia-color-text-topbar);
background-color: var(--cassiopeia-color-primary-topbar);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topbar) 0%, var(--cassiopeia-color-hover-topbar) 100%);*/
}
.topbar a{
color: var(--cassiopeia-color-link-topbar);
}
.topbar a:hover,.topbar a:focus{
color: var(--cassiopeia-color-hover-topbar);
}

/* Below Top */
.belowtop{
color: var(--cassiopeia-color-text-belowtop);
background-color: var(--cassiopeia-color-primary-belowtop);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-belowtop) 0%, var(--cassiopeia-color-hover-belowtop) 100%);*/
}
.belowtop a{
color: var(--cassiopeia-color-link-belowtop);
}
.belowtop a:hover, .belowtop a:focus{
color: var(--cassiopeia-color-hover-belowtop);
}

/* Header Container */
.header .site-description, .breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before, .nav.nav-tabs .nav-link, .list-group-item, .list-group-item-action:active, .dropdown-item, .dropdown-item-text, .accordion-button, .popover-body, .header .mod-menu .parent > ul, .form-select.form-select-success option, .form-select-success.custom-select option, .form-select.custom-select-success option, .custom-select-success.custom-select option, .form-select.form-select-danger option, .form-select-danger.custom-select option, .form-select.custom-select-danger option, .custom-select-danger.custom-select option, .chosen-container.chosen-container-single .chosen-single, .metismenu.mod-menu .parent > ul, .form-control, .form-select, .custom-select, .dropdown-menu{
color: var(--cassiopeia-color-text);
}
.header {
color: var(--cassiopeia-color-text-thead);
background-color: var(--cassiopeia-color-primary-thead);
background-image: none;
/* background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-thead) 0%, var(--cassiopeia-color-hover-thead) 100%); */
}
.header .site-description, .header .navbar-brand, .header .navbar-brand:hover, .header .navbar-brand:focus{
color: var(--cassiopeia-color-text-thead);
}
.header a, .header .mod-menu > li > a, .header .mod-menu > li > span, .header .metismenu.mod-menu .mm-toggler, .header .offcanvas .metismenu.mod-menu .metismenu-item > a, .header .navbar-toggler{
color: var(--cassiopeia-color-link-thead);
}
.header a:hover,.header a:focus, .header .mod-menu > li > a:hover, .header .mod-menu > li > a:focus, .header .mod-menu > li > span:hover, .header .metismenu.mod-menu .mm-toggler:hover, .header .offcanvas .metismenu.mod-menu .metismenu-item > a:hover,.header .offcanvas .metismenu.mod-menu .metismenu-item > a:focus {
color: var(--cassiopeia-color-hover-thead);
}
.header .grid-child.brand:before, 
.advert:before,
.banner:before,
.search:before,
.topa:before, 
.topb:before, 
.topc:before, 
.bottoma:before, 
.bottomb:before, 
.bottomc:before,
.featured-prop:before,
.latest-prop:before,
.latest-news:before,
.testimonials:before, 
.call-to-actions:before, 
.calculator:before, 
.get-social:before,
.staff:before,
.affiliates:before,
.footer:before, 
.copyright:before {
content:"";
z-index: -1;
position:absolute;
top:0;
bottom:0;
left:-100vw;
right:-100vw;
}
.header .site-description{
padding-top: 10px;
}
.header .grid-child.brand:before{
background-color: inherit;
}
.header .navbar-toggler {
border: 0;
font-size: 1.6rem;
}
.header {
box-shadow: 0 10px 20px 0 rgba(8,0,42,.08);
}
.header .container-search {
padding: 0
}

/* Social Media */
.social-media div.social-icon .fab,
.social-media div.social-icon .fas,
.social-media div.get-social-image{
color: #fff;
transition: 0.2s;
height: 27px;
width: 27px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.social-icon .fa-facebook-f {
background: var(--ph-facebook);
}
.social-icon .fa-twitter {
background: var(--ph-twitter);
fill: var(--white);
padding: 6px;
}
.social-icon .fa-instagram {
background: var(--ph-instagram);
}
.social-icon .fa-threads {
background: var(--ph-threads);
padding: 6px;
}
.social-icon .fa-threads path, .fa-threads path, .get-social .twitter-x path{
fill: var(--white);
}
.social-icon .fa-linkedin-in {
background:var(--ph-linkedin);
}
.social-icon .fa-youtube {
background: var(--ph-youtube);
}
.social-icon .fa-vimeo-v {
background: var(--ph-vimeo);
}
.social-icon .fa-pinterest-p {
background: var(--ph-pinterest);
}
.social-icon .fa-snapchat-ghost {
background: var(--ph-snapchat);
}
.social-icon .fa-tiktok {
background: var(--ph-tiktok);
}
.social-icon .fa-whatsapp {
background: var(--ph-whatsapp);
}
.social-icon .fa-cloud {
background: var(--ph-bluesky);
}
.get-social .fa-twitter-x {
height: 150px;
width: 150px;
background: var(--ph-twitter);
padding: 6px;
}

/* Logo / Brand */
.brand-logo img {
width: 250px;
padding: 0 20px;
aspect-ratio: attr(230) / attr(129);
}

/* Menu */
.header .container-nav{
padding: 0;
}
.container-header .container-nav nav, .navbar{
margin: 0;
}
.metismenu.mod-menu .metismenu-item{
font-size: 1rem;
}
.metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
padding: 0 10px;
}
.metismenu.mod-menu .mm-collapse > li.parent > ul {
background-color: transparent;
}
.metismenu.mod-menu .metismenu-item ul li {
font-size: 0.9rem;
}

/* Advert Container */
.advert{
position:relative;
z-index: 1;
color: var(--cassiopeia-color-text-advert);
background-color: var(--cassiopeia-color-primary-advert);
  /*background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-advert) 0%, var(--cassiopeia-color-hover-advert) 100%);*/
}
.advert {
grid-area: advert;
}
/*.advert a {
color: var(--cassiopeia-color-link-advert);
}
.advert a:hover, .advert a:focus {
color: var(--cassiopeia-color-hover-advert);
}*/
.advert .val-banner{
background-color: var(--cassiopeia-color-primary-sbtns);
}

/* Banner Container */
.banner{
color: var(--cassiopeia-color-text-bnr);
background-color: var(--cassiopeia-color-primary-bnr);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-bnr) 0%, var(--cassiopeia-color-hover-bnr) 100%);*/
}
.banner .splide picture, .banner .sub-banner img{
-webkit-filter: brightness(75%);
-o-filter: brightness(75%);
filter: brightness(75%);
}
.banner {
grid-area: banner;
}
.banner .slideshow-content{
display:none;
}
/*.banner a {
color: var(--cassiopeia-color-link-bnr);
}
.banner a:hover, .banner a:focus {
color: var(--cassiopeia-color-hover-bnr);
}*/

/* Search Container */
.search{
position: relative;
z-index: 0;
font-size: 13px;
color: var(--cassiopeia-color-text-search);
background-color: var(--cassiopeia-color-primary-search);
background-image: none;
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-search) 0%, var(--cassiopeia-color-hover-search) 100%);*/    
padding: 40px 20px 40px 20px;
display: flex;
flex-direction: column;
}
.container-search {
grid-area: search;
}
.search a {
color: var(--cassiopeia-color-link-search);
}
.search a:hover,.footer a:focus {
color: var(--cassiopeia-color-hover-search);
}
.search .btn-primary {
background-color: var(--cassiopeia-color-text-btns);
border-color: var(--cassiopeia-color-text-btns);
}
.search .btn-primary:hover {
background-color: var(--cassiopeia-color-primary-btns);
border-color: var(--cassiopeia-color-primary-btns);
}
/*.search .btn-secondary, .search a.btn-secondary {
background-color: var(--cassiopeia-color-primary-btns);
border-color: var(--cassiopeia-color-primary-btns);
}*/
/*.search .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-search);
position: relative;
}*/
/* Mobile Search */
.mobile-search .icon-menu:before{
content: "\f002"!important;
}
/* Search toggle as per R11 
.search-visibility {
display: none;
}
.search-open {
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex !important;
}
.container-search .close {
color: var(--ph-grey);
font-size: 2em;
opacity: 0.7 !important;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
right: 36px;
}
.container-search .close .fas {
vertical-align: middle;
}
.container-search .close:hover {
opacity: 1 !important;
}
.search-toggler {
border-radius: 50%;
height: 30px;
width: 30px;
padding: 6px !important;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
span.search-toggler img {
display: block;
}*/

/* Top A Container */
.topa{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-topa);
background-color: var(--cassiopeia-color-primary-topa);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topa) 0%, var(--cassiopeia-color-hover-topa) 100%);*/
}
.topa a, .topa a:(.btn) {
color: var(--cassiopeia-color-link-topa);
}
.topa a:hover,.topa a:focus {
color: var(--cassiopeia-color-hover-topa);
}
.topa .btn:focus {
color: var(--cassiopeia-color-text-btns);
}
.top-a > .no-card {
background-color: var(--cassiopeia-color-primary-topa);
}

/* Top B Container */
.topb{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-topb);
background-color: var(--cassiopeia-color-primary-topb);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topb) 0%, var(--cassiopeia-color-hover-topb) 100%);*/
}
.topb a {
color: var(--cassiopeia-color-link-topb);
}
.topb a:hover,.topb a:focus {
color: var(--cassiopeia-color-hover-topb);
}
.topb .card-header, .topc .card-header{
text-align: center;
}

/* Top C Container */
.top-c > *{
flex: 1;
margin: 0.5em 0;
}
.topc{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-topc);
background-color: var(--cassiopeia-color-primary-topc);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topc) 0%, var(--cassiopeia-color-hover-topc) 100%);*/
}
.topc:before{
background-color: inherit;
background-image: inherit;
}
.top-c{
grid-area: top-c;
}
.topc a {
color: var(--cassiopeia-color-link-topc);
}
.topc a:hover,.topc a:focus {
color: var(--cassiopeia-color-hover-topc);
}

/* Breadcrumb Container */
.mod-breadcrumbs__wrapper {
margin: 0;
}
.breadcrumb {
background-color: transparent;
margin-bottom: 25px;
padding: 0 !important;
}
.site .mod-breadcrumbs__wrapper{
margin:0;
}

/* Main Componant Container */
.tags a.btn{
color: var(--white);
}
/*} Not sure why this was commented out.... */
.newsflash-body{
padding: 0 10px;
}
.container-top-a > .no-card {
overflow: hidden;
margin: -130px 8px 0 8px;
}
.container-component{
padding: 80px 0 80px 0;
}
/*.com-content-article, .com-users-login, .com-users-reset, .com-users-remind, .ph-item-price-panel, .ph-checkout-cart-box, #member-registration, .com-finder, .com-content-category.category-list {
background-color: var(--white);
padding: 1.5rem;
}*/
.container-top-c > .card{
padding: 80px 30px 80px 0;
}
.container-top-c > .card:last-child{
padding: 80px 0 80px 30px;
}
.view-featured .container-component {
padding: 40px 0 20px 0;
}
/*.window-carousel .com-content-article.item-page{
display: none !important;
}*/

/* Sidebar Containers */
.container-sidebar-right .sidebar-right:first-child, .container-sidebar-left .sidebar-left:first-child{
margin-top: 128px;
}
.container-sidebar-left .card-header, .container-sidebar-right .card-header  {
padding: .5rem 0;
border-bottom: 1px solid var(--white);
margin: 1rem;
}
.sidebar-cta1 img{
width: 100%;
}
/* To change the order of sidebar modules using css i.e. valuation sidebar etc
.sidebar-cta1{
display: flex;
flex-direction: column;
}
.sidebar-cta1 h3{
order: 1;
}
.sidebar-cta1 p.lead{
order: 4;
}
.sidebar-cta1 ul{
order: 3;
}*/

/* Bottom - Global */
.container-bottom-a > .card,
.container-bottom-b > .card,
.container-bottom-c > .card,
.container-featured-prop > .card,
.container-latest-prop > .card,
.container-latest-news > .card,
.container-testimonials > .card,
.container-call-to-actions > .card,
.container-calculator > .card,
.container-search > .card,
.container-footer > .card{
/*margin-top: -60px; DUNNO WHAT THIS WAS DOING, IF NOTHING REMOVE AT END */
padding: 20px;
border-radius: 0;
}
.container-bottom-b .nav,
.container-bottom-c .nav,
.container-latest-news .nav,
.container-testimonials .nav,
.container-call-to-actions .nav,
.container-calculator .nav,
.container-featured-prop .nav,
.container-latest-prop .nav{
margin-bottom: 5px;
}

/* Bottom A Container */
.bottoma{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-bottoma);
background-color: var(--cassiopeia-color-primary-bottoma);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-bottoma) 0%, var(--cassiopeia-color-hover-bottoma) 100%);*/
}
.bottoma a {
color: var(--cassiopeia-color-link-bottoma);
}
.bottoma a:hover,.bottoma a:focus {
color: var(--cassiopeia-color-hover-bottoma);
}
.bottoma .card-header{
text-align: center;
}
.bottoma .card, .boxed .blog-item, .blog-items[class*=" columns-"] > div {
box-shadow: 0px 10px 30px rgba(61, 90, 125, 0.20);
border-radius: 3px;
}
.no-card .newsflash-horiz li{
border: 0;
box-shadow: none;
padding: 0 1rem 1rem 0;
}
.no-card .newsflash-horiz li figure{
margin: 0 0 1rem;
}

/* Bottom B Container */
.bottomb{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-bottomb);
background-color: var(--cassiopeia-color-primary-bottomb);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-bottomb) 0%, var(--cassiopeia-color-hover-bottomb) 100%);*/
}
.bottomb a {
color: var(--cassiopeia-color-link-bottomb);
}
.bottomb a:hover,.bottomb a:focus {
color: var(--cassiopeia-color-hover-bottomb);
}
.bottomb .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-bottomb);
position: relative;
}
.bottomb .card-header::after {
background: var(--cassiopeia-color-link-bottomb);
}
/*.bottomd .card-header::after {
background: var(--cassiopeia-color-link-bottomd);
}*/
.bottomb .card-header::after, .bottomc .card-header::after, .featured-prop .card-header::after, .latest-prop .card-header::after, .latest-news .card-header::after, .testimonials .card-header::after, .call-to-actions .card-header::after,  .calculator .card-header::after, .blog-featured .page-header::after, .newsflash-title::after, .blog .page-header::after  {
position: absolute;
width: 40px;
height: 3px;
content: '';
bottom: -2px;
left: 0;
}

/* Bottom C Container */
.bottomc{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-bottomc);
background-color: var(--cassiopeia-color-primary-bottomc);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-bottomc) 0%, var(--cassiopeia-color-hover-bottomc) 100%);*/
}
.bottom-c > *, .featured-prop > *, .latest-prop > *, .latest-news > *, .testimonials > *, .call-to-actions > *, .calculator > *, .search > *, .footer > *{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0.5em 0;
}
.bottom-c{
grid-area: bot-c;
}
.bottomc a:hover,.bottomc a:focus {
color: var(--cassiopeia-color-hover-bottomc);
}
.bottomc .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-bottomc);
position: relative;
}
.bottomc a {
color: var(--cassiopeia-color-link-bottomc);
}
.bottomc .card-header::after {
background: var(--cassiopeia-color-link-bottomc);
}

/* Featured Property Container */
.featured-prop{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-featured-prop);
background-color: var(--cassiopeia-color-primary-featured-prop);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-featured-prop) 0%, var(--cassiopeia-color-hover-featured-prop) 100%);*/
}
.featured-prop{
grid-area: featured;
}
.featured-prop a {
color: var(--cassiopeia-color-link-featured-prop);
}
.featured-prop a:hover, .featured-prop a:focus {
color: var(--cassiopeia-color-hover-featured-prop);
}
.featured-prop .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-featured-prop);
position: relative;
}

/* Latest Property Container */
.latest-prop{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-latest-prop);
background-color: var(--cassiopeia-color-primary-latest-prop);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-latest-prop) 0%, var(--cassiopeia-color-hover-latest-prop) 100%);*/
}
.latest-prop{
grid-area: latest;
}
.latest-prop a {
color: var(--cassiopeia-color-link-latest-prop);
}
.latest-prop a:hover, .latest-prop a:focus {
color: var(--cassiopeia-color-hover-latest-prop);
}
.latest-prop .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-latestprop);
position: relative;
}

/* Testimonials/Reviews Container */
.testimonials{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-testimonials);
background-size: cover;
}
.testimonials:before{
background-color: inherit;
background-image: inherit;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.testimonials{
grid-area: testimonials;
}
.testimonials a {
color: var(--cassiopeia-color-link-testimonials);
}
.testimonials a:hover, .testimonials a:focus {
color: var(--cassiopeia-color-hover-testimonials);
}
/*.testimonials .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-testimonials);
position: relative;
}*/

/* Call to Actions / CTA Container */
.call-to-actions{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-call-to-actions);
background-color: var(--cassiopeia-color-primary-call-to-actions);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-call-to-actions) 0%, var(--cassiopeia-color-hover-call-to-actions) 100%);*/
padding-bottom: 40px;
}
.call-to-actions .col {
margin-top: -165px;
}
.container-call-to-actions{
grid-area: cta;
}
.call-to-actions h3 {
font-size: 2em;
}
.call-to-actions a {
color: var(--cassiopeia-color-link-call-to-actions);
}
.call-to-actions a:hover, .call-to-actions a:focus {
color: var(--cassiopeia-color-hover-call-to-actions);
}
/*.call-to-actions .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-call-to-actions);
position: relative;
}*/
.call-to-actions .cta1 > a,
.call-to-actions .cta2 > a,
.call-to-actions .cta3 > a {
background:var(--cassiopeia-color-primary-btns);
border-radius: 50%;
width: 145px;
height: 145px;
padding: 40px;
display: block;
margin: 0 auto 25px auto;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.call-to-actions .cta1 > a:hover,
.call-to-actions .cta2 > a:hover,
.call-to-actions .cta3 > a:hover {
background:var(--cassiopeia-color-text-btns);
} 

/* Calculator Container */
.calculator{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-calculator);
background-color: var(--cassiopeia-color-primary-calculator);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-calculator) 0%, var(--cassiopeia-color-hover-calculator) 100%);*/
}
.calculator{
grid-area: calc;
}
.calculator a {
color: var(--cassiopeia-color-link-calculator);
}
.calculator a:hover, .calculator a:focus {
color: var(--cassiopeia-color-hover-calculator);
}
/*.calculator .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-calculator);
position: relative;
}*/

/* Latest News Container */
.latest-news{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-latest-news);
background-color: var(--cassiopeia-color-primary-latest-news);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-latest-news) 0%, var(--cassiopeia-color-hover-latest-news) 100%);*/
}
.latest-news{
grid-area: news;
}
.latest-news a {
color: var(--cassiopeia-color-link-latest-news);
}
.latest-news a:hover,.latest-news a:focus {
color: var(--cassiopeia-color-hover-latest-news);
}
/*.latest-news .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-latest-news);
position: relative;
}*/

/* Get-Social Container */
.getsocial-hide{
display: none;
}
.get-social{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-get-social);
background-color: var(--cassiopeia-color-primary-get-social);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-get-social) 0%, var(--cassiopeia-color-hover-get-social) 100%);*/
text-align: center;
justify-content: space-evenly;
}
.get-social{
grid-area: get-social;
}
.get-social a {
color: var(--cassiopeia-color-link-get-social);
}
.get-social a:hover,.get-social a:focus {
color: var(--cassiopeia-color-hover-get-social);
}
.get-social-icon .fab,
.get-social-icon .fas {
font-size: 5em;
}
.social-media div.get-social-image {
width: 150px;
height: 150px;
background: var(--cassiopeia-color-primary-btns);
}
.getsocial-cta div.social-icon .fab,
.getsocial-cta div.social-icon .fas {
height: 150px;
width: 150px;
}

/* Staff Profiles Container */
.staff{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-staff);
background-color: var(--cassiopeia-color-primary-staff);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-staff) 0%, var(--cassiopeia-color-hover-staff) 100%);*/
text-align: center;
justify-content: space-evenly;
}
.staff{
grid-area: staff;
}
.staff a {
color: var(--cassiopeia-color-link-staff);
}
.staff a:hover, .staff a:focus {
color: var(--cassiopeia-color-hover-staff);
}
/* Staff */
/* To implement a flip feature like R7 use the code below */
.staff-card-holder .staff-card {
-moz-webkit-transition: 0.5s;
-ms-webkit-transition: 0.5s;
-o-webkit-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
width: 100%;
box-shadow: 0px 10px 30px rgba(61, 90, 125, 0.20);
}
.staff-profile-about-us .card-body{
padding: 0 !important;
}
.staff-card-holder .staff-card .face {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
/*height: 100%;*/
width: 100%;
z-index: 2;
}
.staff-card-holder .staff-card .front {
background-image: url(../images/expand.png);
background-position: bottom right;
background-repeat: no-repeat;
cursor: pointer;
position: relative;
z-index: 1;
flex-direction: column;
}
.staff-card-holder .staff-card .back {
-webkit-transform: rotatey(-180deg);
transform: rotatey(-180deg);
opacity: 0;
transition: opacity 0.5s ease-in-out;
cursor: pointer;
position: absolute;
top: 0;
overflow: hidden;
font-size: 1.1em;
box-sizing: border-box;
}
.staff-card-holder .staff-card.flipped {
-webkit-transform: rotatey(180deg);
transform: rotatey(180deg);
}
.staff-card-holder .staff-card.flipped .back {
overflow: auto;
backface-visibility: visible;
opacity: 1;
}
.staff-contact {
padding: 15px 15px;
}
.staff-bio {
padding: 15px;
}
.staff-profile-about-us .card-body .staff-image {
margin-bottom: 0 !important;
}

/* Affiliates Container */
.affiliates{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-affiliates);
background-color: var(--cassiopeia-color-primary-affiliates);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-affiliates) 0%, var(--cassiopeia-color-hover-affiliates) 100%);*/
text-align: center;
padding: 40px 20px 40px 20px;
display: grid;
}
.affiliates{
grid-area: affiliates;
}
.affiliates a {
color: var(--cassiopeia-color-link-affiliates);
}
.affiliates a:hover, .affiliates a:focus {
color: var(--cassiopeia-color-hover-affiliates);
}
.portal-logos {
text-align: center;
width: 100%;
margin: 0 auto;
}
.portal-logos img {
padding: 12px;
}

/* Footer Container */
.footer{
position: relative;
z-index: 0;
margin-top: 0;
color: var(--cassiopeia-color-text-footer);
background-color: var(--cassiopeia-color-primary-footer);
background-image: none;
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-footer) 0%, var(--cassiopeia-color-hover-footer) 100%);*/    
}
.footer {
grid-area: footer;
}
.footer a {
color: var(--cassiopeia-color-link-footer);
}
.footer a:hover,.footer a:focus {
color: var(--cassiopeia-color-hover-footer);
}
/*.footer .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-footer);
position: relative;
}*/

/* Copyright Container */
.copyright{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-copyright);
background-color: var(--cassiopeia-color-primary-copyright);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-copyright) 0%, var(--cassiopeia-color-hover-copyright) 100%);*/
text-align: center;
display: flex;
flex-direction: column;
}
.copyright p {
margin-bottom: 0.5rem;
}
.copyright .mod-menu{
display: unset;
margin: 0 auto;
text-align: center;
}
.copyright .mod-menu li{
display: inline-flex;
padding: 0 2px;
margin: 0 2px;
}
.copyright .mod-menu li:after {
position: relative;
content: '|';
padding-left: 10px;
}
.copyright .mod-menu li:last-child:after{
display:none;
}
.copyright .nav, .copyright p{
font-size: 0.9em;
}
.copyright .nav a, .copyright a {
color: var(--cassiopeia-color-link-copyright);
}
.copyright .nav a:hover, .copyright a:hover, .copyright a:focus {
color: var(--cassiopeia-color-hover-copyright);
}
.copyright .social-media{
justify-content: center !important;
margin-bottom: 20px;
}

/* Page elements */
.page-header {
margin: 0 0 20px 0;
}
.badge {
margin: 5px 0;
}
/*legend {  COMMENTED OUT FOR MODULE EDITOR
font-size: 1.2rem;
}*/
.pagination{
margin:0 !important;
}
.page-item.active .page-link {
background-color: inherit;
border-color: inherit;
color: inherit;
}
.items-more {
padding: 1rem 0;
}
.form-check-input:checked {
background-color: var(--success);
border-color: var(--success);
}
#divLocations span{
margin-left: 10px;
}
p.counter {
padding-top: 7px !important;
}
.office-contacts .card-body{

}
.office-contacts h2{
margin-top: 0;
}
.office-contacts p, .branch-contacts p, .get-in-touch .contact-tel, .get-in-touch .contact-email{
margin-bottom: 3px;
}
.office-btn {
margin-top: -25px;
}

/* Blog */
.archive-module li:before{
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f1ea";
padding-right: 5px;
}
.blog-items[class*=" columns-"] .item-content {
padding: 1.5rem;
}
.blog-items[class*=" columns-"] > div{
background-color: var(--white);
}
.blog-featured .page-header, .newsflash-title, .blog .page-header {
padding: 10px 0;
position: relative;
margin: 0 0 15px 0;
}
/* To change the order of items using css
.newsflash-title{
order: 2;
}
.newsflash-horiz li figure{
order: 1;
}
.newsflash-horiz p{
order: 3;
}
.mod-articlesnews-horizontal .readmore{
order: 4;
}*/
/*.blog-featured .page-header::after, .blog .page-header::after {
background: var(--cassiopeia-color-link);
}*/
.newsflash-title::after {
background: var(--cassiopeia-color-text-topa);
}
.blog-item dt, .layout-blog dt{
display:none;
}
.blog-item dl, .layout-blog dl{
display: flex;
flex-direction: row;
}
.blog-item .item-image {
margin: 0;
}
.blog-item {
margin: 0 0 40px 0;
}
.com-content-category-blog img{
width: 100%;
}
/* Custom Fields on Blog/Development Pages - Uncomment when in use!
.development .fields-container .field-label{
font-weight: bold;
}
.development .fields-container li {
list-style-type: none;
margin-left: -30px;
padding-top: 20px;
}
*/

/* Agent Login */
ul.agent-menu{
display:inline-block;
}
.agent-menu li{
margin-right: 15px;
padding: 10px;
}
.agent-menu li a{
color: var(--cassiopeia-color-link-btns)!important;
}

/* Form slider Accordians */
#slide-panel {
transition: height .5s ease-in-out;
overflow: hidden;
}
#slide-panel:not(.active) {
display: none;
transition:  height .5s ease;
}
form #slide-btn {
margin: 0;
line-height: 1.3;
padding: 0.2rem 0.4rem;
}
.ph-stars-box, span.ph-stars {
margin: 0 auto;
}
.ph-category-price-box {
font-size: 1.2rem;
}

/* Back to top */
.back-to-top {
font-size: 1.5em;
position: fixed;
right:30px;
bottom: 15px;
width: 56px;
height: 56px;
border-radius:50%;
border:none;
display: none;
}
.slideup {
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {transform: translateY(100%); opacity: 0;}
50% {transform: translateY(-8%);}
65% {transform: translateY(4%);}
80% {transform: translateY(-4%);}
95% {transform: translateY(2%);}
100% {transform: translateY(0%);opacity: 1;}
}
@-webkit-keyframes slideUp {
0% {-webkit-transform: translateY(100%);transform: translateY(100%);opacity: 0;}
50% {-webkit-transform: translateY(-8%);transform: translateY(-8%);}
65% {-webkit-transform: translateY(4%);transform: translateY(4%);}
80% {-webkit-transform: translateY(-4%);transform: translateY(-4%);}
95% {-webkit-transform: translateY(2%);transform: translateY(2%);}
100% {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;}
}

:root {
--ph-error: #dc3545;
--ph-success: #28a745;
--ph-warning: #ffc107;
--ph-info: #17a2b8;
--ph-grey: #999;
--ph-grey-bg: #f9f9f9;
--ph-white-bg: #fff;
--ph-grey-color: #999;
--ph-grey-border: #f0f0f0;
--ph-loading-1: #c1e2f1;
--ph-loading-2: #45a7d4;
--ph-price-filter-bg: #08b2d9;
--ph-price-filter-border: #079ec0;
--ph-icon-default: #d0d0d0;
--ph-icon-featured: #f0ad4e;
--ph-icon-hot: #d9534f;
--ph-icon-save: #C51251;
--ph-icon-save2: #a1063c;
--ph-icon-new: #337ab7;
--black-opacity: rgba(0, 0, 0, 0.5);
--white-opacity-10: rgba(255, 255, 255, 0.1);
--white-opacity-50: rgba(255, 255, 255, 0.5);
--cassiopeia-color-primary-thead-dark: rgba(51, 51, 51, 0.5);
--ph-facebook: #4B66A0;
--ph-twitter: #000000;
--ph-instagram: radial-gradient(circle at 33% 100%,#FED373 4%,#F15245 30%,#D92E7F 62%,#9B36B7 85%,#515ECF);
--ph-threads: #000000;
--ph-linkedin: #0075B2;
--ph-youtube: #E12B28;
--ph-vimeo: #1ab7ea;
--ph-pinterest: #BD081C;
--ph-snapchat: #fffc00;
--ph-tiktok: #4de8f4;
--ph-whatsapp: #43d954;
--ph-bluesky: #0085ff;
}

@supports (display: grid) {
.site-grid {
display: grid;
grid-template-areas: 
". advert advert advert advert ." 
". banner banner banner banner ." 
". search search search search ."
". cta cta cta cta ."
". 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 comp comp comp ." 
". side-r side-r side-r side-r ." 
". side-l side-l side-l side-l ." 
". bot-a bot-a bot-a bot-a ." 
". bot-b bot-b bot-b bot-b ."
". bot-c bot-c bot-c bot-c ."
". featured featured featured featured ."
". latest latest latest latest ."
". testimonials testimonials testimonials testimonials ."
". calc calc calc calc ."
". news news news news ."
". get-social get-social get-social get-social ."
". staff staff staff staff ."
". footer footer footer footer ."
". affiliates affiliates affiliates affiliates ."
". copyright copyright copyright copyright .";
}
body.wrapper-fluid .site-grid,
body.wrapper-fluid .site-grid{
grid-template-areas: 
". advert advert advert advert ." 
". banner banner banner banner ." 
". search search search search ."
". cta cta cta cta ."
". top-a top-a top-a top-a ." 
". top-b top-b top-b top-b ." 
". top-c top-c top-c top-c ." 
". side-l comp comp side-r ."  
". bot-a bot-a bot-a bot-a ." 
". bot-b bot-b bot-b bot-b ."
". bot-c bot-c bot-c bot-c ."
". featured featured featured featured ."
". latest latest latest latest ."
". testimonials testimonials testimonials testimonials ."
". calc calc calc calc ."
". news news news news ."
". get-social get-social get-social get-social ."
". staff staff staff staff ."
". footer footer footer footer ."
". affiliates affiliates affiliates affiliates ."
". copyright copyright copyright copyright .";
}
}

/* Media Query - CSS */
@media (max-width: 575.98px) {
.card {
margin-bottom: 15px;
}
.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
margin-right: 0;
margin-left: 0;
order: 0;
}
.container-top-c > .card, .container-top-c > .card:last-child{
padding: 80px 0;
}
.search{
display: none;
}
}

@media (max-width: 767.98px) {
.navbar-brand {
display: block;
width: 100%;
}
.brand-logo img {
display: block;
margin: 0 auto;
width: 250px;
}
.call-to-actions {
padding-top: 20px;
bottom: 20px;
}
.cta-wrapper .col {
flex: 100% !important;
max-width: 100% !important;
}
.call-to-actions .col {
margin-top: 0px;
}
}

@media (max-width: 991.98px) {
body.wrapper-fluid .site-grid,
body.wrapper-fluid .site-grid{
grid-template-areas: 
". advert advert advert advert ." 
". banner banner banner banner ." 
". search search search search ."
". cta cta cta cta ."
". 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 comp comp comp ." 
". side-r side-r side-r side-r ." 
". side-l side-l side-l side-l ." 
". bot-a bot-a bot-a bot-a ." 
". bot-b bot-b bot-b bot-b ."
". bot-c bot-c bot-c bot-c ."
". featured featured featured featured ."
". latest latest latest latest ."
". testimonials testimonials testimonials testimonials ."
". calc calc calc calc ."
". news news news news ."
". get-social get-social get-social get-social ."
". staff staff staff staff ."
". footer footer footer footer ."
". affiliates affiliates affiliates affiliates ."
". copyright copyright copyright copyright .";
}
.offcanvas .metismenu.mod-menu .metismenu-item > ul {
position: relative;
width: 100%;
margin-top: 1rem;
box-shadow: none;
}
.offcanvas .metismenu.mod-menu .mm-collapse {
background-color: transparent;
}
.offcanvas .metismenu.mod-menu .metismenu-item > a {
color: var(--white);
}
.container-header .container-nav{
background-color: var(--cassiopeia-color-text-sbtns);
}
.navbar-brand{
margin: auto;
}
.site {
padding: 0 !important;
}
.awesomplete > input {
max-width: 160px;
}
.card{
margin-bottom: 15px;
}
.image-left .blog-item .item-image, .image-right .blog-item .item-image {
flex: 1 1 40%;
}
.container-component{
padding: 80px 0 0 0;
} 
.home .container-component {
padding-bottom: 80px;
}
.container-top-c > * {
flex: 0 1 auto;
}
.container-top-a, .container-top-b, .container-top-c, .container-bottom-a, .container-bottom-b, .container-bottom-c, .container-footer, .container-affiliates, .container-copyright {
flex-direction: column;
}
.mod-list li , .tag{
padding: 1em 0;
}
.mod-footer {
text-align: center;
}
}

@media (min-width: 992px) {
@supports (display: grid) {
.site-grid {
grid-template-areas: 
". advert advert advert advert ." 
". banner banner banner banner ." 
". search search search search ."
". cta cta cta cta ."
". top-a top-a top-a top-a ." 
". top-b top-b top-b top-b ." 
". top-c top-c top-c top-c ." 
". side-l comp comp side-r ." 
". bot-a bot-a bot-a bot-a ." 
". bot-b bot-b bot-b bot-b ."
". bot-c bot-c bot-c bot-c ."
". featured featured featured featured ."
". latest latest latest latest ."
". testimonials testimonials testimonials testimonials ."
". calc calc calc calc ."
". news news news news ."
". get-social get-social get-social get-social ."
". staff staff staff staff ."
". footer footer footer footer ."
". affiliates affiliates affiliates affiliates ."
". copyright copyright copyright copyright .";
}
}
.offcanvas-start {
width: 100%;
}
.metismenu.mod-menu .metismenu-item{
padding: 0.5em 0.7em;     
}
.header.mhover .metismenu.mod-menu li:hover > ul {
display: block;
min-width:250px;
}
/*.container-component, .container-sidebar-right, .container-sidebar-left {
padding: 80px 0 0px 0;
}*/
.container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
margin: 8.5em 0.5em 0 0.5em;
}
.container-sidebar-left h2, .container-sidebar-right h2 {
margin-bottom: 20px;
}
.home .container-component {
padding: 80px 0 80px 0;
}
}

@media (min-width: 1200px) {
.header .container-nav{
margin-top: -30px;
}
.metismenu.mod-menu .metismenu-item{
padding: 0.5em 0.7em;     
}
.call-to-actions {
padding-bottom: 25px;
}
.call-to-actions .cta1 > a,
.call-to-actions .cta2 > a,
.call-to-actions .cta3 > a {
width: 160px;
height: 160px;
padding: 40px;
}
.featured-prop, .bottomb, .bottomc .latest-prop, .latest-news, .calculator, .call-to-actions, .testimonials, .footer, .copyright, .get-social, .staff{
padding: 80px 0px 80px 0px;
}
.bottoma, .zw-main-bottom {
padding: 0 0 80px 0;
}
.affiliates {
padding: 20px 0;
}
}

@media (min-width: 1600px) {
}