/*
	Theme Name: Gogledd Creadigol
	Theme URI: https://wwww.brandified.co.uk
	Description: Custom Parent Theme for Gogledd Creadigol
	Version: 7.0.0
	Author: Brandified Ltd
	Author URI: https://www.brandified.co.uk
	Tags: Branding, website, apps

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
	REUSABLE STYLES
\*------------------------------------*/


:root {

	/* COLOURS */
	--soft-white: #FFFFFF;
	--lighter-grey: #F1F1F1;
	--light-grey: #EAEAEA;
	--mid-grey: #666666;
	--dark-grey: #3B3939;

	--light-yellow: #FFF2CE;
	--mid-yellow: #FFBB00;
	--dark-yellow: #AB6C00;

	--light-pink: #FDDCEB;
	--mid-pink: #CE377A;
	--dark-pink: #98124E;

	--light-purple: #f2cdff;
	--mid-purple: #BA35EC;
	--dark-purple: #7806a1;

	--light-blue: #ECE8FF;
	--mid-blue: #342388;
	--dark-blue: #1D163F;
	--darker-blue: #150E39;

	--light-turquoise: #D7FFFF;
	--mid-turquoise: #309A9B;
	--dark-turquoise: #006667;

	--black-50: rgba(0, 0, 0, 0.5);
	--dark-grey-50: rgba(57, 57, 56, 0.5);
	--dark-blue-50: rgba(29, 22, 63, 0.5);
	--dark-blue-10: rgba(29, 22, 63, 0.1);


	
	--default-mask-light: rgba(255, 223, 187, 0.9);
	--default-mask: rgba(47, 54, 74, 0.5);
	--default-mask-mid: rgba(102, 80, 63, 0.7);
	--default-mask-dark: rgba(0,0,0,0.2);
	--default-mask-darker: rgba(0,0,0,0.5);
	--default-mask-light: rgba(255, 255, 255, 0.2);

	--brand-accessibility: #2196F3;

	--brand-facebook: #1877f2;
	--brand-x: #000000;
	--brand-instagram: #c32aa3;
	--brand-linkedin: #0a66c2;
	--brand-tiktok: #010101;

	--brand-competitor: #3f6fd6;
	--brand-competitor-light: #95b6fc;

	/* TYPOGRAPHY */

	--font-primary: 'Jost', sans-serif;
	--font-secondary: 'the-seasons', serif;
    --font-awesome: FontAwesome, 'Jost', sans-serif;
	
	--heading-xlarge: 500 5rem/5.8rem;
	--heading-large: 500 4rem/4.8rem;
	--heading-medium: 500 3rem/3.5rem;
	--heading-small: 400 2rem/2rem;
	--heading-smaller: 500 1.6rem/1.6rem;
	--heading-extrasmall: 500 1.4rem/1.4rem;

	--text-small: 400 1rem/1.4rem;
	--text-regular: 300 1.2rem/2rem;
	--text-large: 500 1.6rem/2.6rem;
	--text-extra-large: 500 2rem/3.8rem;
	
	/* BACKGROUNDS */

	--bg-primary: var(--brand-primary); 
	--bg-secondary: var(--brand-secondary); 
	--bg-tertiary: var(--brand-tertiary); 
	--bg-dark: var(--dark-brown); 
      --bg-darker: var(--dark-browner); 

    /* MEASUREMENTS */

	--margin-small: 30px;
	--margin-medium: 60px;
	--margin-large: 120px;

	--section-padding-small: 40px 0px 40px 0px;
	--section-padding-medium: 80px 0px 80px 0px;
	--section-padding-large: 120px 0px 120px 0px;

	--border-radius-probit: 50px 50px 50px 0px;
	--border-radius-probit-exagerated: 80px 80px 80px 0px;

	--border-radius-probit-bottom-right: 50px 50px 0px 50px;
	--border-radius-probit-top-right: 50px 0px 50px 50px;
	--border-radius-probit-top-left: 0px 50px 50px 50px;

}

html, body {
	overflow-x: hidden;
}

body {
	font: var(--text-regular) var(--font-primary);
	line-height: 1.4em;
	background: var(--dark-blue);
	color: var(--dark-blue);
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: var(--font-secondary);
	  font-weight: normal !important;;
}

h1 {
      font: var(--heading-xlarge) var(--font-secondary);
      margin-bottom: var(--margin-medium);
}

h2 {
      font: var(--heading-large) var(--font-secondary);
      margin-bottom: var(--margin-small);
}

h3 {
      font: var(--heading-medium) var(--font-secondary);
      margin-bottom: var(--margin-medium);
}

h4 {
      font: var(--heading-small) var(--font-secondary);
      margin-bottom: var(--margin-small);
	padding-bottom: var(--section-padding-small);
}

h4 img.author-avatar {
  display: inline-block !important;
  vertical-align: middle;
}

h5 {
      font: var(--heading-smaller) var(--font-secondary);
      margin-bottom: var(--margin-small);
      line-height: 1.8em;
}

h4 span {
      font-size: 80%;
}

.alt-font {
      font-family: var(--font-primary);
}

p {
      line-height: 1.4em;
      margin-bottom: 30px;
      font: var(--text-regular) var(--font-primary);
}

p:last-of-type {
      margin-bottom: 0px;
}

p.bigger {
      line-height: 1.6em;
      margin-bottom: 30px;
      font: var(--text-large) var(--font-primary);
      font-weight: 400;
}

p.smaller {
      line-height: 1.4em;
      font: var(--text-small) var(--font-primary);
}

a {
	transition: all 0.3s;
    cursor: pointer;
	color: var(--dark-blue);
}

strong {
	font-weight: 500;
}

ul li {
	line-height: 2em;
}


.bigger-i {
	font-size: 400%;
}
	
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

img.center-image {
	margin-left: auto;
	margin-right: auto;
}

