/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.hpbox-col.blacktextbox .title {
	text-shadow: none;
	color: #000;
}

.border-image img {
	border: 1px solid #000;
	border-radius: 15%;
}


body.single-post .post-wrapper-content img {
	border-radius: 15px;
}

body.single-post img.scale-with-grid, body.single-post #Content img {
	border-radius: 15px;
}

body.single-post .image_frame .image_wrapper, 
body.single-post .wp-caption img, 
body.single-post .icon_box .icon_wrapper:before {
	border-radius: 15px;
}

body.search .post-meta {
	display: none;
}

h1,h2,h3,h4,h5 {
	text-transform: capitalize;
}


body.blog .breadcrumbs,
body.page-template-page-events .breadcrumbs,
body._tmy-event-template-default .breadcrumbs,
body.page-template-page-nobreadcrumbs .breadcrumbs,
body.page-template-page-share .breadcrumbs,
body.page-template-page-pastevents .breadcrumbs {
	display: none!important;
}

.breadcrumbs {
	text-transform: capitalize;
}

body.page-template-page-share #Content {
	padding-bottom: 40px;
}

#Subheader {
	padding:0!important;
}

body.minimalist-header-no #Subheader {
	padding:0!important;
}

	#Subheader > .container {
	    padding: 100px 0px!important;
	    background-color: rgba(0,0,0,0.4);
	    width: 100%;
	    display: block;
	    max-width: 100%!important;
	    margin: 0;
	}

	#Subheader > .container h1.title {
		box-sizing: border-box;
		padding: 0 15px;
		max-width: 900px;
		float: none;
		margin: 0 auto;
	}

#Subheader .title {
	text-shadow: 2px 1px 2px rgba(0,0,0,0.8);
}


body.page-template-page-pastevents #Subheader,
body._tmy-event-template-default #Subheader {
	background-image: url('/wp-content/uploads/2018/12/Events-in-Redditch.jpg')!important;
}

body.post-template-default.single-post #Subheader {
	background-image: url('/wp-content/uploads/2018/12/Blog-Header-Yoga-In-Redditch-Worcestershire.jpg')!important;
}



/* Post */
.post .post-desc h2.entry-title { font-size: 22px; line-height: 30px; }

/* Section shadow */
.section-shadow { -webkit-box-shadow: 0 10px 0 rgba(118, 105, 91, 0.2) inset; box-shadow:  0 10px 0 rgba(118, 105, 91, 0.2) inset; }

@media only screen and (min-width: 1240px) {
.header-stack #Top_bar .logo { margin-bottom: 10px; }
}

#Action_bar .contact_details a:hover {
	text-decoration: none;
}

body #Subheader ul.breadcrumbs li a {
	color: #fff;
	font-weight: 400;
}

body #Subheader ul.breadcrumbs li {
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.8);
}

/*
	background: rgb(157,157,156);
	background: -moz-linear-gradient(top,rgba(80,81,84,1) 100%, rgba(157,157,156,1) 0%);
	background: -webkit-linear-gradient(rgba(80,81,84,1) 100%, top, rgba(157,157,156,1) 0%);
	background: linear-gradient(to bottom, rgba(80,81,84,1) 100%, rgba(157,157,156,1) 0%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505154', endColorstr='#9d9d9c',GradientType=0 );
 */
#Footer {
	background: rgb(157,157,156);
	background: -moz-linear-gradient(top,rgba(80,81,84,1) 100%, rgba(157,157,156,1) 0%);
	background: -webkit-linear-gradient(rgba(80,81,84,1) 100%, top, rgba(157,157,156,1) 0%);
	background: linear-gradient(to bottom, rgba(80,81,84,1) 100%, rgba(157,157,156,1) 0%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505154', endColorstr='#9d9d9c',GradientType=0 );
}

#Footer .footer_copy {
	background-color: #333;
}

	#Footer .footer_copy .one {

	    margin-bottom: 10px;
	    padding-top: 10px;
	    min-height: initial;
	}

	@media only screen and (max-width: 768px){
		#Footer .widgets_wrapper .container .column:nth-child(2){
			display: none;
		}
	}


#Top_bar .search_wrapper .icon_search {
	color: #fff;
}

#Top_bar .search_wrapper input[type="text"]::placeholder {
	color: #fff;

}

@media only screen and (max-width: 959px) and (min-width: 768px)
{
	#Top_bar.is-sticky .menu > li > a span {
		font-size: 14px;
    	padding: 0 10px;
	}
}


#Top_bar.is-sticky .logo {

}

#Top_bar.is-sticky .menu_wrapper {

}



@media only screen and (max-width: 1240px){
	#Top_bar .menu > li > a span:not(.description) {
		padding: 0 13px;
	}

	#Top_bar .menu > li > a {
		font-size: 14px;
	}

	#Top_bar .logo {
		margin: 0 10px 0 10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1240px){

	#Top_bar .logo {
		max-width: 230px;
		margin-left: 0;
		margin-right: 0;
	}

}



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

	#Top_bar > .container {
		max-width: 98%!important;
	}

	#Top_bar .menu > li > a {
		font-size: 12px;
	}

	#Top_bar .logo {
		max-width: 200px;
	}

	#Top_bar .menu > li > a span:not(.description) {
		padding: 0 8px;
	}
}



@media only screen and (max-width: 860px){
	#Top_bar .menu > li > a {
		font-size: 12px;
	}


}

.hpbox-col .trailer_box,
.hpbox-col .trailer_box a, 
.hpbox-col .trailer_box img,
.hpbox-col .trailer_box a:after {
	border-radius: 15px;
}

	.hpbox-col .trailer_box .subtitle {
		font-family: "Allerta", Arial, Tahoma, sans-serif;
	}

	.hpbox-col .trailer_box h2 {
		font-size: 14px;
		line-height: 16px;
		text-shadow: 2px 2px 1px rgba(0,0,0,0.8);
	}


