/*
Theme Name:     WaterloovilleCounselling
Description:    Counselling services for Waterlooville (Child theme based upon the DIVI 2 theme from Elegant Themes).
Author:         Cybershrink
Author URI:     http://Cybershrink.co.uk/
Template:       et_divi
Version:        0.1.0
*/

/*@import url("wp-content/themes/et_divi/style.css");*/
/*@import url("wp-content/themes/et_divi/style.css");*/
/* @import url("wp-common/themes/et_divi/style.css");*/


.et-shadow {
	box-shadow: 4px 4px 8px rgba(0,0,0,0.3) !important;
}
/* Font Awesome for Divi */
/* http://fontawesome.io/ */
/* font size optional, see http://www.divi-magazine.com/more-font-awesome-icons-in-a-blurb/ */
.fab .et-pb-icon { font-size: 0; }
.fab .et-pb-icon::after { font-family: "FontAwesome" !important; }
.fab.et_pb_blurb_position_top .et-pb-icon::after { font-size: 48px; }
.fab.et_pb_blurb_position_left .et-pb-icon::after { font-size: 16px; }
.fab-beer .et-pb-icon::after { content: "\f0fc"; }
.fab-search .et-pb-icon::after { content: "\f002"; font-size: 32px; }
.fab-plane .et-pb-icon::after { content: "\f072"; padding: 6px; }
.fab-group .et-pb-icon::after { content: "\f0c0";  padding: 0px; }
.fab-money .et-pb-icon::after { content: "\f0d6";  padding: 0px; font-size: 98px !important}
.fab-sliders .et-pb-icon::after { content: "\f1de";  padding: 0px; font-size: 98px !important}
.fab-lgbt .et-pb-icon::after { content: "\f227\f226";  padding: 0px; font-size: 33px !important}
.fab-lgbt .et-pb-icon {padding: 33px 16px}
.fab-calendar-check .et-pb-icon::after, .icon-calendar::after { content: "\f274 ";  padding: 0px;}

/* DIVI PATCH 4.13 */
/* When using a FAB icon, hide the Divi icon */
div.fab .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon {
	font-size:0;
}
/* Repositioning for certain blurb icons */
/* LGBT Icon */
.et_pb_blurb.fab-lgbt .et-pb-icon {
	width: 104px;
    height: 104px;
}
.et_pb_blurb.fab-lgbt .et-pb-icon::after {
	left: -10px;
    top: 7px;
    position: relative;
}


.icon-calendar::after {
	font-size: 24px;
    color: #318EC3;
}

a.et_pb_button.desktop_welcome_CTA::before {
	font-family: "FontAwesome" !important;
	content: "\f274 ";
	padding-right:0.5em;
}

/*
<span class="icon-calendar"></span>
*/

/* Covid 19 warning */
._cs_covid_19_warning {
	clear:right;
	border-top:1px solid #5f8fbf; 
	border-left:1px solid #5f8fbf; 
	background-image: radial-gradient(circle at top left,rgba(4, 142, 255, 0.12) 10%,rgba(0,0,0,0) 80%) !important;
	border-top-left-radius: 1em;
	/*font-size: 96%;*/
	line-height: 1.4em;
}
._cs_covid_19_warning .highlight {
	font-weight: bold;
	color: #2da2eb !important;
}
._cs_covid_19_warning h3, .highlightsection h3 {
	display:inline; 
	font-size:14px; 
	text-transform:none;
}


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

#wc_loader {
	display:none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('js/jQuery/loader/image_1004262.gif') 50% 25% no-repeat rgba(255,255,255, 0.75);
}

/* Clever section dividers */
/* Apply the class to the DIVI section */
/* http://quiroz.co/how-to-create-transparent-triangles-between-sections-in-divi/ */

/*#et-main-area { overflow: hidden;}*/ /* Hides all the items that float over the right margin */
/*
.section-divider-triangle:after,.section-divider-triangle:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    border-bottom:50px solid #22262e;

    border-image: url(wp-content/uploads/sites/6/2015/10/Rect4136.png);
    background-size: 100% 100% !important;


    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);}

.section-divider-triangle:before{
    right:50%;
    border-right:75px solid transparent;
    border-left:1000px solid;}

.section-divider-triangle:after{
    left:50%;
    border-left:75px solid transparent;
    border-right:1000px solid;}
*/
/*****************************************************************************/