img.image-fit {
	width: 100%;
	max-width: 800px;
}

/*------------------------------------*\
	COLUMNS
\*------------------------------------*/

* {
	box-sizing: border-box;
}


[class*="col-"] {
	float: left;
	padding: 30px;
	/* border: 1px dashed #FF0000; */
}

.oh {
	overflow-x: hidden;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}

.hide-desktop {
	display: none;
}

.hide-mobile {
	display: block;
}

@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;
	}
	
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}

	.notice {
		display: none;
	}

	#navigation {
		top: 0px !important;
	}

	#logo {
		height: 40px !important;
	}

	.header-content {
		margin-top: 0px;
	}

	.header-content h1.blog-heading {
		font: var(--heading-bigger);
		margin-bottom: var(--margin-medium);
	}

	footer {
		text-align: center;
	}

	footer p {
		color: var(--light-orange);
	}

	footer img {
		margin-left: auto;
		margin-right: auto;
	}


	.align-right {
		text-align: center !important;
	}

	.tabby-wrap {
		display: block;
		width: 100%;
	}

	.tabby-link {
		width: 50%;
		display: block;
	}

	.tabby-link span {
		font-size: 70% !important;
	}

	.modal-window > div {
		width: 95vw !important;
		max-width: 95vw !important;
		position:relative;
		height: 95vh !important;
		border-radius: 20px;
	}

	.modal-window > div {
		width: 95vw !important;
		max-width: 95vw !important;
		position:relative;
		height: 95vh !important;
		border-radius: 20px;
	}

	.modal-body h2 {
		font-size: 200% !important;
	}

	.modal-body {
		overflow-x: scroll !important;
		height: 95vh !important;
	}

	h1 {
		font: var(--heading-large) var(--font-secondary);
	}

	h2 {
		font: var(--heading-medium) var(--font-secondary);
	}

	.mobile-fullwidth {
		width: 100% !important;
		text-align: center !important;
		display: block !important;
	}

	.property-item {
        width: 100% !important;
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

	.property-listings {
        flex-direction: column;
    }

	.property-price {
		text-align: right !important;
	}

	.accreditations {
		width: 100%;
		text-align: center;
	}
	.accreditations img {
		height: 40px; width: auto; margin: 10px; float: none;
	}
}

@media only screen and (min-width: 768px) {
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	 
	[class*="col-"] {
		width: 100%;
	}
	
   .col-t-1 {width: 8.33%;}
   .col-t-2 {width: 16.66%;}
   .col-t-3 {width: 25%;}
   .col-t-4 {width: 33.33%;}
   .col-t-5 {width: 41.66%;}
   .col-t-6 {width: 50%;}
   .col-t-7 {width: 58.33%;}
   .col-t-8 {width: 66.66%;}
   .col-t-9 {width: 75%;}
   .col-t-10 {width: 83.33%;}
   .col-t-11 {width: 91.66%;}
   .col-t-12 {width: 100%;}
	 
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 
 .col-t-1 {width: 8.33%;}
 .col-t-2 {width: 16.66%;}
 .col-t-3 {width: 25%;}
 .col-t-4 {width: 33.33%;}
 .col-t-5 {width: 41.66%;}
 .col-t-6 {width: 50%;}
 .col-t-7 {width: 58.33%;}
 .col-t-8 {width: 66.66%;}
 .col-t-9 {width: 75%;}
 .col-t-10 {width: 83.33%;}
 .col-t-11 {width: 91.66%;}
 .col-t-12 {width: 100%;}
 
}

@media (min-width: 0px) and (max-width: 768px) {
	 
	[class*="col-"] {
		width: 100%;
	}
	
   .col-m-1 {width: 8.33%;}
   .col-m-2 {width: 16.66%;}
   .col-m-3 {width: 25%;}
   .col-m-4 {width: 33.33%;}
   .col-m-5 {width: 41.66%;}
   .col-m-6 {width: 50%;}
   .col-m-7 {width: 58.33%;}
   .col-m-8 {width: 66.66%;}
   .col-m-9 {width: 75%;}
   .col-m-10 {width: 83.33%;}
   .col-m-11 {width: 91.66%;}
   .col-m-12 {width: 100%;}
	 
}

.col-centered {
	margin-left: auto; 
	margin-right: auto; 
	float: none ; 
	padding: 0px ;
}

.float-right {
	float: right !important;
}

.float-left {
	float: left !important;
}

/* NO UNDERLINE */

.no-u {
      text-decoration: none !important;
}

/* MARGIN OPTIONS 
m  = margin
mt = margin-top
mb = margin-bottom
*/

.no-m {
      margin: 0 !important;
}

.m-10 {
      margin-bottom: 10px !important;
}

.m-20 {
      margin-bottom: 20px !important;
}

