/*
body.home #hero > section.et_pb_module >  {
	filter:blur(5px);
}
*/

:root {
	--heroblur: 3px;
	--herodarken: 75%;
}
@media screen and (max-width: 980px) {
    :root {
        --heroblur: 2px;
    }
}
#hero > span.et_parallax_bg_wrap > span.et_parallax_bg  {
	/* NB the parallax image blur/darken is delayed for a few seconds while a bw->colour transition takes place in javascript */
	/* @keyframes duration | easing-function | delay | name */
	animation: 3s ease-in-out 7s bg_blur;
	animation-fill-mode: forwards;
}

@keyframes bg_blur {
	0% { filter: blur(0px) brightness(100%);}
    100% { filter: blur(var(--heroblur)) brightness(var(--herodarken));}
}

body.home #availability_section aside._cs_covid_19_warning {
	background-image: radial-gradient(circle at top left,rgb(0 147 252 / 37%) 10%,rgba(0,0,0,0) 80%) !important;
	border-top-color: #00f3ff !important;
	border-left-color: #00f3ff !important; 
}
/*
div#counselling_on_offer h2 {
   font-size:22px;
}
*/

span.dar {
	display:block;
	font-size: 115%;
}

div#counselling_on_offer .et_pb_blurb.et_pb_blurb_position_left h3 {
   font-size:16px;
}

div#counselling_on_offer h3.services,
   div#counselling_on_offer div.other_services_wrapper p {
   font-size: 95%;
   line-height: 1.3em;
   display: inline;
   text-transform: inherit;
}

/*
div#counselling_on_offer h3.services {
   Fudge to stop sequencial inline elements from having a space
   margin-right: -4px;
}
*/
div#counselling_on_offer h3.services::before{
   content: " ";
}
div#counselling_on_offer h3.services::after{
   content: ": ";
}
div#counselling_on_offer h3.services a {
   color: #2ea3f2;
}
.et_pb_blurb h4.et_pb_module_header {
   font-size: 16px;
}


div#counselling_on_offer {
  /*background-image: radial-gradient(circle at top left,rgba(252, 206, 0, 0.12) 10%,#fff 80%)!important;*/
  padding-left:0 !important;
}
div#availability_section > div.et_parallax_bg {
  filter: blur(5px) brightness(0.75);
}

/* Alter the Availability table structure a little */
table.iC_TableAvailableLong tr td.hour span.meridiem {
	top:5px !important;
}
table.iC_TableAvailableLong tr td.hour span.et-dropcap {
	margin-right:5px !important;
}

#hero h1.entry-title {
  margin-bottom: 0;
  padding-bottom:0px;
}

#hero h1.entry-title, #hero h2, #hero div.et_pb_promo_description p, #hero p.h2 {
   text-transform: capitalize;
}
#hero h1.entry-title span:not([id]) {
   font-weight:bold;
   color: var(--highlight_color_level2);
}
/* NB - experimental replace H2 in hero section with a div so that Google doesn't index the heading
   font-size: 41px
   margin-bottom:18px

   <h2>Distinctly <strong>Experienced</strong> Therapy</h2>

   */
#hero h2, #hero h2 strong, #hero p.h2, #hero p.h2 strong {
   font-weight: 400;
   font-size: 110%;
   margin-bottom: 0.5em;
   padding-bottom: 0px; /*10px;*/
}
#hero {
	span.remote, span.experience {
		display:block;
		font-size: 64%;
		text-transform: none;
	}
	span.experience {
		color: var(--highlight_color_level2);
		font-style: italic;
		line-height: 1em;
		padding-block: 12px 16px;
	}
	span.remote {
		line-height: 1.3em;
		font-style: italic;
	}
}

#hero .et_pb_promo_description {
  padding-bottom: 0px;
}

#hero div.stars {
  color: var(--highlight_color_level2);
  font-size: 34px !important;
  margin:0 auto;
  text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 2px;
  margin-bottom: 1em;
  width: 5em;
  text-align:center;
}
#hero div.stars span.hc_review_links {
  display:block;
  line-height:1.2em;
  font-size:9px;
  text-align: right;
  font-style:italic;
  text-transform: none;
  /*opacity: 0;*/
}

