/* CSS for a Blog Article */

/* Blog article
    https://developer.mozilla.org/en-US/docs/Web/CSS/Nesting_selector
*/
#main-content > div.et-l--body > div.et_builder_inner_content > div.et_pb_section.et_pb_section_0_tb_body > div > div.et_pb_column.et_pb_column_0_tb_body > div.et_pb_post_content {

    & h2:not(:first-of-type) {
        margin-top:2em;
    }

    & ol:not(.nolibottommargin) > li, & ul:not(.nolibottommargin) > li  {
        margin-bottom: 1em;
    }
    
    & div.wp-caption {
        background-color: white;
    }
}/*
Theme Name:     HavantCounselling
Description:    Counselling services for Havant (Child theme based upon the DIVI 2 theme from Elegant Themes).
Author:         Cybershrink
Author URI:     http://Cybershrink.co.uk/
Template:       et_divi
Version:        0.4.0
*/

/* Variables */
:root {
  --highlight_color: #AC6234; /* #9F6B13;*/ /*#d58f17;*/ 
  --highlight_color_level2: #fcbf00;
  --highlight_color_level3: #ffe188;
  --highlight_color_heroslider: #f5db5d;
  --lowlight_color: #a53b0b;
  --lowlight_color_level2: black;

  --highlight_color_menuactive: rgb(247, 234, 136);

  --anchorline_standard: var(--highlight_color);
  --anchorline_dark: #000;
  --anchorline_light: #FFF;
  
}
body.admin-bar.et_fixed_nav {
	margin-top: -46px;
}


div.historic_interest_blurb {
	/*text-align: center; */
	/*padding-bottom:2em;*/ 
	width:50%; 
	margin:2em auto 3em auto;
}

/* How to hide the V3 Recaptcha Badge */
/*
This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
	<a href="https://policies.google.com/terms">Terms of Service</a> apply.
*/
.grecaptcha-badge { 
	visibility: hidden !important;
	display: none !important;
}

/* Put the underline back on anchors */
a {
	border-bottom: 1px dotted blue;
    text-decoration: none;
}
a:hover, div.et_pb_image > a {
	text-decoration: none;
	border-bottom: none;

}

a:hover {
	color: var(--lowlight_color) !important;
}
a.et_pb_button:hover {
  text-decoration: none;
}
a,
	a span.et-pb-icon-circle-border,
	div.et_pb_main_blurb_image span.et-pb-icon-circle-border,
	#ss_hero a {
	transition: all 0.5s ease;
}

a.traditional {
	color: blue !important;
}
a.traditional:hover {
	text-decoration: underline;
}
/***
	Anchor slidey underline on hover 
	https://paulund.co.uk/css-animation-link-underline
*/
a, #ss_hero a {
    position: relative;
}
a:before, #ss_hero a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--anchorline_standard);
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
a:hover:before, #ss_hero a:hover:before {
	visibility: visible;
	width: 100%;
  }

/***
  Change the underline to dark
*
a:before {
	background-color: var(--anchorline_dark);
}
*/

/* New Divi has decided that rows are 80% for some reason */
/*
.et_boxed_layout #page-container .et_pb_row {
	width: 100%;
	max-width: 1200px;
	padding-right: 30px;
	padding-left: 20px;

*/

/***
 * Accordion / Learn More lists
 */
.et_pb_accordion_item, .et-learn-more {
	transition: background-color 1s ease, color 1s ease;
 }
 /*
 .et-learn-more {
	background-color: #fff8ea;
 }
 */

.et_pb_accordion_item.et_pb_toggle_close,
	.et-learn-more .heading-more {
	background-color: #db9c51 !important;
	background-image: none !important;
 }
 
.et_pb_accordion_item.et_pb_toggle_close h3 {
	color: #823c00;
 }
 
h2.et_pb_toggle_title{text-transform:none;}
 
.et_pb_accordion_item > h2,
	.et_pb_accordion_item > h3,
	.et-learn-more .heading-more {
	font-size:125%; 
	text-shadow: none !important;
	text-transform: none;
	font-weight: normal;
	color: black !important;
 }
.et-learn-more .heading-more {
	font-weight: bold;
	padding: 1em 20px;
}
.et_pb_accordion_item.et_pb_toggle_open,
	.et-learn-more {
	box-shadow: 4px 4px 8px rgba(0,0,0,0.4);
	background-color: #fff8ea;
 }
 
.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before {
	color:black; 
	text-shadow: none;
}

.et_pb_accordion_item,
	.et-learn-more,
	.et-learn-more .heading-more {
		border-radius: 12px !important;
}

.et_pb_accordion_item,
	.et-learn-more {
	margin-bottom: 1em;
 }
 
.et_pb_toggle_close {
	padding: 13px 20px 8px 20px  
 }
 

/***
	Change the underline to light
*/
#main-header a:before {
	background-color: var(--anchorline_light);
}

/***
	Change the underline to transparent
*/
#main-header .logo_container > a:before,
	a.small-button:before,
	.et_pb_image a:before{
	background-color: rgba(0,0,0,0) !important;
}

/***
 Logo enhancements
 */

img.logo_glow, div.logo_glow span.et_pb_image_wrap > img {
	filter: drop-shadow(2px 2px 1px rgba(255,255,255,1)) drop-shadow(-1px -1px 1px rgba(255,255,255,1)) drop-shadow(0 0 12px rgba(255,255,255,1));
}
img.logo_glow_darkbg, div.logo_glow_darkbg span.et_pb_image_wrap > img {
	filter: drop-shadow(2px 2px 1px rgba(255,255,255,1)) drop-shadow(-1px -1px 1px rgba(255,255,255,1)) drop-shadow(0 0 8px rgba(255,255,255,0.5));
}




a.middle
{
    position: relative;
}

a.middle:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}

a.middle:hover:before {
	visibility: visible;
	transform: scaleX(1);
  }

a.left
{
    position: relative;
}

a.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

a.left:hover:before {
	visibility: visible;
	width: 100%;
  }

a.right
{
    position: relative;
}

a.right:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  right: 0;
  background-color: #FFF;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

	a.right:hover:before {
	visibility: visible;
	width: 100%;
  }

/****/


.column_data_yellow_highlight {
   padding-left: 1em;
   background-image: radial-gradient(circle at top left,rgba(252,206,0,.12) 10%,rgba(0,0,0,0) 80%)!important;
   border-top-left-radius: 1em;
}

/* Covid 19 Warning */
._cs_covid_19_warning, .highlightsection {
	background-image: radial-gradient(circle at top left,rgba(252,206,0,.12) 10%,rgba(0,0,0,0) 80%)!important;
	border-top-left-radius: 1em;
	/*font-size: 96%;*/
    line-height: 1.5em;
}
._cs_covid_19_warning h3, .highlightsection h3 {
	display:inline; 
	font-size:14px; 
	text-transform:none;
}