.m-30 {
      margin-bottom: 30px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mt-0 {
	margin-bottom: 0px !important;
}

.m-large {
      margin-top: var(--margin-large);
      margin-bottom: var(--margin-large);
}

.m-medium {
      margin-top: var(--margin-medium);
      margin-bottom: var(--margin-medium);
}

.m-small {
      margin-top: var(--margin-small);
      margin-bottom: var(--margin-small);
}

/* PADDING OPTIONS 
p  = padding
pt = padding-top
pb = padding-bottom
*/

.no-p {
      padding: 0 !important;
}

.p-10 {
      padding: 10px !important;
}

.p-15 {
      padding: 15px !important;
}

.p-20 {
      padding: 20px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-40 {
      padding: 40px !important;
}

.p-50 {
      padding: 50px !important;
}

.pb-0 {
      padding-bottom: 0px !important;
}

.pb-10 {
      padding-bottom: 10px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pb-20 {
      padding-bottom: 20px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pb-50 {
      padding-bottom: 50px !important;
}

.pb-80 {
      padding-bottom: 80px !important;
}

.pb-100 {
      padding-bottom: 100px !important;
}

.pb-150 {
      padding-bottom: 150px !important;
}

.pb-200 {
      padding-bottom: 200px !important;
}

.pb-250 {
      padding-bottom: 250px !important;
}

.pb-300 {
      padding-bottom: 300px !important;
}

.pt-0 {
      padding-top: 0px !important;
}

.pt-5 {
      padding-top: 5px !important;
}

.pt-10 {
      padding-top: 10px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pt-20 {
      padding-top: 20px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

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

.pt-100 {
      padding-top: 100px !important;
}

.pt-130 {
      padding-top: 130px !important;
}

.pt-150 {
      padding-top: 150px !important;
}

.pt-200 {
      padding-top: 200px !important;
}

.pt-250 {
      padding-top: 250px !important;
}

.pt-300 {
      padding-top: 300px !important;
}

.p-small {
      padding: var(--section-padding-small);
}

.p-medium {
      padding: var(--section-padding-medium);
}

.p-large {
      padding: var(--section-padding-large);
}

/* BORDER RADIUS OPTIONS 
r  = radius
r-br = border-radius-bottom-right
r-tr = border-radius-top-right
*/

.r-10 {
      border-radius: 10px;
}

.r-20 {
      border-radius: 20px;
}

.r-br {
      border-radius: var(--border-radius-probit-bottom-right) !important;
}

.r-tr {
      border-radius: var(--border-radius-probit-top-right) !important;
}

.r-tl {
      border-radius: var(--border-radius-probit-top-left) !important;
}


/*------------------------------------*\
	STRUCTURE
\*------------------------------------*/



/*------------------------------------*\
	PAGES
\*------------------------------------*/


#main {
	background: var(--soft-white);
}

section {
	padding: 80px 0px 80px 0px;
}

.section-soft-white {
	background-color: var(--soft-white);
	color: var(--dark-blue);
}

.section-lighter-grey {
	background-color: var(--lighter-grey);
	color: var(--dark-blue);
}

.section-lighter-grey h2, .section-lighter-grey h3 {
	color: var(--mid-pink);
}

.section-light-grey {
	background-color: var(--light-grey);
	color: var(--dark-blue);
}

.section-light-grey h2, .section-light-grey h3 {
	color: var(--mid-pink);
}

.section-light-blue {
	background-color: var(--light-blue);
	color: var(--dark-blue);
}

.section-mid-blue {
	background-color: var(--mid-blue);
	color: var(--soft-white);
}

.section-dark-blue {
	background-color: var(--dark-blue);
	color: var(--soft-white);
}

.section-light-yellow {
	background-color: var(--light-yellow);
	color: var(--dark-blue);
}

.section-mid-yellow {
	background-color: var(--mid-yellow);
	color: var(--dark-blue);
}

.section-dark-yellow {
	background-color: var(--dark-yellow);
	color: var(--soft-white);
}


.section-light-pink {
	background-color: var(--light-pink);
	color: var(--dark-blue);
}

.section-mid-pink {
	background-color: var(--mid-pink);
	color: var(--soft-white);
}

.section-dark-pink {
	background-color: var(--dark-pink);
	color: var(--soft-white);
}

.section-light-purple {
	background-color: var(--light-purple);
	color: var(--dark-blue);
}

.section-mid-purple {
	background-color: var(--mid-purple);
	color: var(--soft-white);
}

.section-dark-purple {
	background-color: var(--dark-purple);
	color: var(--soft-white);
}


.section-light-turquoise {
	background-color: var(--light-turquoise);
	color: var(--dark-blue);
}

.section-mid-turquoise {
	background-color: var(--mid-turquoise);
	color: var(--soft-white);
}

.section-dark-turquoise {
	background-color: var(--dark-turquoise);
	color: var(--soft-white);
}

.section-soft-white a.button,
.section-lighter-grey a.button,
.section-light-grey a.button,
.section-light-blue a.button,
.section-light-yellow a.button,
.section-light-pink a.button,
.section-light-purple a.button,
.section-light-turquoise a.button {
	background: var(--mid-blue);
	color: var(--soft-white);
	text-decoration: none;
	padding: 20px 30px;
	font: var(--text-small) var(--font-primary);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 300ms ease-in-out;
}

.section-soft-white a.button:hover,
.section-lighter-grey a.button:hover,
.section-light-grey a.button:hover,
.section-light-blue a.button:hover,
.section-light-yellow a.button:hover,
.section-light-pink a.button:hover,
.section-light-purple a.button:hover,
.section-light-turquoise a.button:hover {
	background: var(--mid-pink);
	color: var(--soft-white);
	cursor: pointer;
}



.section-dark-turquoise a.button,
.section-dark-pink a.button,
.section-dark-blue a.button,
.section-mid-blue a.button,
.section-mid-yellow a.button,
.section-mid-pink a.button,
.section-mid-purple a.button,
.section-mid-turquoise a.button {
	background: var(--mid-blue);
	color: var(--soft-white);
	text-decoration: none;
	padding: 20px 30px;
	font: var(--text-small) var(--font-primary);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 300ms ease-in-out;
}


.section-dark-turquoise a.button:hover,
.section-dark-pink a.button:hover,
.section-dark-blue a.button:hover,
.section-mid-blue a.button:hover,
.section-mid-yellow a.button:hover,
.section-mid-pink a.button:hover,
.section-mid-purple a.button:hover,
.section-mid-turquoise a.button:hover {
	background: var(--mid-pink);
	color: var(--soft-white);
	cursor: pointer;
}


.section-big-header {
	text-align: center;
}

.section-big-header h2 {
	font-size: 5em !important;
	line-height: 1em !important;
}

.section-soft-white .header-meta,
.section-lighter-grey .header-meta,
.section-light-grey .header-meta,
.section-light-blue .header-meta,
.section-light-yellow .header-meta,
.section-light-pink .header-meta,
.section-light-purple .header-meta,
.section-light-turquoise .header-meta {
	padding-left: 30px !important;
	border-left: var(--dark-blue) 3px solid;
}

.section-dark-turquoise .header-meta,
.section-dark-pink .header-meta,
.section-dark-blue .header-meta,
.section-mid-blue .header-meta,
.section-mid-pink .header-meta,
.section-mid-purple .header-meta,
.section-mid-turquoise .header-meta {
	padding-left: 30px !important;
	border-left: var(--soft-white) 3px solid;
}

.section-mid-yellow .header-meta {
	padding-left: 30px !important;
	border-left: var(--dark-blue) 3px solid;
}


.section-image {
	color: var(--soft-white);
}


h2.big_text, h3.big_text {
	text-align: center;
}

.section-image h3.big_text {
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}



.radius-top-right {
	border-top-right-radius: 80px;
}

.radius-bottom-left {
	border-bottom-left-radius: 80px;
}

ul.bullet-points {
}

ul.bullet-points li {
	font-size: 150%;
	margin-bottom: 40px;
}

ul.bullet-points li i {
	width: 40px;
}



.button-container {
	display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    gap: 20px;
}

.button-container-right {
	justify-content: flex-end; 
}

a.button {
	background: var(--mid-blue);
	color: var(--soft-white);
	text-decoration: none;
	padding: 20px 30px;
	font: var(--text-small) var(--font-primary);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 300ms ease-in-out;
}

a.button:hover {
	background: var(--mid-blue);
	color: var(--light-blue);
}

a.button-outline {
	background: transparent;
	color: var(--mid-blue);
	outline: 1px solid var(--mid-blue);
	text-decoration: none;
	padding: 20px 30px;
	font: var(--text-small) var(--font-primary);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 300ms ease-in-out;
}

a.button-outline:hover {
	background: var(--light-beige);
	color: var(--dark-orange);
	outline: 1px solid var(--dark-brown);
}


a.button-outline-inverted {
	background: transparent;
	color: var(--soft-white);
	outline: 1px solid var(--soft-white);
	text-decoration: none;
	padding: 20px 30px;
	font: var(--text-small) var(--font-primary);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 300ms ease-in-out;
}

a.button-outline-inverted:hover {
	background: var(--light-beige);
	color: var(--light-orange);
	outline: 1px solid var(--dark-brown);
}

ul.bullet-list li {
      padding-left: 45px;
      background-size: 30px 30px !important;
      background-repeat: no-repeat !important;
      background-position: left center !important;
      font-size: 150%;
      color: rgba(255, 255, 255, 0.6);
      background: url('./img/grad-bullet.png');
}




/*------------------------------------*\
	NAVIGATION
\*------------------------------------*/

#navigation {
	width: 100%;
	z-index: 3;
	background: var(--dark-blue);
	position: fixed;
}

#navigation img#logo {
      height: auto;
}

nav.nav-desktop ul {
	float: right;
	padding: 7px 0px 0px 0px;
}

nav.nav-desktop ul li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;;
    position: relative;
}

nav.nav-desktop ul li a {
	color: var(--soft-white);
	text-decoration: none;
	padding: 10px 12px;
	font-weight: 500;
	font-size: 70% !important;
	text-transform: uppercase;
}

nav.nav-desktop ul li a:hover {
	color: var(--mid-yellow);
	text-decoration: none;
}

nav.nav-desktop ul li.login a {
	background: var(--mid-orange);
	color: var(--dark-beige);
	padding: 15px 20px;
	border-radius: 15px;
}

nav.nav-desktop ul li.login a:hover {
	background: var(--brand-secondary);
	color: var(--light-beige);
	padding: 15px 20px;
	border-radius: 15px;
}

nav.nav-desktop ul li.register a {
	background: var(--default-mask-light);
	color: var(--light-beige);
	padding: 15px 20px;
	border-radius: 15px;
}

nav.nav-desktop ul li.register a:hover {
	background: var(--default-mask-darker);
	color: var(--light-beige);
	padding: 15px 20px;
	border-radius: 15px;
}

nav.nav-desktop ul ul {
	visibility: hidden;
	float: left;
	position: absolute;
	top: 2.2em;
	left: 0;
	z-index: 99999;
	background: var(--dark-blue);
	border-radius: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity: 0;
	transition: all 0.3s linear;
	display: inline-block;
	min-width: 180px;
}

nav.nav-desktop ul ul a {
	line-height: 1em;
	padding: 10px 15px;
	display: block;
	height: auto;
	color: var(--soft-white) !important;
	text-shadow: none;
	line-height: 1.6em;
}

nav.nav-desktop ul ul a:hover {
	line-height: 1em;
	padding: 10px 15px;
	display: block;
	height: auto;
	color: var(--mid-yellow) !important;
	text-shadow: none;
}

nav.nav-desktop ul li:hover > ul {
	visibility: visible;
	opacity: 1;
}

.qtranxs-lang-menu a {
	color: var(--mid-yellow);
}

.qtranxs-lang-menu a:hover {
	color: var(--mid-pink);
}

ul.lang-switch li a {
	padding: 4px 8px;
	background: var(--soft-white);
	color: var(--dark-blue) !important;
	border-radius: 100px;
}

ul.lang-switch li a:hover {
	padding: 4px 8px !important;
	background: var(--mid-pink);
	color: var(--soft-white) !important;
	border-radius: 100px;
}





.menu-item-gogc-account > a.gogc-account-trigger {
	display: flex;
	align-items: center;
	gap: .5rem;
	background: var(--mid-blue);
	border-radius: 100px;
}
.menu-item-gogc-account .gogc-account-logo {
	width: 20px;
	height: 20px;
	object-fit: contain;
	border-radius: 3px;
	display: inline-block;
	border-radius: 100px;
}

nav.nav-desktop ul li a.gogc-account-trigger {
	padding: 0px 10px 0px 10px !important;
}




#navigation.scrolled {
      background: rgba(255, 255, 255, 0.9);
       backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px); 
      transition: all 500ms linear;
	  position: fixed;
}

