/* YASR */
/* Yet Another Star Rating AND REVIEWER styles */
div.yasr-auto-insert-visitor, div.yasr-visitor-votes {
	margin-top:2em !important;
}
div.yasr-auto-insert-visitor div.yasr-visitor-votes > div.yasr-custom-text-vv-before,
div.yasr-visitor-votes div.yasr-visitor-votes > div.yasr-custom-text-vv-before{
	font-weight: bold; 
}
div.yasr-auto-insert-visitor span.yasr-total-average-container,
div.yasr-visitor-votes span.yasr-total-average-container{
	display:block;
	margin-top:1em;
}
div.yasr-auto-insert-visitor span.yasr-total-average-container span.dashicons,
div.yasr-visitor-votes span.yasr-total-average-container span.dashicons {
	padding-right:1.5em;
}
/* page... */
body.page div.yasr-auto-insert-visitor,
body.page div.yasr-visitor-votes  {
	margin-left: 2em;
    margin-bottom: 2em;
}
/* Category listing widgets */
body.category div#sidebar #custom_html-2 > h4.widgettitle,
body.category div#sidebar #custom_html-2 .yasr-container-custom-text-and-overall,
body.category div#sidebar #custom_html-2 .yasr-overall-rating {
	display:none; 
}

table.yasr-stars-rankings tr td.yasr-top-10-overall-left > a
{
	line-height: 1.4em !important;
    display: block;
}


/********************************
 * RWP Review Section
 */
.rwp-review-wrap {
	background-color: #f3f3f3;
    padding: 19px;
    border-radius: 12px;
    border: solid 1px darkblue;
}

div.rwp-review div.rwp-review-image, div.rwp-review div.rwp-overalls {
	outline: 1px solid black;
}

.rwp-u-review.\--rwp-highlighted {
	background-color: #a1e1ff !important;
		border-radius: 8px;
		box-shadow: 5px 4px 8px rgb(0 0 0 / 30%);
}

/* A better layout for the footer */
#LocationsFooter .rwp-review .rwp-header.rwp-has-image {
	width: 50%;
    float: left;
	padding-bottom: 3em;
}
#LocationsFooter .rwp-review .rwp-scores.rwp-ur {
	width: 50%;
    float: left;
}
#LocationsFooter .rwp-review .rwp-users-reviews-wrap {
	clear:both;
}
#LocationsFooter .rwp-scores.rwp-ur .rwp-criterion {
	margin-left: auto;
    width: 100px;
    float: none;
    margin-right: auto;
}

/* Bing-style image fading into score */
div.rwp-review div.rwp-review-image {
	outline: none;
	border: 1px solid black;
	border-right: none;
}


div.rwp-review div.rwp-header > div.rwp-review-image > span {
	width: 250px !important;
}
div.rwp-review div.rwp-overalls {
	position:relative;
	min-width: 100px !important;
	left: -60px;
	outline: none;
	border: 1px solid;
	border-left: none;
}

div.rwp-review div.rwp-header div.rwp-overalls div.rwp-users-score {
	background-color:rgba(0,0,0,0) !important;
	background: linear-gradient(90deg, rgba(0,13,36,0) 1%, rgba(0,0,0,1) 65%) !important;
}
/*
div.rwp-review div.rwp-overalls div.rwp-users-score {
	background: linear-gradient(90deg, rgba(0,13,36,0) 1%, rgba(0,0,0,1) 100%)
}
*/