@media only screen and (max-width: 479px){
	.hpbox-col .trailer_box h2 {
		font-size: 14px!important;
		line-height: 16px!important;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px)
{
	.trailer_box .desc {
		top: 0;
	}

	.hpbox-col .trailer_box h2 {
		font-size: 15px!important;
		line-height: 16px!important;
	}
}


@media only screen and (max-width: 1240px) and (min-width: 959px)
{
	.hpbox-col .trailer_box h2 {
		font-size: 18px;
		line-height: 22px;
	}

}

@media (min-width: 1240px)
{
	.trailer_box .desc {
		top: initial;
		bottom: 0;
	}

	.hpbox-col .trailer_box h2 {
		font-size: 20px;
		line-height: 22px;
	}

}

@media(max-width: 767px)
{
	.trailer_box .desc {
		padding: 20px 38px 35px;
	}
}


.general-heading {
	text-decoration: underline;
}


#Action_bar,
.general-button {
	font-family: "Allerta", Arial, Tahoma, sans-serif;
}

.footer-logo {
	max-width: 230px;
	/*padding: 0 25px;*/
	width: 100%;
	height: auto;
}


.hp-box-row .wpb_column .wpb_wrapper {
	background-color: #fff;
	padding-bottom: 15px;
	border-radius: 15px;
}

	.hp-box-row .wpb_column .wpb_wrapper .vc_single_image-wrapper  {
		margin-bottom: 5px;
	}

		.hp-box-row .wpb_column .wpb_wrapper .vc_single_image-wrapper img {
			/*
			border-top-left-radius: 15px;
			border-top-right-radius: 15px; */

			border-radius: 15px;
		}

	.hp-box-row .wpb_column .wpb_wrapper .wpb_text_column {
		padding: 0 15px 0 15px;
	}

	.hp-box-row .wpb_column .wpb_wrapper .wpb_text_column h4 {
		margin-bottom: 8px;
	}


.hp-yt-vid .wpb_video_wrapper {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
	margin-bottom: 0;
}

.hp-yt-vid .wpb_video_wrapper iframe {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.hp-yt-btn {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

	.hp-yt-btn a {
		border-bottom-right-radius: 15px!important;
		border-bottom-left-radius: 15px!important;
	}



.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
	border-radius: 15px;
}


.hp-testimonial-section blockquote {
	color: #fff;
	text-align: center;
}

.hp-testimonial-section a.button {
	border-radius: 99%;
	top: 60px;
	opacity: 0.5;
}

.hp-testimonial-section a.button:hover {
	opacity: 1;
}



@media only screen and (max-width: 767px){
	body.mobile-header-mini #Action_bar {
		display: block;
	}

	body.mobile-header-mini #Action_bar a {
		font-size: 11px;
		line-height: 11px;
	}

	body.mobile-header-mini #Action_bar ul.social {
		display: none;
	}

	#Top_bar #logo img.logo-mobile {
		max-width: 100%;
	}

	#Action_bar .container {
		max-width: 100%!important;
		padding-left: 5px!important;
		padding-right: 5px!important;
	}


	.mobile-header-mini.mobile-mini-mr-lc #Top_bar .logo {
		margin-left: auto;
		margin-right: auto;
	}

}


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

	#Action_bar .contact_details li {
		margin-right: 2px;
	}

}


/* Contact page */

.map-boxes .map-box-column .wpb_raw_code > .wpb_wrapper {
   border-radius: 15px;
   overflow: hidden;
}


.contact-form-box {
    padding: 10px 20px 0px;
    border: 1px solid #bebebe;
	border-radius: 15px;
}

	.contact-form-box h4 {

	}

		.contact-form-box input[type="submit"] {
			border-radius: 15px;
		}

.contact-form-box.footer-contact-form-box {
	background-color: #fff;
	padding: 12px;
	border-radius: 15px;
	border: 3px solid #00b2bb;
}
	.contact-form-box.footer-contact-form-box h4 {
		color: #00b2bb!important;
	}

	.contact-form-box.footer-contact-form-box  span.wpcf7-form-control-wrap {
		margin-bottom: 8px;
	}

	.contact-form-box.footer-contact-form-box input[type="submit"] {
		border-radius: 15px;
		margin: 0;
	}

	.footer-contact-form-box .submit-btn-wrap {
		text-align: center;
	}

	div.wpcf7 .footer-contact-form-box .ajax-loader {
		position: absolute;
	}


.white-text,
.white-text p {
	color: #fff;
}


.no-margin-image.wpb_single_image .vc_single_image-wrapper {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px){
	.no-margin-image.wpb_single_image .vc_single_image-wrapper {
		margin-bottom: 15px;
	}
}


.no-margin-image.no-margin-mobile.wpb_single_image .vc_single_image-wrapper {
	margin-bottom: 0;
}


.wpb_gallery.yoga-for-all-gallery .wpb_gallery_slides.wpb_image_grid,
.wpb_gallery.yoga-for-all-gallery {
	margin-bottom: 0;
}

	.wpb_gallery.yoga-for-all-gallery .wpb_image_grid_ul {
		margin: 0 auto;
		max-width: 465px;
	}


		.wpb_gallery.yoga-for-all-gallery .wpb_image_grid_ul li {

		}


		.wpb_gallery.yoga-for-all-gallery .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul li img {
			border-radius: 15px;
		}


		.wpb_gallery.yoga-for-all-gallery .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item {
			margin: 0 5px 4px 0;
		}



.wpb_gallery.curve-gallery .wpb_gallery_slides.wpb_image_grid,
.wpb_gallery.curve-gallery {
	margin-bottom: 0;
}

	.wpb_gallery.curve-gallery .wpb_image_grid_ul {
		margin: 0 auto;
	}


		.wpb_gallery.curve-gallery .wpb_image_grid_ul li {

		}


		.wpb_gallery.curve-gallery .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul li img {
			border-radius: 15px;
		}


		.wpb_gallery.curve-gallery .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul .isotope-item {
			margin: 0 5px 4px 0;
		}



.wpb_gallery.curve-gallery.priv-yoga .wpb_gallery_slides.wpb_image_grid .wpb_image_grid_ul {
	
	margin: 0 auto;
}


.testimonial-page-list-wrap .testimonials_list .blockquote blockquote {
	white-space: pre-line;
}


.white-tlist .blockquote blockquote {
	color: #fff;
}


.white-tlist .blockquote blockquote:after {
	color: rgba(255,255,255,0.3);
}

.row-double-quotes .blockquote blockquote {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0;
}



.single-_tmy-event #Content {

}

.single-_tmy-event #Content img {
	border-radius: 15px;
}


.event-section-wrap .event-image-wrap {

}

.event-details {
	border: 2px solid #9d9d9c;
	border-radius: 15px;
	padding: 15px;
}

	.event-details .event-info-title h2,
	.event-details .event-info-title h4,
	.event-details .event-info-title h5 {
		display: inline-block;
	}

	.event-details .event-info-title h5 {
		color: red;
		font-style: italic;
	}

	.event-details .event-date-line h4,
	.event-details .event-location h4,
	.event-details .event-price h4 {
		display: inline-block;
		margin: 0;
	}

	.event-details .event-date-line {
		font-size: 20px;
		font-weight: 700;
	}

	.event-details .event-location {
		font-weight: 700;
	}

	.event-details .event-price {
		font-weight: 700;
	}


	.event-details .event-date-line,
	.event-details .event-location,
	.event-details .event-price {
		margin-bottom: 14px;
	}


	.event-details .event-top-text {
		line-height: 22px;
	}


	.event-details .event-detail {
		margin-bottom: 10px;
	}

.event-button-wrap {
	text-align: center;
}

.event-button-wrap a.button.event-button {
	background-color: #00b2bb;
	border-radius: 15px;
	color: #fff;
	font-weight: 700;
	margin: 0;
}



.event-share.section-post-intro-share {
	display: block;
}

	.event-share.section-post-intro-share .share_wrapper {
		float: none;
	}


	.event-share.section-post-intro-share .share_wrapper > span {
		float: none;
	}