.et-custom-list ul li {
	padding-bottom:1em;
}

/* Patch: for some reason on SmartPhones there is a thin grey line between et_pb_section */
div.entry-content {
	background-color:black;
}

/*
.et_pb_section {
	position:relative;
	top: -1px;
}
*/


.boxed_column {
	padding: 8px 12px 22px;
    border-radius: 12px;
    border: 1px solid black;
    background: rgba(0,0,0,0.05);
    box-shadow: 4px 4px 8px rgba(0,0,0,.2);
}
/* Page Score*/
div.rwp_pagescore_floatleft,
	div.rwp_pagescore_floatright,
	div.rwp_pagescore_floatcenter {
	width:100px;
	text-align:center;
	line-height:1.1em;
}
div.rwp_pagescore_floatleft {
	float:left;
	margin:0 2em 1em 0em;
}
div.rwp_pagescore_floatright {
	float:right;
	margin:0 0 1em 2em;
}
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;
}

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

/* PATCH for the new way DIVI handle's divider modules */
.et_pb_divider:before {
	display:none;
}
.et_pb_divider {
	background-color: transparent;
	background: url("wp-content/uploads/sites/6/2016/05/title-bg.png") no-repeat center top;
	height:17px !important;
}
/*********************************************************/

hr.et_pb_divider { background-color: transparent; border: none; padding: 10pt 0; background: url("wp-content/uploads/sites/6/2016/05/title-bg.png") no-repeat center top;}
hr.et_pb_divider:before {display:none !important;}
/*
border-top-color:#FFFFFF
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eee;
    border-top-color: rgba(0, 0, 0, 0.1);
    content: "";
 */

div.et_pb_featured_table {
	box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.4) !important;
}
span.et_pb_frequency {
	font-size:8pt;
}

div.et_pb_team_member {
	background: #F3F3F3;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
}


.wp-caption {word-wrap: break-word;}
.wp-caption .wp-caption-text {line-height:1.4em; font-size:94%}

/* Unboxed learn-more section */
div.et-learn-more.inline {
	background: none;
    border: none;
    margin: initial;
    box-shadow: none;
}
	div.et-learn-more.inline h3.heading-more {
		background: none;
	    text-shadow: none;
	    border: none;
	    padding: 1em 0 1em 0;
	    padding-bottom:1em;
	    text-align:center;
	}
	div.et-learn-more.inline h3.heading-more > span:first-child {
		/*font-weight:bold;*/
		font-style:italic;
	}
	div.et-learn-more.inline span.et_learnmore_arrow {
		display:none !important;
	}
	div.et-learn-more.inline div.learn-more-content{
	    padding: initial;
	    padding-bottom: 1em;
   }
	div.et_pb_text.et_pb_bg_layout_dark .et-learn-more.inline div.learn-more-content {
		color: white;
	}

div.et_pb_map_container{
	box-shadow:4px 4px 20px rgba(0,0,0,0.5)
}
ul#top-menu ul.sub-menu li.menu-item a,
	.nav li li {
	line-height:1.7em;
}

a.et_pb_button {
	box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	/*box-shadow:2px 2px 4px rgba(0,0,0,.2);*/
}
a.et_pb_button:hover {
	box-shadow:2px 2px 4px rgba(0,0,0,0.4) !important;
}

div.et_pb_button_module_wrapper a.desktop_welcome_CTA {
	background: rgba(19,23,8,.6) !important;
    color: #E2FF2D !important;
    /* padding-right:2em; */
}

div.et_pb_button_module_wrapper a.desktop_welcome_CTA:hover {
	background: rgba(98, 202, 160, 0.6) !important;
	color:white !important;
	border: 1px solid darkgreen !important;
}
/*
div.et_pb_button_module_wrapper a.desktop_welcome_CTA:after {
    position: absolute;
    //margin-left: -1em;
    opacity: 1;
    font-size: 32px;
    line-height: 1em;
    content: "\35";
    right: 0.25em;
}
*/

p.availability_message {
	margin-bottom:1em;
	color:red;
	font-style:italic;
	font-weight:bold;
}

ul.et_pb_side_nav {
	background: rgba(95,143,191,0.75) !important /*#5f8fbf*/;
}

.column_filled_background {
	background-color: rgba(0,0,0,0.4) !important;
}