/* And put things back */
@media only screen and ( max-width: 980px ) {
	#LocationsFooter .rwp-review .rwp-header.rwp-has-image,
		#LocationsFooter .rwp-review .rwp-scores.rwp-ur {
		float:none;
		width:initial;
		margin:initial;
	}
	div.rwp-review div.rwp-overalls {
		min-width: 75px !important;
		left: -45px !important;
	}
}
@media only screen and ( max-width: 767px ) {
	div.rwp-review div.rwp-header > div.rwp-review-image > span {
		width: 190px !important;
	}
}


	/* Fudge - RWP Header centering depending on Media Width */
	@media only screen and ( max-width: 980px ) {
		#LocationsFooter .rwp-review .rwp-header.rwp-has-image {
			padding-left:calc((100% - 270px)/2);
		}
	}

	@media only screen and ( max-width: 767px ) {
		#LocationsFooter .rwp-review .rwp-header.rwp-has-image {
			padding-left:calc((100% - 220px)/2);
		}
	}

	@media only screen and (max-width: 380px) {
		#LocationsFooter .rwp-review .rwp-header.rwp-has-image {
			padding-left:calc((100% - 260px)/2);
		}
	}
	
	@media only screen and ( max-width: 343px ) {
		#LocationsFooter .rwp-review .rwp-header.rwp-has-image {
			padding-left:calc((100% - 150px)/2);
		}
		#LocationsFooter .rwp-review .rwp-header .rwp-overalls {
			float: none;
			clear: both;
			width: 150px;
		}
	}

	



/* Widgets */

/* RWP Scores */

/* Sidebar widgets */
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.rwp_pagescore_floatcenter div.rwp-criterion {
	margin-right: auto !important;
	margin-left: auto !important;
	float: none !important;
}

.rwp_pagescore_wc .rwp-review-wrap {
	border:none;
	background:none;
	padding-top:0;
	padding-bottom:0;
	margin-top: 1em;
    margin-bottom: 1em;
}
.rwp_pagescore_wc #addscore {
	display:none; /*block;*/
	font-size:90%;
}
.rwp_pagescore_wc span.rwp-criterion-label {
	padding-top:1em;
}
.rwp_pagescore_wc .rwp-scores {
	margin-top:0;
}
.rwp_pagescore_wc .rwp-review-wrap.rwp-theme-3 {
	margin-bottom:0;
}
/* Add an "/10" into the score */
div.rwp_pagescore_wc div.rwp-criterion::after {
	content: "/10";
	position: relative;
    top: -79px;
    left: 14px;	
	font-size: 12px;
}
div.rwp_pagescore_wc div.rwp-criterion input.rwp-knob {
	margin-left: -85px !important;
	margin-top: 32px !important;
}

div.rwp-users-reviews-wrap > span.rwp-people-label:after {
    content: " (latest only)…";
    text-transform: lowercase;
    font-style: italic;
}
div.rwp-users-reviews-wrap > span.rwp-people-label > i {
	display:none !important;
}

/* Bottom widget */
div.rwp_pagescore_wc {
	text-align: center;
	background-color: white;
}
div.textwidget .rwp-review-wrap.rwp-theme-3 {
	border:none;
	margin-bottom:0;
	margin-top:0;
	padding-top:0px;
}


div#custom_html-2 > h4 {
	margin-bottom:0
}
div#custom_html-2 #addscore {
	color:blue;
}
div.textwidget .rwp-review-wrap.rwp-theme-3 .rwp-review {
	text-align:center;
}
div.textwidget .rwp-review-wrap.rwp-theme-3 .rwp-review .rwp-scores .rwp-criterion {
	width:100%;
}
div.widget_rwp-ratings-widget .rwp-cell {
	margin-bottom:0;
}
div.widget_rwp-ratings-widget .rwp-w-comment {
	line-height: 1.2em;
    font-size: 90%;
    font-style: italic;
}
div.widget_rwp-ratings-widget .rwp-w-post-title {
	line-height:1.2em;
	font-weight:bold;
}
div.widget_rwp-ratings-widget li a {
	color: var(--anchorline_standard) !important;
	margin: 0.25em 0 1em 0;
    display: block;
}
div.widget_rwp-ratings-widget span.rwp-ranking-number {
	top:2px;
}

div.footer-widget .widget_rwp-ratings-widget ul.rwp-widget-ratings > li > div.rwp-wdj-content > a {
	margin-top: 0;
    margin-bottom: 0.5em;
}

.footer-widget div.textwidget, .footer-widget div.widget_pages ul li.page_item, .footer-widget .widget_recent_entries li {font-size:85%; line-height:1.4em;}
.footer-widget table#appointmentstable {font-size:115%}