.gallery-items .gallery-item {
    padding: 10px;
}

    .gallery-items .gallery-item .gthumb {

    }

    .gallery-items .gallery-item .gallery-overlay {
        position: absolute;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 15px;
        background: rgba(0,0,0,0.3);
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        border-radius: 15px;
    }

	.gallery-items .gallery-item:hover .gallery-overlay {
	    background: rgba(1,182,188,0.7);
	    cursor: pointer;
	    border-radius: 15px;
	}

	.gallery-items .gallery-overlay .gallery-item-link {
		display: block;
		height: 100%;
		width: 100%;
		color: #fff;
	}


	.gallery-items .gallery-item .glinkwrap {
	    display: table;
	    width: 100%;
	    height: 100%;
	}

	    .gallery-items .gallery-item .glinkwrap .inner-link {
	        display: table-cell;
	        vertical-align: middle;
	        text-align: center;
	    }

	        .gallery-items .gallery-item .glinkwrap .inner-link .fa {
	            font-size: 30px;
	            line-height: 30px;
	            color: #fff;
	            height: 30px;
	            width: 30px;
	        }


body.blog #Content,
body.page-template-page-events #Content,
body.page-template-page-share #Content {
	background-color: #eee;
}	

/*
.grid-card-item,
.grid-card-item .card-item {
	border: 1px solid #9d9d9c;
	border-radius: 10px;
	padding: 8px;
}*/

.grid-card-item {
	padding: 8px;
}

.card-item {
	border-radius: 15px;
	background-color: #fff;
	padding-bottom: 10px;
}

	.card-item img {
		border-radius: 15px;
		margin-bottom: 10px;
	}

	.card-item a:hover {
		text-decoration: none;
	}

.card-item.event-card {

}

	.card-item .card-title {
		text-align: center;
		margin-bottom: 6px;
	}

	.card-item .card-text {
		padding: 0 10px;
		text-align: center;
	}

	.card-item .card-footer {

	}


	.card-item .read-more {
		text-align: center;
	}

		.card-item .read-more a.button.card-button {
			background-color: #00b2bb;
			border-radius: 10px;
			color: #fff;
			font-weight: 700;
			margin: 0;
			margin-top: 10px;
		}

		.card-item .card-subtitle {
			text-align: center;
			font-size: 14px;
			font-weight: 700;
		}


		.card-item.card-event .card-subtitle br {
			display: none;
		}


a.button.view-more-past-events {
	background-color: #00b2bb;
	border-radius: 10px;
	color: #fff;
	font-weight: 700;
	margin: 0;
	margin-top: 10px;
}

.Recent_posts.blog_news .date {
	display: none;
}

.Recent_posts.blog_news ul li .desc h6 {
	font-size: 13px;
	line-height: 16px;
	border: none;
	margin: 0;
	padding: 0;
}



.column-grid-index.column {
	margin-bottom: 5px;
}


.share-wall-item * {
	box-sizing: border-box;
}


.share-wall-item {
	border-radius: 15px;
	position: relative;
	width: 100%;
}


.share-wall-item .share-wall-image {
	background-size: cover;
	background-position: center center;
	height: 380px;
	width: 100%;
	border-radius: 15px;
}	


@media (min-width:768px)
{
	.share-wall-item .share-wall-image {
		height: 200px;
	}

}

@media (min-width:960px)
{
	.share-wall-item .share-wall-image {
		height: 230px;
	}
}


@media (min-width:1240px)
{
	.share-wall-item .share-wall-image {
		height: 380px;
	}
}



	.share-wall-item .share-wall-overlay {
		border-radius: 15px;
		background-color: rgba(0,0,0,0.4);
		display: block;
		height: 100%;
		width: 100%;
		
		bottom: 0;
		left: 0;
		position: absolute;
		top: 0;
		right: 0;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;

	}

	.share-wall-item:hover .share-wall-overlay {
		background-color: rgba(1,182,188,0.7);
	}

	.share-wall-item a {
		color: #fff;
		text-decoration: none;
	}
		.share-wall-item:hover a {
			color: #fff;
		}

	.share-wall-item .share-wall-overlay .wall-text-outter-wrap {
		display: table;
		width: 100%;
		height: 100%;
	}

		.share-wall-item .share-wall-overlay .wall-text-outter-wrap .wall-text-inner-wrap {
			width: 100%;
			display: table-cell;
			vertical-align: middle;
		}



	.share-wall-item .share-text-wrap {
		padding: 15px;
		text-align: center;
	}

	.share-wall-item .share-text-wrap .wall-icon {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 15px;
	}

	.share-wall-item .share-text-wrap .wall-title {
		font-family: "Cabin Sketch", Arial, Tahoma, sans-serif;
		font-size: 20px;
		line-height: 20px;
		text-transform: capitalize;

	}

	.share-wall-item .share-text-wrap .wall-caption {

	}

.gallery-items-hidden {
	display: none;
}


/*
.mfp-container {
    left: 0;
    right: 0;
    margin: 0 auto;

    max-width: 90%;

    @include breakpoint(medium) {
        max-width: 1200px;
    }

    img.mfp-img {

        @include breakpoint(medium) {
            max-width: 700px;
        }

        @include breakpoint(large) {
            max-width: 940px;
        }
    }

    @media(min-height:440px)
    {
        img.mfp-img {
            max-height: 420px!important;
        }
    }

    @media(min-height:640px)
    {
        img.mfp-img {
            max-height: 620px!important;
        }
    }

    @media(min-height:940px)
    {
        img.mfp-img {
            max-height: 940px!important;
        }
    }


}
*/

    .mfp-bg {
        background-color: #fff;
        opacity: 0.9;
    }

    .mfp-iframe-holder .mfp-content .mfp-bottom-bar {
         margin-top: 10px;
    }

    .mfp-bottom-bar .mfp-title {
        color: #000;
        text-align: center;
        max-width: 75%;
        margin: 0 auto;
        padding: 0;
        margin-top: 10px;
        font-size: 14px;
    }




.blockquote .timg-wrap {
	display: block;
	text-align: center;
	width: 100%;
}

.testimonial-author .author-thumb {
	float: left;
    padding-bottom: 10px;
}
	
	.testimonial-author .author-thumb span {
	    background: #fff;
	    display: block;
	    border: 1px solid #e5e5e5;
	    margin: 0 15px 0 3px;
	    padding: 2px;
	    width: 60px;
	    height: 60px;
	    border-radius: 99%;
	    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.40);
	    box-shadow: 0 2px 3px rgba(0,0,0,0.40);
	}

		.testimonial-author .author-thumb img {
		    display: block;
		    border-radius: 99%;
		    height: auto;
		    max-width: 100%;
		    vertical-align: middle;
		}



h1.no-titlecase,
h2.no-titlecase,
h3.no-titlecase,
h4.no-titlecase,
h5.no-titlecase,
h6.no-titlecase {
	text-transform: none;
}

body.page-template-page-testimonial.page #Content {
	padding-top: 0;
}

.testimonial-page-wrap .testimonial-section {
	background-color: #eee;
	padding: 30px 0;
}


.testimonial-page-wrap .testimonial-section:nth-child(2n) {
	background-color: #fff;
}

.testimonial-page-wrap .testimonials_list .item.no-img .desc {
	margin-bottom: 0;
}	