/* Transition animation when applying boxed layout */
/*
.et_boxed_layout,
   .et_boxed_layout #page-container {
      transition-duration: 1s;
      transition-timing-function: ease-in-out;
}
.et_boxed_layout {
   transition-property: padding, box-shadow, width, max-width, margin;
}
.et_boxed_layout #page-container {
   transition-property: width, max-width, margin;
}
*/

/* Loading... */
div#ajax_loader{
	top: 20vh;
	z-index: 1000;
	position: absolute;
	overflow:hidden;
}
div#ajax_loader img {
	width:initial;
	/*left: 45vw;*/
	/*left:calc((100vw - 43px)/2) !important;*/
	left: calc(50% - 33px) !important;
	position: absolute;
}
/* Primary Image in the Header*/
div#ajax_loader img#PI {
	width:100%;
	height:auto;
}
body.home div#ajax_loader {
	position: static;
}

/* Bottom Shadow of front page image */
.bottomShadow {
	box-shadow: 0px 16px 10px -10px rgba(0,0,0,0.4);
}

/* Picture Frame */
div.PictureFrame img {
  border: solid 2px;
  border-bottom-color: #ffe;
  border-left-color: #eed;
  border-right-color: #eed;
  border-top-color: #ccb;
  max-height: 100%;
  max-width: 100%;
}

div.PictureFrame {
  background-color: #ddc;
  border: solid 5vmin #eee;
  border-bottom-color: #fff;
  border-left-color: #eee;
  border-radius: 2px;
  border-right-color: #eee;
  border-top-color: #ddd;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 5px 10px 5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  display: inline-block;
  margin: 10vh 10vw;
  height: 80vh;
  padding: 8vmin;
  position: relative;
  text-align: center;
}
div.PictureFrame:before {
  border-radius: 2px;
  bottom: -2vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) inset;
  content: "";
  left: -2vmin;
  position: absolute;
  right: -2vmin;
  top: -2vmin;
}
div.PictureFrame:after {
  border-radius: 2px;
  bottom: -2.5vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  content: "";
  left: -2.5vmin;
  position: absolute;
  right: -2.5vmin;
  top: -2.5vmin;
}
/* End Picture Frame*/


/***
 * Sub-pages' Hero Header / Smart Slider CCS
 */

div#ss_hero {
	transition:all 1s ease-in-out;
}

/* The Emoticon */
div#ss_hero h1 {
	opacity:0 !important
}

/* We'll add this via javascript*/
/*
div#ss_hero > div.et_pb_code_inner > div.n2-section-smartslider {
	animation: fadeIn 5s;
}
*/

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
  }

#sshero_parent {
	position: relative;
	transition: /*min-height 3s ease-in-out, */max-height 3s ease-in-out /*, padding-bottom 3s ease-in-out*/;

	/*
	min-height: 440px;
	overflow-y: clip;
	*/

	padding-bottom:8em; /* To allow space for the SS buttons */
	/* transition: padding 1s ease-in-out; */ /* Can't do a transition because the padding difference is significant */

}
#ss_hero {
	/*position:absolute;
	top:0;
	width:100%;
	height:100%;
	*/
	display:none; /* change in functions.js when we move it*/
}
#sshero_lcpimage {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow:hidden;
}

#sshero_lcpimage > img {
	max-width: none;
	width: 110%;
    left: -10px;

	height: 110%;
    top: -10px;
}
#sshero_lcpimage:before {
	content:" ";
	position:absolute;
	height: 100%;
	width: 100%;
	/*background-color: rgb(233 75 0 / 50%);*/
	background: rgb(108,44,0);
	background: linear-gradient(45deg, rgba(108,44,0,0.75) 1%, rgba(238,137,59,0.55) 100%);
	z-index: 1;
 }      

 /* Hero'#'s "dummy" fullwidth header */

#sshero_dummyheader {
	position:relative; /*absolute*/
	top: 36px;
	left: 0;
	overflow: hidden;
	z-index:10;
	margin-right:20px;
}
#sshero_dummyheader > .et_pb_fullwidth_header_container {
	margin-left: 24px;
	width:100%;
}

#sshero_dummyheader > div.et_pb_fullwidth_header_container h1 {
	position: relative;
	top:-1px;
	left:-4px;
	text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 2px;
	line-height:1.2em;
}
/* huh?! */
#sshero_dummyheader > div.et_pb_fullwidth_header_container h1 > strong {
	display:inline;
	font-weight: 900;
}
/* Hide the additional emoji */
#sshero_dummyheader > div.et_pb_fullwidth_header_container h1 img {
	display:none !important;
}
#sshero_dummyheader > div.et_pb_fullwidth_header_container h1 > span {
	font-size: 80%;
	text-transform: capitalize;
	display: block;
	position:relative;
	top: -4px;
	left:0px;
	line-height:1.4em;
}

#sshero_dummyheader > div.et_pb_fullwidth_header_container div.et_pb_header_content_wrapper {
	position:relative;
	top: -40px;
	display:block;
	font-size: inherit;
    line-height: 1.4em;
    letter-spacing: inherit;
	text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 2px;
	
}

#sshero_dummyheader > div.et_pb_fullwidth_header_container div.et_pb_header_content_wrapper span {
	display:block;
}

@media only screen and ( max-width: 1100px ) and (min-width: 981px) {
	#sshero_dummyheader > div.et_pb_fullwidth_header_container div.header-content {
		margin-top:0 !important
	}
}

@media only screen and ( max-width: 980px ) {
	#sshero_parent {
			/*min-height: 800px;*/	
			padding-bottom:9.5em;
	}
	#sshero_dummyheader {
		margin-left: 10px;
		padding-top:0;
		top:-20px;
	}
	#sshero_dummyheader > .et_pb_fullwidth_header_container {
		margin-left: 0px;
		padding-inline:0;
	}	
	#sshero_dummyheader > .et_pb_fullwidth_header_container div.header-content {
		/*margin-inline: 2% 0;*/
		padding-right:0;
	}

	#sshero_dummyheader > div.et_pb_fullwidth_header_container h1 > strong {
		margin-bottom:10px
	}

	#sshero_dummyheader > div.et_pb_fullwidth_header_container h1 > span {
		line-height:1.3em;
		/*font-size:60%;*/
	}

	#sshero_dummyheader > div.et_pb_fullwidth_header_container div.et_pb_header_content_wrapper {
		top:-24px;
	}

	div#ss_hero #n2-ss-13 div.n2-ss-layer.ss-stoppress {
		margin-top:1em;
	}	
}

@media only screen and ( max-width: 470px ) { 
	#sshero_parent {
		padding-bottom:5em;
	}
}

/* Gets overriden by /wp-common/js/smartslider/primaryimagelcp.js */
div#ss_hero div.n2-section-smartslider {
	 /*z-index: 10;*/
	 opacity:0;
}

/* A dummy block emulating the size of H1 */
div#ss_hero div.ss-h1div {
	font-size: 42px !important;
	margin-bottom:1em;
}
@media only screen and ( max-width: 980px ) {
	div#ss_hero div.ss-h1div {
		font-size: 32px !important;
	}	
}
@media only screen and ( max-width: 480px ) {
	div#ss_hero div.ss-h1div {
		font-size: 42px !important;
	}
}
div#ss_hero div.ss-h1div div,
div#ss_hero div.ss-h1div span:not([id]) {
	font-size: 80% !important;
}

