/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/*Removing Elementor Styling*/

a.elementor-sub-item:focus{
	background-color: unset !important;
	outline: unset !important;
}

.elementor-sub-item.elementor-item-active {
	background-color: unset !important;
}


/*Text Changes*/

.brown-text {
	color: #B07257 !important;
}

.sage-text {
	color: #BABAA0 !important;
}

.black-text {
	color: #102026;
}

.fw-700 {
	font-weight: 700 !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-24 {
	font-size: 24px !important;
}

/*Links*/

a.web-law-link {
	color: #B07257 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.3s;
}

a.web-law-link:hover {
	text-decoration: underline !important;
}

a.copyright-link {
	color: #0DBDE6 !important;
	text-decoration: none !important;
	transition: all 0.3s;
}


a.copyright-link:hover {
	text-decoration: underline !important;
}

a.white-link {
	color: #FFF !important;
	text-decoration: none !important;
	transition: all 0.3s;
}


a.white-link:hover {
	color: #B07257 !important;
	text-decoration: underline !important;
}

a.white-link-sage {
	color: #FFF !important;
	text-decoration: none !important;
	transition: all 0.3s;
}

a.white-link-sage:hover {
	color: #BABAA0 !important;
	text-decoration: none !important;
	transition: all 0.3s;
}

a.dark-link {
	color: #102026 !important;
	text-decoration: underline !important;
	transition: all 0.3s;
}

a.dark-link:hover {
	color: #B07257 !important;
	text-decoration: underline !important;
	transition: all 0.3s;
}


/*Buttons*/

.button a {
	width: 260px !important;
	height: 50px !important;
	border: 1px solid #fff !important;
	background-color: transparent !important;
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: inherit !important;
}


/*Small Button*/
@media only screen and (min-width: 1101px) and (max-width: 1280px) {
	.sml-button a {
		width: 200px !important;
	}	
}

/*Sage Button*/

.sage-button a {
	color: #BABAA0 !important;
	border-color: #BABAA0 !important;
	transition: all 0.3s !important;
}

.sage-button a:hover {
	color: #FBF8EF !important;
}

.sage-button a span {
	z-index: 99;
}

.sage-button a:before {
	content: '';
	display: block;
	width: 8px !important;
	opacity: 1 !important;
	height: 100% !important;
	background: #BABAA0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.3s;
}


.sage-button a:hover::before {
	width: 100% !important;
}

/*White Button*/

.white-button a {
	color: #FFF !important;
	border-color: #FFF !important;
	transition: all 0.3s !important;
}

.white-button a:hover {
	color: #102026 !important;
}

.white-button a span {
	z-index: 99;
}

.white-button a:before {
	content: '';
	display: block;
	width: 8px !important;
	opacity: 1 !important;
	height: 100% !important;
	background: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.3s;
}


.white-button a:hover::before {
	width: 100% !important;
}

/*Brown Button*/

.brown-button a {
	color: #B07257 !important;
	border-color: #B07257 !important;
	transition: all 0.3s !important;
}

.brown-button a:hover {
	color: #FBF8EF !important;
}

.brown-button a span {
	z-index: 98;
}

.brown-button a:before {
	content: '';
	display: block;
	width: 8px !important;
	opacity: 1 !important;
	height: 100% !important;
	background: #B07257;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.3s;
}


.brown-button a:hover::before {
	width: 100% !important;
}

/*Navy Button Button*/

.navy-button a {
	color: #536A73 !important;
	border-color: #536A73 !important;
	transition: all 0.3s !important;
}

.navy-button a:hover {
	color: #FFF !important;
}

.navy-button a span {
	z-index: 99;
}

.navy-button a:before {
	content: '';
	display: block;
	width: 8px !important;
	opacity: 1 !important;
	height: 100% !important;
	background: #536A73;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.3s;
}


.navy-button a:hover::before {
	width: 100% !important;
}

/*Black Button Button*/

.black-button a {
	color: #102026 !important;
	border-color: #102026 !important;
	transition: all 0.3s !important;
}

.black-button a:hover {
	color: #FFF !important;
}

.black-button a span {
	z-index: 99;
}

.black-button a:before {
	content: '';
	display: block;
	width: 8px !important;
	opacity: 1 !important;
	height: 100% !important;
	background: #102026;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.3s;
}


.black-button a:hover::before {
	width: 100% !important;
}


/*Footer*/
.footer-contact-cont {
	min-width: 210px !important;
}

@media only screen and (min-width: 1441px) and (max-width: 1550px) {
	.footer-menu-cont {
		column-gap: 75px !important;
	}
}

@media only screen and (max-width: 450px) {
	.footer-menu > nav > ul > li > a {
		justify-content: center !important;
	}	
}

/*Form Section*/

@media only screen (min-width: 830px) {
	.footer-form-text-cont {
		min-width: 398px !important;
	}
}

/*Footer Form*/
.footer-form form > div > div {
	column-gap: 15px !important;
	row-gap: 20px !important;
}

.footer-form .gform_body > div > div:not(:last-child) input,
.footer-form .gform_body > div > fieldset input{
	height: 60px !important;
	border: 1px solid #B07257 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #FFF !important;
	padding: 0 20px 0 20px !important;
	width: 100% !important;
}

.footer-form .gform_body textarea {
	border: 1px solid #B07257 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #FFF !important;
	padding: 20px 20px 0 20px !important;
}

.footer-form .parking-field .gfield_radio {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
}

.footer-form .parking-field > div > div:before {
	content: 'Parking required';
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #FFF !important;
	padding-right: 30px !important;
}

.footer-form .parking-field label {
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #FFF !important;
}

.footer-form .parking-field .gchoice {
	align-items: center !important;
}

.footer-form .parking-field input {
	width: 60px !important;
	height: 60px !important;
}

.footer-form .parking-field input::before {
	background-color: #B07257 !important;
	block-size: 20px !important;
	inline-size: 20px !important;
}

.footer-form input[type=submit] {
	width: 260px !important;
	height: 50px !important;
	border: 1px solid #B07257 !important;
	background-color: transparent !important;
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: inherit !important;
	color: #B07257 !important;
}

.footer-form input[type=submit]:hover {
	background-color: #B07257 !important;
	color: #FFF !important;
}

.footer-form input[type=submit]:before {
	content: '';
	display: block;
	width: 8px !important;
	opacity: 1 !important;
	height: 100% !important;
	background: #BABAA0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.3s;
}


.footer-form input[type=submit]:hover::before {
	width: 100% !important;
}

/*Privacy notice*/
.footer-privacy-notice {
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #FFF !important;
}

.footer-privacy-notice a {
	color: #FFF !important;
	text-decoration: underline !important;
	transition: all 0.3s !important;
}

.footer-privacy-notice a:hover {
	color: #BABAA0 !important;
	text-decoration: underline !important;
}

/*Confirmation Message*/

.footer-form .gform_confirmation_message {
	font-family: 'Figtree' !important;
	font-weight: 300 !important;
	font-size: 28px !important;
	color: #FFF !important;
	text-align: right !important;
}

/*Responsive Styles*/

@media only screen and (min-width: 639px) and (max-width: 1500px) {
	.footer-form #input_1_9 input {
		height: 40px !important;
		width: 40px !important;
	}
}