.gallery-shortcode {
	box-sizing: border-box;
}
	.gallery-shortcode * {
		box-sizing: border-box;
	}

	.gallery-shortcode .gallery-img {
		display: inline-block;
		padding: 4px;
		width: 33.33%;
	}
		.gallery-shortcode .gallery-img a {
			position: relative;
			display: block;
			border-radius: 15px;
			height: 100%;
			width: 100%;
			text-align: center;

		}


			.gallery-shortcode .gallery-img a .gallery-shortcode-overlay {
				position: absolute;
				border-radius: 15px;
				background: transparent;
		        -webkit-transition: all 500ms ease-in-out;
		        -moz-transition: all 500ms ease-in-out;
		        -ms-transition: all 500ms ease-in-out;
		        -o-transition: all 500ms ease-in-out;
		        transition: all 500ms ease-in-out;
		        left: 0;
		        right: 0;
		        top: 0;
		        bottom: 0;
		        width: 100%;
		        height: 100%;
			}


			.gallery-shortcode .gallery-img a:hover .gallery-shortcode-overlay {
       	 		background: rgba(1,182,188,0.7);
			}

			.gallery-shortcode .gallery-img a img {
				border-radius: 15px;
				display: block;
				margin: 0 auto;
				
			}



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

	.gallery-shortcode .gallery-img {
		width: 50%;
	}

	.gallery-shortcode .gallery-img:last-child {
		display: none;
	}
}


@media only screen and (max-width: 1240px){
	br.large {
		display: none;
	}

}

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

	#homepage-whatdo-heading {
		text-align: center!important;
	}

	.hp-about-text {
		text-align: center;
		font-size: 16px;
		line-height: 18px;
	}

	.hp-testimonial-btn-bottom {
		text-align: center!important;
	}

	.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
		padding: 2px 2px 10px;
	    margin-bottom: 20px;
	}

	.testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote {
		margin-left: 0;
		margin-bottom: 15px;

	}

}

#Footer a {
	word-break: break-all;
}


.vid-curved .wpb_video_wrapper {
	
	overflow: hidden;
	margin-bottom: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.vid-curved .wpb_video_wrapper iframe {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.vid-curved-caption {
	padding: 6px 2px;
	background-color: #01b6bc;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	color: #fff;
    top: -2px;
    position: relative;
}


a.lozbtn,
a.inline-button {
	display: inline-block;
	border-radius: 10px;
	background-color: #00b2bb;
	border: 1px solid #00b2bb;
	color: #fff;
	padding: 4px 8px;
	text-decoration: none;
	font-weight: 700;
}
	a.lozbtn:hover,
	a.inline-button:hover {
		text-decoration: none;
		background-color: #fff;
		color: #00b2bb;
	}



/** Membership **/

body.page-template-page-membership #Subheader {
	display: none;
}

body.page-template-page-membership.logged-in #Subheader {
	display: block;
}

body.page-template-page-membership .breadcrumbs {
	display: none!important;
}

body.single-_tmy-course #Subheader {
	display: none;
}


.tmy-members-dashboard {
	min-height: 500px;

}
	
	.tmy-login-form-wrapper {
		text-align: center;
	}

		.tmy-login-form-wrapper form {
			text-align: center;
		}
			.tmy-login-form-wrapper form input {
				margin: 5px auto!important;
			}



.no-course-results {
	text-align: center;
}


.course-type-wrap h1 {
	text-align: center;
}



.dashboard-wrapper {

}

	.dashboard-wrapper .dashboard-intro {
		margin-bottom: 30px;
	}

		.dashboard-wrapper .dashboard-intro img.member-logo {
			max-width: 200px;
			max-height: 120px;
			display: inline-block;
			float: left;
			margin-top: 0;
			margin-bottom: 5px;
			margin-right: 10px;
		}


.course-item-grid-wrapper {
	margin-bottom: 30px;
}

.course-title-wrapper {
	margin-bottom: 10px;
	position: relative;
}

	.course-title-wrapper > a {
		text-decoration: none;
	}

	.course-title-wrapper h3,
	.course-title-wrapper h4 {
		margin-bottom: 0;
	}

	.course-title-wrapper .course-view-more {
		position: absolute;
		top: 0;
		right: 0;
	}

		.course-title-wrapper .course-view-more a {
			text-decoration: none;
		}

			.course-title-wrapper .course-view-more a:hover {
				color: #505154;
			}

	@media(max-width: 767px)
	{
		.course-title-wrapper .course-view-more {
			display: none;
		}
	}


.dashboard-wrapper .courses-grid .course-title-wrapper .course-overview {
	font-size: 14px;
	line-height: 16px;
}




.course-item-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-bottom: 0;
}

	.course-item-grid * {
		box-sizing: border-box;
	}

	.course-item-grid .course-item {
		width: 50%;
		padding: 0 3px;
		margin: 0 0 15px 0;
	}	

		.course-item-grid .course-item a {
			display: block;
			opacity: 1;
			transition: opacity 300ms;
		}

			.course-item-grid .course-item a:hover {
				opacity: 0.8;
			}

				.course-item-grid .course-item a:hover .course-image,
				.course-item-grid .course-item a:hover .course-title {
					border-color: #505154;
				}

				.course-item-grid .course-item a:hover .course-title {
					border-top-color: #01b6bc;
				}

		.course-item-grid .course-item .course-image {
			display: block;
			margin: 0;
			border-top-right-radius: 15px;
			border-top-left-radius: 15px;
			border: 1px solid #01b6bc;
			border-bottom: 0;
		}

			.course-item-grid .course-item .course-image img {
				display: block;
				margin: 0;
				border-top-right-radius: 15px;
				border-top-left-radius: 15px;
			}

		.course-item-grid .course-item .course-title {
			background-color: #01b6bc;
			color: #fff;
			text-align: center;
			padding: 4px 6px;

			border: 1px solid #01b6bc;
			border-bottom-right-radius: 15px;
			border-bottom-left-radius: 15px;

			font-size: 12px;
			line-height: 13px; 
			font-weight: 700;
		}

@media(min-width: 767px)
{
	.course-item-grid .course-item {
		width: 25%;
		padding: 0 15px;
		margin: 0 0 30px 0;
	}
}

/* fix */

.course-item-grid .course-item {
	position: relative;
}

	.course-item-grid .course-item a {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
	}

		.course-item-grid .course-item .course-title {
			width: 100%;
			align-self: flex-end;
			height: 100%;
			justify-content: center;
		}

			.course-item-grid .course-item .course-title > span {
			    display: flex;
			    width: 100%;
			    height: 100%;
			    justify-content: center;
			    flex-direction: column;
			}


.course-after-item-grid {

}

	.course-after-item-grid .course-view-more {
		text-align: center;
	}
		.course-after-item-grid .course-view-more .lozbtn {
			font-size: 12px;
			line-height: 12px;
		}