/*
div#ss_hero  .et_pb_code_inner::before {
	background-color: rgba(197, 88, 16, 0.692);
    content: " ";
    position: absolute;
    width: 100%;
	height:100%;
}
*/
 div#ss_hero  h1 {
	color:white;
	text-shadow: 2px 2px 2px RGBA(0,0,0,0.7);
	line-height: 1.1em;
	padding-bottom:0;
	margin-bottom:0.25em;
}
div#ss_hero  strong {
		color: var(--highlight_color_heroslider) !important;
}
div#ss_hero  h1 div,
div#ss_hero  h1 span:not([id]) {
	font-size: 80%;
	text-transform: capitalize;
	display:block;
}

/* Transitioned button colour */
div#ss_hero div.n2-ss-button-container > a {
	transition: all .2s ease-in;
}

div#ss_hero  div.n2-ss-button-container > a:hover > div > div {
  color: yellow !important;
}

/* Unknown reason, the blurb text is aligned center o.O */
div#ss_hero  div.ss-subheading {
	align-self:initial !important;
	margin-bottom:1em !important;
} 


/*
 * Experimental
 */
div#written-by {
	display:none;
}

/* =========================================================================
 * Help
 */
.nobr {
	white-space:nowrap;
}

.et_pb_module p {
	word-wrap: normal !important;
}

.breakall {
	word-break: break-word;
}

/* =========================================================================
 * USPs...
 */
 .dean_usp {
     font-size: 90%;
     padding: 0 2em;
     font-style: italic;
     text-align: justify;
 }
.dean_usp b {
	text-align: left;
}
.dean_usp ul li {
    line-height: 1.3em;
    padding-bottom: 0.5em;
}


/* =========================================================================
 * Decorations
 */
hr.decorated_hr {
	background-color: transparent;
	border: none;
	padding: 10pt 0;
  	/*https://havantcounselling.com/wp-content/uploads/sites/3/2016/05/title-bg.png*/
	background: url("/wp-content/uploads/sites/3/2017/09/title-bg.png") no-repeat center top;
}
.et_pb_bg_layout_dark {
    color: #ffffff !important;
}
.et_pb_bg_layout_light {
    color: #494949 !important;
}

.highlight,
	strong {
	color:var(--highlight_color); /*#fcbf00;*/
}
/* Embeded post ("What makes Dean Distinct - Couple Counselling") */
.post-id-6920.content_insert strong {
	color: #fdec09;
}

/*Make the header strong colour a bit lighter, though */
div.header-content .highlight,
	div.header-content strong,
	div#hero strong,
	div#hero .highlight,
	div#distinction strong {
	color:var(--highlight_color_level2);
}


div #sshero_dummyheader > div.et_pb_fullwidth_header_container u,
	div#hero u {
	text-underline-offset: 0.5ch;
}
/* Bug workaround */
div.et_pb_main_blurb_image > span {
	cursor: pointer;
}
/* I accidentally underlined blurb images */
.et_pb_main_blurb_image > a:hover {
	text-decoration: none;
}
.et_pb_main_blurb_image > a:hover span.et-pb-icon {
	color: var(--lowlight_color) !important;
}
.et_pb_main_blurb_image > a > span.et_pb_image_wrap > span.et-pb-icon {
	transition:all 0.2s ease-in-out;
}

div.et-box,
	div.et-box-content,
	.et_pb_team_member .et_pb_team_member_image img {
	border-radius:12px;
}

div.et-box-content {
	padding: 20px 27px 17px 25px !important;
}

div.paypal-box {
		box-shadow: 4px 4px 12px rgba(0,0,0,0.4);
    background-color: rgba(0,0,0,0.05);
    padding: 12px;
}

#hero p {
	line-height:1.2em;
}

.counselling_locations_service_summary {
	text-align:center !important;
}
p.counselling_locations_service_summary {
	margin-bottom: 2em;
}

/* Amendments to the pricing tables*/
span.et_pb_sum span.et_pb_sum_decimals {
	font-size:24px;
}
span.et_pb_price_alert {
	display:block;
	margin-top: -1em;
	font-size: 80%;
}
span.et_pb_dollar_sign {
	margin-left: -1em;
}
/* So as to avoid any confusion about what price is being charged, hide the price for revealing during animation */
.et_pb_pricing_table .et_pb_sum {
	opacity:0;
}

/******************************************************************************
 * Blurbs
 */
a span.et-pb-icon-circle-border,
	div.et_pb_main_blurb_image span.et-pb-icon-circle-border {
	background-color: #fff1c3 !important;
    border-color: #d29223 !important;
}
a span.et-pb-icon-circle-border:hover,
	div.et_pb_main_blurb_image span.et-pb-icon-circle-border:hover {
    color: white !important;
    background-color: #d29223 !important;
    border-color: #8e6620 !important;
}

/* Google Maps & embedded iframe maps */
	div.iframegooglemap_container {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}
	iframe.iframe_googlemap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	div.et_pb_map_container, div.et_pb_code.googlemap, div.parkopediamap, iframe.iframe_googlemap, .mapshadow {
		box-shadow:4px 4px 20px rgba(0,0,0,0.5);
	}
/*
	div.et_pb_map_container, div.et_pb_map_container .et-pb-map, div.et_pb_map_container .et-pb-map .gm-style {
		border-radius:16px;
	}
*/
	div#DrivingRoute {
		padding:0px;
		margin-bottom:1em;
	}

/*******************************************************************************
 * PB Counters
 */