@media only screen and (max-width: 1185px) {
	.footer-form .parking-field > div > div:before {
		width: 100%;
	}	
}

@media only screen and (min-width: 830px) {
	.footer-form .enquiry-field {
		grid-column: span 7 !important;
	}

	.footer-form #field_submit {
		grid-column: span 5 !important;
		align-content: center;
		justify-content: flex-end;
	}
}


/*Footer - END*/



/*Header*/

@media only screen and (min-width: 1441px) {
	.header-logo-cont {
		min-width: 260px;
	}
}

/*Contact Button Styling*/

.header-menu > nav > ul > li:last-child > a {
	padding: 30px 10px !important;
	background-color: #B07257 !important;
	color: #FFF !important;
	margin-inline-start: 12px !important;
	transition: all 0.3s;
}


.header-menu > nav > ul > li:last-child:hover > a {
	background-color: #BABAA0 !important;
	color: #FFF !important;
}

/*Media Queries*/

@media only screen and (min-width: 1441px) and (max-width: 1790px) {
	.header-menu > nav > ul > li:last-child > a {
		margin-inline-start: 7.5px !important;
	}
	
	.header-menu > nav > ul > li:first-child > a {
		margin-inline-end: 17.5px !important;
	}
	
	.header-menu > nav > ul > li:not(:first-child, :last-child) > a {
		margin-inline-start: 17.5px !important;
		margin-inline-end: 17.5px !important;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1710px) {
	.header-logo-cont {
		min-height: 200px !important;
		min-width: 200px !important;
		width: 200px !important;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1650px) {
	.header-menu > nav > ul > li > a {
		font-size: 14px !important;
	}
	
	.header-menu > nav > ul > li:last-child > a {
		margin-inline-start: 5px !important;
	}
	
	.header-menu > nav > ul > li:first-child > a {
		margin-inline-end: 10px !important;
	}
	
	.header-menu > nav > ul > li:not(:first-child, :last-child) > a {
		margin-inline-start: 10px !important;
		margin-inline-end: 10px !important;
	}
}

@media only screen and (max-width: 1370px) {
	.header-menu > nav > ul > li:last-child > a {
		padding: 20px 5px !important;
	}
}


/*Header - END*/


/*NEW Header*/

@media only screen and (min-width: 1441px) {
	.header-logo-cont-new {
		min-width: 260px;
	}
}

/*Contact Button Styling*/

a.header-enquiry-link {
	background-color: #B07257 !important;
	transition: all 0.3s !important;
}

a.header-enquiry-link:hover {
	background-color: #BABAA0 !important;
	cursor: pointer !important;
}

/*Media Queries*/

@media only screen and (min-width: 1441px) and (max-width: 1470px) {
	.new-header-menu > nav > ul > li:last-child > a {
		margin-inline-start: 7.5px !important;
	}
	
	.new-header-menu > nav > ul > li:first-child > a {
		margin-inline-end: 17.5px !important;
	}
	
	.new-header-menu > nav > ul > li:not(:first-child, :last-child) > a {
		margin-inline-start: 17.5px !important;
		margin-inline-end: 17.5px !important;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1710px) {
	.header-logo-cont-new {
		min-height: 200px !important;
		min-width: 200px !important;
		width: 200px !important;
		padding: 0 !important;
	}
}

/* @media only screen and (min-width: 1441px) and (max-width: 1650px) {
	.new-header-menu > nav > ul > li > a {
		font-size: 14px !important;
	}
	
	.new-header-menu > nav > ul > li:last-child > a {
		margin-inline-start: 5px !important;
	}
	
	.new-header-menu > nav > ul > li:first-child > a {
		margin-inline-end: 10px !important;
	}
	
	.new-header-menu > nav > ul > li:not(:first-child, :last-child) > a {
		margin-inline-start: 10px !important;
		margin-inline-end: 10px !important;
	}
} */


/*NEW Header - END*/


/*Home*/

/*Quick Link Section*/

.hp-ql-title,
.hp-ql-text,
.hp-ql-button {
	transform: translatey(0);
	transition: all 0.3s;
}

.hp-quick-links-cont:hover .hp-ql-title,
.hp-quick-links-cont:hover .hp-ql-text,
.hp-quick-links-cont:hover .hp-ql-button {
	transform: translatey(20px);
}

.hp-quick-link-hover {
	opacity: 0% !important;
	transition: all 0.3s;
}


.hp-quick-links-cont:hover .hp-quick-link-hover {
	opacity: 50% !important;
}

@media only screen and (min-width:1441px) and (max-width:1630px) {
	.hp-ql-image-cont {
		width: 325px !important;
	}
}

/*Video Section*/

.hp-play-icon {
	background-color: #BABAA0CC;
	transition: all 0.3s;
}

.hp-play-icon:hover {
	background-color: rgba(36, 45, 54, 0.8) !important;
}

.hp-play-icon a {
	color: #FFF;
	transition: all 0.3s;
}


.hp-play-icon:hover a {
	color: #BABAA0 !important;
}


@media only screen and (min-width: 1441px) {
	.hp-video-text-cont {
		min-width: 815px;
	}
}

/*Testimonial Seciton*/
@media only screen and (min-width: 1600px) {
	.testimonial-cont {
		min-width: 815px !important;
	}	
}

/*News Section*/

.hp-news-date h3{
	min-width: 75px;
	color: #BABAA0 !important;
	transition: all 0.3s;
}

.hp-news-title h3{
	color: #102026 !important;
	transition: all 0.3s;
}

.hp-news-loop-cont:hover .hp-news-title h3 {
	color: #B07257 !important;
}

.hp-news-loop-cont:hover .hp-news-date h3 {
	color: #3B5159 !important;
}
/*Home - END*/





/*Office Spaces*/

/*All Inclusive Section*/

@media only screen and (min-width: 1281px) {
	.lower-img {
		transform: translatey(100px);
	}
}

/*Offices Section*/

@media only screen and (min-width: 1441px) and (max-width: 1790px) {
	.offices-button-cont {
		padding-left: 20px !important;	
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1630px) {
	.offices-img-button-cont,
	.offices-text-cont {
		width: 50% !important;
	}
	
	
}


/*Office Spaces - END*/


/*Contact us*/

.contact-us-links a {
	color: #102026 !important;
	text-decoration: none !important;
	transition: all 0.3s;
}


.contact-us-links a:hover {
	color: #B07257 !important;
	text-decoration: underline !important;
}

/*Contact details*/



/*Contact form*/

.contact-us-form form > div > div {
	column-gap: 15px !important;
	row-gap: 20px !important;
}

.contact-us-form .gform_body > div > div:not(:last-child) input,
.contact-us-form .gform_body > div > fieldset input{
	height: 60px !important;
	border: 1px solid #B07257 !important;
	border-radius: 0 !important;
	background-color: #FFF !important;
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #3B5159 !important;
	padding: 0 20px 0 20px !important;
	width: 100% !important;
}

.contact-us-form .gform_body textarea {
	border: 1px solid #B07257 !important;
	border-radius: 0 !important;
	background-color: #FFF !important;
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #3B5159 !important;
	padding: 20px 20px 0 20px !important;
}

.contact-us-form .parking-field .gfield_radio {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
}

.contact-us-form .parking-field > div > div:before {
	content: 'Parking required';
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #3B5159 !important;
	padding-right: 30px !important;
}

.contact-us-form .parking-field label {
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #3B5159 !important;
}

.contact-us-form .parking-field .gchoice {
	align-items: center !important;
}

.contact-us-form .parking-field input {
	width: 60px !important;
	height: 60px !important;
}

.contact-us-form .parking-field input::before {
	background-color: #B07257 !important;
	block-size: 20px !important;
	inline-size: 20px !important;
}

.contact-us-form .gform-footer {
	justify-content: flex-end !important;
}

.contact-us-form input[type=submit] {
	width: 260px !important;
	height: 50px !important;
	border: 1px solid #B07257 !important;
	background-color: transparent !important;
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: inherit !important;
	color: #B07257 !important;
	transition: all 0.3s !important;
}

.contact-us-form input[type=submit]:hover {
	background-color: #B07257 !important;
	color: #FFF !important;
}

.contact-us-form input[type=submit]:before {
	content: '';
	display: block;
	width: 8px !important;
	opacity: 1 !important;
	height: 100% !important;
	background: #BABAA0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.3s;
}


.contact-us-form input[type=submit]:hover::before {
	width: 100% !important;
}

/*Privacy Notice*/
.form-privacy-notice {
	font-family: 'Figtree' !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #102026 !important;
}

.form-privacy-notice a {
	color: #102026 !important;
	text-decoration: underline !important;
	transition: all 0.3s !important;
}


.form-privacy-notice a:hover {
	color: #B07257 !important;
	text-decoration: underline !important;
}

/*Confirmation Message*/

.contact-us-form .gform_confirmation_message {
	font-family: 'Figtree' !important;
	font-weight: 300 !important;
	font-size: 28px !important;
	color: #102026 !important;
	text-align: center !important;
}

/*Responsive Styles*/

@media only screen and (min-width: 639px) and (max-width: 1990px) {
	.contact-us-form #input_2_9 input {
		height: 40px !important;
		width: 40px !important;
	}
}

@media only screen and (max-width: 1840px) {
	.contact-us-form .parking-field > div > div:before {
		width: 100%;
	}	
}

@media only screen and (min-width: 830px) {
	.contact-us-form .enquiry-field {
		grid-column: span 7 !important;
	}

	.contact-us-form #field_submit {
		grid-column: span 5 !important;
		align-content: center;
		justify-content: flex-end;
	}
}
/*Contact us - END*/


/*About Us*/

.clients-hover-cont {
	opacity: 0 !important;
	transition: all 0.3s !important;
}


.clients-hover-cont:hover {
	opacity: 90% !important;
}

/*About Us - END*/


/*Cookie Policy*/

.cookie-table {
	overflow-x: auto;
}

.cookie-policy-table {
	min-width: 1000px !important;
	font-family: 'Figtree' !important;
	font-weight: 300 !important;
	color: #102026 !important;
}

/*Cookie Policy - END*/