.single-course-title-wrapper {
	position: relative;
}

	.single-course-title-wrapper h1 {

	}

	.cs-title-wrapper .return-to-dashboard,
	.single-course-title-wrapper .return-to-dashboard {
		position: absolute;
		left: 0;
		top: -30px;
	}

		.cs-title-wrapper .return-to-dashboard a,
		.single-course-title-wrapper .return-to-dashboard a {
			text-decoration: none;
			color: #505154;
			font-weight: 700;
		}

			.cs-title-wrapper .return-to-dashboard a:hover,
			.single-course-title-wrapper .return-to-dashboard a:hover {
				color: #01b6bc;
			}

.cs-wrap .cs-title-wrapper {
	position: relative;
	text-align: center;
	margin-bottom: 15px;
}

	.cs-title-wrapper h1,
	.cs-title-wrapper h3,
	.cs-title-wrapper h4 {
		margin: 0;
	}

	.cs-title-wrapper .cs-subtitle,
	.cs-title-wrapper .cs-subtitle a {
		color: #505154;
		font-size: 16px;
		line-height: 18px;
	}

	.cs-title-wrapper .cs-subtitle a:hover {
		color: #01b6bc;
	}

	.cs-title-wrapper .cs-length {
		text-align: center;
		font-size: 14px;
		line-height: 14px;
		margin-top: 5px;
	}


.cs-content {

}

.cs-video-embed-wrapper {
	display: block;
	width: 100%;
	height: auto;
}


	.cs-video-embed-wrapper iframe,
	.cs-video-embed-wrapper .cs-youtube-embed {
		width: 100%;
		height: 220px;
	}

@media(min-width: 768px)
{
	.cs-video-embed-wrapper iframe,
	.cs-video-embed-wrapper .cs-youtube-embed {
		width: 100%;
		height: 520px;
	}
}


.cs-video-helper-text {
	text-align: left;
}

	.cs-video-helper-text .top-section {
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
		cursor: pointer;
	}

		.cs-video-helper-text .top-section i {
			color: #00b2bb;
			font-size: 24px;
			line-height: 24px;
		}

		.cs-video-helper-text .top-section img {
			max-height: 16px;
			margin: 0;
			display: inline;
		}

	.cs-video-helper-text .bottom-section {
		display: none;
		font-size: 14px;
		line-height: 16px;
		max-width: 600px;
		margin-left: 0;
		margin-right: auto;
		overflow: hidden;
	}

		.cs-video-helper-text .bottom-section img {
			max-height: 14px;
		}

.cs-content-text-wrapper {
	display: flex;
	box-sizing: border-box;
	margin: 15px auto;
}

	.cs-content-text-wrapper * {
		box-sizing: border-box;
	}

	.cs-content-text-wrapper .cs-main-text {
		width: 70%;
	}

	.cs-content-text-wrapper .cs-course-requirements {
		width: 30%;
		padding-left: 20px;
	}

		.cs-content-text-wrapper .cs-course-requirements h4 {
			margin: 0;
		}

		.cs-content-text-wrapper .cs-course-requirements ul {
		    list-style-type: circle;
		    padding-left: 30px;
		}


.cs-content-text-wrapper.single-col .cs-main-text {
	width: 100%;
}

.cs-content-text-wrapper.single-col .cs-course-requirements {
	padding-left: 0;
	width: 100%;
}


.cs-section-navigation {
	display: flex;
	flex-direction: row;
	width: 100%;
}

	.cs-section-navigation .cs-section-prev {
		margin-right: auto;
		margin-left: 0;
	}

	.cs-section-navigation .cs-section-next {
		margin-left: auto;
		margin-right: 0;
	}

	.cs-section-navigation .cs-section-prev a,
	.cs-section-navigation .cs-section-next a {
		text-decoration: none;
	}

.event-details {
	margin: 0 10px 10px 10px;
}


.page-template-page-share .share-grid_column_attr.column_attr {
	flex-grow: 1;
}


.single-_tmy-course #Content {
	padding-bottom: 30px;
}

body.home .has_content .the_content_wrapper {
	margin-bottom: 0;
}

.about-chronic-badge img {
	max-width: 150px;
}

@media(max-width: 767px)
{
	.about-chronic-badge {
		text-align: center;
	}
}


/* =====================================================================
   THE EARTH MAMA: Wilderness Programme page
   themotorcyclingyogi.co.uk/wilderness-programme  (Page ID 4004)
   Scope: body.page-wilderness-programme  ·  BeTheme (classic header) + WPBakery

   Fonts: Fraunces (headings, italic captions) + Nunito Sans (body).
   Load them with the functions.php snippet. If they're missing, everything
   falls back to Georgia / system sans, so nothing breaks.

   WPBakery "Extra class name" hooks (all optional; the base styles work without them):
     em-hero             Row           Forest header image row (Stretch row + bg image)
     em-eyebrow          Text Block    Small uppercase label above a heading
     em-narrow           Row / Column  Keeps text to a comfortable reading width
     em-section          Row           Standard breathing room top and bottom
     em-section-sage     Row           Pale sage band
     em-section-forest   Row           Deep forest band (testimonials + CTA)
     em-pullquote        Text Block    The italic caption lines, pulled out
     em-testimonial      Text Block    One testimonial each (put the name on its own line)
     em-organic          Single Image  Leaf-shaped corners instead of plain rounded
     em-logo             Single Image  Earth Mama logo as a round badge
     em-social           Raw HTML      Facebook / Instagram buttons (see social-buttons.html)
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. Palette + tokens
   --------------------------------------------------------------------- */
body.page-wilderness-programme {
  --em-forest:      #2E4A36;   /* deep forest green: headings, buttons      */
  --em-forest-deep: #22382A;   /* darker forest: footer, hover              */
  --em-moss:        #5A6E45;   /* moss: italic captions (AA on linen/sage)  */
  --em-sage:        #A9B89A;   /* sage: decorative only (lines, leaves)     */
  --em-sage-light:  #CBD6B8;   /* light sage: accents on dark green         */
  --em-mist:        #E8ECDF;   /* pale sage band background                 */
  --em-earth:       #7A5638;   /* earth brown: labels, names, hover         */
  --em-bracken:     #A65A26;   /* bracken (from her photos): focus ring     */
  --em-charcoal:    #2F3431;   /* body copy                                 */
  --em-linen:       #F6F2EA;   /* page background                           */

  /* Caption colour in one place: swap to var(--em-earth) for brown captions */
  --em-caption: var(--em-moss);

  --em-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --em-sans:  "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --em-radius: 22px;

  background-color: var(--em-linen);
}

.page-wilderness-programme #Wrapper {
  background-color: var(--em-linen);
}

/* The page slowly gets greener as you scroll, like walking into the trees */
.page-wilderness-programme #Content {
  padding-top: 0;
  background: linear-gradient(180deg,
      var(--em-linen) 0%,
      var(--em-linen) 30%,
      #EEF0E5 70%,
      var(--em-mist) 100%);
  color: var(--em-charcoal);
  font-family: var(--em-sans);
  font-size: 1.125rem;
  line-height: 1.75;
}