/* ======================================== */
/* Slightly slower animations */
.et-animated li span .et_pb_counter_amount {
	-webkit-animation: slideWidth 2s 1 cubic-bezier(.27,.53,.73,.21);
	-moz-animation: slideWidth 2s 1 cubic-bezier(.27,.53,.73,.21);
	-o-animation: slideWidth 2s 1 cubic-bezier(.27,.53,.73,.21);
	animation: slideWidth 2s 1 cubic-bezier(.27,.53,.73,.21);
}
.et_pb_counter_title {
	font-weight:bold;
}
/* Red to Green rainbow */
ul.et_pb_counters span.et_pb_counter_container span.et_pb_counter_amount {
    background: #ae3d32;
    /*background: linear-gradient(to right, rgba(174,61,50,1) 0, rgba(240,143,24,1) 200px, rgba(229,245,12,1) 430px, rgba(87,230,39,1) 700px);*/
    background: linear-gradient(to right,rgba(174,61,50,1) 0,rgba(240,143,24,1) 200px,rgb(219, 232, 33) 430px,rgba(87,230,39,1) 700px)
}
.et_pb_counter_amount_number {
	text-shadow: 1px 1px 0px black;
}
/* ...and different delays... */
.et-animated li.et_pb_counter_0 span .et_pb_counter_amount {
    /*animation-duration: 2.25s !important;*/
	animation-delay: 1s !important;
}
.et-animated li.et_pb_counter_1 span .et_pb_counter_amount {
    /*animation-duration: 2.5s !important;*/
    animation-delay: 1.25s !important;
}
.et-animated li.et_pb_counter_2 span .et_pb_counter_amount {
    /*animation-duration: 2.75s !important;*/
    animation-delay: 1.5s !important;
}
.et-animated li.et_pb_counter_3 span .et_pb_counter_amount {
    /*animation-duration: 3s !important;*/
    animation-delay: 1.75s !important;
}
.et-animated li.et_pb_counter_4 span .et_pb_counter_amount {
    /*animation-duration: 3.25s !important;*/
    animation-delay: 2s !important;
}
.et-animated li.et_pb_counter_5 span .et_pb_counter_amount {
    /*animation-duration: 3.5s !important;*/
    animation-delay: 2.25s !important;
}
.et-animated li.et_pb_counter_6 span .et_pb_counter_amount {
    /*animation-duration: 3.75s !important;*/
    animation-delay: 2.5s !important;
}
.et-animated li.et_pb_counter_7 span .et_pb_counter_amount {
    /*animation-duration: 4s !important;*/
    animation-delay: 2.75s !important;
}
.et-animated li.et_pb_counter_8 span .et_pb_counter_amount {
    /*animation-duration: 4.25s !important;*/
    animation-delay: 3s !important;
}
.et-animated li.et_pb_counter_9 span .et_pb_counter_amount {
    /*animation-duration: 4.25s !important;*/
    animation-delay: 3.25s !important;
}

/* With roundness and shadows */
.et_pb_counter_container,
	.et_pb_counter_container .et_pb_counter_amount,
	.et_pb_counter_container .et_pb_counter_amount {
		border-top-right-radius: 12px !important;
		border-bottom-left-radius: 12px !important;
} 
.et_pb_counter_container {
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}




/*
 * IMAGES
 */

	div.image_shadow img {
		-webkit-box-shadow:
			0px 0px 0px 2px rgba(0,0,0,0.6),0px 0px 0px 6px #fff,0px 0px 0px 10px rgba(0,0,0,0.2),6px 6px 8px 7px rgba(0,0,0,0.5);
		-moz-box-shadow:
			0px 0px 0px 2px rgba(0,0,0,0.6),0px 0px 0px 6px #fff,0px 0px 0px 10px rgba(0,0,0,0.2),6px 6px 8px 7px rgba(0,0,0,0.5);
		box-shadow:
			0px 0px 0px 2px rgba(0,0,0,0.6),0px 0px 0px 6px #fff,0px 0px 0px 10px rgba(0,0,0,0.2),6px 6px 8px 7px rgba(0,0,0,0.5);
	}

	/* Sub-page image positioning over each other */
	.imagepositioning.lhs {
		margin-right: -60px !important;
	}
	.imagepositioning.rhs {
		margin-top: 100px !important;
		margin-left: -60px !important;
	}

	/* POLAROID IMAGE STYLES */
	/*
	div.et_pb_image img {

	}
	*/

	img.polaroid_image:after, div.et_pb_image.polaroid_image img:after {
		content: attr(title);
	}
	img.polaroid_image, div.et_pb_image.polaroid_image img {
		padding: 10px 10px 0px 10px;
		background-color:white;
		margin-bottom:0px;
		width:	100%;		/* Image is getting cropped o.O */
		height: auto;
	}
	img.polaroid_image {
		width:initial;
		padding-bottom:10px;
	}

	img.polaroid_image, div.et_pb_image.polaroid_image {
		/*border:1px solid black;*/
		/* -webkit-transition: -webkit-transform .15s linear; */
	 	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	 	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	 	box-shadow: 0 3px 6px rgba(0,0,0,.25);
	 	background-color:white;
	 }

	img.polaroid_image div.polaroid_title, div.et_pb_image.polaroid_image div.polaroid_title {
		padding:20px 10px 20px 10px;
		background-color: white;
		color:black;
		line-height:1.2em;
		font-size:85%;
		text-align:center;
		margin-bottom: 0px; /* 1em */ 
	}

	/* Standard Image */
	.multiple-borders {
		-webkit-box-shadow:
    		0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;

		-moz-box-shadow:
    		0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;

          box-shadow:
    		0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
	}
	.multiple-borders, .multiple-borders img {
		border-radius:12px;
	}

	/*
	.one-border {
	}
	*/
	.one-border img {
		border:1px solid black;
		box-shadow: 3px 3px 6px rgba(0,0,0,0.2)
	}

/* Footer */
div#footer-bottom p#footer-info {
	width: calc(100% - 250px);
}
div#footer-bottom p#footer-info a {
	color: #2ea3f2;
}
div#footer-bottom p#footer-info a:hover {
	color: #a52a2a !important;
}

div.havant_footer {
	color:white;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	text-align: center;
}
div.havant_footer a:hover {
	color:#2ea3f2 !important;
}



div.imageattributions {font-size:8pt;}



/******************************************************************
 * Special layout features
 */

/* Third column, bottom positionb my image */
/*
div.et_pb_column.bottom_pos_image {
	min-height:508px
}

div.et_pb_column.bottom_pos_image > div.et_pb_module {
	position: absolute;
    bottom: 0;
}
*/

/* Membership logos */
.membership_logo {
	border:1px solid black;
	padding:10px;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
	margin-right:5px !important;
	margin-bottom:5px !important;
	max-width:550px;
	background-color: white;
}

.membership_logo.ncs {
	padding:20px 10px;
}

/**************/

/* Add a texture to hero background sections... */
div.hero_texture_bg::after {
	content: "";
	/*background: url('/wp-content/uploads/sites/3/2016/09/texture1.png') repeat;*/
	background-image: url('/wp-content/uploads/sites/3/2016/09/texture1.png');
	background-repeat:repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 1;
}
	/* ... and make sure that rows in the hero section are brought in front of the texture */
	div.hero_texture_bg .et_pb_row {
		position: relative;
		z-index: 3;
	}

	div.hero_texture_bg .et_parallax_bg {
		opacity: 0.75;
	}



/* Blurbs */
.et_pb_blurb h4 {
	font-weight: 800;
	text-transform: uppercase;
    font-size: 18px;
}
/*
.et_pb_blurb.et_pb_blurb_position_top h4 {

}
*/

.et_pb_blurb.et_pb_blurb_position_left h4,
	.et_pb_blurb.et_pb_blurb_position_left h3{
	border-style: solid;
	border-color: #aeafaf;
	border-left-width: 1px;
	padding: 0px 0px 1px 15px;

}
	.et_pb_blurb .et_pb_main_blurb_image .et-pb-icon {
		color: var(--highlight_color) !important;
		font-size: 3em;
	}

	.et_pb_blurb .et_pb_blurb_container p {
		padding-left:17px;
	}
	.et_pb_blurb {
		margin-bottom:2em !important;
	}

	div.et_pb_blurb span.et-pb-icon {
	 	display:block;
	}


/* =========================================================================
 * Page header
 */
 /* Reduce the space at the top of every page header... */