div.footer-widget div.widget_rwp-ratings-widget span.rwp-w-post-title,
	div.footer-widget div.widget_rwp-ratings-widget span.rwp-w-name,
	div.footer-widget div.widget_rwp-ratings-widget span.rwp-w-date,
	div.footer-widget div.widget_rwp-ratings-widget div.rwp-wdj-content > a {
	font-size:12px;
	padding-bottom:0;
}
div.footer-widget div.widget_rwp-ratings-widget span.rwp-w-post-title {
	margin-bottom:3px;
}
div.footer-widget div.widget_rwp-ratings-widget span.rwp-w-post-title {
	font-style:normal;
}
div.footer-widget div.widget_rwp-ratings-widget  div.rwp-cell {
	margin-bottom:0;
}
div.footer-widget div.widget_rwp-ratings-widget div.rwp-wdj-content > a {
	font-style:italic;
}
/* Table of Contents */
/* ======================================== */
/*Table of Contents */

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

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

div#toc_container {box-shadow:4px 4px 8px rgba(0,0,0,0.6); 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 {
	display:none;
}
div.show_toc.faq_page  div#toc_container  span.toc_depth_5:after {
	content: "- ";
}
/* 
 * Pullquote CSS 
 * Inspired by Divi:-
    https://www.elegantthemes.com/blog/divi-resources/how-to-add-pull-quotes-to-divi-posts-and-pages-with-5-different-styles 
 * ... and HTML Dog:-
    https://www.htmldog.com/techniques/pullquotes/
 */

 
 /***********************************************
    quotebox
 		<aside class="quotebox bgimage" data-image="/wp-content/uploads/sites/5/2021/07/town-sign-822236_1920-300x214.jpg">
			<blockquote>
				<p>It is my educated opinion that this is complete and utter tosh.</p>
			</blockquote>
			<p class="by">Patrick Griffiths (pea farmer)</p>
		</aside>
*/
 aside.quotebox {
    --main-bg-color: #900;

     float: left;
     width: 200px;
     
     background-color: var(--main-bg-color);
     /*
     background: #900 url(/examples/images/ptg1.jpg) top no-repeat;
     */
     color: #fc0;
     font-size: 12px;
     line-height: 1.2;
     padding-top: 71px;
     border: 2px solid #600;
     margin: 0 12px 12px 0;
}
aside.quotebox p {
    margin: 0;
}
aside.quotebox.bgimage {
    /* background-image: attr(data-image);*/
    background-position: top;
    background-repeat: no-repeat;
}
aside.quotebox.bgimage blockquote {
    border: none;
    background-color: var(--main-bg-color);
}
aside.quotebox.bgimage p {
    background-color: var(--main-bg-color);
}

aside.quotebox blockquote {
    font-weight: bold;
    padding: 6px;
    border-top: 2px solid #600;
    margin: 0;
}
aside.quotebox .by {
    padding: 6px;
}


/***********************************************
    et-pullquote
    <aside class="et-pullquote">
    <blockquote class="right quote">
    <p>Systemic therapists see the relationship as being the client (rather than the people within the relationship).</p>
    </blockquote>
    </aside>
*/

/* Pull quote text styling */
aside.et-pullquote {
    --main-fb-color: rgb(65, 65, 65);
}

aside.et-pullquote blockquote {
    box-shadow:none;
}

aside.et-pullquote blockquote p {
	font-size: 1.4rem; /*22px;*/
	line-height: 1.3em;
	font-style: italic;
	letter-spacing: 1px;
	color: var(--main-fb-color);
	font-weight: 300;
}
	 
/* Pull quotes with open quotation mark */
aside.et-pullquote blockquote.left.quote, aside.et-pullquote blockquote.right.quote{
	position: relative;
	border-left: none;
}
aside.et-pullquote blockquote.right.quote {
    margin-left: 20px; /*30px*/
    /*margin-right: 5%;*/
}
aside.et-pullquote blockquote.left.quote {
    /*margin-left: -5%;*/
    margin-right: 10px;
}


aside.et-pullquote blockquote.quote {
    background: url(/wp-content/uploads/sites/5/2021/08/openquote1.gif) top left no-repeat;
}
aside.et-pullquote blockquote.quote p:first-child {
    margin-top:1em;
}
aside.et-pullquote blockquote.quote p:first-letter {
    font-size: 39px;
    font-weight: bold;
}