a,
	a span.et-pb-icon-circle-border {
	transition: all 0.5s ease;
}
a:hover {
	color:orange;
}


a span.et-pb-icon-circle-border:hover {
    color: #e2eeff !important;
    background-color: #5f8fbf !important;
    border-color: #1e73be !important;
}
/*
a span.et-pb-icon-circle-border:hover {
    color: yellow !important;
    background-color: darkorange !important;
    border-color: yellow !important;
}
*/


/* Curved edge slider on front page */
body.home div.et_pb_slider.curved_slider {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
    border-radius: 12px;
}
body.home div.et_pb_slider.curved_slider div.et_pb_slide_overlay_container {
	border-radius:12px;
}


.et-pb-icon-circle-border  {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.25)
}
.et-pb-icon {
	text-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}
div#written-by {
	font-style:italic;
}
strong.highlight, strong span.highlight {
	color: #62dfcc;
}
#name-mobile-only {display:none;}
div#breadcrumbs {
	padding:0 20px 10px 20px;
}
div#breadcrumbs p.breadcrumbs {
	display:block;
	width:85%;
	float:left;
	color:white;
	font-size:90%;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.75);
}
div#breadcrumbs p.breadcrumbs a {
	color:cyan;
}
div#breadcrumbs p.breadcrumbs span.breadcrumb_last a {
	color:white;
}

div#breadcrumbs  a:hover {
	text-shadow:3px 2px 2px rgba(0,0,0,.75);
	position:relative;
	top:-1px;
	left:-1px;
}

div#breadcrumbs p.edit {
	display:block;
	width:10%;
	float:right;
	text-align:right;
	color:white;
}

div#DrivingRoute {
	padding:0px;
	margin-bottom:8px
}
span.travel_town {
	font-weight:bold;
	display:block;
}
span.travel_town::after {
	content: "…";
}

span.travel_miles {
	display:inline-block;
	text-align:right;
}
span.travel_miles::after {
	content: " miles";
}

span.travel_time{
	display:inline-block;
	text-align:left;
	font-style:italic;
}
span.travel_time::before {
	content: "(";
}
span.travel_time::after {
	content: " minutes)";
}

ul.et_pb_pricing li.et_pb_not_available {
	text-decoration: line-through;
}
.et_pb_pricing .et_pb_pricing_table.et_pb_featured_table {
	margin-top: -1em !important;
}
.et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_table_button {
	color:white;
}

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;
}

div#at4-whatsnext {
	box-shadow:-3px -2px 6px rgba(93,139,185,0.7);
	border: 4px solid rgb(95, 143, 191);
	border-top-left-radius:12px;
}

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;
	
}
*/

table.header_logo img#Waterlooville_Counselling_Logo {
	width:92px;
	height:auto;
}
table.no_padding tr td{
    padding: 0;
}
table.no_border {
	border:none !important;
}
table.no_border tr td{
	border-top: none;
}

.column_filled_background {
	border-radius: 12px;
    background-color: rgba(0,0,0,0.5);
    padding: 16px;
}

div#page_header section.et_pb_fullwidth_header {
	padding-top:60px !important;
}
ul#menu-floating-menu ul.sub-menu {
	background-color:rgba(64, 80, 160, 0.84) !important
}

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

/******* iC_TableAvailableLong *********/
div.iC_TableAvailableLong_isshowing table#appointmentstable {display:none;}

table.iC_TableAvailableLong {
	width:inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	border:none;
}
table.iC_TableAvailableLong td {
	font-family: 'Open Sans', Arial, sans-serif;
	color:black;
}
table.iC_TableAvailableLong tr.service td {
	font-size:1.5em; /*26px;*/
	font-weight:300;
	padding:20px 0 10px 0;
	border:none;
}

table.iC_TableAvailableLong tr.service td span.redirect {
	font-size: 14px;
    font-style: italic;
}

table.iC_TableAvailableLong tr.service:first-child td {
	padding-top:0px;
}
table.iC_TableAvailableLong tr td.hour {
	white-space: nowrap;
	padding:3px 4px;
}
table.iC_TableAvailableLong tr td {
	position:relative;
	/*padding-left: 0;*/
	/*padding-right: 6px;*/
	font-size: 85%;
	padding:4px 10px /*10px*/;
}