div#page_header > section.et_pb_fullwidth_header{
	padding-top:60px !important;
}

	/* HOME PAGE */
	section#page_header,
	#page_header section  {
		padding-top: 35px;
		padding-bottom: 0px;
	}

	#page_header div.header-content > img {
		height:74px;
		width:auto;
		float:left;
	}

	/* ======================================== */
	/*Table of Contents */

	/* Pages... */
	body.page div#toc_container, body.home div#toc_container {display:none;}

	div#toc_container.alignright {margin:auto 0 20px 20px}

	div#toc_container {border-radius:12px;}

	div.show_toc div#toc_container {
		display:block !important;
	}
	div.show_toc div#toc_container ul.toc_list li {
		line-height:1.3em;
		font-size:98%;
	}

	div.show_toc div#toc_container > ul > li > ul > li > ul > li > ul > li > ul > li {
		margin-left:6px;
		list-style:initial !important;
	}

	/* TOC jumps straight to H5 headers, sso reduce the left hand margin */
	div.show_toc.faq_page  div#toc_container  ul.toc_list li ul {
		/*padding-left:0px !important;*/
		margin-left:6px !important;
		margin-bottom:11px;
	}
	div.show_toc.faq_page  div#toc_container  ul.toc_list li ul li {
		margin-bottom:3px;
		margin-top:3px;
	}
	div.show_toc.faq_page  div#toc_container  span.toc_depth_5,
		div.show_toc.faq_page  div#toc_container  span.toc_depth_6 {
		display:none;
	}
	div.show_toc.faq_page  div#toc_container  span.toc_depth_5:after,
		div.show_toc.faq_page  div#toc_container  span.toc_depth_6:after {
		content: "- ";
	}


	/* Hide the author's header in the Person Module */
	#toc_container > ul > li > ul > li > ul > li > ul > li > a {display:none}




/* =========================================================================
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	font-weight:800;
	text-transform: uppercase;
    line-height: 1.4em;
    margin-bottom:0.5em;
}
h1 {
    font-size: 52px;
}
h2 {
	font-size:32px;
}

h3 {
	font-size:22px;
}

h4 {
	font-size:14px;
}


.et_pb_bg_layout_dark {
	color:white;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}

.et_pb_bg_layout_dark h1 {
	text-shadow: 3px 3px 6px rgba(0,0,0,0.8)
}

.et_pb_bg_layout_light {
	color:black;
	text-shadow: 2px 2px 2px rgba(255,255,255,0.7);
}
.et_pb_bg_layout_light h1 {
	text-shadow: 3px 3px 6px rgba(255,255,255,0.8)
}

.et_pb_bg_layout_dark.text_outline h1 {
	text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000, 3px 3px 6px rgba(0,0,0,.8) !important;
}


/* =========================================================================
 * Buttons
 */
div.et_pb_button_module_wrapper a.et_pb_button.et_pb_bg_layout_light,
	.et_pb_promo.et_pb_bg_layout_light .et_pb_button,
	p.form-submit input.et_pb_button {
	color:black !important;
}

div.et_pb_button_module_wrapper a.et_pb_button.et_pb_bg_layout_dark,
	.et_pb_promo.et_pb_bg_layout_dark .et_pb_button,
	.et_pb_promo.et_pb_bg_layout_dark p.form-submit input.et_pb_button {
	color:white !important;
}




/* Style & shadows */
a.et_pb_button {
	box-shadow:0 4px rgba(155,102,34,0.75) !important;
	/*transition: none !important;*/
}

a.et_pb_button:hover {
	box-shadow: 0 2px rgba(155,102,34,1) !important;
	/*top:2px;*/
}

a.et_pb_button:active {
	box-shadow: none !important;
	top:6px;
}

/***************************************************************************
 * Page Review
 */


 /* Fudge to make stars appear in the widgets but without causing SSL/Mixed problems. */
 /* February 2021 - ooh, seems to have fixed itself! */
 /*
div.rwp-widget-ratings-wrap > ul.rwp-widget-ratings div.rwp-cell-content::after {
	background-image: url("/wp-content/plugins/reviewer/public/assets/images/rating-star.png");
	width: 100px;
	height: 20px;
	background-size: 20px;
	background-position: 0px 0px;
	content: "";
	display: block;
}
*/
/*
.rwp-widget-ratings .rwp-five-stars {
	background-position: 0px 0px !important;
}
*/

div.rwp-review-wrap,
	div.rwp_pagescore_wc .rwp-review-wrap .rwp-review .rwp-scores {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
div.rwp_pagescore_wc span.rwp-criterion-label {
	padding-top:0.5em;
}
div.rwp_pagescore_wc .rwp-u-review__username, .rwp-review-wrap .rwp-u-review__username {
	line-height:1.1em;
}
div.rwp_pagescore_floatleft,
	div.rwp_pagescore_floatright,
	div.rwp_pagescore_floatcenter {
/*	width:100px; */
	text-align:center;
	line-height:1.1em;

	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5);
   padding: 8px;
   width: fit-content;
   border-radius: 12px;

}
div.rwp_pagescore_floatleft {
	float:left;
	/*margin:0 2em 1em 0em;*/
	margin: 0 1em 1em 0;
}
div.rwp_pagescore_floatright {
	float:right;
	/*margin:0 0 1em 2em;*/
	margin: 0 0 1em 1em;
}
div.rwp_pagescore_floatcenter {
	float:none;
	margin:0 auto 1em auto;
}
div#add_your_review div.rwp-scores {
	display:none !important;
}
div.rwp_pagescore_wc a#addscore {
	font-size:85%;
}
div.rwp_pagescore_wc div.rwp-review-wrap,
	div.rwp_pagescore_wc .rwp-review-wrap .rwp-review .rwp-scores {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
div.rwp_pagescore_wc span.rwp-criterion-label {
	padding-top:0.5em;
}
div.rwp_pagescore_wc .rwp-u-review__username, .rwp-review-wrap .rwp-u-review__username {
	line-height:1.1em;
}

/* Scroll the reviews */
.rwp-users-reviews {
	overflow-y: scroll;
    max-height: 400px;
    border: 1px solid grey;
    border-radius: 12px;
    padding: 8px;
}

/* Wigets */
div.footer-widget .rwp-widget-ratings-wrap > ul > li p.rwp-w-comment,
 	div.footer-widget .rwp-widget-ratings-wrap > ul > li a {
	font-size: 90%;
  line-height: 1.2em;
  margin-top:2px;
}
div.footer-widget .rwp-widget-ratings-wrap > ul > li a {
	margin-bottom:1.5em;
	color: #2ea3f2 !important;
	display: block;
}
/* was: > li .\--rwp-ss */
div.footer-widget .rwp-widget-ratings-wrap > ul > li,
	div.footer-widget .rwp-cell {
	margin-bottom:0px !important;
}

#footer-widgets .footer-widget li:before {
	top:4px;
}
div.footer-widget .rwp-widget-ratings-wrap > ul > li a {
	margin-bottom: 1em;
}