#navigation.scrolled ul li a {
      color: var(--dark-brown);
}

a.button-accessibility {
	position: fixed; left: 0px; bottom: 0px; background: var(--brand-accessibility); color: var(--light-beige); border-top-right-radius: 20px; font-size: 40px; padding: 15px; z-index: 100;

}

a.button-accessibility:hover {
	font-size: 50px; padding: 20px;;
}

.accessibility-contrast {
	display: none;
}


.notice {
	background: var(--brand-secondary-light);
	color: #006b57;
	position: fixed;
	z-index: 9999;
	font-size: 130%;
	text-align: center;
	display: block;
}

.notice a {
	color: #006b57;
}




/*------------------------------------*\
	HEADER
\*------------------------------------*/

#header {
	padding-top: 90px;
}

#header-home {
	padding-top: 70px;
}


.flex-wrap {
	display: -ms-flexbox;
    display: flex;
    align-items: stretch;
	flex-direction: row;
    height: auto; 
}

.flex-wrap-vertical {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.flex-wrap-vertical > .col-5,
.flex-wrap-vertical > .col-6 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex-wrap-vertical > .col-6 {
	align-items: stretch;
}

.flex-content {
}

.header-hero {
	height: 100vh;
	color: var(--soft-white);
}




.d-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.align-end {
  align-items: flex-end;
}


.wpcf7-form input, .wpcf7-form textarea {
	display: block;
	width: 100%;
}

.wpcf7-submit {
	padding: 15px 20px;
	background: var(--mid-orange);
	color: var(--soft-white);
	border: none;
}


/*------------------------------------*\
	MISC
\*------------------------------------*/

::selection {
	background: var(--mid-orange);
	color: var(--mid-beige);
	text-shadow:none;
}
::-webkit-selection {
	background: var(--mid-orange);
	color: var(--mid-beige);
	text-shadow:none;
}
::-moz-selection {
	background: var(--mid-orange);
	color: var(--mid-beige);
	text-shadow:none;
}




.gogc-form label {
	padding-bottom: 20px;
}

.gogc-form input {
	width: 100%;
	padding:15px 20px; border:1px solid var(--dark-blue-20); border-radius:8px; min-width: 200px; 
	box-shadow: 0px 2px 5px var(--dark-blue-10);
}

.gogc-form textarea {
	width: 100%;
	padding: 15px 20px; border:2px solid var(--dark-blue-10); border-radius:8px; min-width: 200px; 
	box-shadow: 0px 2px 5px var(--dark-blue-10);
}

.gogc-form input.button {
	width: auto;
	padding:10px 20px; border: none !important; border-radius:0px; min-width: 50px; background: var(--mid-blue); color: var(--soft-white); font-weight: 600; cursor: pointer;
}


.gogc-profile-form {
	background: var(--light-yellow);
	padding: 15px;
	border-radius: 15px;
}


button.button, .acf-button {
	padding: 15px 20px; 
	border: none;
	background: var(--mid-blue); 
	color: var(--soft-white); 
	font-weight: 600;
	cursor: pointer;
}

.acf-form-submit {
	padding: 15px;
}


.property-search-form {
    display: flex;
    justify-content: center;
    width: 100%; /* Ensure the form stretches full width */
    padding: 20px 0;
}

.search-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between; /* Spread items evenly */
    align-items: center;
    width: 100%;
	font-size: 14px;
    padding: 0 20px; /* Adds slight padding to the edges */
	font-weight: 400;
}