table.iC_TableAvailableLong tr td.dow {
	font-size:100%;
	font-weight:300;
	line-height:1.4em;
	max-width:initial;
}
table.iC_TableAvailableLong tr td.special {
	font-style: italic;
	font-size:110%;
	font-weight:300;
}
table.iC_TableAvailableLong tr td.crossout {
	color:lightgrey !important;
}
table.iC_TableAvailableLong tr td.priority {
	color:red;
}

table.iC_TableAvailableLong tr td.crossout::after {
	/*
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom right,  transparent calc(50% - 1px), lightgrey, transparent calc(50% + 1px));
*/
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 3px solid;
  border-color: inherit;

  -webkit-transform:rotate(-25deg);
  -moz-transform:rotate(-25deg);
  -ms-transform:rotate(-25deg);
  -o-transform:rotate(-25deg);
  transform:rotate(-25deg);
}

table.iC_TableAvailableLong tr td span.et-dropcap {
	font-family: "Century Schoolbook","Times New Roman",Times,serif;
    font-style: italic;
	margin-right:2px;
}

/*********************/
.et_pb_gallery_item, .et_pb_portfolio_item, .et_pb_blurb_content, .et_pb_tabs_controls, .et_pb_tab, .et_pb_slide_description, .et_pb_pricing_heading, .et_pb_pricing_content, .et_pb_promo_description, .et_pb_newsletter_description, .et_pb_counter_title, .et_pb_circle_counter, .et_pb_number_counter, .et_pb_toggle_title, .et_pb_toggle_content, .et_pb_contact_main_title, .et_pb_testimonial_description_inner, .et_pb_team_member, .et_pb_countdown_timer_container, .et_pb_post, .et_pb_text, .product, .et_pb_widget {
	word-break: normal !important;
	word-wrap: normal !important;
}

/* Home Page */
body.home div.et_pb_fullwidth_section div.et_pb_slider {
	margin-bottom:20px;
}
body.home div.et_pb_fullwidth_section div.et_pb_slider div.et_pb_slides div.et_pb_slide div.et_pb_container {
	min-height: inherit !important;
}
body.home div.et_pb_fullwidth_section div.et_pb_slider div.et_pb_slides div.et_pb_slide div.et_pb_container div.et_pb_slide_image{
	/*margin-top: -222px !important;*/
	top:0px !important;
	margin-top:20px !important;
}

body.home div.et_pb_fullwidth_section div.et_pb_slider div.et_pb_slides div.et_pb_slide div.et_pb_slide_description {
	padding-top:0;
	padding-bottom:0;
}
/* */

/* Menu */
div.et-top-navigation ul#top-menu.nav li.menu-item,
	#top-menu li {
	padding-right:10px;
}


   /* 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,
		.et_pb_section:first-child > .et_pb_fullwidth_menu,
		div.ss-container.et_pb_fullwidth_section > .et_pb_fullwidth_menu {
	   position: fixed !important;
	   /*width: 100% !important;*/
   } 
   /*
   body.home .et_pb_section:first-child > .et_pb_fullwidth_menu {
	   width:90% !important;
   }
   */

   #page_header, #page_header section {
	   padding-top:0;
   }
   #hero > div.et_pb_fullwidth_menu > div.et_pb_row.clearfix {
	   padding:0;
   }

   #menu-floating-menu {
	   padding-top: 1em !important;
	   padding-bottom: 1em !important;
   }
   #page_header > .et_pb_fullwidth_header_container,
   div#page_header section.et_pb_fullwidth_header {
	   padding-top:5em !important;
   }



.fadedgreybg, body.single-post {
	background-image: url(wp-content/uploads/sites/6/2015/10/Rect4136.png);
	background-size: 100% 100% !important;
}

/* 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;
}

div.et_pb_fullwidth_menu  {
	width: 90%;
    max-width: 1200px;
    margin: auto;
    background-color:rgba(64, 80, 160, 0.84) !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;
}

div.h1_mobile {
	font-size:3em;
	line-height:1.2em;
}
.et_pb_bg_layout_dark {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
.et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark div.h1_mobile {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.85);
}
/* Menu logo patch */
ul#top-menu li.centered-inline-logo-wrap {width: 60px !important}