/* Review Score Summary */
div.rwp-header.rwp-has-image > div.rwp-review-image,
	div.rwp-header.rwp-has-image > div.rwp-overalls {
	border: 1px solid black;
	padding: 6px;
}
div.rwp-header.rwp-has-image > div.rwp-review-image {
	background: white !important;
	border-right: 1px solid white;
}
div.rwp-header.rwp-has-image > div.rwp-overalls {
	border-left: 1px solid white;
}


/***************************************************************************
 * AddThis
 */
div#at4-whatsnext {
	box-shadow: -3px -2px 6px rgba(247,167,29,0.7);
	border: 4px solid #d29223;
	border-top-left-radius:12px;
}

div.at-whatsnext-content div.at-whatsnext-content-inner div.at-h3 {
	font-size:13px;
}

div.addthis_recommended_horizontal div.at4-recommended-container.at4-recommended-horizontal {
	text-align:center;
}

div.addthis_recommended_horizontal div.at4-recommended-item {
	border: 1px solid darkblue;
    border-radius: 12px;
    padding: 5px 5px 0 5px;
    margin: 20px 10px 0px 0 !important;
    box-shadow:1px 1px 4px rgba(0,0,0,0.5);
}

div.at4-recommended.at4-minimal .at4-recommended-horizontal .at4-recommended-item-caption,
	div.addthis_recommended_horizontal div.at4-recommended-item div.at4-recommended-item-caption {
	padding: 4px !important;
}

/*
div.addthis_recommended_horizontal div.at4-recommended-item div.at4-recommended-item-img img{
	width:100% !important;
	height: auto !important;

	left:0 !important;
}
*/

div.addthis_buttons_container {
	display:none;
	text-align:center;
}

/* =========================================================================
 * Navigation
 */
p.breadcrumbs {
	padding-left:10px;
	color:white;
}
p.breadcrumbs a {
	color:#d78d1f;
}
p.breadcrumbs a:hover {
	color:#fc9d5a;
}

/* Logo */
#logo {
	width: auto;
	height: auto;
} 


/* =========================================================================
 * Menu
 */
	/* Top Menu */
	ul#top-menu a {
		text-shadow: 1px 1px 0px black;
	}
	ul#top-menu ul.sub-menu li.menu-item a,
		.nav li li {
		line-height:1.4em;
	}
	div.et-top-navigation ul#top-menu.nav li.menu-item,
		#top-menu li {
		padding-right:10px;
	}

	/* Remove underline */
	ul#menu-floating-menu, ul#top-menu {
		& a {
			text-decoration: none;
			border:none;
		}

		& li > ul > li > a {
			text-decoration: none;
			border:none;
		}
	}

	
	#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
		padding-right:15px;
	}

	/* 	Highlight the current page on the menu 
		https://divisoup.com/change-divi-active-menu-item-colour/
	*/
	ul#top-menu li.current-menu-ancestor > a,
		ul#top-menu li.current-menu-item > a,
		.nav li ul .current-menu-item a {
		color: var(--highlight_color_menuactive) !important;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.85) !important;
	} 

	/* FLoating Menu */
	ul#menu-floating-menu {
		padding: 10px 0 !important;
	}

	ul#menu-floating-menu ul.sub-menu {
		/*background-color:rgba(64, 80, 160, 0.84) !important;*/
		/*background-color:rgba(185, 125, 22, 0.8) !important;*/
		background-color:rgba(215,113,41,.9) !important;
	}
	ul#top-menu ul.sub-menu {
		background-color:rgba(185, 125, 22, 0.8) !important;
	}

   ul#menu-floating-menu > li > a:hover,
      ul#menu-floating-menu ul > li a:hover {
      color:var(--highlight_color_level2) !important;
      opacity: 1;
   }

   /* More fricking patching for Divi changing the goalposts... top menu is o longer fixed! */
	#hero > .et_pb_fullwidth_menu,
	#page_header > .et_pb_fullwidth_menu,
		div.ss-container.et_pb_fullwidth_section > .et_pb_fullwidth_menu {
		position: fixed !important;
	}
	.et_pb_fullwidth_menu > .et_pb_row:first-child {
		padding-top:0; 
		padding-bottom:0;
	}
	#page_header, #page_header section {
		padding-top:0;
	}
	#hero > div.et_pb_fullwidth_menu > div.et_pb_row.clearfix {
		padding:0;
	}




	/* Menu colouring etc */
	#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
		background-color:#d29223 !important;
	}

	.mobile_menu_bar:before {
		color:gold;
		/*color: #ff7826;*/
	}

	/* Mobile menu */
	#mobile_menu,
		.nav li ul {
		border-top-color: gold;
	}
	#mobile_menu .menu-item > a {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		margin-top: 4px !important;
		border-radius: 12px !important;
		line-height: 1.4em !important;
	}
	#mobile_menu .menu-item-has-children > a { 
		color: var(--lowlight_color) !important;
		background-color:rgba(255, 215, 0, 0.38);
	}
	#mobile_menu .menu-item-has-children.current_page_item > a,
		#mobile_menu li.current-menu-item a {
		color: white !important;
	}

/********************************************************************
/* Override some menu item styling... */
#mobile_menu > #menu-item-25329 > a {
	font-weight: bold;
	animation: glow-gold 5s ease-in-out infinite alternate ;
}

@keyframes glow-gold {
	20% {
		color: var(--lowlight_color);
	}
    40% { 
		color:rgb(219, 232, 33);
	}
	50%{
		color:white;
		text-shadow: 2px 2px 5px var(--lowlight_color) /*rgba(0,0,0,0.7)*/;		
	}
	60% {
		color:rgb(219, 232, 33);
	}
	80% {
		color: var(--lowlight_color);
	}
}




	
/* Mobile additional icon: contact me (email icon) */
div#et_top_contact { 
	display:none;
	width: 20px;
	height:20px;
    float: left;
    margin-right: 38px;
    top: 4px;
    position: relative;
}
div#et_top_contact > a {
	color:black;
}

#et_top_search #et_search_icon::before {
	text-shadow: 1px 1px 0 black;
}


/* Animations */
/* Apply Animations */
div#et_top_contact.et_pb_contact_hidden {
	opacity: 0;
	-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); 
}
div#et_top_contact.et_pb_contact_visible {
	z-index: 99;
	opacity: 1;
	-webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); 
}
div#et_top_contact {
	/*opacity: 0;*/
	-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); 
}
  



/* Clever menu style */
header#main-header,
	.et-fixed-header,
	#main-header.et-fixed-header {

	box-shadow: 0px 2px 6px rgba(0,0,0,0.4) !important;
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.4) !important;
	}

/* Bottom shadow
 * https://css-tricks.com/almanac/properties/b/box-shadow/
 * http://codepen.io/haibnu/pen/FxGsI
 *
 * Doesn't work on a FIXED position menu header
 */
/*
header#main-header {
  position: relative;
}
header#main-header:before, header#main-header:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
header#main-header:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
*/