/* ---------------------------------------------------------------------
   2. Body copy
   18px / 1.75 on purpose: the audience may be reading through fatigue,
   brain fog or low vision, so size and spacing matter.
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content p,
.page-wilderness-programme #Content li {
  font-family: var(--em-sans);
  font-size: 1.125rem;
  line-height: 1.75;
  font-weight: 400;
  color: var(--em-charcoal);
}

.page-wilderness-programme #Content p {
  margin: 0 0 1.1em;
}

.page-wilderness-programme #Content .wpb_wrapper > p:last-child {
  margin-bottom: 0;
}

.page-wilderness-programme #Content strong,
.page-wilderness-programme #Content b {
  font-weight: 700;
  color: var(--em-forest-deep);
}

.page-wilderness-programme #Content p a,
.page-wilderness-programme #Content li a {
  color: var(--em-forest);
  text-decoration: underline;
  text-decoration-color: var(--em-sage);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  transition: color .2s ease, text-decoration-color .2s ease;
}

.page-wilderness-programme #Content p a:hover,
.page-wilderness-programme #Content li a:hover {
  color: var(--em-earth);
  text-decoration-color: currentColor;
}


/* ---------------------------------------------------------------------
   3. Headings: soft serif, forest green
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content h1,
.page-wilderness-programme #Content h2,
.page-wilderness-programme #Content h3,
.page-wilderness-programme #Content h4 {
  font-family: var(--em-serif);
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 100, "WONK" 0;
  font-weight: 400;
  font-style: normal;
  color: var(--em-forest);
  letter-spacing: -0.01em;
  text-transform: none;
  margin: 0 0 .6em;
}

.page-wilderness-programme #Content h1 {
  font-size: clamp(2.5rem, 1.6rem + 3.4vw, 4.25rem);
  line-height: 1.06;
}

.page-wilderness-programme #Content h2 {
  font-size: clamp(1.9rem, 1.45rem + 1.7vw, 2.75rem);
  line-height: 1.16;
}

.page-wilderness-programme #Content h3 {
  font-size: clamp(1.4rem, 1.2rem + .8vw, 1.75rem);
  line-height: 1.3;
}

.page-wilderness-programme #Content h4 {
  font-size: 1.25rem;
  line-height: 1.35;
  font-weight: 500;
}

/* Small uppercase label above a heading (Text Block class: em-eyebrow) */
.page-wilderness-programme #Content .em-eyebrow p,
.page-wilderness-programme #Content p.em-eyebrow {
  font-family: var(--em-sans);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--em-earth);
  margin-bottom: .9rem;
}

.page-wilderness-programme #Content .em-eyebrow {
  margin-bottom: 0;
}


/* ---------------------------------------------------------------------
   4. Italic captions: pulled out in moss, in the serif italic.
      Applies to any <em>/<i> in the copy automatically.
      (i:not([class]) leaves icon-font <i class="icon-…"> alone)
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content em,
.page-wilderness-programme #Content i:not([class]) {
  font-family: var(--em-serif);
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 100, "WONK" 0;
  font-style: italic;
  font-size: 1.06em;             /* the serif runs a touch smaller than the sans */
  color: var(--em-caption);
}

/* Stand-alone caption lines: give the Text Block the class em-pullquote.
   Also catches WordPress's own blockquote button, for consistency. */
.page-wilderness-programme #Content .em-pullquote,
.page-wilderness-programme #Content blockquote {
  position: relative;
  max-width: 44rem;
  margin: clamp(2rem, 4vw, 3.25rem) auto;
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
}

.page-wilderness-programme #Content .em-pullquote::before,
.page-wilderness-programme #Content blockquote::before {
  content: "";
  position: static;
  display: block;
  width: 56px;
  height: 2px;
  margin: 0 auto 1.4rem;
  background: var(--em-sage);
  border-radius: 2px;
}

.page-wilderness-programme #Content blockquote::after {
  content: none;
}

.page-wilderness-programme #Content .em-pullquote p,
.page-wilderness-programme #Content .em-pullquote em,
.page-wilderness-programme #Content blockquote,
.page-wilderness-programme #Content blockquote p,
.page-wilderness-programme #Content blockquote em {
  font-family: var(--em-serif);
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 100, "WONK" 0;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.45rem, 1.1rem + 1.4vw, 2.05rem);
  line-height: 1.4;
  color: var(--em-caption);
}


/* ---------------------------------------------------------------------
   5. Lists: small leaf bullets instead of dots
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content .wpb_text_column ul {
  list-style: none;
  margin: 0 0 1.5em;
  padding: 0;
}

.page-wilderness-programme #Content .wpb_text_column ul li {
  position: relative;
  list-style: none;
  padding-left: 2rem;
  margin: 0 0 .7em;
}

.page-wilderness-programme #Content .wpb_text_column ul li::before {
  content: "";
  position: absolute;
  left: .25rem;
  top: .5em;
  width: .8rem;
  height: .8rem;
  background: var(--em-moss);
  border-radius: 0 100% 0 100%;   /* leaf shape */
}

.page-wilderness-programme #Content .wpb_text_column ul li:nth-child(even)::before {
  background: var(--em-sage);
}


/* ---------------------------------------------------------------------
   6. Images: soft corners, gentle shadow
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content .wpb_single_image .vc_single_image-wrapper {
  border-radius: var(--em-radius);
  overflow: hidden;
  box-shadow: 0 22px 44px -26px rgba(34, 56, 42, .55);
}

.page-wilderness-programme #Content .wpb_single_image img {
  display: block;
  border-radius: var(--em-radius);
}

/* Leaf-shaped corners (Single Image class: em-organic) */
.page-wilderness-programme #Content .em-organic .vc_single_image-wrapper,
.page-wilderness-programme #Content .em-organic img {
  border-radius: 110px 22px 110px 22px;
}

/* Earth Mama logo as a round white badge (Single Image class: em-logo).
   The supplied PNG has a solid white background, which is why it sits in a white circle. */
.page-wilderness-programme #Content .em-logo .vc_single_image-wrapper {
  border-radius: 50%;
  overflow: visible;
  box-shadow: none;
}

.page-wilderness-programme #Content .em-logo img {
  width: clamp(130px, 16vw, 180px);
  height: auto;
  padding: 8px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 14px 36px -14px rgba(20, 32, 24, .6);
}


/* ---------------------------------------------------------------------
   7. Layout helpers
   --------------------------------------------------------------------- */

/* Comfortable reading width (Row or Column class: em-narrow) */
.page-wilderness-programme #Content .em-narrow .vc_column-inner > .wpb_wrapper {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
}

/* Only top/bottom padding: WPBakery sets left/right inline on stretched rows */
.page-wilderness-programme #Content .em-section,
.page-wilderness-programme #Content .em-section-sage,
.page-wilderness-programme #Content .em-section-forest {
  padding-top: clamp(3rem, 6vw, 5.5rem);
  padding-bottom: clamp(3rem, 6vw, 5.5rem);
}

/* Pale sage band */
.page-wilderness-programme #Content .em-section-sage {
  background-color: var(--em-mist);
}