.fade-opacity {
  transition: opacity 2s  ease-in;
  -webkit-transition: opacity 2s  ease-in; /* Safari */
}

/* Animation for the Review Links*/
/* ----------------------------------------------
 * Generated by Animista on 2019-12-19 12:34:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
 .slide-out-right {
 	animation: slide-out-right 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
 }
/**
 * ----------------------------------------
 * animation slide-out-right
 * ----------------------------------------
 */
@keyframes slide-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100px);
    opacity: 0;
  }
}


div.stars span.hc_review_links a {
  color: var(--highlight_color_level2);
}

div#private_counselling h3{
  margin-top:1em;
  margin-bottom:0;
}
div#counsellor_dean_richardson_havant img {
  max-width:300px;
  height: auto;
  border-bottom-left-radius: 35%;
  border-bottom-right-radius: 35%;
  box-shadow: 0px 13px 5px -5px rgba(0,0,0,0.3);
}

/* Divi decided to add borders around the blurb... I don't think so*/
div#distinction div.et_pb_column:nth-child(2) div.et_pb_blurb {
  border:none;
}
/* Less RHS Padding on the RHS column */
div#distinction div.et_pb_column:nth-child(2) {
   padding-right: 5%;
}


/* Grouping two membership logos together on the front page */
div#counselling_logos_home {
	margin:2em auto;
}
div#counselling_logos_home img {
	width:34%;
	float:left;
}
div#counselling_logos_home img:first-child {
	margin-left:13%;
	margin-right:5%;
}
div#counselling_logos_home img:nth-child(2) {
	margin-right:14%;
	margin-top:2%;
}

div#membership_logos_home img {
	width:75%;
}
/*
div#membership_logos_home .et_pb_column_1_2:first-child img {
}
*/
div#membership_logos_home .et_pb_column_1_2:nth-child(2) img {
	margin-top:4%;
}


body.home div#appointment_notification {
   background-image: none !important;
}

@media only screen and (max-width: 980px) {	
	span.dar {
		font-size:125%;
	}
      /*
   p.counselling_locations {
      font-size: 101% !important;
      text-align: justify;
      line-height: 1.7em;
   }
      */

	  /* Reset the blurb padding */
   div#distinction div.et_pb_column:nth-child(2) {
      padding-right: 10%;  /* Reset the 5% earlier */
   }

  div#counselling_on_offer {
    background-image: initial !important;
    /*
    padding-left:1em;
    padding-right:1em;
    */
  }

	#distinction > div.et_pb_row > div.et_pb_column > div.et_pb_blurb {
		padding-top: 2em !important;
	}
	div#counselling_logos_home img {
		float:none;
		width:50%;
		margin-left:auto !important;
		margin-right:auto !important;
		display:block;
		margin-bottom:2em;
	}
	div#membership_logos_home img {
		/*width:auto !important;*/
  		width: 90% !important;
  		padding-right: 30px;
    	padding-left: 20px;
	}
	div#membership_logos_home .et_pb_column_1_2:nth-child(2) img {
		margin-top:1em !important;
	}

	#hero {
		span.experience {
			font-size: 80%;
		}
	}

}
@media only screen and (max-width: 470px) {
	#hero {
		span.remote {
			line-height: 1.3em;
			padding: 12px 0 16px 0;
		}
		span.remote {
			font-size: 50%;
		}
		span.experience {
			font-size: 65%;
		}
	}

	div#membership_logos_home img {
		/*width:auto !important;*/
  		width: 100% !important;
  		padding-right: 5px;
    	padding-left: 0px;
	}

   div.other_services_wrapper h3.services span a,
      div#counselling_on_offer h3.services::after {
      font-weight:400;
   }
   /* Slight reformating to become a list */
   div.other_services_wrapper h3.services::before {
      display: block;
      margin-top: 0.5em;
   }
   div.other_services_wrapper h3.services span::before {
      content: "• ";
   }
   div.other_services_wrapper p:first-child::after {
      content: ":-";
   }
}
@media only screen and (max-width: 400px) {
	div#membership_logos_home .et_pb_column_1_2:nth-child(2) img {
		margin-top:0em !important;
	}
}

div.h1_mobile {
	display: none;
  color: white;
  text-align: center;
  text-shadow: 3px 3px 6px rgba(0,0,0,0.8);
  line-height: 1.1em;
}