header#main-header div.shadow {
	background: url("/wp-content/uploads/sites/3/2016/11/shadow-edge1.png");
    height: 30px;
    background-color: transparent !important;
    position: absolute;
    bottom: -30px;
    width: 100%;
}


div.et_pb_fullwidth_menu  {
	width: 90%;
    max-width: 1200px;
    margin: auto;
    background-color:rgba(179,61,16,0.75) !important;
	position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
}

.et_pb_fullwidth_menu ul#menu-fullscreen-menu {
		background-color:inherit !important;
}
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
	padding:10px 0 !important;
}
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul.fullwidth-menu li > a {
	padding-bottom:6px !important;
  line-height: 1.4em;
}


div.header-content span.et_pb_fullwidth_header_subhead
/*,
	div.header-content #written-by*/ {
		font-size: 125%;
	    line-height: 1.4em;
		margin-bottom:0.5em;
}

/** DIVI Button enhancement **/
a.small-button, a.big-button {
	transition: all  0.2s ease-in-out;
}
a.small-button:hover:after, a.big-button:hover:after {
	content: " >";
}
a.small-button:hover, a.big-button:hover {
	/*color: black !important;*/
	color: white !important;
	text-shadow: 1px 1px black;
	letter-spacing: 0.5px;
}

a.smallorange:hover, a.bigorange:hover {
	/*background: linear-gradient(to bottom, #ffecd4 0%, #e4bf93 100%);*/
	background: linear-gradient(to bottom, #fac5a9 0%, #a34400 100%)
} 
/*******************************************/


/* Contact form embelisments */
#contact .jurisdiction {
	margin:1em 0 2em 0;
	font-size: 96%;
	line-height: 1.3em;
	text-wrap: pretty;
}

#contact textarea.improvewebsite {
	/*height:3.1em;*/
	display: block;
	width: 100%;
	height: 5em;
}

/* Zero Dropout Rates */
#ZeroDropoutRates #DropoutRatesFact {
	margin-bottom:1em;
}

body.single, body.archive {
	& #main-header {
		display:none;
	}
}

/* Colouring anchors on the appointments table */
table.iC_TableAvailableLong tr td span.et-dropcap a {
	text-decoration: none;
	color: inherit;
}

/* Override default font size */
table.iC_TableAvailableLong tr td {
	font-size: initial;
}
table.iC_TableAvailableLong tr td span.meridiem {
	font-size:10px;
	right: 4px !important;
}

/* Font fudge */
table.iC_TableAvailableLong tr.UseLinks td {
	font-size:100%;
}


/* =======================================================================
 * RESPONSIVE
 */

@media only screen and ( max-width: 1100px ) {
	/* To cater for menu wrapping on slightly narrower PC/tablet screens */
	ul#menu-floating-menu li {
		font-size:13px;
		padding-right: 14px;
	}

	/* Header */

	/* Don't remember why I put this here - it overrides the other style that tries to make a smaller space at the top */
	/*
	div#page_header section.et_pb_fullwidth_header {
		padding-top:inherit !important;
	}
	*/
	div.header-content > img {display:none;}

	div.header-content {
		margin-top:50px !important;
	}
	ul.et_pb_counters span.et_pb_counter_container span.et_pb_counter_amount {
	    background: linear-gradient(to right, rgba(174,61,50,1) 0, rgba(240,143,24,1) 33%, rgba(229,245,12,1) 66%, rgba(87,230,39,1) 100%) ;
	}
}

@media only screen and ( max-width: 980px ) {

	/* Override .et_boxed_layout */
	body.et_boxed_layout #page-container, body.et_boxed_layout #main-header, body.et_boxed_layout #top-header {
		max-width: 100%!important;
		width: 100%!important;
	}

	/* Patch to make the menu on posts work */
	body.single, body.archive {
		& #main-header {
			display:block;
			padding-block:0;
		}

		& #main-header > .et_pb_row--with-menu {
			padding-block:15px;
		}

		& #main-header > .et_pb_row--with-menu > .et_pb_column > .et_pb_module {
			background-color: #d29223 !important;
		}

		& .et_pb_section_0_tb_header.et_pb_section {
			padding-top:0
		}
		& div#et-boc > header > div.et_builder_inner_content > div.et_pb_section {
			padding-bottom:0;
		}
		& #main-header div.et_mobile_nav_menu > div.mobile_nav > span.mobile_menu_bar::before {
			color:black;
		}
		& #page-container .et_pb_post_title > .et_pb_title_container {
			padding-inline:0;
			width: 100%;
		}
		& #mobile_menu > li > a {
			color:black;
		}
		& #mobile_menu li ul {
			background-color: initial !important;
		}
		& #mobile_menu li ul li a {
			color:black;
		}
	}
	



	#ZeroDropoutRates #DropoutRatesFact {
		width:100%;
		/*text-align: center !important;*/
	}
	
	/* Enable the additional "Contact me" icon*/
	div#et_top_contact {
		display:block;
	} 

	div.et-custom-list > ul > li { 
		margin: 10px 0 !important;
	}
	/*
	Patch to make the menu header take up less height...
	*/
/*
	#main-header {

	}
	#main-header div.logo_container {
	}
	#et-top-navigation {
		padding-top:10px
	}
	#et_mobile_nav_menu > div > span.mobile_menu_bar.mobile_menu_bar_toggle {
		padding-bottom:10px;
	}
*/
	div#page_header div.header-content {
		margin-top:0px !important;
	}


   /* Capture V4 box */
   div.grecaptcha-badge {
      bottom: 3.3em !important;
   }

	/* Patch for DIVI Bork */
	body.home div.et_pb_section_0 {
		padding: 0 !important;	/* override nasty top/bottom padding introduced */
	}

	/* On Smartphones, reduce the header's top space */
	section#page_header, #page_header section {
		padding-top:0px !important;
	}
	div.et_pb_section_0 {
		padding-top:0 !important;
	}


	.membership_logo {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	h1, h2, h3, h4, h5, h6 {
		word-wrap: normal !important;
	}
	.et_pb_row {
		width: 100% !important;
	    padding-right: 30px;
	    padding-left: 20px;
	}
	.et_pb_fullwidth_header_container {
		width: 100% !important;
	    padding-right: 20px;
	    padding-left: 10px;
	}
	div#page_header {
		padding-bottom:30px;
	}

	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
		width:100%;
	}

	div.header-content span.et_pb_fullwidth_header_subhead,
		div.header-content #written-by {
			font-size:90% !important;
	}
	div#written-by {
		display:none; /* Experimental - might miff Google */
	}

	ul.et_pb_side_nav {
		display:none;
	}

	.et_pb_button{
		width: 100%;
    	text-align: center;
    	max-width:550px;
    	margin-left: auto;
    	margin-right: auto;
    	display:block !important;
    	background: rgba(188,149,43,0.75) !important;
	}

	/* Contact Me button at the top of the page */
	div.et_pb_section_1 > div.et_pb_row a.et_pb_button {
		font-size: 100%;
	}



	body.et_pb_button_helper_class .et_pb_button.et_pb_bg_layout_dark {
		color: white !important;
	}


	.et_pb_fullwidth_menu {
		display:none;
		/*
		width: 100%;
		height: 50px;
		*/
	}


	h1 {
	    font-size: 50px !important;
	}
	h2 {
		font-size: 38px !important;
	}
	.et_pb_promo_button {
		font-size:16px !important;
	}
	.et_pb_promo_description p {
		font-size:37px;
	}

	.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row {
		width: 100% !important;
		max-width: 100% !important; 
	}
	div.addthis_buttons_container {
		display:block;
	}

	/* Bottom position */
	div#toc_container {
		bottom: 1em !important;
	}

  	div.show_toc div#toc_container ul.toc_list li {
		line-height:1.5em;
		font-size:102%;
		margin-bottom:6px !important;
	}

	/* Specialty section */
	.et_section_specialty {
		margin-right: 30px;
    	margin-left: 20px;
	}


	/* Footer */
	div#footer-bottom p#footer-info {
		width: initial;
		padding-bottom: 100px;
		padding-top:1em;
	}

	/* 	Google has begun to throw wobblies about elements too close together.
		Lighthouse suggests it's the menu links in the footer */
	#et-footer-nav ul.bottom-nav li {
		line-height: 3em;
	}

	#contact .jurisdiction {
		font-size: 10pt !important;
		line-height: 1.3em;
		/*text-align: justify;*/
	}
	#contact ._cs_covid_19_warning {
		margin-bottom:1em !important;
	}
} 

