/* Appraisal request options  9=sales, 11=lettings*/
.parent-pageid-9 #wpforms-300-field_5 li.choice-3 { display:none;}
.parent-pageid-11 #wpforms-300-field_5 li.choice-1 { display:none;}

@media (max-width: 991px){  #main > .container { padding-left:0; padding-right:0;}}  /* already have padding from page container */

#hw-services-navbar { background:#fff;}

/*li.menu-item-32 ul.dropdown-menu { min-width:280px;}*/
.dropdown-menu .dropdown-item { white-space: nowrap; }
.dropdown-item.active, .dropdown-item:active { color: #007bff; }


.navbar-brand { padding: 0; flex: 0 1 300px;}
.navbar .navbar-toggler { flex: 0 0 44px; padding: 0.25rem;}
@media screen and (max-width: 400px){ .navbar-brand { padding: 0; flex: 0 1 220px;} }
/*@media screen and (min-width: 400px){ .navbar-brand img { max-width:300px;} } /* need media query - otherwise this prevents the flex from working on mobile*/

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon { width: 28px; height: 28px; }


#masthead .navbar-nav>li a { font-family:
-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}



a{ color:#097190; color:#59799d; }
a:hover  { color:#1b8bac; color:#2859a4; }

a:hover p, a:hover h2, a:hover h3, a:hover h4 { text-decoration:none;}

.cta_blocks { margin: 3rem 0 ; }
.home .cta_blocks { margin: 0 0 4rem;}


a.gridblock {
	color: #FFF;
	display: block;
	padding: 0;
	margin: 0 0 1em 0;
	width: 100%;
	max-width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: 0.3s all ease;
}

.gridblock .gridblock-content {
	text-align: center;
	margin: 0; 	padding: 10px 5%;
	width: 100%;
	max-width: 100%;
	background: rgba(0, 0, 0, 0.25);
	display: flex; align-content: center; align-items: center; justify-content: center; flex-direction: column;
	transition: 0.3s all ease;
	height: 300px;
}
@media (max-width: 575.999px) { .gridblock .gridblock-content {height: auto; min-height: 200px; }}

.gridblock p, 
.gridblock h2,
.gridblock h3 { color: #FFF; font-weight:600; text-shadow: 0 0 1px #666, 0 0 10px #000, 0 0 50px #000; }
/*.gridblock p { margin-bottom: 0; }*/
.gridblock-content :last-child { margin-bottom: 0; }

.gridblock h2 { font-size: 2.5rem; }
.gridblock h3 { font-size: 1.8rem; }
.gridblock h2, .gridblock h3 { text-transform: uppercase; margin-top: 0; }
.gridblock p { font-size: 1.4rem; }

.gridblock-content .homeblockdesc p { font-size:1em; line-height:1.3em; display:none;}

.gridblock p i.fa {
	background: #FFF;
	color: #333;
	text-align: center; /*vertical-align:middle;*/
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 1px 0 0 1px;
	font-size: 24px;
	line-height: 24px;
	font-weight:normal;
	height: 26px;
	width: 26px;
}

.gridblock:hover  { text-decoration:none;}
.gridblock:hover .gridblock-content { color: #EEE; background: rgba(0, 0, 0, 0.35); text-decoration:none;}


.gridblock.overlay-light .gridblock-content { background: rgba(0, 0, 0, 0.15); }
.gridblock.overlay-light:hover .gridblock-content { background: rgba(0, 0, 0, 0.25); }


.cta_blocks .gridblock .gridblock-content {	background: rgba(0, 0, 0, 0.35); }
.cta_blocks .gridblock:hover .gridblock-content { background: rgba(0, 0, 0, 0.5);}




header#masthead1 { box-shadow: 0 0px 10px rgb(0 0 0 / 10%) }
#page-banner:not(.heroimage) {	
	background: none;
	background: #FFF; border-top: 1px solid #ccc;
	position: relative;
	padding-top: 5rem; padding-bottom: 0;
	text-align: center; font-size: 1.25rem;
}

#page-banner:not(.heroimage) h1 { 	font-size: 2.75rem; line-height: 1.1em; padding: 0 5% 10px; text-align:center; margin: 0 0 1rem;}

@media screen and (min-width: 768px){ #page-banner:not(.heroimage) h1 { font-size: 3.750rem; } }

.heroimage {
	margin: 0;
	width: 100%;
	max-width: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-position: center center;
	background-image: url(/assets/uploads/DSC4236.jpg);
	box-shadow: inset 0px 20px 20px -20px rgb(0 0 0 / 50%);
	padding:0;
	background-attachment: fixed;
}
.heroimage .overlaycontainer {background: rgba(0, 0, 0, 0.3); background:/*rgb(0 82 95 / 33%);*/ rgb(0 76 112 / 55%); 
background: rgb(0 23 76 / 55%);
 display: flex; justify-content: center; align-items: center;   min-height: 75vh;}
.heroimage .container { padding-top: 4rem; }
.heroimage h1 {
	font-weight: 700;
	font-size: 4em;
	font-size: 3.4em;
	line-height: 1.1em;
	color: #FFF;
	text-transform: none;
	padding: 0 5% 10px;
	margin: 0;
	text-shadow: 0 0 3px #000, 0 0 30px #000;
	text-shadow: 0 0 3px rgb(0 0 0 / 75%), 0 0 10px rgb(0 0 0 / 50%), 0 0 30px #000;
}
.heroimage h2,
.heroimage h3 {
	font-size: 1.6em;
	color: #FFF;
	padding: 0 5% 10px;
	margin: 0 0 1rem;
	text-shadow: 0 0 1px #666, 0 0 20px #000;
	text-shadow: 0 0 3px rgb(0 0 0 / 75%), 0 0 10px rgb(0 0 0 / 50%), 0 0 20px #000;
}
.heroimage a.button {
	font-size: 1.35em;
	text-transform:uppercase;
	padding: 16px 20px;
	text-align:center; min-width:180px;
	margin: 0 1rem 1rem ;
	background: #1e345d;
	color: white;

	color: #1e345d;
	background: white;
}
.heroimage a.button:hover {color: #1b8bac;background: #fff; box-shadow:3px 3px 8px rgb(0 0 0 / 50%);}

.heroimage p.scrollermsg { margin: 1rem 0 0 0; color:#FFF; font-size: 1.4em;
	text-shadow: 0 0 3px rgb(0 0 0 / 75%), 0 0 10px rgb(0 0 0 / 50%), 0 0 20px #000;
}
.heroimage a.page-scroller { color: #FFF; font-size: 1em; line-height:1em; margin:0; padding:0;display:block;  }
.heroimage a.page-scroller i { font-size: 4rem; line-height:1em; margin:0; padding:0; }

@media screen and (max-width: 960px){ body:not(.home) .heroimage h1{font-size: 3rem;}}
@media screen and (max-width: 767px){ /* body:not(.home) .heroimage h1{font-size: 10vw;}*/  .heroimage h2,.heroimage h3 {font-size:1.4rem;}}
@media screen and (max-width: 600px){  body.home .heroimage h1{font-size: 10vw;} 
.heroimage a.button {font-size: 1.15em;}
/*body:not(.home) .heroimage h1 {font-size: 12vw;} .heroimage h2{font-size: 5vw;}*/
}


.heroimage .overlaycontainer.whiteoverlay {background: rgba(255, 255, 255, 0.35);}
.heroimage .whiteoverlay h1 {
	color: #333;
	text-shadow: 0 0 3px rgb(255 255 255 / 75%), 0 0 10px rgb(255 255 255 / 50%), 0 0 30px #fff;
}
.heroimage .whiteoverlay h2,
.heroimage .whiteoverlay h3 {
	color: #FFF;
	text-shadow: 0 0 3px rgb(255 255 255 / 75%), 0 0 10px rgb(255 255 255 / 50%), 0 0 20px #fff;
}
.heroimage .whiteoverlay a.button {
	color: #1e345d;
	background: white;
	background: #1e345d;
	color: white;

}
.heroimage .whiteoverlay a.button:hover {color: white; background: #1e345d; box-shadow:3px 3px 8px rgb(255 255 255 / 50%);}
.heroimage .whiteoverlay p.scrollermsg { color:#333; text-shadow: 0 0 3px rgb(255 255 255 / 75%), 0 0 10px rgb(255 255 255 / 50%), 0 0 20px #fff;
}



/* to fix issue with fixed background image on mobile */
@media screen and (max-device-width: 1024px){ .heroimage {background-attachment: scroll;}}





#page.page-property #content.site-content { padding-top: 0;}


.propertyslider { position:relative;}
.ribbon-wrapper { background: #C32026; color: #fff; font-size: 1.2rem; padding: 10px 20px; position: absolute; top: 0; left: 30px;z-index: 12;}
@media only screen and (max-width: 500px) { .ribbon-wrapper { font-size:1rem; padding:6px 12px; } }
@media only screen and (min-width: 1200px) { .ribbon-wrapper { font-size: 1.4rem; padding: 15px 25px;} }

/*
.ribbon-wrapper {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	top: -1px;
	left: -1px;
	overflow: hidden;
	
}
.ribbon-wrapper .ribbon {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	position: relative;
	padding: 7px 0;
	top: 40px;
	left: -40px;
	width: 200px;
	top: 36px;
	left: -35px;
	width: 180px;
	background-color: #C32026;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
}
@media only screen and (min-width: 500px) {
	.propertyslider .ribbon-wrapper {width: 180px;height: 180px;}
	.propertyslider .ribbon-wrapper .ribbon { top: 45px; left: -55px; width: 250px; font-size: 20px; padding: 10px 0; }
}
*/


.responsive-tabs__panel .trib-map .titlebar, .trib-map .titlebar {
	display: block;
	margin: 0 0 0px 0;
	background: #1e345d;
	padding: 10px 20px;
	color: #FFF;
}

.responsive-tabs__panel .propertydesc h4 { margin-top:3rem; font-weight:600;}
.responsive-tabs__panel .propertydesc h4:first-child { margin-top:0;}

.office-listing .officename { font-weight:bold; color: #666; font-size:1.1rem;}
.office-listing .contactinfo label { font-weight:500;color: #666; }

.contact_details p { margin: 1px 0;}
.contact_details span { display: block; }
.contact_details p label,
.contact_details span.days, .contact_details span label { display: inline-block; min-width: 80px; font-weight:500; margin-bottom: 0px; }