/* Not stretched: show it as a soft rounded panel instead */
.page-wilderness-programme #Content .em-section-sage:not([data-vc-full-width]),
.page-wilderness-programme #Content .em-section-forest:not([data-vc-full-width]) {
  border-radius: calc(var(--em-radius) * 1.6);
  padding-left: clamp(.5rem, 3vw, 2rem);
  padding-right: clamp(.5rem, 3vw, 2rem);
}

/* Deep forest band, with a soft pool of dappled light */
.page-wilderness-programme #Content .em-section-forest {
  background-color: var(--em-forest);
  background-image:
    radial-gradient(ellipse 60% 55% at 18% 0%, rgba(203, 214, 184, .16), transparent 70%),
    radial-gradient(ellipse 50% 50% at 90% 100%, rgba(166, 90, 38, .12), transparent 70%);
}

/* Curved top edge when stretched: mirrors the hero's curved bottom */
.page-wilderness-programme #Content .em-section-forest[data-vc-full-width] {
  border-top-left-radius: 50% 56px;
  border-top-right-radius: 50% 56px;
}

.page-wilderness-programme #Content .em-section-forest h1,
.page-wilderness-programme #Content .em-section-forest h2,
.page-wilderness-programme #Content .em-section-forest h3,
.page-wilderness-programme #Content .em-section-forest h4 {
  color: var(--em-linen);
}

.page-wilderness-programme #Content .em-section-forest p,
.page-wilderness-programme #Content .em-section-forest li {
  color: rgba(246, 242, 234, .9);
}

.page-wilderness-programme #Content .em-section-forest em,
.page-wilderness-programme #Content .em-section-forest i:not([class]),
.page-wilderness-programme #Content .em-section-forest .em-pullquote p,
.page-wilderness-programme #Content .em-section-forest .em-pullquote em {
  color: var(--em-sage-light);
}

.page-wilderness-programme #Content .em-section-forest .em-eyebrow p,
.page-wilderness-programme #Content .em-section-forest p.em-eyebrow {
  color: var(--em-sage-light);
}

.page-wilderness-programme #Content .em-section-forest .wpb_text_column ul li::before {
  background: var(--em-sage);
}

/* WPBakery separator lines in sage */
.page-wilderness-programme #Content .vc_separator .vc_sep_line {
  border-color: var(--em-sage);
}


/* ---------------------------------------------------------------------
   8. Hero: the forest header image
   Row settings: Stretch row (and content optional), Design Options >
   background image, "Cover". Leave Full height off; the min-height below handles it.
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content .em-hero {
  position: relative;
  display: flex !important;
  align-items: center;
  min-height: clamp(440px, 74vh, 780px);
  padding-top: clamp(3rem, 8vh, 6rem);
  padding-bottom: clamp(4rem, 10vh, 7rem);
  margin-bottom: clamp(1rem, 2vw, 2rem);
  background-size: cover !important;
  background-position: center 45% !important;
  border-bottom-left-radius: 50% 56px;
  border-bottom-right-radius: 50% 56px;
  overflow: hidden;
}

/* Green wash over the photo so the title is legible and the tone is calm */
.page-wilderness-programme #Content .em-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 60% at 50% 55%, rgba(24, 38, 29, .45), transparent 75%),
    linear-gradient(180deg, rgba(34, 56, 42, .30) 0%, rgba(34, 56, 42, .42) 55%, rgba(22, 35, 27, .72) 100%);
}

.page-wilderness-programme #Content .em-hero > .wpb_column {
  position: relative;
  z-index: 1;
  width: 100%;
  float: none;
}

.page-wilderness-programme #Content .em-hero .wpb_wrapper {
  text-align: center;
}

.page-wilderness-programme #Content .em-hero h1,
.page-wilderness-programme #Content .em-hero h2 {
  color: var(--em-linen);
  max-width: 16ch;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 0 2px 28px rgba(0, 0, 0, .35);
}

.page-wilderness-programme #Content .em-hero p {
  color: rgba(246, 242, 234, .92);
  font-size: clamp(1.1rem, 1rem + .4vw, 1.3rem);
  text-shadow: 0 1px 16px rgba(0, 0, 0, .4);
}

.page-wilderness-programme #Content .em-hero em {
  color: var(--em-sage-light);
}

.page-wilderness-programme #Content .em-hero .em-eyebrow p,
.page-wilderness-programme #Content .em-hero p.em-eyebrow {
  font-size: .82rem;
  color: var(--em-sage-light);
}

/* WPBakery's clearfix pseudo isn't needed in the flex hero */
.page-wilderness-programme #Content .em-hero::after {
  content: none;
}

.page-wilderness-programme #Content .em-hero .wpb_single_image {
  margin-bottom: 1.75rem;
}


/* ---------------------------------------------------------------------
   9. Testimonials (Text Block class: em-testimonial)
   Put the quote in one paragraph and the name in its own paragraph after it.
   The CSS draws the opening quote mark, so leave the typed ones out.
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content .em-testimonial {
  text-align: center;
  padding: 0 .5rem;
}

.page-wilderness-programme #Content .em-testimonial::before {
  content: "\201C";
  display: block;
  height: 2.6rem;
  margin-bottom: .4rem;
  font-family: var(--em-serif);
  font-size: 5rem;
  line-height: 1;
  color: var(--em-sage);
}

.page-wilderness-programme #Content .em-testimonial p,
.page-wilderness-programme #Content .em-testimonial em {
  font-family: var(--em-serif);
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 100, "WONK" 0;
  font-style: italic;
  font-size: clamp(1.2rem, 1.05rem + .5vw, 1.4rem);
  line-height: 1.5;
  color: var(--em-forest);
}

/* The name line */
.page-wilderness-programme #Content .em-testimonial p:last-child:not(:first-child) {
  margin-top: 1.1rem;
  font-family: var(--em-sans);
  font-style: normal;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--em-earth);
}

.page-wilderness-programme #Content .em-section-forest .em-testimonial p,
.page-wilderness-programme #Content .em-section-forest .em-testimonial em {
  color: var(--em-linen);
}

.page-wilderness-programme #Content .em-section-forest .em-testimonial p:last-child:not(:first-child) {
  color: var(--em-sage-light);
}


/* ---------------------------------------------------------------------
   10. Buttons: WPBakery Button (vc_btn3) and BeTheme Button (a.button)
   Soft pill, forest green; warms to earth brown on hover.
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content .vc_btn3,
.page-wilderness-programme #Content a.button {
  display: inline-block;
  font-family: var(--em-sans);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  color: var(--em-linen);
  background-color: var(--em-forest);
  background-image: none;
  border: 2px solid var(--em-forest);
  border-radius: 999px;
  padding: 1.05em 2.4em;
  box-shadow: 0 14px 30px -16px rgba(34, 56, 42, .7);
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

.page-wilderness-programme #Content a.button .button_label {
  padding: 0;
  color: inherit;
}

.page-wilderness-programme #Content .vc_btn3:hover,
.page-wilderness-programme #Content .vc_btn3:focus,
.page-wilderness-programme #Content a.button:hover,
.page-wilderness-programme #Content a.button:focus {
  color: var(--em-linen);
  background-color: var(--em-earth);
  border-color: var(--em-earth);
  transform: translateY(-2px);
}

.page-wilderness-programme #Content .vc_btn3:focus-visible,
.page-wilderness-programme #Content a.button:focus-visible,
.page-wilderness-programme #Content .em-social a:focus-visible {
  outline: 3px solid var(--em-bracken);
  outline-offset: 3px;
}

/* Inverted on the forest band */
.page-wilderness-programme #Content .em-section-forest .vc_btn3,
.page-wilderness-programme #Content .em-section-forest a.button {
  color: var(--em-forest-deep);
  background-color: var(--em-linen);
  border-color: var(--em-linen);
  box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .5);
}