/*
aside.et-pullquote blockquote.left.quote:before {
	content: "\201C";
	font-size: 75px;
	position: absolute;
	top: 10px;
	left: -16px;
	font-family: lato;
	color: #888;

    https://lgbtcouplecounselling.co.uk/wp-content/uploads/sites/5/2021/08/openquote1.gif

}
	 
aside.et-pullquote blockquote.right.quote:before {
	content: "\201C";
	font-size: 75px;
	position: absolute;
	top: 10px;
	left: -16px;
	font-family: lato;
	color: #888;
}
*/
	
/*Pull quotes with top border*/
aside.et-pullquote blockquote.left.topborder, aside.et-pullquote blockquote.right.topborder{
	border-left: none;
	border-top-width: 5px;
	border-top-style: solid;
	padding: 5px;
}
	
/*Pull quotes with dark background*/
aside.et-pullquote blockquote.left.dark, aside.et-pullquote blockquote.right.dark{
	border-left: none;
	padding: 10px;
	background: #333;
}
	
aside.et-pullquote blockquote.left.dark p, aside.et-pullquote blockquote.right.dark p {
	color: #fff;
}
/*Pull quote Left*/
aside.et-pullquote blockquote.left {
    float: left;
    margin: 20px 20px 20px -5% /*-10%*/;
}
/*Pull quote Right*/
aside.et-pullquote blockquote.right{
    float: right;
    margin: 10px -5% 10px 20px;
}
aside.et-pullquote blockquote.fullwidth {
    margin: 10px 0% 10px 0%;
    min-height:100px;
}

/* Pull quote fullwidth */
aside.et-pullquote blockquote.fullwidth p:first-child {
    padding-top:0.75em !important;
}


/*****************************************
 * Min Width */	
@media all and (min-width: 700px) {	
	aside.et-pullquote blockquote{
		padding: 0 20px;
		max-width: 300px;
	}
    aside.et-pullquote blockquote.fullwidth {
        max-width: initial;
    }		
}
@media all and (min-width: 360px) {	
    aside.et-pullquote blockquote {
        max-width: 45%;
        float:none;
        margin-bottom: 30px;
    }

    aside.et-pullquote blockquote.fullwidth {
        max-width:none;
    }
}

/*****************************************
 * Max-Width */
@media all and (max-width: 980px) {	
/*
    aside.et-pullquote blockquote {
        padding-top:0.5em;
    }
    */
    aside.et-pullquote blockquote.right{
        margin-right:0;
    }
    aside.et-pullquote blockquote.left {
        margin-left:0;
    }
    aside.et-pullquote blockquote.fullwidth {
        margin-block-end: 0;

    }
    aside.et-pullquote blockquote.quote p:first-child {
        padding-top:1em;
    }

    aside.et-pullquote blockquote.quote {
        background-position: 0px 1em;
    }
    
}
@media all and (max-width: 540px) {
    aside.et-pullquote blockquote.quote p:first-child {
        padding-top:1em;
    }
}

@media all and (max-width: 479px) {
    aside.et-pullquote blockquote {
        padding-right:0;
    }
    aside.et-pullquote blockquote p {
        font-size: 1.0rem !important; /*23px;*/
        line-height: 1.3em !important;
        text-align:left;
    }    
}	