.et_pb_promo_description p, .et_pb_promo_description {
	font-size:34px;
	text-transform: uppercase;
	line-height:1.1em;
}

.et_pb_promo_button {
	margin-top:2em;
}

/* Darken the hero image */
div#hero {
	background-color:black;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}
	div#hero .et_parallax_bg {
		opacity: 0.65;
	}


.dar_tagline p#counsellor_dean_richardson {
	font-size:170%;
   padding-bottom: 0.5em;
   line-height: 1.3em;
}
.dar_tagline p#counsellor_dean_richardson span.registration {
   font-size:90%
}

.dar_tagline p#years_practice {
   font-size:140%;
}
.dar_tagline p#tagline {
	font-size:120% !important;
}




div.et_pb_section_3 div.et_pb_blurb_container div.blurb_details {
	margin-bottom:2em;
}



@media only screen and (max-width: 1100px) {
	/* Make the CTA button at the top a little smaller */
	#hero a.et_pb_button#i_can_help_desktop {
		font-size: 18px;
	}

}

@media only screen and (max-width:1300px) and (min-width:1101px)  {
	div.et_pb_section_3 div.et_pb_blurb_container strong {
		display:block;
		font-size:95%;
		line-height:1.3em;
	}
	div.et_pb_section_3 div.et_pb_blurb_container div.blurb_details p {
		font-size:95%;
		line-height:1.3em;
	}

}

@media only screen and (max-width:1100px) and (min-width:981px)  {
	div.et_pb_section_3 div.et_pb_blurb_container strong {
		display:block;
		font-size:90%;
		line-height:1.3em;
	}
	div.et_pb_section_3 div.et_pb_blurb_container div.blurb_details p {
		font-size:90%;
		line-height:1.3em;
	}
}

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

	/* Adjust the hero section */

	/* Title */
	#hero h1 > span {
		/*font-size:75%;*/
		display:none;
	}
  #hero div.h1_mobile {
  	display:block;
  }

  /* Reduce the hero top margin a bit */
  #hero .et_pb_row_0 {
    padding-top:1em;
  }
  #hero .et_pb_row_0 .et_pb_promo:first-child {
    display:none;
  }

	/* Old House at Home background Image */
	/*
	#hero > div.et_parallax_bg {
		background-image: url("/files/2016/09/Old-House-at-Home-P1010038.jpg") !important;
	}
	*/
	/* Size of the heading */
	#hero .et_pb_promo_description h1, #hero div.h1_mobile {
		font-size: 44px !important;
	}
	#hero .et_pb_promo_description p, #hero .et_pb_promo_description{
		font-size:25px !important;
	}

	/* Size of the CTA button */
	#hero a.et_pb_promo_button {
		font-size:18px !important;
	}

	/* Adjust the What I can do for You section */
	/*
	#private_counselling .et_pb_row_1 h2 {
	}
	*/
}

@media only screen and (max-width: 955px) {
	#private_counselling p#counsellor_dean_richardson {
		font-size:150% !important;
	}
}

@media only screen and (max-width: 840px) {
	#private_counselling p#counsellor_dean_richardson {
		font-size:125% !important;
	}
	.dar_tagline p#tagline {
		font-size:90% !important;
	}

}


@media only screen and (max-width: 767px) {
	#hero .et_pb_row {
		width: 100% !important;
	    padding-right: 20px;
	    padding-left: 20px;
	}

	#private_counselling .et_pb_row_1 h2 {
		font-size: 32px !important;
	}

	.dar_tagline {
		p#tagline {
			font-size:90% !important;
		}
		p#years_practice {
			margin-top:1em;
		}
	}

}

@media only screen and (max-width: 420px) {
	#hero .et_pb_promo_description p, #hero .et_pb_promo_description {
		font-size: 16pt !important;
	}
  #hero div.stars span.hc_review_links {
    text-align: center;
    margin-top: 4px;
  }
}

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

/* iPhones */
@media only screen and (max-width: 320px) {
	#hero .et_pb_promo_description h1 {
		font-size:27pt !important;
	}
}

@media only screen and (max-width: 300px) {
	#hero .et_pb_promo_description h1 {
		font-size:20pt !important;
	}
}