div.therapist_image img,
	img.therapist_img,
	div.et_pb_slider.therapist_slider div.et_pb_slides div.et_pb_slide div.et_pb_container div.et_pb_slide_image img,
	div.et_pb_slide_image img,
	div.et-box,
	div.et-box-content,
	.et_pb_team_member .et_pb_team_member_image img
	/*
	div.image-blurred-edge*/ {
	border-radius:12px
}

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

ul.et_pb_pricing li{
	padding-bottom: 0.5em
}


div.therapist_image img,
	img.therapist_img,
	div.et_pb_slider.therapist_slider div.et_pb_slides div.et_pb_slide div.et_pb_container div.et_pb_slide_image img,
	div.et_pb_slide_image img,
	div.image_shadow img,
	.et_pb_team_member .et_pb_team_member_image 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);
}

div.image-blurred-edge {
    /* you need to match the shadow color to your background or image border for the desired effect*/
    box-shadow: 0px 0 18px 12px white inset; /*0 0 8px 8px white inset;*/
}

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

}
*/
div.et_pb_image.polaroid_image img:after {
	content: attr(title);
}
div.et_pb_image.polaroid_image img {
	padding: 10px 10px 0px 10px;
	background-color:white;
	margin-bottom:0px;
}

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;
 }
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;
}

/* ======================================= */

/* 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;
}
/*
div.therapist_slider .et_pb_slide  .et_pb_container{
    position: relative;
    top: -100px;
   }
*/

h1, h2, h3, h4, h5, h6, div.h1_mobile {
    line-height: 1.2em;
	font-weight: 300;
}
h1, div.h1_mobile{
    font-size: 48px;
}
h2{
    font-size: 38px;
}
div.therapist_slider div.et_pb_slide_description > h2  {
	font-size:32px !important;
}

/* ======================================== */
/* Availability Table */
table#appointmentstable td {font-size:85%; vertical-align: top; line-height:1.3em;}
table#appointmentstable td.servicetitle,  table#appointmentstable td.dow{font-weight:bold;}


table#appointmentstable tr td span.redirect {
	font-size: 90%;
}

table#appointmentstable tr td.servicetitle {
	padding-top:1em;
}




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

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

div#mobile_scroll_down {
	margin:0;
}
div#mobile_scroll_down a {
 	position:relative;
}
div#mobile_scroll_down a > span {
	color: white;
    font-size: 3.5em;
    position: absolute;
    top: -54px;
    left: -0.5em;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.7);
}


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}

/*div.membership_logo img {height:100px; width:auto}*/


/* ======================================== */
/* 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);
}
/* Red to Grreen */
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);
}
/* ...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;
}
.footer-widget div.textwidget, .footer-widget div.widget_pages ul li.page_item, .footer-widget .widget_recent_entries ul li {font-size:85%; line-height:1.4em;}
.footer-widget table#appointmentstable {font-size:115%}

div.links_footer {
	text-align: center;
}
div.links_footer, div.links_footer a strong {
	color:white;
}
div.links_footer a {
	color:blue;
}

/*********************** ==STAR RATINGS== ***************************************/
div.ratingblock, span.hreview-aggregate {
	display:block;
	margin:0;
	background-image: url(wp-content/uploads/sites/6/2015/10/Rect4136.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}

div.ratingblock {
	padding: 15px 10px 0px 20px;
}
span.hreview-aggregate {
	padding: 10px 10px 10px 20px;
}

div.ratingblock div.ratingtext {
	margin-bottom:0;
}

/* Testimonial */
div.et_pb_testimonial  {
	box-shadow:3px 3px 8px rgba(0,0,0,0.45);
	border-radius:12px;
}


/********************************** POSTS clever things ***********************************/
/* ======================================== */
/* ccfic customisations*/

div.ccfic {
	text-align:center;
	font-size:85%;
	font-weight:bold;
	quotes: "“" "”" "‘" "’";
}
div.ccfic span.ccfic-text::before {
	content: "Image: " open-quote;
}
div.ccfic span.ccfic-text::after {
	content: close-quote;
}
div.ccfic span.ccfic-source::before {
	content: "\00a9\00a0";
}

body.single div.et_pb_fullwidth_section:first-child div.et_pb_post_title div.et_parallax_bg {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}
/*
body.single div.et_post_meta_wrapper img {
	display:none;
}
*/

div.entry-content div.ratingblock {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}



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

@media only screen and ( max-width: 1140px ) {
	 h2.et_pb_pricing_title {
		font-size:28px;
	}
}

@media only screen and ( max-width: 1100px ) {
	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;
	}


	body.home div.therapist_slider .et_pb_slide  .et_pb_container .et_pb_slide_description h2 {
		font-size:20px !important;
	}
	body.home div.therapist_slider .et_pb_slide  .et_pb_container .et_pb_slide_description .et_pb_slide_content{
		font-size:14px !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%) ;
	}
	table.iC_TableAvailableLong tr td span.et-dropcap {
		font-size:40px;
  	}
  	table.iC_TableAvailableLong tr td.dow {
  		font-size:95%;
  	}

	/* To cater for menu wrapping on slightly narrower PC/tablet screens */
	ul#menu-floating-menu li {
		font-size:13px;
		padding-right: 14px;
	}
}

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