select{
    -webkit-appearance: none;
    color: var(--dark-orange) !important;
}

/* Ensures each field takes up equal space */
.search-field {
    flex: 1;
    min-width: 150px;
	color: var(--dark-brown) !important;
}

/* Adjust button size */
.search-button {
    flex: 0 1 auto;
    min-width: 120px;
}

/* Dropdown styling */
.search-field select,
.search-button button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 12px;
    border: 1px solid var(--dark-beige);
    background: var(--light-beige);
    cursor: pointer;
    font-size: 14px;
    border-radius: 0px;
    text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Custom dropdown arrow */
.search-field {
    position: relative;
}

.search-field::after {
    content: "\f078";
	font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Change focus color for all dropdowns */
.search-field select:focus {
    outline: none;
    border-color: var(--dark-brown); /* Change this to your preferred color */
    box-shadow: 0 0 5px rgba(228, 113, 38, 0.5); /* Soft glow effect */
}

.search-button::after {
    content: "";
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Button styling */
.search-button button {
    background: var(--dark-beige);
    color: var(--dark-orange);
    border: none;
    cursor: pointer;
    transition: 0.3s;
    padding: 12px 20px;
    border-radius: 0px;
    font-family: inherit;
	text-align: center;
}

.search-button button:hover {
    background: var(--dark-beige);
}


option.upper {
	text-transform: uppercase;
}



.property-gallery a:hover img {
	transform: scale(1.02);
	transition: 0.3s ease;
}



.masonry-gallery {
	/* No float or flex here */
	width: auto;
  }
  .masonry-item {
	width: 32.3%; /* or whatever fits your layout */
	margin-left: 0px;
	margin-bottom: 20px;
	float: left;
	box-sizing: border-box;
  }
  @media (max-width: 768px) {
	.masonry-item {
	  width: 100%;
	  margin-left: 0;
	}
  }




.members-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 1.25rem; }
.member-card { background:#fff; border-radius:15px; padding:2rem; display:flex; flex-direction:column; gap:.5rem; transition: all 6s; text-align: center; }
.member-card:hover { background:#fff; border-radius:15px; padding:2rem; display:flex; flex-direction:column; gap:.5rem; box-shadow: 0px 5px 30px var(--dark-blue-10) }
.member-card__media { width:auto; height:180px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:transparent; border-radius:8px; margin: 2em 0; transition: transform 0.4s ease; /* smooth animation */}
.member-card__media img { max-width:100%; max-height:100%; object-fit:contain; border-radius: 15px; }
.member-card:hover .member-card__media {
  transform: scale(1.1) rotate(5deg);
}
.member-card__title { margin:.5rem 0 0; }
.member-card__meta { display:flex; gap:.5rem; flex-wrap:wrap; }
.member-card__excerpt { font-size:.95rem; color:#444; }
.member-card__cta { display:inline-block; margin-top:.5rem; }
.member-card a { text-decoration:none; }
.pagination { margin-top:2rem; text-align:center; }
.pagination .page-numbers { display:inline-block; padding:.4rem .7rem; margin:0 .15rem; border:1px solid #ddd; border-radius:6px; text-decoration:none; }
.pagination .current { background:#111; color:#fff; border-color:#111; }

  .member-cover{height: 200px; background-size:cover;background-position:center;margin-bottom:1rem;position:relative;overflow:hidden}
      .member-cover:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.25);backdrop-filter:blur(6px)}
      .member-header{display:flex;flex-direction:column;gap:.5rem}
      .member-logo{width:96px;height:96px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #eee}
      .member-title{margin:.25rem 0 0;font-size:clamp(1.4rem,2.2vw,2rem)}
      .member-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
      .chip{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-size:.85rem;border:1px solid #e5e7eb;background:#f7f7f7}
      .chip--flag{background:#e8f7ee;border-color:#b7e3c6}
      .member-website a{word-break:break-all}


.member-card {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
  }
  .member-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    backdrop-filter: blur(30px);
    background-color: rgba(255,255,255,0.8);
    z-index: 0;
  }
  .member-card > * {
    position: relative;
    z-index: 1;
  }
  .members-filter { margin: 1rem 0 1.5rem; }
  .members-filter__row { display:flex; flex-wrap:wrap; gap: .75rem 1rem; align-items:flex-end; }
  .members-filter label { display:flex; flex-direction:column; gap:.35rem; }
  .members-filter input[type="search"],
  .members-filter select { padding:.5rem .6rem; border:1px solid #ddd; border-radius:8px; min-width: 200px; }
  .members-filter .btn { padding:.55rem .9rem; border-radius:8px; text-decoration:none; border:1px solid #111; background:#111; color:#fff; display:inline-block; }
  .members-filter .btn--ghost { background:#fff; color:#111; border-color:#ddd; }

  .member-card-details {
	margin-bottom: 15px !important;
  }

  



/* Make sure form adjusts properly on different screens */
@media (max-width: 1024px) {
    .search-fields {
        flex-wrap: wrap;
        justify-content: center;
    }

    .search-field {
        flex: 1 1 30%;
    }

    .search-button {
        flex: 1 1 15%;
    }
}

@media (max-width: 768px) {
    .property-search-form {
        flex-direction: column;
        align-items: center;
    }

    .search-fields {
        flex-direction: column;
        width: 100%;
    }

    .search-field {
        flex: 1 1 100%;
    }

    .search-button {
        margin-top: 10px;
    }
}




.property-listings {
	display: flex; flex-wrap: wrap; gap: 30px;
}

.property-listings::after {
    content: "";
    flex: 1 1 calc(33.333% - 20px);
    visibility: hidden;
}


.property-item {
	flex: 1 1 calc(33.333% - 20px); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;
	margin-bottom: 20px;
	transition: all 300ms ease-in-out;
}

.property-item:hover > .property-image{
	box-shadow: 2px 0px 40px rgba(0, 0, 0,0.1);
}

.property-image {
	position: relative;
	margin-bottom: 10px;
	transition: all 300ms ease-in-out;
}

.property-status {
	position: absolute; top: 10px; right: 10px; background: var(--dark-beige); color: var(--dark-orange); padding: 5px 10px; font: var(--text-small) var(--font-secondary);
}

.property-status-static {
	background: var(--dark-beige); color: var(--dark-orange); padding: 5px 10px; font: var(--text-small) var(--font-secondary); margin-bottom: 10px;
}

.property-details {
	display: flex; justify-content: space-between; align-items: flex-start; margin-top: 10px;
}

.property-short-description br {
	content: "";
  margin: 40px;
  display: block;
}




#sub-bar a {
	text-decoration: none;
	font-weight: 400;
}

#sub-bar i {
	margin-right: 5px;
}

.property-single h3 {
	color: var(--mid-orange);
	font-weight: normal;
}

.property-description ul {
    list-style: disc outside;
    margin-left: 20px;
    padding-left: 0;
}
.property-description ul li {
    padding-left: 10px;
}
.property-description ul li p {
    margin-bottom: 0;
}


  .property-description p span.dimension {
	font-size: 70%;
	padding: 3px 10px;
	border-radius: 20px;
	font-weight: 500;
	background: var(--mid-beige);
	margin-left: 10px;
  }

.property-description p strong {
	color: var(--dark-orange) !important;
	font: var(--text-large) var(--font-secondary) !important;
}


.tabby-wrap {
	border: 2px solid var(--dark-brown);
	display: inline-block;
	border-radius: 15px;

}

.tabby-link {
	padding: 15px 25px;
	background: var(--light-beige);
	color: var(--dark-brown) !important;
	border: none;
	border-radius: 13px;
	font: var(--font-regular);
	font-weight: 600;
	line-height: 100%;
	height: 100%;
	display: inline-block;
	float: left;
	height: 80px;
	text-align: center;
	cursor: pointer;
}

.tabby-singleline {
	line-height: 200%;
}


.tabby-link span {
	font-size: 80%;
	font-weight: 400;
}

.tabby-active {
	background: var(--dark-brown);
	color: var(--light-beige) !important;
}



.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-width: 5px;
border-style: solid;
border-color: var(--light-orange) !important;
opacity: 0;
transition: opacity .15s ease;
border-radius: var(--fancybox-thumbs-border-radius, 4px);
}





.accordion {
	background-color: var(--brand-secondary);
	color: var(--light-beige);
	cursor: pointer;
	padding: 20px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-radius: 15px;
	margin-bottom: 10px;
	font: var(--font-regular);
	font-weight: 500;
  }
  
  
  .active, .accordion:hover {
	background-color: var(--brand-secondary);
	color: var(--brand-secondary-lighter);
  }

  .accordion:after {
	font-family: 'Font Awesome 6 Pro';
	content: '\f078'; 
	color: var(--light-beige);
	float: right;
  }
  
  .active:after {
	font-family: 'Font Awesome 6 Pro';
	content: "\f077"; 
  }

  .panel {
	padding: 0px;
	background-color: var(--light-beige);
	border-radius: 15px;
	margin-bottom: 15px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }

  .panel-inner {
	padding: 30px;
  }

  .panel-inner p {
	color: var(--dark-brown);
	margin-bottom: 0px;
  }










ul.share-buttons{
	list-style: none;
	padding: 0;
  }
  
  ul.share-buttons li{
	display: inline;
  }
  
  ul.share-buttons .sr-only{
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
  }




  .post-item .post-thumbnail {
	height: 400px;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin-bottom: 20px;
  }

  .post-item a {
	text-decoration: none;
  }

  .post-posted {
	background: var(--light-purple);
	color: var(--dark-purple);
	padding: 5px 15px;
	border-radius: 4px;
	display: inline-block;
  }




footer {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--light-pink);
	background: var(--dark-blue);
}

footer a {
	text-decoration: none;
	color: var(--light-pink);
}

footer img {
      height: 100px;
      width: auto;
}

a.footer-social-item {
	font-size: 200%;
	margin: 10px;
}


footer i {
	transition: all .2s ease-in-out;
	color: var(--dark-brown);
}

footer i:hover {
	transform: scale(1.1) !important;
}

.accreditations {
	display: inline-block; margin-left: auto; margin-right: auto; text-align: center;;
}

.accreditations img {
	height: 80px; width: auto; margin: 10px;
}

.footer-logo {
	max-width: 400px; width: 100%; height: auto; display: block; margin: 0 auto;
}

.social-twitter i:hover {
	color: var(--brand-twitter) !important;
}

.social-facebook i:hover {
	color: var(--brand-facebook) !important;
}

.social-instagram i:hover {
	color: var(--brand-instagram) !important;
}

.social-linkedin i:hover {
	color: var(--brand-linkedin) !important;
}

.social-tiktok i:hover {
	color: var(--brand-tiktok) !important;
}



._form-content {
	font-family: var(--font-primary) !important;
}

._form-content label {
	font-size: 18px !important;
}


._form-content input {
	padding: 15px !important;
	font-size: 18px !important;
	background: #f1f1f1;
	border: 2px solid #dedede !important;
	border-radius: 10px !important;
}

._form_element {
	margin-bottom: 20px !important;
}

._form-content select {
	padding: 15px !important;
	font-size: 18px !important;
	background: #F0E9F4;
	border: 2px solid #CBBDD3 !important;
	border-radius: 10px !important;
}

#_form_4_submit {
	padding: 15px 30px !important;
	font-size: 20px !important;
	background: var(--brand-secondary) !important;
	border-radius: 15px !important;
}

.member-social a {
	text-decoration: none;
	margin-right: 10px;
}




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

  .outer-menu {
	position: fixed;
	top: 0px;
	right: 15px;
	z-index: 5;
  }
  .outer-menu .checkbox-toggle {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
	width: 50px;
	height: 50px;
	opacity: 0;
  }
  .outer-menu .checkbox-toggle:checked + .hamburger > div {
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
  }
  .outer-menu .checkbox-toggle:checked + .hamburger > div:before,
  .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
	top: 0;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
  }
  .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
	opacity: 0;
  }
  .outer-menu .checkbox-toggle:checked ~ .menu {
	pointer-events: auto;
	visibility: visible;
  }
  .outer-menu .checkbox-toggle:checked ~ .menu > div {
	-webkit-transform: scale(1);
			transform: scale(1);
	transition-duration: 0.75s;
  }
  .outer-menu .checkbox-toggle:checked ~ .menu > div > div {
	opacity: 1;
	transition: opacity 0.4s ease 0.4s;
  }
  .outer-menu .checkbox-toggle:hover + .hamburger {

  }
  .outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
	-webkit-transform: rotate(225deg);
			transform: rotate(225deg);
  }
  .outer-menu .hamburger {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 60px;
	height: 60px;
	padding: 0.5em 1em;
	border-radius: 20px !important;
	cursor: pointer;
	transition: box-shadow 0.4s ease;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
  }
  .outer-menu .hamburger > div {
	position: relative;
	flex: none;
	width: 100%;
	height: 2px;
	background: var(--soft-white);
	transition: all 0.4s ease;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .outer-menu .hamburger > div:before,
  .outer-menu .hamburger > div:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: -10px;
	right: 0;
	width: 100%;
	height: 2px;
	background: inherit;
	transition: all 0.4s ease;
  }
  .outer-menu .hamburger > div:after {
	top: 10px;
  }
  .outer-menu .menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;               /* ensures it uses full viewport height */
	pointer-events: none;
	visibility: hidden;
	backface-visibility: hidden;
	outline: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-y: auto;            /* 🔥 allows vertical scrolling */
	overflow-x: hidden;
  }
  .outer-menu .menu > div {
	width: 200vw;
	height: auto;                /* ❌ remove the fixed 200vw height here */
	min-height: 100vh;
	background: var(--mid-pink);
	border-radius: 0%;
	transition: all 0.4s ease;
	transform: scale(0);
	display: flex;
	align-items: flex-start;     /* better for scrollable content */
	justify-content: center;
	padding: 60px 20px 60px 20px;          /* optional breathing space */
  }

  .outer-menu .menu:target {
	scroll-behavior: smooth;
}

  .outer-menu .menu > div > div {
	text-align: center;
	max-width: 90vw;
	max-height: 100vh;
	opacity: 0;
	transition: opacity 0.4s ease;
	overflow-y: auto;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .outer-menu .menu > div nav > ul {
	list-style: none;
	padding: 0 1em;
	margin: 0;
	display: block;
	max-height: 100vh;
  }
  .outer-menu .menu > div > nav > ul > li {
	padding: 0;
	margin: 1em;
	font-size: 24px;
	display: block;
	line-height: 1.4em !important;
  }
  .outer-menu .menu > div > nav > ul > li > a {
	position: relative;
	display: inline;
	cursor: pointer;
	transition: color 0.4s ease;
	color: var(--soft-white) !important;
	font: var(--heading-medium) var(--font-secondary);
	font-size: 30px;
	text-decoration: none !important;
  }
  .outer-menu .menu > div > nav > ul > li > a:hover {
	color: var(--light-pink);
  }
  .outer-menu .menu > div > nav > ul > li > a:hover:after {
	width: 100%;
  }
  .outer-menu .menu > div > nav > ul > li > a:after {
	content: '';
	position: absolute;
	z-index: 1;
	bottom: -0.15em;
	left: 0;
	width: 0;
	height: 3px;
	background: var(--light-purple);
	transition: width 0.4s ease;
  }


.outer-menu .login, .outer-menu .register {
	color: var(--dark-pink) !important;
}




















/*------------------------------------*\
	MODAL + GALLERY
\*------------------------------------*/


.masonry-gallery {
    /* Optional: set max-width or width as needed */
}

.masonry-item {
    margin-bottom: 20px;
}




.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: var(--default-mask-mid) !important;
	backdrop-filter: blur(5px) !important;
}





