/******************************************************************
Theme Name: Simpsons Creative Grid 2020
Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for development of responsive websites - through the use of a dynamic grid system.
Author: Alex Wells
Version: 3.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/


@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@0;1&family=Montserrat:ital,wght@0,100;0,400;0,600;0,700;0,900;1,100;1,400;1,600;1,700;1,900&display=swap');


/*
font-family: 'Lato', sans-serif; - BODY COPY
font-family: 'Roboto', sans-serif; - HEADINGS
 */



/*==================== Theme colours ====================*/
:root
{
	--cg-red: #E1251B;
	--cg-redTransparent: RGBA(225,37,27,0.75);
	--cg-white: #FFFFFF;
	--cg-black: #000000;
	--cg-blackTransparent: RGBA(0,0,0,0.75);
	--cg-grey: #373A36;
	--cg-greyTransparent: RGBA(55,58,54,0.75);
	--cg-lightgrey:#7B868C;
}




/* Site Structure */
body
{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: calc(12px + 0.5vw); /* Responsive base font size */
}

/* Website Maximum Width - Default: 1920px */
.site-width { max-width: 1920px; }

/*Website Inner Width - Default: 1280px*/
.inner-width { max-width: 1280px; }

/*Post Maximum Width - Default: 960px*/
.single-post article.post { max-width: 960px; margin-left: auto; margin-right: auto; }

/*Header*/

/*Footer*/
#footer {background-color: pink;}
.inner-footer { background-color: purple; }

.right { float: right; }