.page-wilderness-programme #Content .em-section-forest .vc_btn3:hover,
.page-wilderness-programme #Content .em-section-forest .vc_btn3:focus,
.page-wilderness-programme #Content .em-section-forest a.button:hover,
.page-wilderness-programme #Content .em-section-forest a.button:focus {
  color: var(--em-forest-deep);
  background-color: var(--em-sage-light);
  border-color: var(--em-sage-light);
}


/* ---------------------------------------------------------------------
   11. Social buttons (markup in social-buttons.html → WPBakery Raw HTML)
   --------------------------------------------------------------------- */
.page-wilderness-programme #Content .em-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem 1rem;
  margin: 1.75rem 0 0;
}

.page-wilderness-programme #Content .em-social a {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .7em 1.4em;
  font-family: var(--em-sans);
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 1.2;
  text-decoration: none;
  color: var(--em-forest);
  background: transparent;
  border: 2px solid var(--em-sage);
  border-radius: 999px;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.page-wilderness-programme #Content .em-social a:hover {
  color: var(--em-linen);
  background-color: var(--em-forest);
  border-color: var(--em-forest);
}

.page-wilderness-programme #Content .em-social svg {
  width: 1.15em;
  height: 1.15em;
  flex: none;
}

.page-wilderness-programme #Content .em-section-forest .em-social a {
  color: var(--em-linen);
  border-color: rgba(203, 214, 184, .55);
}

.page-wilderness-programme #Content .em-section-forest .em-social a:hover {
  color: var(--em-forest-deep);
  background-color: var(--em-sage-light);
  border-color: var(--em-sage-light);
}


/* ---------------------------------------------------------------------
   12. Theme chrome: header, subheader, footer
   Selectors assume BeTheme's classic header/footer. If the site uses a
   BeBuilder header/footer template, these need retargeting.
   --------------------------------------------------------------------- */

/* Subheader (title bar + breadcrumbs): the hero replaces it */
.page-wilderness-programme #Subheader {
  display: none;
}

/* Header: warm linen instead of white, charcoal menu, moss for current/hover */
.page-wilderness-programme #Header_wrapper {
  background-color: var(--em-linen);
  background-image: none;
}

.page-wilderness-programme #Top_bar,
.page-wilderness-programme #Top_bar.is-sticky {
  background-color: var(--em-linen);
}

.page-wilderness-programme #Top_bar .menu > li > a {
  color: var(--em-charcoal);
}

.page-wilderness-programme #Top_bar .menu > li > a:hover,
.page-wilderness-programme #Top_bar .menu > li.hover > a,
.page-wilderness-programme #Top_bar .menu > li.current-menu-item > a,
.page-wilderness-programme #Top_bar .menu > li.current-menu-ancestor > a,
.page-wilderness-programme #Top_bar .menu > li.current_page_ancestor > a {
  color: var(--em-moss);
}

.page-wilderness-programme #Top_bar .menu > li ul {
  background-color: var(--em-linen);
}

.page-wilderness-programme #Top_bar .menu > li ul li a {
  color: var(--em-charcoal);
}

.page-wilderness-programme #Top_bar .menu > li ul li a:hover,
.page-wilderness-programme #Top_bar .menu > li ul li.hover > a,
.page-wilderness-programme #Top_bar .menu > li ul li.current-menu-item > a {
  color: var(--em-forest);
}

.page-wilderness-programme #Top_bar .responsive-menu-toggle {
  color: var(--em-forest);
}

/* Optional: swap the TMY header logo for The Earth Mama.
   Upload a logo (ideally a transparent PNG) to Media, paste its URL in, then
   delete the comment markers. At header size the ring text won't be legible;
   the badge in the hero is where the logo really shows.

.page-wilderness-programme #Top_bar #logo {
  background: url("PASTE-LOGO-URL-HERE") left center / contain no-repeat;
  background-origin: content-box;
}
.page-wilderness-programme #Top_bar #logo img {
  visibility: hidden;
}
*/

/* Footer: hide the yoga widgets and social icons; keep a slim forest copyright
   bar so the privacy/legal links stay reachable.
   To hide the footer completely instead, use:
   .page-wilderness-programme #Footer { display: none; }                  */
.page-wilderness-programme #Footer .widgets_wrapper,
.page-wilderness-programme #Footer .footer_copy .social,
.page-wilderness-programme #Footer .footer_copy .social-menu {
  display: none;
}

.page-wilderness-programme #Footer {
  background-color: var(--em-forest-deep);
  background-image: none;
}

.page-wilderness-programme #Footer .footer_copy {
  border-top: 0;
}

.page-wilderness-programme #Footer .footer_copy,
.page-wilderness-programme #Footer .footer_copy .copyright,
.page-wilderness-programme #Footer .footer_copy a {
  color: var(--em-sage-light);
}

.page-wilderness-programme #back_to_top {
  color: var(--em-linen);
  background-color: var(--em-forest);
}


/* ---------------------------------------------------------------------
   13. Mobile (WPBakery stacks columns below 768px)
   --------------------------------------------------------------------- */
@media (max-width: 767px) {
  .page-wilderness-programme #Content,
  .page-wilderness-programme #Content p,
  .page-wilderness-programme #Content li {
    font-size: 1.0625rem;
  }

  .page-wilderness-programme #Content .em-hero {
    min-height: 420px;
    border-bottom-left-radius: 50% 28px;
    border-bottom-right-radius: 50% 28px;
  }

  .page-wilderness-programme #Content .em-section-forest[data-vc-full-width] {
    border-top-left-radius: 50% 28px;
    border-top-right-radius: 50% 28px;
  }

  /* Breathing room between stacked text and image columns */
  .page-wilderness-programme #Content .wpb_column + .wpb_column {
    margin-top: 1.5rem;
  }

  .page-wilderness-programme #Content .em-testimonial {
    margin-bottom: 2.75rem;
  }

  .page-wilderness-programme #Content .em-organic .vc_single_image-wrapper,
  .page-wilderness-programme #Content .em-organic img {
    border-radius: 70px 18px 70px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-wilderness-programme #Content .vc_btn3,
  .page-wilderness-programme #Content a.button,
  .page-wilderness-programme #Content .em-social a {
    transition: none;
  }

  .page-wilderness-programme #Content .vc_btn3:hover,
  .page-wilderness-programme #Content a.button:hover {
    transform: none;
  }
}


.page-wilderness-programme .has_content .the_content_wrapper {
	margin-bottom: 0;
}