.modal-window {
	position: fixed;
	background-color: var(--default-mask-light);
	backdrop-filter: blur(5px);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
  }
  .modal-window:target {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
  }
  .modal-window > div {
	width: 100%;
	max-height: 95vh;
	max-width: 900px;
	position: absolute;
	top: 50vh;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 20px;
	box-shadow: 0px 2px 20px rgba(131, 81, 0, 0.066);
  }

  .modal-body {
	padding: 0px;
	background: var(--light-beige);
	border-radius: 20px;
	overflow: auto;
	max-height: 95vh;
  }

  .modal-section {
	background: var(--brand-neutral-darker);
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
  }

  .modal-section i {
	font-size: 400%;
  }
  
  .modal-close {
	color: var(--light-beige);
	background: var(--dark-orange);
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	font-size: 150%;
	z-index: 999999;
  }

  .modal-link {
	text-decoration: none;
	color: var(--brand-accessibility);
  }

  
  .modal-close:hover {
	background: var(--mid-orange);
  }


  #support .modal-body {
	background: var(--brand-secondary);
  }

  #support .modal-body h2 {
	color: var(--light-beige);
  }

  .support-thumb {
	margin-bottom: 20px;
	border-radius: 20px;
  }


#map {
	min-height: 600px;
	width: 100%;
	height: 100%;
}