/*==================== Standards ====================*/
	/* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc. */

	/*Text*/
		h1, h2, h3, h4, h5, h6, p { margin: 0 0 5px 0; color: #000; }
		h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-style: normal; }

		a { font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-decoration: none; color: #E1251B; }
		a:hover { color: #373A36; }
		h1 { font-size: 1.912em; }
		h2 { font-size: 1.616em; padding-bottom: 0.5em; }
		h3 { font-size: 1.3em; padding-bottom: 0.5em; }
		h4 { font-size: 1.1em; padding-bottom: 0.5em; }
		h5 { font-size: 1em; padding-bottom: 0.5em; }
		h6 { font-size: 0.8em; padding-bottom: 0.5em; }
		p, #content li { font-family: 'Montserrat', Arial, Helvetica, sans-serif;  font-size: 1em; line-height: 1.4em; padding-bottom: 1em; }
		p:empty { display: none; }

		#content { clear: both; }
		#content li { margin-left: 20px; padding-bottom: 1.1em; }
		#content li:last-of-type { padding-bottom: 0; }
		#content ul { margin-bottom: 1.5em; }

		#content { clear: both; }
		.featured-image + #content, .featured-image + .site-width #content { margin-top: 0px; }


	/*Gallery Fix*/
		#content .wp-block-gallery li { margin-left: unset; padding-bottom: unset; }
	/*Gallery Caption*/
		.wp-caption-text, .gallery-caption { text-align: center; }
		.wp-block-gallery figcaption { line-height: normal; text-align: center; }

	/*Bullet Points/Numbered Lists*/
		.entry-content ul > li { list-style-type: disc; color: #000; padding-bottom: 5px; }
		.entry-content ol > li { list-style-type: decimal; padding-bottom: 5px; }




/*==================== Header ====================*/
	.header { background-color: transparent; position: absolute; top: 0; z-index: 99999; padding: 0px 20px; }
	.header.no-image { background-color: #373A36; }
	.header .logo { padding: 20px 0; }
	.logo a { display: block; }
	.logo img { width: 60vw; height: auto; max-width: 300px; }

	.featured-image { position: relative; line-height: 0; }
	.featured-image .overlay { z-index: 999; }
	.featured-image .image { height: 600px; }
	.featured-image .image img { width: 100%; height: 100%; object-fit: cover; }

	/* Featured Icon / Box Area */
	img.featured-icon { height: 50%; opacity: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; padding: 20px; }
	.featured-box { line-height: normal; width: 100%; max-width: 960px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; padding: 20px; }
	.featured-box h2.featured-heading { color: #fff; padding-bottom: 0; }
	.featured-box p.featured-text { color: #fff; }




/*==================== Nav ====================*/
	.nav { float: right; background: none; margin-top: 30px; }
	.nav ul { background: none; }
	.nav ul a { color: #000; }
	.nav ul a:hover { color: #000; }
	.nav ul li:last-of-type a { padding-right: 0px; }

	/* Responsive Menu */
	#rmp_menu_trigger-6605 { background: transparent; position: absolute; top: 25px; }
	#rmp_menu_trigger-6605:hover, #rmp_menu_trigger-6605:focus, #rmp_menu_trigger-6605.is-active { background: transparent; }

	/* Enlarge Responsive Menu Button */
	#rmp_menu_trigger-6605 .rmp-trigger-box { width: 55px; }
	#rmp_menu_trigger-6605 .responsive-menu-pro-inner, #rmp_menu_trigger-6605 .responsive-menu-pro-inner::before, #rmp_menu_trigger-6605 .responsive-menu-pro-inner::after { width: 55px; height: 7px; }
	#rmp_menu_trigger-6605 .responsive-menu-pro-inner::after { margin-bottom: 5px; }
	#rmp_menu_trigger-6605 .responsive-menu-pro-inner::before { margin-top: 5px; }
	#rmp_menu_trigger-6605.is-active .responsive-menu-pro-inner::after { margin-bottom: 0px; }
	#rmp_menu_trigger-6605.is-active .responsive-menu-pro-inner::before { margin-top: 0px; }

	/* Responsive Menu Container */
	#rmp-container-6605 { background-color: rgba(0, 0, 0, 0.75); }
	#rmp-menu-wrap-6605 .rmp-menu-item-link { background-color: transparent !important; font-size: 20px; font-weight: 600; text-transform: uppercase; border-color: transparent !important; }
	#rmp-menu-wrap-6605 .rmp-submenu .rmp-menu-item-link { font-size: 16px; font-weight: normal; }

	/* Current Menu Item */
	#rmp-menu-wrap-6605 .rmp-menu-current-item > a.rmp-menu-item-link { color: #E1251B !important; font-weight: 600; }
	#rmp-menu-wrap-6605 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link { color: #E1251B; }

	#rmp-menu-wrap-6605 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link:hover { color: #fff; }
	#rmp-menu-wrap-6605 .rmp-menu-item-link:hover { background-color: #E1251B !important; text-decoration: none; }
	#rmp-menu-wrap-6605 .rmp-menu-current-item > a.rmp-menu-item-link:hover { color: #fff !important; }



/*==================== Body ====================*/
	.wp-block-image figcaption { color: #888888; margin-bottom: 30px; }
	.wp-block-image.size-full figcaption { text-align: center; color: #fff; margin-bottom: 10px; }
	.article-header img { padding-bottom: 1.5em; }

	.wp-block-columns { margin-bottom: 1.75em; }

	/*Colour Overlay*/
	.blackOverlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; }
	.overlay { background-color: rgba(55, 58, 54, 0.3); background: linear-gradient(rgba(0, 0, 0, 0.6), transparent); position: absolute; width: 100%; height: 100%; }
	.hover-overlay { background: var(--cg-redTransparent); position: absolute; z-index: 99; width: 100%; height: 100%; display: none; }
	.post-image-container:hover .hover-overlay { display: block; }

	.page-template-default #content, .archive #content { background-color: #373A36; }
	.page-template-property-search #content, .page-template-property-alerts #content { background-color: #373A36; }

	.category #content { background-color: unset; }

	.inner-content { overflow: hidden; }
	.page-template-default .inner-content, .archive .inner-content, .page-template-property-alerts .inner-content { padding: 20px 20px 0 0; }
	.page-template-default .inner-content *, .archive .inner-content * { color: #fff; }
	.page-template-default .inner-content a, .archive .inner-content a { color: #E1251B; }

	.page-template-property-search .inner-content { padding: 0 20px 0 0; }
	.page-template-property-search .inner-content *, .page-template-property-alerts .inner-content * { color: #fff; }

	.inner-content h1, .page-template-default .inner-content h1, .archive .inner-content h1, .page-template-property-search .inner-content h1, .page-template-property-alerts .inner-content h1,
	.inner-content h2, .page-template-default .inner-content h2, .archive .inner-content h2, .page-template-property-search .inner-content h2, .page-template-property-alerts .inner-content h2
	{ color: #E1251B; font-weight: bold; padding-bottom: 0.2em; }

	.inner-content h1 { font-size: 3em; }
	.inner-content h2 { font-size: 2.5em; }
	.inner-content h3 { font-weight: 600; }

	#page-circle { width: 20%; flex-basis: 20%; position: relative; z-index: 99; margin-top: -10%; }
	#page-circle img { width: 200%; position: absolute; left: -100%; padding: 0 20px 20px 0; }

	.wp-block-separator.is-style-default { border-color: #E1251B; border-style: dashed; }

	/* Blockquotes */
	blockquote.wp-block-quote { padding-bottom: 1.5em; }
	blockquote.wp-block-quote:before { content: url(https://cokegearing.co.uk/wp-content/themes/SCGrid-2020/library/images/quote-open.svg); width: 40px; height: 40px; display: block; clear: both; margin-bottom: 10px; }
	blockquote.wp-block-quote p { font-family: 'Libre Baskerville', serif; font-style: italic; }
	blockquote.wp-block-quote p:last-of-type { padding-bottom: 0; }
	blockquote.wp-block-quote p:last-of-type:after { content: url(https://cokegearing.co.uk/wp-content/themes/SCGrid-2020/library/images/quote-close.svg); width: 40px; height: 40px; display: block; clear: both; margin-top: 20px; }


	/* Buttons */
	a.button, #content a.button, a.wp-block-button__link { background-color: #E1251B; color: #fff !important; border: 1px solid #E1251B; border-radius: 10px !important; }
	a.button.black, #content a.button.black { background-color: #000; border: 1px solid #000; }
	a.button:hover, #content a.button:hover, a.wp-block-button__link:hover { background-color: transparent; color: #E1251B !important; border: 1px solid #E1251B; }

	.featured-image a.button:hover, .featured-image a.wp-block-button__link:hover,
	.page-template-default #content a.button:hover, .page-template-default a.button:hover, .page-template-default a.wp-block-button__link:hover,
	.archive #content a.button:hover, .archive a.button:hover, .archive a.wp-block-button__link:hover,
	.page-template-property-search #content a.button:hover, .page-template-property-search a.button:hover, .page-template-property-search a.wp-block-button__link:hover,
	.page-template-property-alerts #content a.button:hover, .page-template-property-alerts a.button:hover, .page-template-property-alerts a.wp-block-button__link:hover
	{ color: #fff !important; border: 1px solid #fff; }

	.category #content a.button:hover, .category #content a.button:hover, .category a.wp-block-button__link:hover { color: #E1251B; border: 1px solid #E1251B; }

	a.button.small, #content a.button.small { font-size: 14px; }
	a.button.large, #content a.button.large { font-size: 16px; }
	a.button.large .title, #content a.button.large .title { font-weight: bold; font-size: 20px; display: block; padding-bottom: 5px; }




/*==================== Home Page ====================*/

	/* Stats */
	.stats { min-width: 150px; }
	.stats h3 { font-weight: 600; }
	.stats p { font-weight: 600; padding-bottom: 0; }
	.stats p.legal { color: #7B868C; font-size: 10px; font-weight: normal; padding-bottom: 0; }




/*==================== Our Region Page ====================*/

	/* Stylised Map */
	.page-id-6660 .featured-image .overlay { background: linear-gradient(rgba(0, 0, 0, 1), transparent); }
	.page-id-6660 img.featured-icon { height: 100%; width: 100%; object-fit: contain; opacity: 1; z-index: 9999; padding: 0; }


	/*
	.page-id-6660 .featured-image .image { height: auto; border-bottom: 10px solid #373A36; }
	.page-id-6660 .featured-image .overlay { display: none; }
	.page-id-6660 .article-header { display: none; }

	@media (max-width: 1029px)
	{
		.page-id-6660 .featured-image .image { height: auto; }
	}

	@media (max-width: 767px)
	{
		.page-id-6660 .header { background-color: #373A36; position: static; }
		.page-id-6660 .featured-image .image { height: auto; }
	}
	*/




/*==================== Key Areas Shortcode ====================*/
	.towns { min-width: 200px; }
	.keyAreas { display: flex; flex-direction: column; float: left; }
	.keyAreas h3, .page-template-default .keyAreas h3, .archive .keyAreas h3 { color: #E1251B; }
    .keyAreas a { color: #fff !important; font-size: 1em; font-weight: 600; line-height: 1.4em; float: left; margin-bottom: 1.5em; }




/*==================== Logistics Corridors Page ====================*/




/*==================== Latest News ====================*/
	#latest-news { padding: 40px 20px; }
	#latest-news .inner-content, .page-template-default #latest-news .inner-content { background-color: #F5F5F5; width: 100%; flex-basis: 100%; padding: 30px; }
	#latest-news h2 { color: #373A36; font-size: 3em; }

	.latest-blog.blog-grid h3, .latest-blog.blog-grid p { color: #373A36; text-align: left; }
	.latest-blog .blog-post a.readMore { color: #373A36; margin-left: unset; margin-right: unset; }
	.latest-blog .blog-post a.readMore:hover { color: #E1251B; }
	.latest-blog .view-all a.button:hover, #content .latest-blog .view-all a.button:hover, .latest-blog .view-all a.wp-block-button__link:hover { color: #E1251B !important; border: 1px solid #E1251B; }

/*==================== News/Blog Page ====================*/

	.category-header { background-color: #373A36; width: 100%; float: left; padding: 20px; margin-bottom: 40px; }
	.category-header h1.page-title { color: #E1251B; font-size: 3em; font-weight: bold; text-align: center; }

	.blog-post { text-align: left; }
	.blog-post h3, .blog-post p { color: #373A36; }
	.blog-post h3 { font-weight: 600; }
	.blog-post a.button, #content .all-blog .blog-post a.button { margin-left: 0px; margin-right: 0px; }

	.post-wrap a { display: inline-block; }

	/* Featured Image - Different Aspect Ratios Fix */
	.post-image-container { position: relative; padding-top: 66.66%; margin-bottom: 20px; }
	.post-image-container a { position: absolute; height: 100%; width: 100%; line-height: 0; top: 0; left: 0; }
	.post-image-container img, main#main .post-image-container img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
	.d-1of2.post-image-container { padding-top: 33.33%; }


/*==================== Single Posts ====================*/
	body.single .header { background-color: #373A36; position: static; }
	body.single #content { padding-top: 40px; }
	.single .inner-content h1 { font-size: 1.912em; }
	.single .inner-content h2 { font-size: 1.616em; }
	.single p.byline.entry-meta { color: #373A36; }




/*==================== Case Studies ====================*/
	.case-studies.shortcode { margin-bottom: 20px; }
	.case-studies h4.post-title { color: #E1251B; font-size: 20px; font-weight: 600; }
	.case-studies p.post-date { display: none; }
	.case-studies p.post-excerpt { font-size: 16px; }
	.case-studies-item .case-studies-info { padding-left: 20px; }
	.case-studies-item .post-wrap p { word-break: break-word; flex: 1 0 auto; }

	/*Single Case Study */
	.single .category-case-studies p.byline.entry-meta { display: none; }




/*==================== Team Members/Meet the Team ====================*/
	.team-members .post-image-container { padding-top: 100%; }
	.team-members .post-image-container img { object-position: top; border-radius: 50%; filter: grayscale(1); }
	.team-members-item { display: flex; text-align: center; margin-bottom: 40px; }
	.team-members-item .post-wrap { display: flex; flex-direction: column; justify-content: space-between; }
	.team-members-item p { padding-bottom: 0; margin-bottom: 0; }
	.team-members-item p.jobTitle { color: #7B868C; }
	.team-members-item a.button { margin-top: 20px; }
	.team-members-item .post-image-container:hover .hover-overlay { border-radius: 50%; }

	.post-type-archive-team-members .team-members-item h4.post-title { padding-bottom: 0; }

	.team-members.shortcode { margin-bottom: 20px; }
	.team-members.shortcode .team-members-info { display: flex; flex-direction: column; }
	.team-members.shortcode h4.post-title { margin-bottom: 0px; }
	.team-members.shortcode a.phone, .team-members.shortcode a.email { color: #E1251B; font-size: 16px; margin-bottom: 5px; }

	/* Single Team Member Post */
	.single-team-members .team-member { margin: 1.5em 0; }
	.single-team-members .team-info { flex: 1; }
	.single-team-members h1.page-title { padding-bottom: 0; margin-bottom: 5px; }
	.single-team-members p.jobTitle { color: #373A36; padding-bottom: 20px; }
	.single-team-members .team-image { margin: 0px 20px 20px 0px; }
	.single-team-members .team-image img, .single-team-members #main .team-image img { width: 350px; height: 350px; object-fit: cover; object-position: top; padding: 0; }
	.single-team-members a.email, .single-team-members a.phone { margin-bottom: 20px; }
	.single-team-members a.button.phone, .single-team-members #content a.button.phone { background-color: var(--cg-lightgrey); border-color: var(--cg-lightgrey);  }
	.single-team-members a.button.phone:hover, .single-team-members #content a.button.phone:hover { background-color: transparent; color: var(--cg-lightgrey) !important; border-color: var(--cg-lightgrey);  }
	.single-team-members a.linkedin { color: #0A66C2; display: flex; flex-basis: 100%; align-items: center; gap: 10px; }
	.single-team-members a.linkedin i { font-size: 40px; }



/*==================== Pagination ====================*/
	.pagination ul, #content .pagination ul { background-color: #373A36; }
	.pagination li, #content .pagination li { border-right: 1px solid #eaedf2; }
	.pagination a, .pagination span, #content .pagination a, #content .pagination span { color: #fff; }
	.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #E1251B !important; color: #fff !important; }
	.pagination .current, #content .pagination .current { color: #fff !important; background-color: #E1251B; }
	.pagination .current:hover, .pagination .current:focus { background-color: #E1251B; color: #fff !important; }




/*==================== Property Search ====================*/

	/* Import search.css */

	/*==================== Map page Styles ====================*/
	#map {	height: 600px; width:100%; background-color:#8d8e8d; display:block; position: relative;}

	/*====================Search box ====================*/
	#searchBox {background-color: var(--cg-grey); display: flex; justify-content: space-between; padding: 20px; }
	#searchBox p, #searchBox a {color: var(--cg-white);}
	#searchBox #title { flex-basis: 19%; display: flex; }
	#searchBox #title img { height: 75px; align-self: center;}
	#searchBox #title p {flex-basis: 80%; align-self: center; font-size: 1.4em; padding: 0;}

	#searchBox #searchForm {flex-basis: 80%; display: flex; justify-content: space-between; }
	#searchBox #searchForm #formFields {flex-basis: 85%;}
	#searchBox #searchForm #formButton {flex-basis: 10%; align-self:center;}
	#searchBox #searchForm #formButton .buttonSubmit { background-color: var(--cg-red); color: white; text-transform: uppercase; width: 100%; height: 100%;  padding: 10px 20px; border: 1px solid var(--cg-red); border-radius: 20px; margin-top: 20px; margin-bottom: 20px; }
	#searchBox #searchForm #formButton .buttonSubmit:hover { background-color: transparent; color: #fff; border: 1px solid #fff; }

	#searchBox #searchForm #formFields {display: flex; flex-wrap: wrap; justify-content: space-between;}
	#searchBox #searchForm #formFields .input p {padding:0; margin:0;}
	#searchBox #searchForm #formFields .input   {flex-basis: 32%;}

	#searchBox #searchForm #formFields .input   {display: flex; }
	#searchBox #searchForm #formFields .input p   { margin-right: 10px;}
	#searchBox #searchForm #formFields .input select   { flex-grow: 1; padding: 4px; /*-webkit-appearance: none;*/ border:none; background-color: var(--cg-white); color: var(--cg-black);
	 }
	#sizefrom {margin-right: 10px;}

	#searchBox #searchForm #formFields .propertyLocation {flex-basis: 100%; display: flex;  flex-wrap: wrap; margin-top: 20px;}
	.propertyLocation p {flex-basis:100%;}
	.propertyLocation div {flex-basis:20%; min-width: 150px; display: flex; padding: 0 5px 5px 0; }
	.propertyLocation div a {font-size:0.8em;  }
	.propertyLocation div label {align-self:center;}
	.locationTickBox { border:none; background-color: var(--cg-white); color: var(--cg-black);}

	.alertSignUp a { display: block; width: 100%; padding: 20px; text-align: center; background-color: var(--cg-red); color: var(--cg-white); }
	.alertSignUp a:hover { background-color: var(--cg-lightgrey); }


	/*==================== singleProperty ====================*/
	.page-template-property-search #content { background-color: var(--cg-grey); padding-top: 20px;}
	.page-template-property-search h1 {text-align: center;}

	.singleProperty { background-color: var(--cg-white); padding:10px; width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px;}
	.singleProperty .imageArea { flex-basis: 40%; }
	.singleProperty .imageArea img { line-height: 0; }
	.singleProperty .details { flex-basis: 58%; display: flex; flex-direction: column; }
	.singleProperty .details p,.singleProperty .details h3 ,.singleProperty .details a {color: var(--cg-grey);}

	.singleProperty p.stat { background-color: var(--cg-lightgrey); color: var(--cg-white); font-size: 0.8em; float: left; padding: 5px 10px;  margin-right: 5px; margin-bottom: 5px; }
	.singleProperty p.stat:last-of-type { margin-right: 0px; }
	.singleProperty p.stat a { color: #fff; }

	.singleProperty a.cta { display: block; width: 100%; background-color: var(--cg-red); color: var(--cg-white); text-align: center; padding: 10px; clear: both; align-self: flex-end; border: 1px solid var(--cg-red); }
	.singleProperty a.cta:hover { background-color: transparent; color: var(--cg-red); }
	.singleProperty h3 { padding-bottom: 0; font-size:1.2em; font-weight: normal; }
	.singleProperty p.copy {font-size:0.8em;}

	.singleProperty .imageArea { position: relative; line-height: 0; }
	.singleProperty .imageArea .post-image-container { margin-bottom: 0; }
	.singleProperty .imageArea .post-image-container img, main#main .singleProperty .imageArea .post-image-container img { object-position: center; }
	.singleProperty .imageArea a { float: left; }
	.singleProperty .imageArea p.status { color: var(--cg-white); position: absolute; top: 0; width: 100%; height: 100%; background-color: var(--cg-redTransparent); font-size:1.2em; margin:0; padding: 0;}


	/**
	 * SEARCH RESULTS CTAS
	 */
	.searchResultsCTA { display: flex; flex-direction: column; justify-content: space-between; margin: 20px auto; }
	.searchResultsCTA a.button { margin-bottom: 20px; }

	/*
	.searchResultsCTA .ctaLarge {  background-color: var(--cg-red); color: var(--cg-white); padding: 10px; text-align: center; font-size: 0.7em; display: flex; flex-direction: column; margin-bottom: 30px; border-radius: 10px !important; }
	.searchResultsCTA .titleCTA {font-weight:bold; font-size:1.3em; padding-bottom: 5px; display: block;}
	*/


	/*
	Map popup
	 */
	.popUpCopy {display: flex; justify-content: space-between;}

	.popUpCopy .image {flex-basis:30%;position: relative;}
	.popUpCopy .image img {width: 100%; height: auto; }

	.popUpCopy .image p.status { color: var(--cg-white); position: absolute; top: 0; width: 100%; height: 100%; background-color: var(--cg-redTransparent); margin:0; padding: 0;

	    font-size: 24px;
	    text-align: center;
	    padding-top: 40%;
	    font-weight:bold;

	    }

	.popUpCopy .copy {flex-basis:65%; font-size:1.2em; }
	.popUpCopy .copy p { color: var(--cg-black); font-weight: 400; }
	.popUpCopy .copy p strong {color: var(--cg-red);}
	.popUpCopy .copy a { float: left; }

	.noResults p {color: var(--cg-white); text-align: center;}


	/**
	 * Single Property Page
	 */
	#propertyDetails { display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 1.75em; }
	#propertyDetails #propertyImage { flex-basis: 73%; position: relative; line-height: 0; }

	#propertyDetails #propertyImage p.featuredOverlay { color: var(--cg-white); position: absolute; top: 0; width: 100%; height: 100%; background-color: var(--cg-redTransparent); font-size:1.2em; margin:0; padding: 0;}


	#propertyDetails #propertyStats { flex-basis: 25%; }
	#propertyDetails #propertyStats h3 {background-color: var(--cg-red); color: #fff; padding: 10px; margin:0;}

	#propertyDetails #propertyStats #detailsSub {display: flex; flex-direction: column; padding: 10px; font-size:0.7em; flex-wrap: wrap;}

	#propertyDetails #propertyStats #detailsSub p { padding-bottom: 10px; }
	#propertyDetails #propertyStats #detailsSub a { color: var(--cg-red);}

	.single-property .wp-block-gallery, .single-property .wp-block-video { margin-bottom: 1.75em; }

	#propertyCTALinks { display: flex; flex-direction: column; }
	#propertyCTALinks a.button { margin-bottom: 10px; }
	/*
	#propertyCTALinks a {display: block; background-color: var(--cg-red); color: white; text-align: center; margin-bottom: 10px; padding: 7px; font-size:0.8em;}
	#propertyCTALinks a:hover {text-decoration:underline;}
	*/



	/*
	peopleCTA - additional info CTA/Shortcodes
	 */

	.peopleCTA { background-color: var(--cg-grey);  }
	p.peopleCTAHeading { background-color: var(--cg-red);display: block; color: var(--cg-white); padding: 5px; }
	.peopleCTADetails {display: flex; padding: 10px;  }
	.peopleCTADetails p, .peopleCTADetails a {color: var(--cg-white);}
	.peopleCTADetails a:hover {text-decoration:underline;}
	.peopleCTADetails img {padding-right: 20px;}
	.peopleCTAExtra { flex-grow: 1;  }
	.peopleCTAExtra ul {  float: right; }
	.peopleCTACopy {align-self: flex-start;}

	 #content .entry-content .peopleCTAExtra ul > li {color: var(--cg-red); padding-bottom: 10px;}


	/*==================== RESPONSIVE CODE  ====================*/
	@media (max-width: 1440px)
	{
		#searchBox #searchForm #formFields .input { flex-wrap: wrap; }
		#searchBox #searchForm #formFields .input p { flex-basis: 100%; }
	}

	@media (max-width: 1280px)
	{
		#searchBox #title { flex-basis: 15%; }
		#searchBox #searchForm { flex-wrap: wrap; flex-basis: 80%; }
		#searchBox #searchForm #formButton,#searchBox #searchForm #formFields {flex-basis: 100%; }
	}

	@media(max-width: 960px)
	{
		#searchBox  { flex-wrap: wrap; }
		#searchBox #title { flex-basis: 100%; justify-content: center; align-items: center; margin-bottom: 40px; }
		#searchBox #title p { flex-basis: unset; }
		#searchBox #searchForm { flex-basis: 100%; }
	 	.locationTickBox { width: 30px; height: 30px; }

		#propertyDetails { flex-direction: column;}
		#propertyDetails #propertyImage, #propertyDetails #propertyStats { flex-basis: unset; }
		#propertyDetails #propertyStats #detailsSub { flex-direction: row; justify-content: space-between; }
		#propertyDetails #propertyStats #detailsSub p { flex-basis: 30%; }
		#propertyCTALinks { flex-direction: row; justify-content: space-between; }
		#propertyCTALinks a.button { flex-basis: 30%; }
	}

	@media(max-width: 767px)
	{
		.singleProperty { flex-direction: column; }
		.singleProperty .imageArea, .singleProperty .details { flex-basis: unset; }
		.singleProperty .imageArea { margin-bottom: 20px; }

		#propertyDetails #propertyStats #detailsSub p { flex-basis: 48%; }
		#propertyCTALinks { flex-direction: column; justify-content: space-between; }
		#propertyCTALinks a.button { flex-basis: 100%; }

		.peopleCTADetails { flex-wrap: wrap; }
		.peopleCTAExtra { flex-basis: 100%; }
		.peopleCTAExtra ul { float: unset; margin-top: 20px; }
	}

	@media(max-width: 480px)
	{
		#searchBox #searchForm #formFields .input { flex-basis: 100%; }

		#propertyDetails #propertyStats #detailsSub  { flex-direction: column; }
		#propertyDetails #propertyStats #detailsSub p { flex-basis: unset; }
	}


	.page-template-property-search .header { background-color: #373A36; position: static; }
	.page-template-property-search #page-circle { margin-top: -5%; }
	.page-template-property-search .inner-content { padding-right: 20px; }




/*==================== Property Listing ====================*/
	.property-listing { margin-bottom: 30px; }
	.property-listing-item { background-color: #fff; padding: 10px; margin-bottom: 40px; }
	.archive .inner-content .property-listing-item * { color: initial; }
	.property-listing-item .listing-image { line-height: 0; }

	.property-listing .mapSnapshot { margin-bottom: 40px; }


/*==================== Single Property ====================*/
	#alertTrigger { float: left; width: 100%; }
	#alertTrigger a { background-color: var(--cg-red); color: #fff; text-align: center; display: block; width: 100%; padding: 20px; }
	#alertTrigger a:hover { background-color: var(--cg-lightgrey); }




/*==================== Map Snapshot Shortcode ====================*/
	.mapSnapshot iframe { vertical-align: top; }
	.mapSnapshot .inner-container { background-color: #E1251B; color: #fff; width: 100%; float: left; padding: 20px; }
	.mapSnapshot .inner-container h3.title { width: 100%; padding-left: 56px; margin-bottom: 0px; }
	.mapSnapshot .inner-container p { color: #fff; float: left; padding-left: 56px; }
	.mapSnapshot .inner-container p.phone { width: 100%; float: left; padding-bottom: 0px; padding-left: 0px; }
	.mapSnapshot .inner-container p.phone i { color: #fff; font-size: 40px; line-height: 1.4em; float: left; margin-right: 15px; }
	.mapSnapshot .inner-container a { color: #fff; }
	.mapSnapshot iframe { height: 600px; }




/*==================== Services Grid Shortcode ====================*/
	.box-grid { justify-content: space-between; }
	.box-grid-item { display: flex; width: calc(25% - 10px); flex-basis: calc(25% - 10px); border: 1px solid #232D3E; margin-bottom: 13.33333333333333px; }
	.box-grid-item a { padding: 20px; }

	.box-grid.services { margin-bottom: 20px; }
	.service-item { background-color: #7B868C; border: unset; border-radius: 3px; }
	.service-item a { width: 100%; }
	.service-item svg { margin-bottom: 20px; }
	.service-item h3 { font-size: 1.2em; font-weight: bold; padding-bottom: 0; }
	.service-item p { font-size: 0.8em; padding-bottom: 0px; }
	.service-item:hover { background-color: #E1251B; }
	.service-item:hover h3, .service-item:hover p { color: #fff; }




/*==================== Contact ====================*/

	.page-id-36 .wp-block-buttons { margin-bottom: 1.75em; }
	.page-id-36 .offices { font-size: 0.8em; }

	/* Contact Form */
	.page-id-36 .wpcf7 { background-color: #E1251B; padding: 20px; }
	#content input[type=text], #content input[type=email], #content input[type=tel], #content input[type=url], #content textarea { background: #fff; color: #000; width: 100%; max-width: 100%; padding: 10px; border: none; }
	div.wpcf7 input::placeholder, div.wpcf7 textarea::placeholder { color: #666666; font-size: 14px; }
	div.wpcf7 input.wpcf7-submit, #content div.wpcf7 input.wpcf7-submit { background: #000; color: #fff; font-size: 20px; width: 200px; padding: 10px 20px; border: 1px solid #000; border-radius: 10px; margin: 5px 0px; }
	div.wpcf7 input.wpcf7-submit:hover, #content div.wpcf7 input.wpcf7-submit:hover { background-color: transparent; color: #fff; border: 1px solid #fff; }
	.wpcf7-response-output { color: #fff; }


	/* Ninja Form */
	.nf-before-form-content { display: none; }
	.ninja-forms-req-symbol { display: none; }
	.nf-error-msg, .ninja-forms-req-symbol { color: #E1251B !important; }

	.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field { font-size: 16px; margin: 0; padding: 12px; }
	.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea { background: #f7f7f7; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; color: #787878; transition: all .5s; }
    .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background-color: #E1251B; color: #fff; font-size: 20px; width: fit-content; min-width: 210px; padding: 10px 20px; border: 1px solid #E1251B; border-radius: 10px; }
    .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover { background: transparent; color: #fff; border-color: #fff; }


	/* Snazzy Map Embed */
	.page-id-36 iframe { margin-bottom: 1.75em; }

	/*Google reCAPTCHA Badge*/
	.grecaptcha-badge { opacity: 0 !important; }
	.page-id-36 .grecaptcha-badge { opacity: 1 !important; }




/*==================== Property Alerts ====================*/
	.page-template-property-alerts .inner-content h3 { color: #E1251B; }
	.page-template-property-alerts table { width: 100%; }
	.page-template-property-alerts td { padding-left: 20px; padding-bottom: 20px; }
	.page-template-property-alerts tr:last-of-type td { padding-bottom: 0; }

	.page-template-property-alerts table#type input { margin-top: 5px; }
	.page-template-property-alerts table tr td:first-child { white-space: nowrap; padding-left: 0; }

	.page-template-property-alerts input[type=checkbox], .page-template-property-alerts #content input[type=checkbox] { margin-left: 0; margin-right: 10px; }

	.page-template-property-alerts fieldset span { margin-right: 20px; }

	.page-template-property-alerts input[type=submit] { background: #E1251B; color: #fff; font-size: 20px; width: fit-content; padding: 10px 20px; border: 1px solid #E1251B; border-radius: 10px; margin: 5px 0px; }
	.page-template-property-alerts input[type=submit]:hover { background-color: transparent; color: #fff; border: 1px solid #fff; }

	p.message { background-color: #000; color: #fff; padding: 20px; margin-top: 1em; margin-bottom: 1em; border: 2px solid #fff; }
	p.message.success { background-color: green; }
	p.message.error { background-color: red; }


	/*
	.page-template-property-alerts input, .page-template-property-alerts #content input { width: auto; margin-left: 20px; }
	.page-template-property-alerts input[type=checkbox], .page-template-property-alerts #content input[type=checkbox] { margin-left: 0; margin-right: 10px; }

	.page-template-property-alerts table#details input { width: calc(100% - 20px); max-width: 600px; }


	.page-template-property-alerts td p { margin-left: 20px; }
	.page-template-property-alerts fieldset span { margin-right: 20px; }
	*/




/*==================== Email Output Page ====================*/
	.page-template-email-output-page #content { padding-top: 20px; padding-bottom: 20px; }
	.page-template-email-output-page input[type=submit] { background: #E1251B; color: #fff; font-size: 20px; width: fit-content; padding: 10px 20px; border: 1px solid #E1251B; border-radius: 10px; margin: 5px 0px; }
	.page-template-email-output-page input[type=submit]:hover { background-color: transparent; color: #373A36; border: 1px solid #373A36; }
	span.red { color: #E1251B; }




/*==================== Cookie Policy ====================*/
	/*
	SHOW/HIDE MANAGE CONSENT BUTTON - NOT IN USE
	a.cn-revoke-cookie { background: #20C19E; color: #fff; position: absolute; right: 20px; bottom: 0; -webkit-transform: translateY(30px); transform: translateY(30px);-webkit-transition: transform 1s ease; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; padding: 15px !important; }
	a.cn-revoke-cookie:hover { -webkit-transform: translateY(0); transform: translateY(0); }
	*/




/*==================== Footer ====================*/
	#footer { background-color: #373A36; padding: 40px 20px 40px 20px; }
	.inner-footer { background-color: #373A36; justify-content: space-between; align-items: center; }

	#footer .logo { max-width: 300px; }
	#footer .logo img { max-width: 100%; }

	.footer-contact { column-gap: 20px; row-gap: 10px; padding-left: 40px; }
	.footer-contact .offices-left, .footer-contact .offices-right { flex: 1; }
	.footer-contact p, .footer-contact a { color: #fff; }
	.footer-contact p { font-size: 0.8em; padding-bottom: 0; margin-bottom: 0; }
	.footer-contact p#stortford { margin-bottom: 10px; }

	.footer-nav { background-color: #000; text-align: center; width: 100%; float: left; position: relative; overflow: hidden; }
	.footer-nav p, .footer-nav a { color: #fff; font-size: 14px; text-transform: uppercase; }
	.footer-nav p { padding: 15px 20px; margin-bottom: 0; }




/*==================== Sidebar ====================*/
	.sidebar { min-width: 320px; }
	.sidebar .sticky { top: 0 !important; }

	.sidebar .cta-block .cta { background-color: #7B868C; display: flex; width: 100%; flex-basis: 100%; margin-bottom: 10px; }
	.sidebar .cta-block .cta a { width: 100%; padding: 20px; }

	.sidebar .cta-block .cta a:hover { background-color: #E1251B; }

	.sidebar .cta-block .cta .cta-icon { height: 100px; padding-right: 10px; }
	.sidebar .cta-block .cta .cta-icon img { height: 100%; width: auto; }

	.sidebar .cta-block .cta .cta-info { padding-left: 0px; padding-right: 0px; }
	.sidebar .cta-block .cta h3, .sidebar .cta-block .cta p { color: #fff; }
	.sidebar .cta-block .cta h3 { font-weight: 600; padding-bottom: 0; }
	.sidebar .cta-block .cta p { font-size: 0.7em; }
	.sidebar .cta-block .cta p:last-of-type { padding-bottom: 0; }

	.sidebar .cta-block #property-search.cta { padding: 20px; }
	.sidebar .cta-block #property-search.cta h3 { text-transform: uppercase; }
	.sidebar .cta-block #property-search.cta a.button { font-size: 12px; text-transform: uppercase; border-radius: 20px !important; }
	.sidebar .cta-block #property-search.cta a.button:hover { color: #fff !important; }




/*==================== Media Queries ====================*/
	@media (min-width: 1920px)
	{
		.featured-image .image { height: 750px; }
		.sidebar .cta-block .cta p { font-size: 0.8em; }
	}
	@media (min-width: 1030px)
	{
		/*Sidebar - Responsive*/
		.page-template-default #content, .archive #content { display: flex; }
		.page-template-property-search #content, .page-template-property-alerts #content { display: flex; }
	}
	@media (max-width: 1320px)
	{
		.inner-content { padding-left: 20px; padding-right: 20px; }
	}
	@media (max-width: 1280px)
	{
		/*Small Desktop*/
		.sd-all.post-image-container { padding-top: 66.66%; }
		.page-template-property-search #page-circle { display: none; }
		.page-template-property-search #content { display: flex; flex-wrap: wrap; }
		.page-template-property-search .sidebar { width: 100%; flex-basis: 100%; }
		.sd-1of2.box-grid-item { width: calc(50% - 10px); flex-basis: calc(50% - 10px); margin-bottom: 20px; }
		.case-studies-item .case-studies-info { padding-left: 0; }
		.page-id-6660 img.featured-icon { padding-top: 115px; }
	}
	@media (max-width: 1029px)
	{
		/*Tablet*/
		.featured-image .image { height: 600px; }
		.mapSnapshot { margin-bottom: 1.5em; }
		.t-1of4.box-grid-item { width: calc(25% - 10px); flex-basis: calc(25% - 10px); margin-bottom: 13.33333333333333px; }
		.footer-nav p { padding-top: 20px; padding-bottom: 25px; }

		/*Sidebar - Responsive*/
		#page-circle { display: none; }
		.page-template-default #content, .archive #content { display: flex; flex-wrap: wrap; }
		.page-template-default .inner-content, .archive .inner-content { width: 100%; flex-basis: 100%; padding: 20px; }
		.sidebar .cta-block .cta p { font-size: 1em; }

		.page-template-property-search #content, .page-template-property-alerts #content { display: flex; flex-wrap: wrap; }
		.page-template-property-search .inner-content, .page-template-property-alerts .inner-content { width: 100%; flex-basis: 100%; padding: 20px; }

		.sidebar { padding: 20px; }
	}
	@media (max-width: 960px)
	{
		/*Single Post Width*/
		#content { padding: 20px; }
		.inner-content, .page-template-default .inner-content, .archive .inner-content { padding: 0px; }
		.page-template-property-search .inner-content, .page-template-property-alerts .inner-content { padding: 0px; }
		.sidebar { padding: 0px; }
		.category-header { margin-bottom: 20px; }
		.page-id-6660 img.featured-icon { padding-left: 20px; padding-right: 20px; }
	}
	@media (min-width: 600px) and (max-width: 781px)
	{
		.home .wp-block-column, .tax-location .wp-block-column, .page-id-6660 .wp-block-column { flex-grow: 1; }
		.stats { max-width: 150px; }
		.towns { max-width: 185px; }
	}
	@media (max-width: 767px)
	{
		/*Mobile*/
		.featured-image .image { height: 500px; }
		.m-1of2.box-grid-item { width: calc(50% - 10px); flex-basis: calc(50% - 10px); margin-bottom: 20px; }
		#footer { text-align: center; }
		.inner-footer { justify-content: center; }
		#footer .logo { max-width: 400px; margin-bottom: 20px; }
		.footer-contact { padding-left: 0px; }
		.footer-contact .offices-left, .footer-contact .offices-right { width: 100%; flex-basis: 100%; }

		.page-template-property-alerts .header { background-color: #373A36; position: static; }
		.page-template-property-alerts .featured-image .overlay { display: none; }

		/*Sidebar - Responsive*/
		#page-circle { display: none; }
		.inner-content, .page-template-default .inner-content, .archive .inner-content { width: 100%; flex-basis: 100%; padding: 0px; }
		.page-template-property-search .inner-content, .page-template-property-alerts .inner-content { width: 100%; flex-basis: 100%; padding: 0px; }
	}
	@media (max-width: 599px)
	{
		.keyAreas a { margin-right: 20px; }
	}
	@media (max-width: 480px)
	{
		/*Small Mobile*/
		.header .logo { width: 100%; margin-top: 70px; }
		.logo img { width: 100%; max-width: unset; }
		#rmp_menu_trigger-6605 { top: 15px; }
		.featured-image .image { height: 400px; }
		.featured-box, img.featured-icon { top: 180px; left: 0; transform: unset; }
		.page-id-6660 img.featured-icon { top: unset; bottom: 0; padding-top: 185px; }
		.sm-all.box-grid-item { width: 100%; flex-basis: 100%; margin-bottom: 10px; }
		.sidebar { min-width: unset; }
	}
	@media (max-width: 350px)
	{
		.services .service-item { width: 100%; flex-basis: 100%; }
		.page-template-property-alerts table#interests tr td:first-child { white-space: initial; }
	}






/*New contact system CSS - May 2025*/
#result { font-size: 150%; text-align: center; text-transform: capitalize; margin-bottom: 20px; }
#locationCont {display: flex; flex-wrap: wrap; margin-top: 20px;}
.locationInput { flex-basis: 45%; padding: 5px; }

	@media (max-width: 450px)
	{.locationInput { flex-basis: 100%; }

	}