@media only screen and ( max-width: 980px ) {
	/* Patch for DIVI Bork */
	body.home div.et_pb_section_0 {
		padding: 0 !important;	/* override nasty top/bottom padding introduced */
	}
	.et_pb_button{
		width: 100%;
    	text-align: center;
    	max-width:550px;
    	margin-left: auto;
    	margin-right: auto;
    	display:block !important;
	}
	 h2.et_pb_pricing_title {
		font-size:38px;
	}

	body.home .et_pb_section_1 {
    	padding-top: 25px !important;
	}
	body.home .et_pb_section_1 > .et_pb_row.et_pb_row_1 > .et_pb_column_1 {
		margin-bottom:10px !important;
	}

	#name-mobile-only {
		display:block !important;
	}
	.et_pb_row {
		width:initial !important;
		margin: auto 20px auto 54px;
	}
	.et_pb_row.et_pb_row_fullwidth {
		width: 100% !important;
		max-width:100% !important;
	    margin-left: 0;
	}
	.et_pb_fullwidth_menu {
		display:none;
	}

	body.home div.et_pb_fullwidth_section div.et_pb_slider div.et_pb_slides div.et_pb_slide div.et_pb_slide_description {
		line-height: 1.4em;
	}

	table.iC_TableAvailableLong tr td span.et-dropcap {
		font-size:30px;
  	}

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

@media only screen and (max-width: 768px) {
	body.home div.therapist_image img {
		max-width:76% !important;
	}
	body.home div.et_pb_fullwidth_section div.et_pb_slider div.et_pb_slides div.et_pb_slide div.et_pb_slide_description {
		margin-top:40px;
	}
	body.home div.therapist_slider .et_pb_slide  .et_pb_container{
    	position: relative;
    	top: 0;
   }

	body.home .et_pb_slide_image {
		display:inherit;
	}
	table.iC_TableAvailableLong {display:none;}
	div.iC_TableAvailableLong_isshowing table#appointmentstable {display:block;}
}



@media only screen and (max-width: 540px) {
	._cs_covid_19_warning {
		font-size:13px !important;
	}
	section#page_header, #page_header section, #page_header > .et_pb_fullwidth_header_container, div#page_header section.et_pb_fullwidth_header {
		padding-top:0 !important;
	}
	div#breadcrumbs p.breadcrumbs {
		width:100%;
	}
	

	p, ul li {
		font-size:110%;
	}
	.et_pb_row {
		width:initial;
		margin: auto 20px;
	}
	table.header_logo img#Waterlooville_Counselling_Logo {
		width:100%;
		height:auto;
		padding-right:6px;
	}
	h1, div.h1_mobile{
	    font-size: 32pt;
	}

	div.addthis_buttons_container {display:block;}

/*
	#post-170 > div > div.et_pb_section.fadedgreybg.et_pb_section_2.et_section_regular > div.column-swap.\32 -col.et_pb_row.et_pb_row_9 > div.et_pb_column.et_pb_column_2_3.et_pb_column_13
	*/