.modal-body iframe {
	min-height: 600px;
	width: 100%;
	height: 100%;
}


  ul.share-buttons{
	list-style: none;
	padding: 0;
  }
  
  ul.share-buttons li{
	display: inline;
	margin-right: 10px;
  }
  
  ul.share-buttons .sr-only{
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
  }



/*------------------------------------*\
	WP
\*------------------------------------*/


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.radius {
	border-top-left-radius: 20%;
}

.pagination {
	font-size: 120%;
}

.pagination {
	padding-top: 50px;
	padding-bottom: 50px;	
}

.pagination span, .pagination a {
	padding: 12px 20px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	margin: 0px 5px;
	text-decoration: none;
	display: inline-block;
}

.pagination a.page-numbers:hover {
	color: var(--light-beige) !important;
	background: var(--brand-secondary) !important;
}


/*------------------------------------*\
	PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


@media only screen and (max-width: 1440px) {
	.header-character-1 { opacity: 0.2 !important; }	
	.header-character-2 { opacity: 0.2 !important; }	
	.header-character-3 { opacity: 0.2 !important; }	
	.header-character-4 { opacity: 0.2 !important; }	
}

@media only screen and (max-width: 1361px) {
	
	.hide-mobile {
		display: none;
	}

	.hide-desktop {
		display: block;
	}	

	#navigation {
		top: 0px;
	}

	.sub-menu li a {
		color: var(--soft-white) !important;
		text-decoration: none;
	}

	.header-meta {
		margin-bottom: 50px;
		float: left !important;
	}

}

@media only screen and (max-width: 1035px) {
	.header-character-1 { opacity: 0.2 !important; }	
	.header-character-2 { opacity: 0 !important; }	
	.header-character-3 { opacity: 0.2 !important; }	
	.header-character-4 { opacity: 0 !important; }	
}


@media only screen and (max-width: 768px) {
  #header .col-5,
  #header .col-6 {
    width: 100% !important;
    float: none;
    display: block;
  }

  #header .col-6 {
    min-height: 300px; /* Optional: set a min height for the image container */
  }

  .search-field {
	width: 100%;
  }

  .property-item {
	width: 100% !important;
  }
}