@media only screen and (max-width: 855px) {
	div.historic_interest_blurb > img {
		margin-bottom:6em !important;
	}
}

@media only screen and (max-width: 768px) {
	#contact textarea.improvewebsite {
		width: 100%;
		height: 8em;
	}


	div.historic_interest_blurb {
		width:75%; 
	}

	body, body p, body div {
		font-size: 101% !important;
		/*text-align: justify; */
	}

	/*
	.et_parallax_bg {
		background-image: url("/wp-content/uploads/sites/3/2016/09/Havant_Old_House_at_Home.png") !important; 
	}
	*/

	h1{
		font-size:38px !important;
		/*display:none;*/
	}
	h2 {
    	font-size: 28px !important;
	}
	h3 {
		font-size: 20px !important;
	}
	.et_pb_promo_description p {
		font-size:20px;
		line-height:1.4em;
	}
	/*
	.et_pb_promo_button {
		font-size:14px !important;
	}
	*/

	/*
	.et_pb_row_0 {
		padding-top:0;
	}
	*/
}

@media only screen and (max-width: 640px) {
	a.wordbreakall {
		word-break: break-all;
	}
}

@media only screen and (max-width: 540px) {
	._cs_covid_19_warning {
		font-size:14px !important;
		line-height: 1.4em;
	}

	div.historic_interest_blurb {
		width:100%; 
	}/*
	div.historic_interest_blurb > img {
		margin-bottom:8em !important;
	}*/
}

@media only screen and (max-width: 420px) {

	/* Improve Image with Captions Alignment */
	div.wp-caption.alignright, div.wp-caption.alignleft {
		margin-left:auto;
		margin-right:auto;
		float:none;
		display:block;
		margin-bottom:1em;
	}


	/* Slider / Hero Header Styles */

	div#ss_hero .n2-ss-section-main-content {
		/* Don't know why there's padding on the top */
		padding-top:40px !important;
	}
	div#ss_hero h1 {
		line-height: 1.2em;
	}

	/*
	div#ss_hero h1 div > span:not([id=""]) {
		padding-bottom:0.5em;
	}
	[id^=mobile_div_] {

	}
	*/

	div#ss_hero h1 div,
	div#ss_hero h1 span:not([id]){
		font-size: 80% !important;
		display: block;
		line-height: 1.3em;
		padding-top:0.4em;
	}

	div#ss_hero div#n2-ss-13 div.n2-ss-layer-row {
		padding-left:0 !important;
	}
	div#ss_hero div#n2-ss-13 div.ss-subheading {
		margin-left:0 !important;
		font-size:80% !important;
	}

	div#ss_hero div .ss-stoppress p{
		font-size: 87.5% !important;
	}

	/* September 2020 - we don't seem to need this now */
	/*
	#n2-ss-13 div.n2-ss-layer.n2-ow.ss-subheading {
		margin-left:27px !important;
	}
	*/

	/*
	div.header-content {
		margin-top:4% !important;
	}*/
 
	div.header-content span.et_pb_fullwidth_header_subhead,
		div.header-content #written-by {
		font-size:100% !important;
	}
	div.at-whatsnext-content div.at-whatsnext-content-inner div.at-h3 {
		font-size:13px;
	}

	#at4-whatsnextmobile > div.at-whatsnext-content div.at-h6 {
		font-size:12px !important;
	}
	div.at4-whatsnextmobile .at-h3 {
		margin-top: 0.5em !important;
	}
	div.at4-whatsnextmobile .at-h3 a {
		line-height: 1.05em !important;
	}
}

@media only screen and (max-width:400px) {
	div.historic_interest_blurb > img {
		margin-bottom:8em !important;
	}
}

@media only screen and (max-width: 350px) {
	h1 {
		font-size: 20pt !important;
	}
	h2 {
		font-size: 18pt !important;
	}
	h3 {
		font-size: 16pt !important;
	}
	h4 {
		font-size: 14pt !important;
	}
}


/* Curerntly Reading ... */
#book_slider .et_pb_slide_description {
	padding-top:1em;
	color: black;
}
#book_slider .et_pb_slide_description .et_pb_slide_title{
	font-size: 125%;
	padding-bottom:1em;
	line-height: 1.3em;
}
#book_slider .et_pb_slide_description .et_pb_slide_content {
	text-align:left;
	color: black;
	text-shadow:none;
}
#book_slider .et_pb_slide_description .et_pb_slide_content img.book_image{
	width: 40%;
    float: left;
    margin: 0 1em 0 0;
	box-shadow: 1px 2px 4px rgb(0 0 0 / 30%);
	border: 1px solid black;
}
#book_slider div.et_pb_slide_content > div.book_author {
	font-weight:bold;
	line-height: 1.3em;
}
#book_slider div.et_pb_slide_content > div.book_description {
	line-height:1.3em;
}
#book_slider div.et_pb_slide_content > div.et_pb_button_wrapper{
	clear: left;
}
#book_slider div.et_pb_slide_content > div.et_pb_button_wrapper > a {
	color:black !important;
	/*font-size: var(--fs-300);*/
	width: 100%;
    text-align: center;
}
#book_slider > div.et-pb-slider-arrows > a.et-pb-arrow-prev, 
	#book_slider > div.et-pb-slider-arrows > a.et-pb-arrow-next { 
		color: black !important;
    	text-decoration: none;
		top:37%;
}

#book_slider > div.et-pb-controllers > a {
	background-color:var(--highlight_color_level2);
}
#book_slider > div.et-pb-controllers > a.et-pb-active-control {
	background-color: var(--anchorline_standard);
}