@media all and (max-width: 321px) {
    aside.et-pullquote blockquote {
        float:none !important;
        width:initial;	
        max-width:initial;
        margin-left:10% !important;
        margin-right:10% !important;
        margin-bottom: 30px !important;
    }
    aside.et-pullquote blockquote.quote p:first-child {
        padding-top:2em;
    }
}
@media all and (max-width: 280px) {
}
/* Amendments to the Mobile version of the menu - Men Items that CSS will hide (ie to reduce menu choices) */
/*ul#mobile_menu li#menu-item-10879,*/
ul#mobile_menu li#menu-item-10872,
/*ul#mobile_menu li#menu-item-5508,*/
ul#mobile_menu li#menu-item-1866,
ul#mobile_menu li#menu-item-3746,
ul#mobile_menu li#menu-item-6595,
ul#mobile_menu li#menu-item-6780,
ul#mobile_menu li#menu-item-3056,
ul#mobile_menu li#menu-item-6037,
ul#mobile_menu li#menu-item-7205,
ul#mobile_menu li#menu-item-12375,
ul#mobile_menu li#menu-item-6038,
ul#mobile_menu li#menu-item-4692,
ul#mobile_menu li#menu-item-9292,
ul#mobile_menu li#menu-item-7768,
ul#mobile_menu li#menu-item-12441,
ul#mobile_menu li#menu-item-3515,
ul#mobile_menu li#menu-item-4340,
ul#mobile_menu li#menu-item-14195,
ul#mobile_menu li#menu-item-9780,
ul#mobile_menu li#menu-item-15416
{
    display:none;
}
div.yarpp > h3 {
    color: var(--lowlight_color_level2);
    margin-bottom: 1em;
}
div.yarpp h3:after {
    content: "";
}

div.yarpp > h2 {
    margin-bottom: 1em;
    font-size: var(--fs-600);
    font-weight:bold;
}
div.yarpp > h2, div.yarpp > p {
    color: var(--lowlight_color_level2);
}

div.yarpp-thumbnails-horizontal {
    height: 230px;
    overflow: hidden;
    scrollbar-width: none;
    text-align: center;
}
div.yarpp-thumbnails-horizontal::-webkit-scrollbar{
    display: none;
}

div.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
    background: #55a4f9;
    padding: 4px;
    width: 170px;
    border: solid 1px black;
    height: 220px;
    box-shadow: 2px 2px 4px rgba(0,0,0, 0.7);
}

div.yarpp-thumbnails-horizontal a.yarpp-thumbnail, 
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail > img {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

div.yarpp-thumbnails-horizontal a.yarpp-thumbnail span.yarpp-thumbnail-title {
    font-weight: normal;
    color: var(--anchorline_light);
    font-size: 90%;
    padding-top: 3px;
    max-height: 2.9em;

    /* Fudge to make ellipses appear when text is cut off - https://kiranworkspace.com/ellipsis-to-multiline-text-in-css/ */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

/* Page, Post, etc */
body.single div.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
    background: var(--lowlight_color);
}
body.single div.yarpp-thumbnails-horizontal a.yarpp-thumbnail span.yarpp-thumbnail-title {
    color:var(--highlight_color_level3);
}
body.single div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover span.yarpp-thumbnail-title {
    color: var(--anchorline_light);
}

/* Thumbnail animation */

div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover img {
    margin: 2px;
    width: 156px;
    height: 156px;
}
div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover span.yarpp-thumbnail-title {
    color:var(--highlight_color_level5);
}
div.yarpp-thumbnails-horizontal a.yarpp-thumbnail img,
div.yarpp-thumbnails-horizontal a.yarpp-thumbnail span.yarpp-thumbnail-title {
        transition: 0.3s;
}



@media only screen and ( max-width: 980px ) {
    div.yarpp-thumbnails-horizontal {
        overflow: hidden;
        text-align: left;
        height: 230px;

    } 
}

@media only screen and ( max-width: 768px ) {
    div.yarpp {
        padding-left: 0ch;
    } 
    div.yarpp-thumbnails-horizontal {
        overflow:auto;
        height: 464px;
        text-align: center;
    }
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
        text-align: left;
    }
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:nth-child(even) {
        margin-left: initial;
    }
    /*
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:nth-child(odd) {
        margin-left:0ch;
    }
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:nth-child(even) {
        margin-left:1ch;
    }*/
}
/*
@media only screen and ( max-width: 564px ) {
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:nth-child(even) {
        margin-left: initial;
    }
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:nth-child(3n+3) {
        margin-left:1ch;
    }
}*/

@media only screen and ( max-width: 383px ) {
    div.yarpp {
        padding-left: initial;
    } 
    div.yarpp-thumbnails-horizontal {
        text-align: center;
    }
    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
        margin-left:1em !important;
        margin-right:1em !important;
    }

}