/*
	.column-swap.col-2 .et_pb_column .et_pb_row .et_pb_column {
 		margin-left: 4.5%;
 	}
 	.column-swap.col-2 .et_pb_column {
 		float: right !important;
 	}
 	.column-swap.col-2 .et_pb_row .et_pb_column:last-child,
 		.column-swap.col-2 .et_pb_row_inner .et_pb_column:last-child {
 		margin-right: 4.5% !important;
 		margin-left: 0 !important;
 		width: 47.25%;
 	}
 	.column-swap.col-2 .et_pb_column,
 		.column-swap.col-2 .et_pb_row .et_pb_column:first-child {
 		margin-right: 0 !important;
 		width: 47.25%;
 	}

*/

	.column-swap.et_pb_row .et_pb_column {
		float: right;
		margin-left: 5.5%; /* This should be equal to the current gutter value */
		margin-right: 0 !important;
	}
	.column-swap.et_pb_row .et_pb_column:last-child {
		margin-left: 0 !important;
	}


/*
	.reverse_children_order {
		display: -webkit-flex;
		-webkit-flex-direction: row-reverse;
		display: flex;
		flex-direction: row-reverse;
	}
	.reverse_children_order.2_col .et_pb_column:first-child {
		margin-left: 5.5% !important;
		margin-right: 0 !important;
	}
	.reverse_children_order.2_col .et_pb_column:nth-child[2] {
		margin-right: 5.5% !important;
		margin-left: 0 !important;
	}
*/
}

@media only screen and (max-width: 479px) {
	h1, div.h1_mobile {font-size:28pt;}
}

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


/* 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:black;
}
#book_slider > div.et-pb-controllers > a.et-pb-active-control {
	background-color: #5f8fbf;
}
#book_slider div.et_pb_button_wrapper > a {
	font-size:12px;
}
/*** 
 * CSS to make TOC Fixed/floating.
 * Location/position depends on screen size.
 *
*/ 


body.page div#toc_container, body.home div#toc_container, body.post div#toc_container {
	display: table !important;
	position: fixed !important;
}

div#toc_container {
	display: table !important;
	position: fixed !important;
	border-radius:12px;

	/* Ready for a fade-in... */
	opacity: 0;

/*
	top: 5em;
	right: 5em;
*/
	bottom:0;

	z-index: 999999;

	width: 500px;
	max-width: 35vw;
	max-height: 40vh !important;

	text-align: left;
	font-size: 85% !important;

	box-shadow: 0 1px 8px rgba(0,0,0,0.7);
	background-color: rgba(255,255,255,0.4);

	transition: all 0.75s ease-in-out;
}

div#toc_container:hover, div#toc_container:focus {
	background-color: rgba(255,255,255,1);
}

div#toc_container p.toc_title {
	font-size: 18px;
	text-shadow: none;
	color: black;
}
div #toc_container p.toc_title+ul.toc_list {
	margin-top:0.5em;
}

span.toc_toggle {
	font-size: 12px !important;
	display: inline;
}

div#toc_container ul.toc_list {
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 1em;
}

div#toc_container ul.toc_list li {
	line-height: 1.5em;
	text-transform: capitalize;
}

/* Section Spacing */
div#toc_container ul.toc_list {
	margin-left:10px;
}
div#toc_container ul.toc_list li:last-child {
	margin-bottom:1em;
}

div#toc_container ul.toc_list li:not(:first-of-type) {
	margin-top:0.5em;
}
div#toc_container ul.toc_list > li ul > li  {
	margin-top:0 !important;
}

/* Heading highlighting */
ul.toc_list > li > a:first-child
/*,
ul.toc_list >li > ul > li > a:first-child*/ {
	font-weight: bold;
}

/* Numbering*/
div#toc_container span.toc_number::after {
	content: ") ";
}


@media screen and (max-width:980px) /*and (orientation:portrait)*/ {
	div#toc_container {
		/* display: none; */
		top: initial;
		right: 0;
		bottom: 3.7em;
		margin: 0 0.5em;

		/* DON'T write a "height" value here. This will interfere with the sizing as the TOC opens and closes */
		max-height: 40vh;
		width: auto;
		max-width: 100vh !important;
	}

	
	div#toc_container ul.toc_list li {
		/*line-height: 1.7em;*/
		padding-bottom:0.3em;
	}

	/* Section Spacing */
	/*
	div#toc_container ul.toc_list li:last-child {
		margin-bottom:1.5em;
	}
	*/

	#toc_container ul 			{ margin-left:0.0em;}
	#toc_container ul ul 		{ margin-left:0.5em;}
	#toc_container ul ul ul 	{ margin-left:1.0em;}
	#toc_container ul ul ul ul 	{ margin-left:1.5em;}
	#toc_container ul ul ul ul 	{ margin-left:2.0em;}

}