/*
	Theme Name: Genesis Sample
	Theme URI: http://www.studiopress.com/
	Description: This is the sample theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 2.2.5

	Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.2.3

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
    font-family: 'manustrialregular';       
    src: url('../eot/mns_trial-webfont.eot');
    src: url('../eot/mns_trial-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../woff2/mns_trial-webfont.woff2') format('woff2'),
         url('../woff/mns_trial-webfont.woff') format('woff'),
         url('../ttf/mns_trial-webfont.ttf') format('truetype'),
         url('../svg/mns_trial-webfont.svg#manustrialregular') format('svg');         
    	font-weight: normal;
    	font-style: normal; 
    	font-display: swap;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

.more-link {
    position: relative;
}

/*<RESET>*/
* { padding: 0; border: 0; margin: 0; }
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a { text-decoration: none; }
a:focus { outline: none;}

@media only screen and (min-width: 900px) { 
a { -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
a:hover { opacity: 0.8; cursor: pointer; }
}

input[type="submit"]:hover { opacity: 0.8; cursor: pointer; }

ul	{ list-style-type: none; }

li { list-style:none; } 
input[type="submit"] { border: 0; outline: 0;}
img { box-shadow: 0 0 0 transparent !important; border-radius: 0 !important;}
.widget img { max-width: none;} 

html { margin-top: 0 !important; }
body .site {
    box-shadow: 0 0 0 transparent;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 ;
	background-color: #fff !important;
	max-width: none;
}

::-webkit-input-placeholder { color: #a29f9f; opacity: 1;}
:-moz-placeholder { color: #a29f9f; opacity: 1;}
::-moz-placeholder { color: #a29f9f; opacity: 1;}
:-ms-input-placeholder { color: #a29f9f; opacity: 1;}

.select { 
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;   
   -webkit-border-radius: 0;     
   -moz-border-radius: 0;      
   border-radius: 0;  
   background: #fff;
}

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input, select, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*</RESET>*/

body { font-size: 16px; font-family: "Open Sans",sans-serif; line-height: 21px; font-weight: normal; color: #606463; 
	padding-top: 86px; /* offset for fixed header */
	background: #F7F5F0;
}
 
a { color: var(--green); }

h1, h2, h3, h4 {  color: #ff7c55; font-weight: 300;  }
h1 { font-size: 48px; line-height: 48px; }
h2, h3 { font-size: 33px; line-height: 33px; }

.h2-lineheight { line-height: 40px;}

img { max-width: 100%; height: auto; }
/*===== FORM =====*/
.old-css input:not([type="submit"]), .old-css textarea, .old-css select { 
	display: block; width: 100%; font-size: 15px; padding: 12px 0 12px 17px; margin-bottom: 20px; background: #fafbf6;
	border: 1px solid #dadad8; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset; border-radius: 3px; 
	font-family: "Open Sans",sans-serif; color: #606463;
}
.old-css input[type="submit"]{
	margin: 0; border: none; box-shadow: none;
}
.old-css input[type="submit"]:focus { color: #fff; }

.select-wrapper { position: relative; display: block; }
.select-wrapper:after { 
	content: ""; display: block; position: absolute; right: 0; top: 0;
	width: 33px; height: 100%; border: 1px solid #dadad8; border-left: none;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset; border-radius: 0 3px 3px 0; 
	background-color: #fafbf6; background-image: url(../png/select-arrow.png);
	background-repeat: no-repeat; background-position: center;
}
.select-wrapper:hover:after { visibility: hidden; } 
.select-wrapper select { padding-left: 14px; }
 
.old-css input:focus, .old-css textarea:focus { color: #606463; }
.old-css input.smaller, .old-css textarea.smaller { padding: 6px 0 6px 10px; }

.my-checkbox { margin-bottom: 20px; }
.my-checkbox input[type="checkbox"] { display: none; }
.my-checkbox label span {    
	display: inline-block; vertical-align: middle; padding-left: 34px; 
	cursor: pointer; font-size: 14px; position:relative;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.my-checkbox label span:before { 
	content: ""; display: inline-block; width: 22px; height: 21px;
	position: absolute; top: 50%; left: 0; margin-top: -10.5px;
	background: url(../png/icons.png); background-position: 0 -20px;
}

.my-checkbox input[type="checkbox"]:checked + span:before,
.my-checkbox .active-accept:before {
	background-position: -22px -20px;
}
.my-checkbox .accept-this { padding: 0; }
.my-checkbox .accept-this:before { display: none !important; }
.my-checkbox .accept-this .wpcf7-not-valid-tip { margin: 0; padding: 0; }
.my-checkbox .accept-this .wpcf7-not-valid-tip:before { display: none; }

.my-checkbox.v2 label span { font-size:16px; line-height: 21px; }

.wpcf7-not-valid-tip { margin-bottom: 10px !important; margin-top: -19px; }  
.wpcf7-response-output { margin: 20px 0 0 0 !important; background: rgba(0,0,0,0.4); color: #fff; padding: 10px !important; border-radius: 5px; }

.wpcf7-response-output.wpcf7-mail-sent-ok { border-color: #bacb78 !important; background: #edf3d5; color: #658743; font-style: italic; }
.wpcf7-response-output.wpcf7-validation-errors { border-color: #ddd850 !important; background: #f8f5d8; color: #48430d; }

.wpcf7-spinner { margin: 5px 0 0 5px !important; position: absolute !important; }
form .ajax-loader { position: absolute; margin-top: 4px; }

._form_element .g-recaptcha { margin-bottom: 20px; }

/**/
.post-edit-link { display: none; }

/* tos custom */
.tos { position: relative; }
.tos.disabled input { pointer-events: none; }
.tos .submit-btn-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.submit-alert { display:none; color: #C60000; }
.submit-btn-cover:hover + .my-btn { opacity: 0.8; }

label { margin-bottom: 10px; display: block; }
.wpcf7-recaptcha { margin-bottom: 20px; }
.footer-top .wpcf7-recaptcha { position: relative; left: 50%; margin-left: -152px; } 

/* wpcf7 checkbox */
.wpcf7-checkbox { margin-bottom: 10px; display: block; }
.wpcf7-checkbox .wpcf7-list-item { margin: 0 15px 0 0; }
.wpcf7-checkbox input { width: auto; display: inline-block; margin: 0; }

/*===== REUSABLES =====*/
.my-wrapper { max-width: 1220px; width: 100%; margin: 0 auto; } 
.fontsize-14 { font-size: 14px !important; line-height: 19.6px; }
.fontsize-18 { font-size: 18px !important; }
.fontsize-22 { font-size: 22px !important; }
.fontsize-24 { font-size: 24px !important; }
.cursive { font-family: "manustrialregular" !important; }

.red { color: #d80000; }
.orange { color: #ff7c55; }
.black { color: #606463 !important; }
.light-gray { color: #a29f9f !important; }
.light-yellow-bg { background: #fffef5 !important; }
.gray-bg { background: #F7F6F6 !important; }
.light-brown, .light-brown-color { color: #d6c2b9; }
.blue-green { color: #7BC3AD; }
.white { color: #fff; }
.white-bg { background: #fff; }
.yellow-highlight { background: #FFFF00; border-bottom: 2px solid #FFFF00; line-height: 29px; }
.orange-gradient { background: url(../jpg/orange-gradient.jpg) repeat !important; }
.text-align-center { text-align: center; }
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.overflow-hidden { overflow: hidden; }
.clear-both-after:after { content: ""; display: block; clear: both; }
.italic { font-style: italic; }

.my-img { display: block; margin: 0 0 27px 0; max-width: 100%; }
.my-img.center { margin-left: auto; margin-right: auto; }
.float-left { float: left; } 
.float-right { float: right; }
img.float-left { margin: 0 30px 30px 0; }
img.float-right { margin: 0 0 30px 30px; }

.mobile-only-btn { display: none !important; }
.show-mobile { display: none !important; }
.show-765 { display: none !important; }

.brown-header-text {
    display: block; color: #fff; background: #d6c2b9; padding: 0 30px;
	font-size: 14px; line-height: 32px; font-weight: 600; text-transform: uppercase; 
}
.brown-header-text.orange { background: #ff7c55; font-weight: normal; padding-left: 58px; }

.display-block { display: block !important; }
.display-inlineblock { display: inline-block !important; }
.no-border { border: none !important; }
.no-padding-x { padding-left: 0 !important; padding-right: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-bg { background: none !important; }
.no-margin { margin: 0 !important; }
.no-margin-y { margin-top: 0 !important; margin-bottom: 0 !important; }
.marginbottom-40 { margin-bottom: 40px !important; }
.margintop-30 { margin-top: 30px; }
.hide { display: none; }
.no-before:before { display: none !important; }
.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; }
.no-shadow { text-shadow: none !important; }
.no-transition { -webkit-transition: none; transition: none; }
.full-opacity:hover { opacity: 1 !important; }
.list-style-none li { padding: 0 !important; }
.list-style-none li:before { content: ""; display: none !important; }

.outlined-content {
    background: #f9f9f9; border: 2px solid #ff7c55;
    margin: 20px 0 23px; padding: 17px;   
}

.home .lineheight-custom { line-height: 22px; }

.video-wrapper { height: 0; padding-bottom: 0; padding-top: 0px; position: relative; }
.video-wrapper iframe, .video-wrapper .custom-play { height: 100%; width: 100%; position: absolute; left: 0; top: 0; }

/* .my-btn and ._form button previously */
.my-btn, button {
    display: block; background: #ff7c55; border-radius: 4px; padding: 10px 40px; max-width: 250px;
    font-size: 12px; color: #fff; letter-spacing: 0.7px; font-weight: 600; text-align: center;
}
/* activecampaign button */
._form button { font-family: "Open Sans"; width: 100%; cursor: pointer; } 
._form ._error { color: #e00000; font-size: 15px; margin-top: -8px; margin-bottom: 10px; }
/**/

.my-btn.outlined { color: #ff7c55; background: none; border: 2px solid #ff7c55; }
	.sec .my-btn.outlined:hover { background: #ff7c55; color: #fff; opacity: 1 !important; }
.my-btn.blue { background: #62C4AC; }
.my-btn.blue:hover { opacity: 1; background: #6EAF9D; }
.my-btn.blue2 { background: #80bfac; }
.my-btn.blue3 { background: #79c1ad; }
.my-btn.blue3:hover { background: #68a594; opacity: 1; }
.my-btn.yellow { background: #fff4b4; color: #000; }
.my-btn.inline-block { display: inline-block; }
.my-widget .my-btn, .my-widget button { max-width: none; }

.ghost-orange { color: #ff7c55; border: 2px solid #ff7c55; background: none; }
.ghost-orange:hover { background: #ff7c55; color: #fff; opacity: 1; }
.ghost-blue { color: #68a594; border: 2px solid #68a594; background: none; }
.ghost-blue:hover { background: #68a594; color: #fff; opacity: 1; }

.image-banner .my-btn { width: auto; display: inline-block; max-width: none; margin-top: 110px; }
.image-banner .my-btn:hover { opacity: 1; background: #F1A78E; }

.play-btn { 
	border-radius: 0; padding: 10px 0 10px 18px; font-size: 13px; max-width: none; display: inline-block;
}
.play-btn:after {
	content: "\f0da"; font-family: FontAwesome; font-size: 14px;
	padding: 10px 19px; width: 44px; margin-left: 18px; border-left: 1px solid #fff;
}
.play-btn:hover { opacity: 1; background: #F1A78E; }

.sidebar-widget .my-btn { max-width: none; padding-left: 0; padding-right: 0; }
.sidebar-widget .my-btn.max-width { max-width: 250px; }

.my-btn-wrapper { margin-top: 19px; text-align: center; }
.my-btn-wrapper .my-btn { display: inline-block; margin: 5px; max-width: none; }

.my-btn-wrapper-2col { text-align: center; }
.my-btn-wrapper-2col .my-btn { width: 48%; margin-left: 1%; padding-left: 0; padding-right: 0; }
.my-btn-wrapper-2col .my-btn:first-child { margin-left: 0; margin-right: 1%; }

.sticky-widget { position: fixed; top: 20px; width: 385px; }
.sticky-sidebar-v2 .sticky-widget { top: 110px; }
.sticky-widget2 { position: absolute; top: auto !important; bottom: 0; width: 385px; margin: 0 !important; }

.sticky-widget.custom-margin, .sticky-widget2.custom-margin { margin-bottom: 210px !important; } /* 220 (whyus block height + 20 top spacing */

/**/
.with-icon:before { 
	content: ""; display: inline-block; margin: 0 14px 0 0;
	width: 23px; height: 24px; vertical-align: middle;
	font-family: "fontawesome"; color: #d6c2b9;
}

.calendar-icon:before { background: url("../png/icons.png"); background-position: -66px -51px; }
.location-icon:before { content: "\f041" !important; font-size: 22px; line-height: 24px; top:-3px; position: relative; text-align: center; }

/*===== HEADER =====*/
.my-header { padding: 0 45px; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); font-size: 12px; background: #fff; 
	 position: fixed; width: 100%; top: 0; left: 0; z-index: 50;
}
.my-header:after { content: ""; display: block; clear:both; }

.my-logo { float: left; }
	.my-logo a { display: inline-block; vertical-align: middle; margin: 7.5px 0; width: 75px; height: 75px; background-size: 100%; background-repeat: no-repeat; background-image: url("../png/my-logo.png"); }
	.my-logo a img { display: block; width: 76px; display: none;}
	
.logo-select {
    display: inline-block; vertical-align: middle; margin-left: 20px; cursor: pointer;  
	font-size: 13px; letter-spacing: 0.7px; position: relative;
}
.logo-select:after { 
    content: "";  background: url(../png/icons.png); background-position: -48px 0; 
    display: inline-block; margin-left: 8px; width: 15px; height: 20px;    
	position: relative; top: 5px;
}
.logo-select:hover > ul { visibility: visible; opacity: 1; }

.logo-select > span { position: relative; line-height: 20px; color: #555; display: inline-block; }
.logo-select > span:before { 
	content: ""; display: block; position: absolute; left: 0; bottom: -2px;	
	width: 100%; height: 2px; background: #ff7c55;
}
	
	.logo-select ul {
		position: absolute; right: -53px; top: 32px;
		border-radius: 5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
		transition: all 0.2s ease 0s; visibility: hidden; opacity: 0;    
	}
	.logo-select ul:before {
		content: ""; width: 24px; height: 10px; 
		background: url(../png/icons.png) no-repeat; background-position: 0 0; display: block;
		position: absolute; top: -10px; left: 83px; z-index: 99;
	}
	.logo-select ul li { border-top: 1px solid #f2f1ed; display: block; min-width: 154px; position: relative; }
	.logo-select ul li:first-child { border: none; }
	.logo-select ul li:first-child a { border-radius: 5px 5px 0 0; }
	.logo-select ul li:last-child a { border-radius: 0 0 5px 5px; }
	.logo-select ul li:first-child:before {
		content: ""; width: 24px; height: 10px; 
		background: url(../png/icons.png) no-repeat; background-position: -24px 0; display: none;
		position: absolute; top: -10px; left: 83px; z-index: 199;
	}
	
	
	.logo-select ul li a {
		display: block; background: #fff; padding: 0 23px;
		color: #555; letter-spacing: 0.5px; line-height: 55px;
	}
	.logo-select ul li:hover a { color: #fd7e4f; background: #fcf4e2; opacity: 1; }
	.logo-select ul li:first-child:hover:before { display: block; }
		
/*===== MENU =====*/
.my-menu { float: right; }
.my-menu ul ul { background: #fff; }
.my-menu a { color: #555; display: block; }

.menu-ig { display: none; }

.my-menu ul:after { content: ""; display: block; clear: both; }
	.my-menu > ul > li { float:left; }
	
	
	/* only read on non mobile */
	@media only screen and (min-width: 1001px) { 
	.my-menu li:hover > a { color: #ff7c55; }	
	/* show sub menu */
	.my-menu > ul > li:hover > ul { visibility: visible; opacity: 1; }
	/*.my-menu > ul > li:hover > a { color: #ff7c55; }*/
		.my-menu > ul > li > a { padding: 0 21px; line-height: 90px; letter-spacing: 0.7px; text-transform: uppercase; }

	/* sub menu */
	.my-menu > ul ul { 
		position: absolute; transition: all 0.2s ease 0s; visibility: hidden; opacity: 0; 
		box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 0; 
	}
	.my-menu > ul ul:before {
		content: ""; display: block; width: 24px; height: 10px; 
		background: url(../png/icons.png) no-repeat; background-position: 0 0;
		position: absolute; top: -10px; left: 25px;
	}
		.my-menu ul ul li { border-top: 1px solid #f2f1ed; width: 220px; }
		.my-menu ul ul li:first-child { border-top: none; }
		.my-menu ul ul li:first-child:before {
			content: ""; width: 24px; height: 10px; 
			background: url(../png/icons.png) no-repeat; background-position: -24px 0;
			display: none; position: absolute; top: -10px; left: 25px;
		}
		
		/* show third tier */
		.my-menu ul ul > li:hover > ul { visibility: visible; opacity: 1; }
		.my-menu ul ul li:hover > a { background: #FCF4E2; }
		
		.my-menu ul ul li:first-child:hover:before { display: block; }
		
			.my-menu ul ul a { display: block; font-size: 12px; padding: 20px; }
			
		/* third tier */
		.my-menu ul ul ul { 
			left: 100%; top: 0; 
		}
		.my-menu ul ul ul:before { display: none; }
		.my-menu ul ul ul li:before { display: none !important; }
		
		.my-menu ul ul .menu-item-has-children { position: relative; }
		.my-menu ul ul .menu-item-has-children:after { 
			content: ""; display: block; position: absolute; top: 50%; right: 20px; margin-top: -3.5px;
			width: 4px; height: 7px; background: url(../png/icons.png) no-repeat; background-position: 0 -10px; 
		}
	
	/* custom btn */
	.my-menu > ul > .faq-btn, .my-menu > ul > .contact-btn, .my-menu > ul > .apply-btn { margin-left: 20px; margin-top: 27.5px; }
	.my-menu > ul > .faq-btn a, .my-menu > ul > .contact-btn a, .my-menu > ul > .apply-btn a { 
		line-height: normal; border: 2px solid; padding: 7px 21px; border-radius: 4px; 
	}
	
	.my-menu > ul > .contact-btn a { border-color: #79c1ad; background: #79c1ad; color: #fff; }
	.my-menu > ul > .contact-btn a:hover { color: #fff; border-color: #68a594; background: #68a594; opacity: 1; }
	
	.my-menu > ul > .apply-btn a { background: #ff7c55; color: #fff; border-color: #ff7c55; }
	.my-menu > ul > .apply-btn a:hover { opacity: 0.8; }
	
	/* HOME HEADER only - currently hidden (only shows when scroll top is 0 ) */
	
	/*
	.home-header .my-menu > ul > .contact-btn a { border-color: #fff4b4; background: #fff4b4; color: #ff7c55; text-shadow: none; }
	.home-header .my-menu > ul > .contact-btn a:hover { color: #ff7c55; background: #fcf4e2; opacity: 1; }
	
	
	.home-header .my-menu > ul > li > a { color: #fff; text-shadow: 1px 1px 3px #222; }
	.home-header .my-menu > ul > li > a:hover { color: #fff4b4; }	
	
	.home-header .logo-select > span { color: #fff; }
	.home-header .logo-select > span:before { display: none; }
	.home-header .logo-select:hover > span { color: #fff4b4; }
	
	
	.home-header .logo-select:after { background-position: -63px 0; }
	*/
	
	} /* END only read on non mobile */

/* HOME body */
.home { padding-top: 0; background: #f8f5f0; }
@media only screen and (min-width: 999px) { 
.home-header { 
	background: none; box-shadow: none; 
	opacity: 0; visibility: hidden; position: fixed !important;
}
}
	
.image-banner { 
	width: 100%;  color: #fff; position: relative; display: table; height: 722px;
	background-position: center; background-size: cover; background-repeat: no-repeat;
	background-image: url("../jpg/home-banner.jpg");
}
.image-banner.full-height { height: 100vh; }

.banner-logo{
    width: 13%; position: absolute; top: 2%; left: 50%; margin-left: -6.7%;
}

.image-banner-content { display: table-cell; vertical-align: middle; text-align: center;
	background: url("../png/banner-round-fig.png") no-repeat; background-size: cover; background-position: center;
}
.image-banner-content img { width: 40%; }


.image-banner > * {  color: #fff; }
.image-banner h1 { 
	font-size: 60px; line-height: 1.3; color: #fff;
	font-size: 4vw; line-height: 5.2vw; margin-bottom: 1.5%; margin-top: 1.5%; font-weight: normal; text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

.image-banner h2, .image-banner p { 
	font-size: 22px; line-height: 28px; font-weight: 300;
	font-size: 1.5vw; line-height: 2vw; text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	width: 100%; margin-left: auto; margin-right: auto; max-width: 45%;
}
.image-banner h2 { margin-bottom: 1.3%; color: #fff; font-weight: 600; }
.image-banner p { margin-bottom: 1.3%; }
.image-banner p.thin { font-style: italic; font-weight: 300; }
.image-banner p.bold { font-weight: 600; }
.image-banner p:last-child { margin-bottom: 0; }

.banner-btn-wrap { position: absolute; bottom: 13.5%; width: 100%; left: 0; text-align: center; }
.banner-btn-wrap .my-btn { 
	max-width: none; display: inline-block; 
	font-size: 22px; line-height: 28px; font-weight: normal; text-shadow: none;
	font-size: 1.7vw; line-height: 2.5vw; 
	background: #7bbfac; opacity: 1 !important;
}
.banner-btn-wrap .my-btn:hover { background: #6fae9c; }

@media only screen and (max-width: 980px) {
.banner-logo { min-width: 126px; margin-left: -63px; }
	
.image-banner h1 { font-size: 40px; line-height: 1.2; }
.image-banner h2, .image-banner p { font-size: 18px; line-height: 1.2; max-width: 70%; }
	.image-banner p br { display: none; }
.banner-btn-wrap .my-btn { font-size: 18px; line-height: 1.2; }
}

@media only screen and (max-width: 480px) {
.image-banner { 
	background-repeat: no-repeat; background-size: cover; 
	/* remove flex if h1 bottom pos */
	display: -webkit-flex; display: flex; 
	-webkit-align-items: flex-end; align-items: flex-end;
}
:not(.webp-support) .image-banner { background-image: url("../jpg/home-banner-mobile.jpg"); }

.webp-support .image-banner { background-image: url("../webp/home-banner-mobile.jpg.webp"); }

.banner-logo { width: 40%; margin-left: -20%; min-width: 0; }
.image-banner-content { 
	background: url("../png/banner-bg-mobile.png") no-repeat center bottom; 
	/*background-size: 100% 57%;*/ 
	vertical-align: bottom; 
	display: block; background-size: cover; 
	padding-top: 140px; padding-bottom: 60px;
	/* position: absolute; bottom:0; left: 0; */
}

.image-banner h1 { 
	font-size: 30px; line-height: 1.5; 
	position: absolute; top: 50%; /*top: -80px;*/ 
	width: 100%;
}
.image-banner h2, .image-banner p { color: #ee845c; text-shadow: none; max-width: 90%; line-height: 1.5; }
.image-banner h2 { margin-bottom: 5px; }
.image-banner p.thin { color: #606463;  font-weight: 500; }

.banner-btn-wrap { bottom: 0; }
.banner-btn-wrap .my-btn { font-size: 16px; padding: 10px 15px; }
}

.hp-section { padding: 48px 10px 48px; }
.hp-section p { margin-top: 20px; }

.hp-section .custom-height .widget-content { min-height: 295px; }


.hp-img-txt { padding-top: 0; padding-bottom: 0; max-width: 1600px; margin: 0 auto; }
.hp-img-txt .my-wrapper { display: flex; align-items: center; min-height: 506px; padding: 30px 0; box-sizing: border-box; }
.hp-img-txt.reverse .my-wrapper { flex-direction: row-reverse; }

.hp-img-txt h2 { font-size: 47px; line-height: 51px; margin-bottom: 25px; }
.hp-img-txt p { margin-bottom: 34px; }
.hp-img-txt .mobile-only { display: none; }

.hp-img-txt.first { background: url("../jpg/hp-content-bg1.jpg") no-repeat center; background-size: cover; }
	.hp-img-txt.first .hp-img-txt-content { max-width: 609px; }
.hp-img-txt.second { background: url("../jpg/hp-content-bg2.jpg") no-repeat center; background-size: cover; }
	.hp-img-txt.second .hp-img-txt-content { max-width: 750px; }
	
	
/* HOME testi */
.testi-section { background: #fff; text-align: center;
	background: url("../png/cream-pixels.png") repeat scroll 0 0;
}
.testi-section h2 { font-size: 47px; line-height: 51px; margin-bottom: 48px; }

.testi-wrapper { margin: 0 auto 30px; max-width: 980px; text-align: left; }
.testi-wrapper:last-child { margin-bottom: 0; }

.testi-left { display:table-cell; vertical-align: middle; padding-right: 20px; text-align: center; }
.testi-left-content { width: 200px; }
.testi-img { 
	display: block; width: 160px; height: 160px; box-sizing: content-box;
	border-radius: 100%; margin: 0 auto; border: 4px solid #ddd; overflow: hidden; 
	-webkit-transition: 0.2s all ease; transition: 0.2s all ease; 
}
	.testi-img img { width: 100%; display: block; }
.testi-name { font-weight: 600; display:block; margin-top:10px; 
	-webkit-transition: 0.2s all ease; transition: 0.2s all ease; 
}

.testi-right{ display: table-cell; width: 100%; vertical-align: middle; }
.testi-right-content { 
	background: #F5F5F5; position:relative; border-radius: 10px; padding: 35px; border-bottom: 6px solid #efefef; 
	-webkit-transition: 0.2s all ease; transition: 0.2s all ease; 	
}
.testi-right-content:after { 
	content: ""; margin-top: -10px; position: absolute; left: -10px; top: 30px; width: 0; z-index:1;
	border-style: solid; border-width: 10px 10px 10px 0; border-color:transparent #f5f5f5; color: transparent; 
}
.testi-right p { margin: 0; }

.testi-wrapper:hover .testi-right-content { background: #FFFBF9; }
.testi-wrapper:hover .testi-name { color: #ff7c55; }
.testi-wrapper:hover .testi-img,
.testi-wrapper:hover .testi-right-content { border-color: #FFCBBC; }

/* testi slide */
.cycle-slideshow.hp { z-index: 40 !important; overflow: hidden; }
.cycle-slideshow.hp .cycle-slide { width: 100%; }
.hp-cycle-pager { margin-top: 30px; }
.hp-cycle-pager > span { 
	width: 15px; height: 15px; border-radius: 100%; margin: 0 7px; 
	display: inline-block; background: #E0E0E0; text-indent: -9999px; cursor: pointer;
}
.hp-cycle-pager > .cycle-pager-active { background: #FF7C55; }
/**/
.play-video { display: none; width: 100%; height: 100%; }
.play-video iframe { width: 100%; height: 100%; }

/*===== FOOTER =====*/
.footer-top { text-align: center; padding: 48px 10px; }
.footer-top .my-widget { min-height: 552px; }

.footer-top-margin { margin-top: 40px; }

footer { 
	padding: 50px 0 0; background: #f5f5f5; 
	text-align: center; font-size: 15px; 
}
.footer-col { display: inline-block; padding: 0 35px 40px; vertical-align: top; text-align: left; }
footer > .footer-col:first-child { padding-left: 0; }
.footer-col:last-child, .footer-col.last { padding-right: 0; }

.footer-col-fuse { display: inline-block; vertical-align: top; }

.footer-col.upcoming .widget-content-event { 
	padding: 11px; margin-bottom: 4px; 
	border-radius: 5px; background: #fff; font-size: 14px;
}
.footer-col.upcoming .widget-content-event:hover {  
	opacity: 1; background: #fcf5f2;
}

.footer-col.upcoming .spot-tag:after, 
.footer-col.upcoming .waiting-tag:after, 
.footer-col.upcoming .free-tag:after, 
.footer-col.upcoming .early-tag:after, 
.footer-col.upcoming .places-tag:after, 
.footer-col.upcoming .full-tag:after,
.footer-col.upcoming .all-inclusive-tag:after { right: 15px; }

footer h3 { font-size: 17px; font-weight: 600; line-height: 30px; }

footer .logo-select { margin-left: 0; }
footer .logo-select:before {
    content: ""; display: inline-block; vertical-align: middle; height: 64px; width: 70px;
	background: url(../png/my-logo.png) no-repeat; background-size: 100% 100%; margin-right: 6px;
}
footer .logo-select ul { top: 50px; }
footer .logo-select ul li a { line-height: 42px; }

.footer-menu ul li { margin-top: 6px; line-height: 1.6; }
.footer-menu ul li a:hover { color: #c7a192; opacity: 1; }

/**/
.footer-custom-h { font-size: 22px; font-weight: 900; letter-spacing: 2px; line-height: 1.2; color: #c7a192; display: block; margin-bottom: 14px; }
.footer-custom-p { font-size: 22px; line-height: 1.5; font-weight: 400; letter-spacing: 1px; color: #777; }

.footer-ig-wrap { background: #efe6e3; padding: 28px 10px; text-align: center; }
.footer-ig-wrap p { color: #777; margin: 0 auto; font-size: 1.6em; line-height: 1.5; }
@media only screen and (max-width: 575px) { 
    .footer-ig-wrap p { max-width: 330px; }
}
.footer-ig-wrap a { font-size: 35px; color: #c7a192; }
.footer-ig-wrap a:hover { color: #ff7c55; opacity: 1; }
/**/

.sns-icons li { display: inline-block; margin: 0 11.5px; vertical-align: top; }
.sns-icons li:first-child { margin-left: 0; }
.sns-icons .fa {
    height: 42px; width: 42px; background: #ff7c55; border-radius: 100%;
    font-size: 23px; line-height: 42px; text-align: center; color: #fff;
}
.sns-icons .fa:hover { background: #1ABBCF; opacity: 1; }

.sns-icons .fa-facebook, .sns-icons .fa-facebook:hover { background: #3D5793; }
.sns-icons .fa-instagram, .sns-icons .fa-instagram:hover { background: #855F4A; }
.sns-icons .fa-facebook:hover, .sns-icons .fa-instagram:hover { opacity: 0.8; }

.sns-icons .fa-envelope { font-size: 19px; }

.copyright { 
	background: #eaeaea; color: #959595; font-size: 12px; padding: 28px 10px; margin-top: 10px;
}
.copyright .fontsize-14 { margin-left: 15px; }

/* === FIXED CTA === */
.fixed-cta { direction: rtl; }

.to-top-wrap, .scrolled-content { 
	opacity: 0; position: fixed; 
	bottom: 0; right: 0;
	-webkit-transition: 0.2s all ease; transition: 0.2s all ease; z-index: 45; 
}
.to-top-show, .scrolled-content-show { opacity: 1; }

.event-specific-cta { display: inline-block; padding: 10px; margin-right: 5px; box-shadow: 0px 0px 5px 2px rgb(139,139,139,.4); background: #fff; }

	.event-specific-cta .my-btn {  font-size: 14px;  font-weight: 600; padding: 10px 0; padding: 10px 0;  width: 250px; }
	.event-specific-cta .my-btn.outlined { border: 3px solid; }
	.event-specific-cta .my-btn:first-child { margin-bottom: 10px; }

	.event-specific-cta .my-btn.pink { background: #d64161; border: 3px solid #d64161; }
	.event-specific-cta .my-btn.pink:hover { background: none; color: #d64161; }

.fixed-cta-child { display: inline-block; direction: ltr; padding-right: 15px; }
	.fixed-cta-child > * { margin: 0 5px 14px; }

#conversations-wrap { bottom: -10px !important; }
body #hubspot-messages-iframe-container { bottom: 50px !important; }
	
@media only screen and (max-width: 765px) { 
.fixed-cta { direction: ltr; width: 100%; } 

.desktop-only-btn { display: none !important; }
.mobile-only-btn { display: inline-block !important; }
.show-765 { display: block !important; }

.event-specific-cta { display: block;  margin: 0; }
.event-specific-cta .my-btn { max-width: none; width: 100%; }

.fixed-cta-child { 
	width: 100%; padding: 0;
	display: -webkit-flex; display: flex; 
	-webkit-justify-content: space-between; justify-content: space-between; 
}
	.fixed-cta-child > * { align-self: center; margin: 8px !important; }

/* single posts */
.single-post .fixed-cta { bottom: 45px; }
.st-sticky-share-buttons { z-index: 44 !important; }

}

.to-top, .menu-btn { 
	background: rgba(0, 0, 0, 0.4); width: 40px; height: 40px; line-height: 40px; 
	text-align: center; border-radius: 5px; display: inline-block; position: relative; vertical-align: middle;
}

.to-top:after, .menu-btn:after { 
	content:"\f106"; font-family:"fontawesome"; color: #fff; font-size: 20px; 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.menu-btn { opacity: 0; position: fixed; top: 8px; right: 8px; }
.menu-btn:after { content: "\f0c9"; }

.sticky-contact { 
display: inline-block; position: relative; width: 40px; height: 40px; background: #1ABBCF;
font-size: 23px !important; line-height: 40px !important; color: #fff; vertical-align: middle; text-align: center;
border-radius: 5px; cursor: pointer; z-index: 1;
}
.sticky-contact:before { content: ""; display: block; width: 100%; height: 100%; border-radius: 5px; }
.sticky-contact:hover, .sticky-contact:hover:before { border-radius: 0 4px 4px 0; }
.sticky-contact:hover:before { background: rgba(0,0,0,0.4); }
.sticky-contact:hover a { width: 185px; padding: 9px 61px 9px 21px; color: #fff; }

.sticky-contact a { 
background: #1ABBCF; padding: 9px 0 9px 0; border-radius: 4px; 
position: absolute; bottom: 0; right: 0; 
font-size: 15px; color: transparent; font-family: 'Open Sans'; text-shadow: none; 
letter-spacing: 0.9px; line-height: normal; white-space: nowrap; z-index: -1;
width: 0; height: 40px; overflow: hidden;
}
.sticky-contact a:hover { opacity: 1; background: #25a1b0; }

.fixed-cta .my-whatsapp { 
	width: 47px; height: 47px; padding: 0; vertical-align: middle; 
	background: url("../png/whatsapp-retina.png"); background-size: 100%;
}
.fixed-cta .my-whatsapp:before { display: none; }
/*.fixed-cta .my-whatsapp:hover:before { opacity: 1; }*/
.fixed-cta .my-whatsapp:after { display: none; }

/*===== WIDGETS =====*/
.my-widget { 
	display: inline-block; vertical-align: top; max-width: 381px; width: 100%; margin: 12px; position: relative;
	background: #fff; border-right: 1px solid #e5e3de; border-bottom: 1px solid #e5e3de; text-align: left; 
}

.widget-title { background: #fffef5; padding: 27.5px 0 27.5px 27.5px;  border-bottom: 1px solid #f5f2e9; }
.widget-title.text-align-center { text-align: center; padding-left: 0; }

.widget-content { padding: 20px 30px; }

.widget-button { display: block; padding: 0 30px; border-top: 1px solid #f5f2e9; background: #fffef5; position: relative; }
.widget-button:after{
	content: ""; position: absolute; right: 30px; top: 24px;
	height: 17px; width: 19px; background-image: url("../png/icons.png"); background-position: -78px 0; 
}

@media only screen and (min-width: 900px) { 
.widget-button:hover, a.my-widget:hover:not(:focus) .widget-button { background: #fef7cb; }
}

.widget-button span { 
	font-size: 13px; line-height: 63px; 
	display: inline-block; position: relative; 
}
.widget-button span:after{ 
	content: ""; position: absolute; bottom: -1px; left: 0px;
	width: 100%; height: 2px; background: #ff7c55;
}

.widget-image { display: block; width: 100%; height: 230px; background-size: cover; background-position: center; }

.widget-image.play-button { position: relative; }
.widget-image.play-button:after { 
	content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -38.5px;
	background: url("../png/youtube-play.png") no-repeat; width: 77px; height: 54px;
}

.widget-image.play-button-with-txt { display: table; }
.widget-image.play-button-with-txt > span { display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; }
.widget-image.play-button-with-txt .fa { font-size: 32px; text-shadow: 2px 2px 3px #000; }

.sidebar-widget, .my-content-right .widget { background: #fff; border-bottom: 1px solid #e5e3de; margin-bottom: 40px; max-width: 385px; width: 100%; }
.sidebar-widget, .my-content-right.no-border .widget { border-bottom: none; }
.sidebar-widget:last-child, .my-content-right .widget:last-child { margin-bottom: 0; }
	.sidebar-widget p, .sidebar-widget img, .sidebar-widget a > img:last-of-type { margin-bottom: 30px; }
	.sidebar-widget p:last-child, .sidebar-widget img:last-of-type { margin-bottom: 0; }
	
.sidebar-widget .widget-content { padding: 30px; }

/*
.single .sidebar-widget, .single .my-content-right .widget { background: none; }
.single .widget-content { background: #fff; }

.page-template-blog-listing-template .sidebar-widget, .page-template-blog-listing-template .my-content-right .widget { background: none; }
.page-template-blog-listing-template .widget-content { background: #fff; }
*/

/* linked widget */
a.my-widget + a.my-widget { margin-left: 8px; }

@media only screen and (min-width: 900px) { 
a.my-widget:hover:not(:focus) { opacity: 1; }

a.my-widget .widget-image { -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
a.my-widget:hover:not(:focus) .widget-image { opacity: 0.8; }
}
		
/* SPECIFICS */
/* upcoming */
.upcoming-widget .widget-content { padding: 0; }
.upcoming-widget .widget-content.v2 { padding: 30px; border-bottom: 1px solid #f4f1ea; }

.widget-content-event { 
	display: block; position: relative; padding: 18px 30px; border-top: 1px solid #f4f1ea;
	color: #606463; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; 
}
.widget-content-event:hover { background: #FCF4E2; }
.widget-content-event:first-child { border: none; }

.widget-content-event.smaller { padding: 11px 30px; }
.widget-content-event.smaller2 { padding: 7px 30px; }

.spot-tag:after, .waiting-tag:after, .free-tag:after, .early-tag:after, .places-tag:after, .full-tag:after, .all-inclusive-tag:after { 
    display: block; max-width: 110px; width: 100%; padding: 6px 3px;
    position: absolute; right: 20px; top: 50%;
    -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
	font-size: 11px; line-height: 13px; font-weight: 600; text-align: center;
    text-transform: uppercase; border: 2px solid; border-radius: 6px; 
}

.spot-tag:after { content: attr(data-content); color: #ff7c55; }
.waiting-tag:after { content: "waiting list open"; color: #d80000; border: none; }
.free-tag:after { content: "free accommodation"; color: #79c1ad; }
.early-tag:after { content: "early bird discount"; color: #59a089; border: none; padding-left:0; padding-right:0; }
.places-tag:after { content: "places available"; color: #d6c2b9; border: none; }
.full-tag:after { content: "fully booked"; color: #d80000; border-color: transparent; }
.all-inclusive-tag:after { content: "all inclusive"; color: #b673a5; }

/* smaller - used in hp */
.smaller:after { top: 12.5px; right: 30px; } 
.smaller.waiting-tag:after, .smaller.early-tag:after, .smaller.free-tag:after, .smaller.all-inclusive-tag:after { top: 15px; }

.hp-section .widget-content-event.smaller { padding: 13px 30px; }
.hp-section .custom-height .widget-content { min-height: 288px; }

/* used in pager-controls */
.my-pager-control.spot-tag:after, .my-pager-control.waiting-tag:after, 
.my-pager-control.free-tag:after, .my-pager-control.early-tag:after, 
.my-pager-control.places-tag:after, .my-pager-control.all-inclusive-tag:after { top: 11px; right: 10px; }

/* apply */
.save-tag { 
	width: 177px; height: 132px; position: absolute; top: 0; right: 0; 
	font-size: 14px; text-align: right; color: #fff;
	padding-top: 19px; padding-right: 10px; 
	background: url(../png/triangle-corner.png); background-position: 0 0; 
}
	.save-tag .currency { position: relative; top: -12px; }
	.save-tag .price { font-size: 32px; font-weight: 300; }

.hp-section .save-tag { padding-top: 12px; padding-right: 0; padding-left: 12px; right: auto; left: 0; text-align: left; z-index: 1; }
	
.hp-section .hp-availability {
	position: absolute; bottom: -15.5px; left: -10px;
	background: #79c1ad; padding: 5px 20px 7px; border-radius: 0 5px 5px 0;
	color: #fff; font-size: 17px; font-style: italic;
}
.hp-section .hp-availability:before {
	content: "";
	border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #59a089 transparent transparent;
	position: absolute; left: 0; bottom: -10px; z-index: -1;
}
	
/* reservation venue kp page */	
.reservation-widget { padding: 40px; }
.reservation-widget p { max-width: 274px; margin: 0 auto; font-size: 24px; line-height: 30px; }	
	
	
/* daily schedule */
.schedule-widget .widget-content { padding: 18px 30px; border-bottom: 1px solid #e8e8e7; }
.schedule-widget .widget-content:last-child { border: none; }
	.schedule-widget .widget-content p { margin: 0 0 9px 0; }
	.schedule-widget .widget-content p:last-child { margin: 0; }	

/* allyoga alliance */
.alliance-widget { text-align: center; }
	.alliance-widget > img { margin: 0; }
.alliance-widget .widget-content { padding: 23.5px; }  	
.alliance-widget .alliance-logo { padding: 20px 10px; background: #fffef5; }

/* newsletter sidebar widget (blog pages ) */
.newsletter-sb-widget { border:1px solid #FFDCB5; background:#fff; }
.newsletter-sb-widget .widget-content { padding: 20px; }
.newsletter-sb-widget h3 { margin-bottom: 20px; font-weight: 600; }
.newsletter-sb-widget p { color: #777; margin-bottom: 20px; }
.newsletter-sb-widget input { margin-bottom: 12px; }
.newsletter-sb-widget input[type="text"], .newsletter-sb-widget input[type="email"] { padding: 9.5px 0 9.5px 14px; }
.newsletter-sb-widget input.my-btn { padding: 15px 0; }

@media only screen and (min-width: 641px) { 
.alliance-widget h2 { font-size: 32px; line-height: 39px; max-width: 304px; margin: 0 auto; } 
}

/* why choose allyoga */
.why-choose { position: relative; }
.why-choose:after {
	content:""; display: block;
	height: 13px; width: 100%; background: url(../jpg/why-choose-after.jpg) no-repeat; background-size: 100%; 
}
.why-choose .widget-content { padding:15px; background:#FEFEF4; font-size:15px; color:#606463; }
.why-choose .my-list li:before { background-position: -5px -14px; }
.why-choose .my-btn { margin: 15px auto 0; max-width: 310px; }

/*
@media only screen and (min-width: 978px) {
.blog-sticky-widget { position: fixed; top: 110px; width: 385px; }
.blog-sticky-widget2 { position: absolute; top: auto; bottom: 0; width: 385px; margin: 0; }
}
*/	
/*===== INNER PAGE =====*/
.page-banner { padding: 55px 0; background: #fff; text-align: center; border-bottom: 1px solid #e3e1db; }

.page-banner-image { padding: 0 0 40px 0; }
	.page-banner-image-wrap { position:relative; max-width: 1600px; width: 100%; margin: 0 auto; overflow: hidden; }
	.page-banner-image-wrap:before { 
		content: ""; display: block; height: 1px; width: 100%;
		background: #fff; position: absolute; bottom: 0; left: 0; z-index: 10;
	}
	.page-banner-image-wrap:after { 
		content:""; display: block; width: 100%; padding-top: 6%; position: absolute; bottom: 0; left: 0;
		background: url(../png/page-banner-style.png) no-repeat; background-size: 100% 100%;
	} 
	
	.page-banner-image img { width: 100%; display: block; }

	.page-banner-play-btn { 
		width: 119px; height: 119px; cursor: pointer;
		position: absolute; left: 50%; top: 40%; margin-left: -59.5px; margin-top: -59.5px;
		background: url(../png/play-btn2.png) no-repeat; 
		-webkit-transition: 0.2s all ease; transition: 0.2s all ease;
	}
	.page-banner-play-btn:hover img { opacity: 0; visibility: hidden; }


.page-banner.yellow-strip { position: relative; }
.page-banner.yellow-strip:before { 
	content: ""; display: block; width: 100%; height: 158px; 
	background: #fffef5; position: absolute; bottom: 0; left: 0; 
}

.page-banner h1, .page-banner p { margin: 0 auto 25px; padding: 0 10px; }
.page-banner h1:last-child, .page-banner p:last-child  { margin-bottom: 0; }
.page-banner p { max-width: 872px; } 

.page-banner p.bigger { font-size: 24px; line-height: 35px; font-weight: 300; }

.my-content { max-width: 1200px; margin: 40px auto 0; padding-right: 406px; position: relative; } /* with sidebar */
.my-content:after {
	content: "";
	visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}

.my-content-full { max-width: 1192px; padding: 0; background: #fff; margin: 40px auto 0; } /* no sidebar */

.my-content-left { float: left; width: 100%; }
.my-content-right { float: right; margin-right: -406px; width: 385px; }

.section-title { 
	background: #fffef5; border-bottom: 1px solid #e8e8e7; border-top: 1px solid #e8e8e7;
    box-sizing: border-box; margin-bottom: 0; padding: 29.5px;
}

.section-wrapper { padding: 35px 58px; margin-bottom: 40px; border-bottom: 1px solid #e8e8e7; background:#fff; } /* for event innerpage */
.section-wrapper:last-child { margin: 0; }

.section-wrapper-v2 { padding: 38px; background: #fff; border-bottom: 1px solid #e8e8e7; } /* for regular innerpage */
.my-content-left .section-wrapper-v2 { margin-bottom: 40px; }
.my-content-left .section-wrapper-v2:last-child { margin-bottom: 0; }

.section-wrapper p, .section-wrapper-v2 p,
.section-wrapper h2, .section-wrapper-v2 h2,
.section-wrapper h3, .section-wrapper-v2 h3,
.section-wrapper h4, .section-wrapper-v2 h4,
.section-wrapper img, .section-wrapper-v2 img,
.section-wrapper .margin-bottom, .section-wrapper-v2 .margin-bottom,
.show-content { margin-bottom: 24px; }

.section-wrapper p:last-child, .section-wrapper-v2 p:last-child,
.section-wrapper img:last-of-type { margin-bottom: 0; }
/*.section-wrapper-v2 img:last-of-type:not(.keep-margin) { margin-bottom: 0; }*/

.section-wrapper h3, .section-wrapper-v2 h3 { font-size: 28px; line-height: 29px; }
.section-wrapper-v2 h3 { color: #606463; } /* default color on inner pages */

.section-wrapper h4, .section-wrapper-v2 h4 { font-size: 22px; line-height: 23px; color: #606463; }

.section-wrapper hr, .section-wrapper-v2 hr { background: #e8e8e7; border:none; height: 1px; margin-bottom: 30px; }

.my-content-full ul, .my-content-left ul { margin-bottom: 30px; }
.my-content-full ul:last-child, .my-content-left ul:last-child { margin-bottom: 0; }
.my-content-full ul li, .my-content-left ul:not(.ul-check) li, .my-list li { padding-left: 40px; position: relative; }
.my-content-full ul li:before, .my-content-left ul:not(.ul-check) li:before, .my-list li:before {
    content: ""; background: url(../png/icons.png); background-position: -5px -10px;
    display: inline-block; width: 4px; height: 4px; position: absolute; left: 18px; top: 10.5px;
} 
.my-list.center-dot li:before { top:50%; }
/*.my-content-full ul li:first-child, .my-content-left ul li:first-child { margin-top: 10px; }*/
.my-content-full ul > b, .my-content-left ul > b,
.my-content-full ul > span, .my-content-left ul > span,
.my-content-full ul > strong, .my-content-left ul > strong { margin-bottom: 10px; display: block; }

/* check ver  */
.my-content-left ul.check li:before { 
	/* content: "\2713"; font-weight: 600; */
	content: "\f00c"; font-family: 'FontAwesome';
	top: 0; color: #7b9a5b; background: none;
}
.my-content-left ul.check li { margin-bottom: 3px; }
.my-content-left ul.check li:last-child { margin-bottom: 0; }

/*===== INNERPAGE SPECIFIC =====*/
/* about */
.vision-mission-wrapper { margin-top: 55px; margin-bottom: 0 !important; }
.vision-mission-wrapper:after { content: ""; display: block; clear: both; }
.vision-mission-wrapper .float-left { margin: -55px 30px 0 0; }
.vision-mission-wrapper .float-right { margin: -55px 0 0 30px; }


/* upcoming events */
.page-banner-upcoming-events { position: relative; }
.page-banner-upcoming-events h1 { 
	font-size: 60px; line-height: normal;
	max-width: 1192px; width: 100%; text-align: right; color: #fff;
    position: absolute; top: 40%; left: 50%; margin-left: -596px; margin-top: -85px;
}
.page-banner-upcoming-events .page-banner-image-wrap + p { margin-top: 25px; }

.page-banner-upcoming-events .my-anchor-link { max-width: 680px; margin: 0 auto; }
.page-banner-upcoming-events .my-anchor-link li { max-width: 108px; width: 100%; }

/**/
.ev-sched-wrapper .section-title { padding-top: 20.5px; padding-bottom: 20.5px; }
.ev-sched-table { width: 100%; min-width: 820px; }
.ev-sched-table th { 
	font-size: 14px; line-height: 31px; color: #fff; background: #d6c2b9; 
	text-align: left; padding: 5px 20px; padding-right: 20px; 
}
.ev-sched-table tr { cursor: pointer; }
.ev-sched-table tr:hover { background: #FFF3B7; }
.ev-sched-table tr:hover td { background: none !important; }

.ev-sched-table td { padding: 11px 20px; text-align: left; vertical-align: middle; }
.ev-sched-table th, .ev-sched-table td { border-left: 1px solid #e8e8e7; border-bottom: 1px solid #e8e8e7; }
.ev-sched-table th:first-child , .ev-sched-table td:first-child { border-left: none; }

.ev-sched-table th:first-child + th + th + th { white-space: nowrap; }

.ev-sched-table td:first-child { white-space:nowrap; width: 245px; }

.ev-sched-table td:not(:first-child) { width: 1%; white-space: nowrap; }

/* 
before removing hrs and style column
.ev-sched-table td:first-child + td { width: 160px; } 
.ev-sched-table td:first-child + td + td { width: 130px; } 
.ev-sched-table td:last-child { width: 150px; } 

.ev-sched-table td:first-child + td + td + td,
.ev-sched-table td:first-child + td + td + td + td,
.ev-sched-table td:first-child + td + td + td + td + td { width: 1%; white-space:nowrap; }
*/

.no-free-accomm .sched-price { padding-right: 0; }

.sched-price { 
	color:#79c1ad; font-size: 18px; line-height: 19px; white-space: nowrap;
	display: inline-block; position: relative;
}
	.sched-price > * { }
	
	.sched-orig-price { font-size: 15px; position: relative; color: #606463; }
	.sched-orig-price:after { 
		content: ""; display: block; position: absolute; left: 0; top: 50%;
		height: 1px; width: 100%; background: #606463;   
	}
	.widget-content-event .sched-orig-price:after { background: #a29f9f; }
	
.sched-spot { 
	line-height: 19px; font-size: 15px; /* width: 100%; */
	position: relative; color: #d6c2b9; width: 160px; /* same width as ev-tags */
}
.sched-spot:after { 
	content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -8.5px;
	width: 19px; height: 17px; background: url(../png/icons.png); background-position: -78px 0;
}

.fully-booked-label { 
	display: inline-block; font-size: 12px; border: 1px solid #fff;
	padding: 0 20px; color: #fff; background: #F46969; text-align: center;
}

.up-so-label { 
       font-size: 13px; color: #fff; text-align: center; font-weight: 600;
       padding: 7px 5px; border: 1px solid #fff; background: #79c1ad; display: block; width: 160px;
}
	.up-so-label.so-orange { background: #ff7c55; }
	.up-so-label.so-pink { background: #c58bb6; }
	.up-so-label.so-red { background: #be3939; }

	.up-so-label.ghost { border: 4px solid; background: none; }

	.up-so-label.ghost.so-c-pink { color: #b673a5; }

/* amends to upcoming event page */
.cta-btn-wrapper { width: 1%; white-space: nowrap; }
.cta-btn-wrapper a { white-space: nowrap;
font-size: 11px; padding: 10px 15px; display: inline-block; vertical-align: middle;
}
.cta-btn-wrapper a.outlined { height: 41px; line-height: 17px; }
.cta-btn-wrapper .blue-green { background: #79c1ad; }
.ev-no-hover .ev-sched-table tr { cursor: default; }
.ev-no-hover .ev-sched-table tr:hover { background: none; }
.ev-no-hover .sched-spot { padding-right: 0; }
.ev-no-hover .sched-spot:after, .ev-no-arrow .sched-spot:after { display: none; }
/* amend if using flex */
/*.ev-sched-wrapper .flex-row { display: -webkit-flex; display: flex;	}
.ev-sched-wrapper .flex-row td:first-child { -webkit-flex-grow: 1; flex-grow: 1; }
.ev-sched-wrapper .cta-btn-wrapper { padding: 15px; }
.ev-sched-wrapper .cta-btn-wrapper a { margin-top: 15px; }
.ev-sched-wrapper .cta-btn-wrapper a:first-child { margin-top: 0; }
.flex-row .sched-price { padding-right: 0; }
.flex-row .ev-sched-table { height: 100%; }
.table-fullwidth { width: 100%; }*/

/* payment page */
.payment-tabs { padding: 0 38px 38px 38px; }
.payment-tabs .ui-tabs-nav { 
	line-height: 82px; font-size: 15px; 
	margin-bottom: 23px; border-bottom: 1px solid #e8e8e7;  
}
.payment-tabs .ui-tabs-nav:after { content: ""; display: block; clear:both; }
.payment-tabs .ui-tabs-nav li { float: left; position: relative; padding: 0; } 
.payment-tabs .ui-tabs-nav li:before { display: none; }
.payment-tabs .ui-tabs-nav li:first-child { margin: 0; }

.payment-tabs .ui-tabs-anchor { 
	color: #6b6e6d; padding: 0 0 0 30px; width: 187px; display: block;
}
.payment-tabs .ui-tabs-anchor br { display: none; }
.payment-tabs .ui-tabs-anchor:before {
	content: ""; display: block; width: 22px; height: 21px; position: absolute; top: 50%; left: 0; margin-top: -10.5px;
	background: url(../png/icons.png); background-position: -44px -20px;
}
.payment-tabs .ui-tabs-active .ui-tabs-anchor:before { 
	background-position: -66px -20px;
}
.payment-tabs .ui-tabs-anchor:hover { opacity: 0.8; }

.sb-policy h2 {
    font-size: 16px; font-weight: 600; line-height: 18px; color: #606463;
    margin-bottom: 20px; margin-top: 23px;
}
.sb-policy p { font-size: 13px; font-weight: normal; line-height: 18px; margin-bottom: 20px; }

.payment-tabs img.float-right { margin-left: 0; } /* payment method logos */

/* contact us */
.contact-us-btn { 
	display: inline-block; font-size: 20px; font-weight: 300; color: #606463; 
	margin: 12px 22px 0; padding-top: 50px; max-width: 100px; width: 100%; position: relative;
}
.contact-us-btn:before { 
	content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -23.5px;
	width: 47px; height: 47px; -webkit-transition: 0.2s all ease; transition: 0.2s all ease;
	background: url(../png/sns-icons.png);
}
.my-whatsapp:before { background-position: 0 0;  }
.my-fb-msgr:before { background-position: -47px 0;  }
.my-skype-btn:before { background-position: -94px 0;  }
.my-email-address:before { background-position: -141px 0;  }
.my-contact-number:before { background-position: -188px 0;  }
.contact-us-btn:hover { }
.contact-us-btn:hover:before { opacity: 0.7; }

.my-whatsapp:after, .my-contact-number:after { 
	content: ""; display: block; width: 140px; 
	font-size: 16px; line-height: 32px; color: #000; border: 1px solid #ddd; border-radius: 2px;
	white-space: nowrap; position: absolute; left: 50%; margin-left: -70px; z-index: 10;
	opacity: 0; visibility: hidden;
	-webkit-transition: 0.2s all ease; transition: 0.2s all ease;
background: #fefefe; 
background: -moz-linear-gradient(top, #fefefe 1%, #dfdfdf 100%);
background: -webkit-linear-gradient(top, #fefefe 1%,#dfdfdf 100%); 
background: linear-gradient(to bottom, #fefefe 1%,#dfdfdf 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
}
.my-whatsapp:after { content: "+447712129648"; }
.my-contact-number:after { content: "+447712129648"; }
.my-whatsapp:hover:after,
.my-contact-number:hover:after { opacity: 1; visibility: visible; }

.my-ig:before {
    background: url(../png/instagram-icon-bigger.png);
    background-size: cover;
}

.footer-contact .contact-us-btn { text-align: center; font-size: 17px; max-width: 80px; margin: 18px 12px; }

.footer-contact-icons { margin-left: -12px; }
@media only screen and (max-width: 1320px) {
	.footer-contact-icons { margin: 0 auto; text-align: center; }
}

/*===== BROCHURE SECTION =====*/
.brochure-section { padding: 40px 0; color: #fff; margin-top: 40px; text-align: center; background: url(../jpg/orange-gradient.jpg) repeat; }

.brochure-section h2 { color: #fff; margin-bottom: 15px; font-size: 38px; line-height: 41px; }
.brochure-section ul li:before {
    content: "\f00c"; display: inline-block;
    height: 19px; width: 23px;  margin-right: 9px;
    background-position: -88px -20px;
	font-family: fontawesome; font-size: 22px; color: #FDF7C3;
	position: absolute; top: 0; left: 0;
}
.brochure-section ul li { font-size: 18px; font-weight: 600; line-height: 35px; margin-left: 30px; position: relative; padding-left: 32px; }

.brochure-section label { margin: 20px 0 !important; }
.brochure-section ._form label { margin: 0; } /* activeform label reset */
.brochure-section input, .brochure-section select, .brochure-section textarea { 
	max-width: 305px; width: 100%; text-align: center; margin: 0 auto 14px auto; 
	/*border: 1px solid #f46b41;*/ padding: 11px 0; font-size: 15px; letter-spacing: 0;	
}
.brochure-section.wider input, .brochure-section.wider select, .brochure-section.wider textarea { max-width: 390px; }
.brochure-section.wider input[type="submit"] { max-width: 305px; }

.brochure-section textarea { height: 85px; }

.brochure-section .wpcf7-recaptcha { position: relative; left: 50%; margin-left: -152px; margin-bottom: 14px; }
.brochure-section .wpcf7-not-valid-tip { font-size: 0.9em !important; margin-top: -13px; }

.brochure-section select { padding-left: 10px; padding-right: 10px; height: 44px; }
.brochure-section select option:empty { display: none; }

.brochure-section .select-wrapper { display: block; max-width: 305px; width: 100%; margin: 0 auto; }
/*.brochure-section .select-wrapper:after { border-color: #f46b41; }*/
.brochure-section .my-btn, .brochure-section button[type="submit"] { display: inline-block; max-width: 305px; width: 100%; background: #FF7C55; 
	font-size: 13px; font-weight: 600; letter-spacing: 0.5px; border: none; padding-left: 0; padding-right: 0; line-height: normal;
	border-radius: 20px;
}
.brochure-section .my-btn:hover, .brochure-section button:hover { opacity: 1; background: #FF7C55; }
.brochure-section button { padding: 11px 0; }

.brochure-section .col { width: 100%; display: inline-block; vertical-align: middle; }
/*two col*/
.brochure-section .two-col .col-1 { max-width: 740px; text-align: left; }
.brochure-section .two-col .col-2 { max-width: 450px; }

	.brochure-section .two-col .col-1 p { font-size: 25px; line-height: 28px; margin-bottom: 30px; }
	.brochure-section .two-col .col-1 p:last-child { margin: 0; }
	
/*three col*/
.brochure-section .three-col .col-1 { max-width: 446px; text-align: left; } 
.brochure-section .three-col .col-2 { max-width: 384px; }
.brochure-section .three-col .col-3 { max-width: 364px; }

@media only screen and (max-width: 1220px) {
.brochure-section { padding: 40px 10px; padding-left: 10px !important; padding-right: 10px !important; }	

.brochure-section .two-col .col-1 { max-width: none; display: block; text-align: center; }
.brochure-section ul li { font-size: 18px !important; line-height: 35px !important; margin-left: 30px !important; }
.brochure-section .two-col .col-2 { margin-top: 20px; }
}

@media only screen and (max-width: 640px) {
.brochure-section .two-col .col-1 p { font-size: 21.25px; line-height: 23.8px; }
.brochure-section h2 { font-size: 32.3px; line-height: 34.85px; }
}

/*===== BROCHURE SECTION V2 =====*/
.brochure-section-v2 { padding: 60px 0; background: #FF7C55; text-align: center; color: #fff; margin-top: 40px; }
.brochure-section-v2 h2 { font-size: 48px; line-height: 50px; margin-bottom: 20px; }
.brochure-section-v2 p { max-width: 865px; width: 100%; margin: 0 auto 20px; }

.brochure-section-v2 input { max-width: 305px; display: inline-block; text-align: center; margin: 4px 2px; padding-left: 0; }
.brochure-section-v2 input[type="submit"], .hs-form button { max-width: none; width: auto; background: #79c1ad; 
	position: relative; top: -2px; line-height: 46px; padding: 0 40px;
}
.brochure-section-v2 label { margin: 15px 0 0 0; }
.brochure-section-v2 .mc4wp-checkbox label { margin: 0; }
.brochure-section-v2 span.wpcf7-not-valid-tip { position: absolute; top: 37px; left: 0; width: 100%; color:#fff; margin: 0 !important; }

/*===== VENUE =====*/
.accomm-price { display: block; margin-bottom: 8px; }  


/*===== ACCORDION =====*/	
.my-accordion { padding: 12px 25px; background: #fff; border: 1px solid #e8e8e7; font-size: 16px; }
.my-accordion h3 { 
	font-size: 1.35em !important; line-height: 1.3 !important; color: #606463; font-weight: normal !important;
	padding: 23.5px 32px 23.5px 0; position: relative; cursor: pointer; margin: 0 !important; 
}
.my-accordion h3:hover { opacity: 0.8; }
.my-accordion h3:focus { outline: none; }
.ui-state-default:before {
	content: ""; display: block; width: 32px; height: 35px; 
	position: absolute; top: 50%; margin-top: -17.5px; right: 0; 
	background: url(../png/icons.png); background-position: 0 -41px;
}
.ui-state-active:before { background-position: -32px -41px; }

	.hr200 .ui-state-default:before {
		content: "\f107"; font-family: FontAwesome; font-size: 28px;
		background: none; height: 28px; width: auto; margin-top: -14px; color: #ff7c55;
	}
	.hr200 .ui-state-active:before { content: "\f106"; }

.my-accordion > div { border-top: 1px solid #e8e8e7; }
.my-accordion > div:first-child { border: none; }

.my-accordion h3 + div { padding-bottom: 30px; }

.my-accordion p li { line-height: 23px; }
.my-accordion img { max-width: 100%; }	

.accordion-flex { 
	display: -webkit-flex; display: flex; 
	-webkit-justify-content: center; justify-content: center; 
}

@media only screen and (max-width: 640px) { 
	/* applies to my-accordion inside flex */
.my-accordion { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; }
.my-accordion h3 { font-size: 1.2em !important; color: #606463 !important; }

.accordion-flex { display: block; }
}

/*===== ANCHOR LINKS =====*/
.my-anchor-link { text-align: center; }
.my-anchor-link li { 
	display: inline-block; margin: 10px; vertical-align: top; padding: 0 !important;
}
.my-anchor-link li:before { display: none !important; }
.my-anchor-link li a { display: block; padding: 10.5px 20px; font-weight: 600; border: 2px solid #ff7c55; }
.section-wrapper .my-anchor-link li a { padding: 10.5px 18px; }
.my-anchor-link li a:hover { color: #F1A78E; border-color: #F1A78E; }
.my-anchor-link li a.active { background-color: #ff7c55; color: #ffffff; }

.my-anchor-link-150 li { max-width: 150px; width: 100%; }
.my-anchor-link-150 li a { padding-left: 0; padding-right: 0; }

.my-anchor-link-108 li { max-width: 108px; width: 100%; }
.my-anchor-link-108 li a { padding-left: 0; padding-right: 0; }

.my-anchor-link li.v2 { width: 70% !important; float: none !important; display: none; }
	.my-anchor-link li.v2 a { color: #79c1ad; border-color: #79c1ad; }
	
.my-anchor-link.hr-300 { padding-top: 8px; }

@media only screen and (max-width: 560px) {
.my-anchor-link.mobile-ver { overflow: hidden; margin: 0 auto 20px; max-width: 430px; }

.my-anchor-link.mobile-ver li { float: left; width: 50%; margin: 0; padding: 0 5px 10px !important; }
	.my-anchor-link.mobile-ver li a { padding: 10.5px 0 !important; }

.my-anchor-link li.v2 { display: inline-block; }

.my-anchor-link li.v3 { width: 100% !important; float: none !important; }

.my-anchor-link.hr-300 { padding-top: 28px; }
}

/*===== THANK YOU page =====*/
/*.page-template-ty .site-inner { background: url(images/ty-bg.jpg) no-repeat; background-position: center center; background-size: cover; }*/
.ty-wrap { padding: 30px 0; }
.ty-wrap .my-content-full { max-width: 630px; width: 100%; margin: 0 auto; text-align: center; }

.ty-wrap .section-title { font-size: 40px; line-height: 40px; }
.ty-wrap .section-wrapper { padding: 32px 15px; }
.ty-wrap p { max-width: 550px; margin: 0 auto 16px; }
.ty-wrap p:last-child { margin-bottom: 0; }

.ty-form { margin-bottom: 16px; }
.ty-form form { display: inline-block; margin: 0 5px; vertical-align: middle; }
	.ty-form .my-btn { padding: 11px 15px; font-size: 14px; font-weight: normal; }
	.ty-form .my-btn + img { display: none; }
.ty-form .paypal-logo { height: 85px; margin: 0 5px; vertical-align: middle; }
.ty-form:last-child { margin-bottom: 0; }

.ty-wrap h3 { font-size: 40px !important; line-height: 40px !important; margin-bottom: 16px; }

.ty-wrap .sns-icons li { margin: 0 6px; padding: 0; } 
.ty-wrap .sns-icons li:first-child { margin-top: 0; }
.ty-wrap .sns-icons li:before { display: none; } 

.page-template-ty { padding-top: 0 !important; }
.page-template-ty .no-footer-top { display: none; }

.genesis-skip-link .screen-reader-shortcut{
	display: none;
}

.single .share-buttons{
	margin-top: 20px;
}

.sumome-share-client-wrapper{
 display: none !important;
}

.single .sumome-share-client-wrapper{
 display: block !important;
}


/*===== MEDIA QUERIES =====*/
@media screen and (min-width: 1023px) and (max-width:1278px) {
/* home body */
.hp-section-custom .my-widget { max-width: 31%; margin: 12px 1%; }
.hp-section-custom .widget-button span { font-size: 12px; } 
.hp-section-custom .widget-content p { font-size: 15px; } 	
}
@media only screen and (max-width: 1022px) { 
/* home body */
.hp-section-custom .upcoming-widget { display: block; margin: 12px auto; max-width: 600px; }

/* footer */
.footer-col, footer > .footer-col:first-child, .footer-col:last-child, .footer-col.last { padding: 0 15px 40px; }
}
@media only screen and (max-width: 1220px) { 
/* header */
.my-header { padding: 0 5px; }
.my-menu > ul > li > a { padding: 0 10px; }
.my-menu > ul > .faq-btn a, .my-menu > ul > .contact-btn a { padding-left: 10px; padding-right: 10px; }

/* upcoming events */
.page-banner-upcoming-events h1 { 
	text-align: center; margin: 0; max-width: none; width: 100%; 
	position: absolute; top: 15%; left: 0; font-size: 55px; font-size: 4.5vw;
}
}
@media only screen and (max-width: 1130px) { 
/* footer */
.footer-col { text-align: center; }
.footer-col-fuse { display: block; }

/* payment page */
.payment-tabs img.float-right { width: 100px; }
}

@media only screen and (max-width: 1040px) {
/* upcoming events */
.ev-sched-wrapper { overflow-x: scroll; }
.ev-sched-table td:first-child { width: auto; }
.ev-sched-table td:first-child + td + td { width: auto; }
}

@media only screen and (max-width: 1000px) { 
/* header */
.my-header {  font-size: 14px; padding: 0; position: relative; }

.my-logo { 
	font-size: 20px; color: #fff;  padding: 10px 16px; background: #F0865C; cursor: pointer;
	float: none; position: relative; z-index: 1; overflow: hidden;
}
.my-logo:before { content: "All Yoga Training"; display: inline-block; vertical-align: middle; font-weight: 600; line-height: 40px; margin-left: 10px; }
.my-logo:after { 
	content:"\f0c9"; font-family: FontAwesome; font-size: 23px; color: #fff; width: 23px; height: 23px;
	position: absolute; top: 50%; right: 16px; margin-top: -11.5px;	
}
.my-logo-x:after { content: "\f00d"; }

	.my-logo a { padding: 0; width: 40px; height: 40px; margin: 0; float: left; }		
	.my-logo a img { width: 25px; display: none; }
	
	.my-logo .logo-select { display: none; }

.my-menu { max-width: 400px; width: 100%; height: 100%; overflow-y: scroll; 
	position: fixed; top: 0; left: -400px;
	-webkit-transition: 0.2s all ease; transition: 0.2s all ease; 
	font-size: 1.2em; z-index: 10;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.my-menu:before {
	content: ""; display: block; background: #fff;
	height: 100%; width: 100%; position: absolute; top: 0; left: 0;
}
.my-menu:after {
    content: ""; display: block; background: rgba(0,0,0,0.4);
    position: fixed; pointer-events: none; top: 0; bottom: 0; left: 0; right: 0;
    opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: -1;
}
.show-menu:after { opacity: 1; }

.my-menu a { color: #fff; }

.my-menu > ul { background: #fff; /* overflow-y: scroll; height: 100%; */ }

.my-menu ul li { float: none; position: relative; }
.my-menu ul li:hover { background: none; }

.my-menu > ul > li { border-bottom: 1px solid #d5d5d5; }
.my-menu > ul > li > a { font-weight: 600; padding: 15px; }	

.my-menu ul li a { line-height: normal; text-transform: capitalize; }
	.my-menu ul li.menu-item-has-children > a{ display: inline-block; }
	.my-menu > ul > .faq-btn a, .my-menu > ul > .contact-btn a { padding: 7px; }

.sub-menu { font-size: 14px; padding-left: 23px; background: #f3f3f3 !important; }
.sub-menu li a { 
	text-decoration-color: rgba(255,255,255,0); 
	-webkit-transition: text-decoration-color 500ms; transition: text-decoration-color 500ms; 
	opacity: 1 !important; padding: 12px 15px; 
}
.sub-menu li:hover > a { 
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-transform: capitalize;
    text-decoration-color: #ff7c55;
    text-underline-offset: 6px;
 }

.menu-item-has-children { padding-left: 0; position: relative; cursor: pointer; }
.menu-item-has-children:before { 

	content: "\f067"; font-family: FontAwesome; font-size: 20px; line-height: 2.8;
	position: absolute; right: 0; top: 0; width: 44px; height: 100%; padding-top: 0; 
	text-align: center; color: #fff; 
}
.open-menu:before { content: "\f068"; }


.my-menu ul ul { display: none; }

.menu-btn { opacity: 1; }
body { padding-top: 0; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; position: relative; left: 0; }
.show-menu { left: 0 !important; }
.move-body { left: 400px; }

/* white mobile menu version */
.my-logo { color: inherit; background: #ffffff; }
.my-logo:after { color: #ff7c55; }
.my-menu { background: #f9f9f9; border-right: 1px solid #cfcfcf; }
.my-menu a { color: inherit; }
.my-menu ul li:after { background: #dddddd; }
.menu-item-has-children:before { color: #ff7c55; }

.my-menu > ul > .apply-btn, .my-menu > ul > .contact-btn { padding: 20px; }
.my-menu > ul > .apply-btn:hover, .my-menu > ul > .contact-btn:hover { background: inherit; }
.my-menu > ul > .apply-btn a, .my-menu > ul > .contact-btn a { 
	line-height: normal; border: 2px solid #ff7c55; padding: 7px 21px; 
	border-radius: 4px; background: #ff7c55; color: #fff; text-align: center;
}
.my-menu > ul > .apply-btn a:hover, .my-menu > ul > .contact-btn a:hover { color: #fff; }

.my-menu > ul > .apply-btn { border: none; padding-bottom: 0; }
.my-menu > ul > .apply-btn a { background: #79c1ad; border-color: #79c1ad; }

.menu-ig {  
	position: relative; z-index: 10; padding: 20px 0; background: #fff;
	font-size: 1.8em; color: #bba295; text-align: center;
	display: block;
}
.menu-ig span { display: block; }
.menu-ig a { margin: 6px auto 0; display: inline-block; }
.menu-ig img { max-width: 50px; }

/**/

/* home */
/*
.image-banner { margin-top: 0; }
.image-banner h1, .image-banner .my-btn { margin-top: 0; }
*/

.hp-img-txt { padding: 48px 10px; text-align: center; }
.hp-img-txt.first { background: #FFF; }
.hp-img-txt.second { background: #FAF6F5; }
.hp-img-txt .my-wrapper { display: block; padding: 0; }
.hp-img-txt .mobile-only { display: inline-block; margin-bottom: 20px; }
.hp-img-txt .hp-img-txt-content { max-width: 600px !important; display: inline-block; }

}

@media only screen and (max-width: 500px) { 
.overflow-toggle { overflow: hidden; }	
.my-menu { max-width: none; left: -100%; }
/* .my-menu > ul { height: calc(100% - 60px); } */
.my-menu .my-logo { display: block !important; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); }
}

@media only screen and (max-width: 977px) { 
.hide-mobile { display: none !important; }
.show-mobile { display: block !important; }

.my-content { max-width: none; padding-right: 0; overflow: hidden; }
	.my-content-left { float: none; max-width: 794px; margin-left: auto; margin-right: auto; }
	.my-content-right { float: none; width: 100%; max-width: 400px; margin: 40px auto 0; padding: 0 10px; }
	
	/* must match media query of apply-now-mobile. see events.css */
	.my-content-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.my-content-flex .my-content-right { order: -1; margin-top: 0; margin-bottom: 40px; }	
		
/* contact us */
.contact-us-btn { font-size: 17px; margin: 12px 0 0; }
.my-whatsapp:after, .my-contact-number:after { display: none; }	

.sticky-contact:hover, .sticky-contact:hover:before { border-radius: 5px; }

/* payment page */
.payment-tabs img.float-right { width: auto; }

/**/
.sticky-widget, .sticky-widget2 { position: static; width: auto; }

}

@media only screen and (max-width: 830px) { 
.my-widget, 
.hp-section-custom .upcoming-widget{ display: block; margin: 0 auto 20px; min-height: 0; max-width: 450px; }

a.my-widget + a.my-widget { margin-left: auto; }

.my-widget:last-child, 
.hp-section-custom .upcoming-widget:last-child { margin-bottom: 0; }

.hp-section .custom-height p, 
.footer-top .my-widget { min-height: 0; }

}

@media only screen and (max-width: 680px) { 
/* payment page */
.payment-tabs img.float-right { display: block; margin: 0 auto 20px; float: none; }
}

@media only screen and (max-width: 640px) { 
/* reusables */
.my-img { margin-bottom: 15px; }
img.float-left, img.float-right { float: none; display: block; margin: 0 auto 20px; }

.fontsize-18 { font-size: 15.3px !important; }
.fontsize-24 { font-size: 20.4px !important; }
.fontsize-22 { font-size: 18.7px !important; }

/* font size adjustments 85% */
/* body { font-size: 14px; } */
h1 { font-size: 40px; line-height: 40px; }
h2, h3 { font-size: 28px; line-height: 28px; }

/*
.image-banner h1 { font-size: 48px; line-height: 50px; }
.image-banner h2 { font-size: 18.5px; line-height: 23.8px; }
*/

.hp-img-txt h2, .testi-section h2 { font-size: 40px; line-height: 44px; }

.h2-lineheight { line-height: 33px; }

/* INNER PAGE */
.page-banner { padding: 35px 0; }
.page-banner-image { padding-top: 0; }
.page-banner p.bigger { font-size: 20px; line-height: 29px; }
.section-wrapper, .section-wrapper-v2 { padding: 20px; }
.section-title { padding: 20px; }

.section-wrapper p, .section-wrapper-v2 p,
.section-wrapper h2, .section-wrapper-v2 h2,
.section-wrapper h3, .section-wrapper-v2 h3,
.section-wrapper h4, .section-wrapper-v2 h4,
.sidebar-widget p,
.section-wrapper hr, .section-wrapper-v2 hr,
.section-wrapper .margin-bottom, .section-wrapper-v2 .margin-bottom,
.show-content,
.section-wrapper-v2 img { margin-bottom: 20px; }

.margintop-30 { margin-top: 20px; }

.section-wrapper h3, .section-wrapper-v2 h3 { font-size: 23.8px; line-height: 25px; }
.section-wrapper h4, .section-wrapper-v2 h4 { font-size: 18.7px; line-height: 20.5px; }

.section-wrapper, .my-content-left .section-wrapper-v2,
.sidebar-widget, .my-content-right .widget, .marginbottom-40 { margin-bottom: 20px; }
.my-content-right { margin-top: 40px; }

/* about */
.vision-mission-wrapper { margin-top: 0; }
.vision-mission-wrapper img { margin: 10px auto 20px !important; }

/* testi */
.testi-left { display: block; padding: 0; margin-bottom: 15px; }
.testi-left-content { display: inline-block; }
.testi-section { background: none; }

/* BROCHURE SECTION V2 */
.brochure-section-v2 h2 { font-size: 40.8px; line-height: 42.5px; }
.brochure-section-v2 h2 br { display: none; }
.brochure-section-v2 input { display: block; margin: 5px auto; }
.brochure-section-v2 span.wpcf7-not-valid-tip { position: static; }
.brochure-section-v2 input[type="submit"] { display: block; margin-left: auto; margin-right: auto; }
}

@media only screen and (max-width: 460px) { 
/* font size adjustments 85% */
h1 { font-size: 34px; line-height: 35px; }

.hp-img-txt h2, .testi-section h2 { font-size: 34px; line-height: 38px; }

/*.spot-tag:after, .waiting-tag:after { max-width: 53px; font-size: 10px; }*/

.fontsize-18 { font-size: 13px !important; }
.fontsize-24 { font-size: 17.5px !important; }
.fontsize-22 { font-size: 15.8px !important; }

/* payment page */
.payment-tabs { padding-top: 0; }
.payment-tabs .ui-tabs-nav { line-height: normal; padding: 20px 0; }
.payment-tabs .ui-tabs-anchor { width: 140px; }
.payment-tabs .ui-tabs-anchor br { display: block; }

/* brochure section v2 */
.brochure-section-v2 h2 { font-size: 34px; line-height: 35px; }

/* contact page */
.page-id-8480 .section-wrapper, .section-wrapper-v2 { padding: 20px 15px; }

/* blog pages */
/*.single-post .section-wrapper-v2 img { position: relative; left: -15px; max-width: none; width: 110%; }*/

}

/*===== CUSTOM SELECT =====*/
.custom-select { position: relative; z-index: 20; left: -7px; }
.custom-select select { display: none !important; }
.custom-select .wpcf7-not-valid-tip { position: relative; left: 7px; }

.sub-select { position: relative; z-index: 1; }

.sub-select-label-wrap { 
margin-bottom: 20px; padding: 6px 6px 0 6px; position: relative; z-index: 10; background: #fff; 
border: 1px solid #fff; border-bottom: 1px solid #fff; border-radius: 4px 4px 0 0; 
max-width: 550px; z-index: 20; box-sizing: content-box;
}
.border-on { border-color: #dadad6 #dadad6 #fff #dadad6; }
.border-on:after { 
content: ""; display: block; width: 16px; height: 52px; position: absolute; right: -17px; top: 0;
/* shadow image here if needed */
}

.sub-select-label {
display: block; height: 46px; padding: 11px 0 11px 17px; background: #fafbf6; 
border: 1px solid #dadad8; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;  box-sizing: border-box; border-radius: 4px 4px 0 0;
color: #606463; font-size: 15px; line-height: 22px; width: 100%; position: relative; cursor: pointer;
}
/*
.sub-select-label:after {
content: ""; position: absolute; right: 14px; top: 50%; margin-top: -5px;
display: block; height: 10px; width: 14px;
background: url(images/icons.png); background-position: -66px -41px;
transition: all 0.2s ease 0s; 
-webkit-transition: none; transition: none; 
}
*/
.sub-select-open { color: #5e6463; }
.sub-select-open:after { 
background-position: -80px -41px;
}

.sub-option { 
	margin: 0; padding: 0; position: absolute; width: 100%; 
	border: 1px solid #dadad6; border-radius: 0 4px 4px 4px; cursor: pointer; visibility: hidden; 
	box-shadow: 7px 7px 10px rgba(1,1,1,0.19); z-index: 10; margin-top:-21px;
}
.visibility-toggle { visibility: visible; position: static; }
.visibility-toggle-important { visibility: visible !important; }
.visibility-toggle-v2 { visibility: visible; position: absolute; }


/* added !important to override UL style */
.sub-option li { 
padding: 17px 13px 17px 53px; background: #fff; border-bottom: 1px solid #dadad6; font-size: 15px; color: #5e6463;
position: relative; list-style: none;
}
.sub-option li:first-child { border-radius: 4px 4px 0 0; margin: 0 !important; }
.sub-option li:last-child { border-radius: 0 0 4px 4px; border-bottom: none; }
.sub-option li:hover { background: #fafaf6; }

.sub-option li:before { 
	content: "\f073" !important; display: block; width: 23px !important; height: 24px !important;
	position: absolute; top: 50% !important; left: 13px !important; margin-top: -12px !important;
	background: none !important;
	font-family: "fontawesome"; color: #d6c2b9;
	font-size: 22px; line-height: 24px; text-align: center; background: none !important; 
}

.sub-option li.app-waiting-tag, .sub-option li.app-free-tag, 
.sub-option li.app-spots-tag, .sub-option li.app-full-tag { padding-right: 116px; }

.sub-option li.app-waiting-tag:after, .sub-option li.app-free-tag:after, 
.sub-option li.app-spots-tag:after, .sub-option li.app-full-tag:after {
	content: "";
	display: block; width: 95px; height: 23px;
	position: absolute; top: 50%; right: 13px; margin-top: -11.5px;
	font-size:12px; line-height: 23px; color: #fff; text-align: center; font-weight: 600;
}
.sub-option li.app-free-tag:after {
	content: "FREE ACCOMM";
	background: #21BD92;
}
.sub-option li.app-waiting-tag:after {
	content: "WAITING LIST";
	background: #EE8074;
}
.sub-option li.app-spots-tag:after {
	content: attr(data-content);
	background: #FEF3BB; color: #292929;
}
.sub-option li.app-full-tag:after {
	content: "FULLY BOOKED";
	background: #f5425d;
}

.places-option li:before {
	content: "\f041" !important;
}
.time-option li:before {
	content: "\f017" !important;
}


.sub-option li span { color: #ff7c55; }
.sub-option li span.blue { color: #1ABBCF; }
.sub-option li span.green { color: #4DA88E; }
.hr-stamp { background: #0086C4 ; color: #fff !important;
    display: inline-block; font-size: 14px; line-height: 23px; padding: 0 7px;
}

.sub-option { height: 282px !important; width: 100% !important; }
.sub-option .jspContainer { width: 100% !important; padding-right: 24px !important; box-sizing: border-box;}
.sub-option .jspPane { width: 100% !important; border-right: 23px solid #fff !important; box-sizing: border-box; margin: 0 !important; }
.sub-option .jspVerticalBar { width: 23px !important; border-left: 1px solid #dadad6; background: none; }
	.sub-option .jspTrack { padding: 0 8px !important; background: #fff !important; box-sizing: border-box !important; }
		.sub-option .jspDrag { background: #b3b3ae !important; border-radius: 5px; }


@media only screen and (max-width: 640px) { 
.sub-option li { font-size: 12px; }
.border-on:after { display: none; }
}
@media only screen and (max-width: 400px) { 
.step-tracker li { font-size: 16px; }
.app-page-logo { display: block; margin: 0 auto; }
}

/* Custom Pager */
.my-pager-content, .advanced-content, .intermediate-content { display: none !important; }
.show-content { display: block !important; }
.spot-update .show-content { display: inline-block !important; margin: 0; }
.teacher-entry.show-content { display: inline-block !important; }

.special-events-header .hs-pager { margin-bottom: 18px; }
.special-events-header .hs-pager-control { 
	display: inline-block; margin-left: -4px; max-width: 220px; width: 100%; cursor: pointer; 
	line-height: 42px; position: relative; border: 2px solid; text-indent: -9999px;
}
.special-events-header .hs-pager-control:first-child { border-radius: 5px 0 0 5px; }
.special-events-header .hs-pager-control:last-child { border-radius: 0 5px 5px 0; }
.special-events-header .hs-pager-control:first-child:after, 
.special-events-header .hs-pager-control:last-child:after { 
	content: ""; font-size: 13.5px; line-height: 42px; font-weight: 500; text-align: center; letter-spacing: 0.5px;
	display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; 
}
.special-events-header .hs-pager-control:first-child:after { content: "INTERMEDIATE"; }
.special-events-header .hs-pager-control:last-child:after { content: "ADVANCED"; }

.special-events-header .hs-pager-control.active { background: #ff7e4e; border-color:#ff7e4e; color: #fff; text-shadow: none; }

.hs-pager + .seh-teacher-info { margin-bottom: 32px; }

.apply-now-widget .custom-select { left: 0; }
.apply-now-widget .sub-select-label-wrap { margin: 20px 0 0 0; }
.apply-now-widget .sub-option { margin: -3px 0 0 0; position: absolute !important; height: 113px; background: #fff; }
.apply-now-widget .sub-option a { -webkit-transition: none; transition: none; }


@media only screen and (max-width: 460px) { 
.special-events-header .hs-pager-control { display: block; border-radius: 5px !important; margin: 5px auto; }
}

/* =====================================================
========================= BLOG =========================
===================================================== */

.page-template-blog-listing-template .widget-title { font-size: 30px; }

.single .section-wrapper-v2 { margin: 0; }

.blog-thumbnail { display: block; width: 100%; background-size: cover; background-repeat: none; background-position: center; }
.blog-thumbnail:before { content: ""; display: block; padding-top: 48.4%; }
.blog-no-thumbnail { background-image: url('https://placehold.it/1200x400'); }

.post-title-wrapper { padding: 30px; background: #fffef5; }

.post-title-wrapper + img { width: 100%; }

.post-meta:after { content: ""; display: block; clear: both; }
.post-meta .left { float: left; font-size: 12px; max-width: 570px; }
	.meta-categories { font-size: 12px; text-transform: uppercase; }
		.meta-categories a { color: #606463; }
	.meta-date, .meta-comments { color: #d6c2b9; }	
	.meta-date:before, .meta-comments:before { 
		content: "|"; display: inline-block; margin: 0 10px 0 6px; 
	}

.post-meta .right { float: right; margin-top: -5px; }
.post-meta table.right { border-spacing: 0; text-align: left; }
.post-meta table.right tr.row-space td { padding-top: 7px; }
	
	.author-label {
		font-size: 14px; text-align: right;
	}
	.author-avatar { 
		overflow: hidden; width: 30px; height: 30px; border-radius: 100%; 
		background-size: cover; display: inline-block; vertical-align: middle; 
		margin-left: 10px;
	}
	.author-name { 
		padding: 0 0 0 8px; display: block; vertical-align: middle; font-size: 12px; text-transform: uppercase; 
		color: #606463;
	}

.post-title { margin: 0; font-size: 40px; line-height: 48px; margin-bottom: 18px; }


.bawpvc-ajax-counter, .single_tags { display: none; }

@media only screen and (min-width: 800px) {
.single-post .floating-img { display: -webkit-flex; display: flex; margin-bottom:30px; }
.single-post .floating-img img { max-width: 260px; margin-left: 20px; }
}

/* sidebar */
.widget_categories ul { list-style: none; }
.widget_categories ul li { border-bottom: 1px solid #f3f0e8; }
.widget_categories ul li:last-child { border-bottom: none; } 
.widget_categories ul li a { 
	display: block; font-size: 12px; line-height: 71px; padding-left: 28px; color: #606463; text-transform: uppercase; 
}
.widget_categories ul li a:hover { color: #ff7c55; } 

/* POPULAR POSTS (top ten posts plugin) currently using */
.tptn_posts li { padding: 17px 28px; border-bottom: 1px solid #edeae1; }
.tptn_posts li:last-child { border:none; }

.tptn_link { font-size: 16px; color: #606463; display: block; }

.tptn_author, .tptn_date { color:#99a1b3; font-size:12px; }
.tptn_author:after { content: " | "; }

/* popular post ( old from mosnterinsight inactive ) */
.monsterinsights-widget-popular-posts { margin-bottom: 0 !important; }
.monsterinsights-widget-popular-posts-list li { background: #fff !important; border-bottom: 1px solid #edeae1; padding: 17px 28px !important; margin: 0 !important; }

.monsterinsights-widget-popular-posts-title { color: #606463 !important; font-weight: 400 !important;
-webkit-transition: 0.2s all ease; transition: 0.2s all ease;
}
.monsterinsights-widget-popular-posts-list li:hover 
.monsterinsights-widget-popular-posts-title { color: #ff7c55 !important; text-decoration: none !important; }
.monsterinsights-widget-popular-posts-comments { display:none !important; }

/* most viewed widget (stopped working - replaced by mons insights ) */
.widget_most_viewed_entries ul { list-style: none; }
.widget_most_viewed_entries ul li { border-bottom: 1px solid #f3f0e8; }
.widget_most_viewed_entries ul li a { 
	display: block; font-size: 16px; padding: 17px 28px; color: #606463;
}
.widget_most_viewed_entries ul li a:hover .blog-title { color: #ff7c55; }
.widget_most_viewed_entries ul li .categories { color: #afb1b1; font-size: 12px; text-transform: uppercase; margin-bottom: 10px; }


/* comment */
.comment_number { display: none; } 

.comment_holder { border: none; padding: 0 0 27px 0; margin-bottom: 0; border-bottom: 1px solid #e8e8e7; }

.comment_holder .comments { width: 100%; float: none; }

.comment-list { margin: 0 !important; } /*ul*/
	.comment_holder .comment-list li { margin: 0; padding: 27px 0 !important; border-bottom: 1px solid #e8e8e7; }
	.comment_holder .comment-list li:before { display: none !important; }
	.comment_holder .comment-list li:last-child { border-bottom: none; padding-bottom: 0; }

.comment_holder .comment { background: none; padding: 0; }
	.comment_holder .comment .image { height: 48px; width: 48px; border-radius: 100%; overflow: hidden; background: #C5C5C5; float: left; }
		.comment_holder .comment .image img { max-width: 100%; height: auto; }
	.comment_holder .comment .text { padding: 0 0 0 60px; min-height: auto; }

.comment .name { color: #ff7c55; font-size: 14px; margin-bottom: 8px; line-height: normal !important; }
.comment_date { color: #d6c2b9; }
.comment_date:before { color: #d6c2b9; content: "|"; display: inline-block; margin-left: 5px; margin-right: 3px; }

.comment p { font-size: 14px; margin: 0; }

.comment_holder .comment-list li ul.children { padding: 0 27px; margin: 20px 0 0 0; background: rgba(210, 210, 210, 0.3); }

.comment-reply-link { 
    cursor: pointer; display: inline-block;
    font-size: 22px; line-height: 22px; color: #c6c6c6;
	position: absolute; top: 0; right: 10px; 
}
.comment-reply-link .fa-reply { margin-top: 15px; }

/* form */
/*.comment_form { margin-top: 38px; }*/
.comment_form #respond h3 { margin-bottom: 28px; }
.form-submit { text-align: left !important; }
#respond input[type="submit"] { margin-bottom: 0 !important; }

/* about author */
.author-description { padding-left: 190px; position: relative; min-height: 154px; }
.about-author-avatar { 
	width: 154px; height: 154px;
	border-radius: 100%; display: block; overflow: hidden; position: absolute; left: 0; top: 0; 
}
	.about-author-avatar img { display: block; margin: 0 !important; }

.about-author > h3, .comment-respond > h3 { color: #ff7c55; }

/*===== BLOG LISTING =====*/
.blog-listing > article { overflow: hidden; position: relative; background: #fff; margin-bottom: 24px; }

.blog-listing-thumbnail { display: block; width: 51%; height: 100%; position: absolute; top: 0; left: 0; 
	background-position: center center; background-size: cover;
}
.blog-listing-no-thumbnail { background-image: url("https://placehold.it/786x380"); }

.blog-listing-content { width: 49%; float: right; padding: 30px; position: relative; box-sizing: border-box; }
	.blog-listing .meta-categories, .blog-listing .meta-categories a { color: #afb1b1; }
	.blog-listing-title { margin: 18px 0 20px; font-size: 24px; line-height: 28px; font-weight: normal; }

		.blog-listing-title a { color: #ff7c55; }
	
.blog-listing .widget-button { width: 49%; clear: both; float: right; box-sizing: border-box; }
	.blog-listing .widget-button span { font-size: 12px; letter-spacing: 1px; }
	.blog-listing .widget-button span:after { bottom: 0; height: 3px; }

.my-pagination { text-align: center; }
.my-pagination > * { padding: 5px; margin: 5px; display: inline-block; }
.my-pagination > *:hover { color: #b94a48 !important; }
.my-pagination .current { border: 3px solid #ccc; color: #b94a48; }

/* 200hr overview page */
.page-template-events .blog-listing > article { margin-bottom: 0; border-bottom: 1px solid #e8e8e7; }
.page-template-events .blog-listing-content { padding: 0 0 0 30px; }

@media only screen and (max-width: 640px) { 
/* size adjustments 85% */
.post-title { font-size: 34px; line-height: 40px; }

/* BLOG LISTING */
.blog-listing-thumbnail { position: static; display: block; width: 100%; height: 360px; }
.blog-listing-thumbnail:after { content: ""; display: block; padding-top: 45%; }
.blog-listing-content, .blog-listing .widget-button { float: none; width: 100%; }
/* 200hr overview page */
.page-template-events .blog-listing .section-wrapper { padding: 0; }
.page-template-events .blog-listing-content { padding: 20px; overflow: hidden; }
}


@media only screen and (max-width: 580px) { 
/* BLOG */
.single .content-section-wrapper { padding: 30px 20px; }

.post-title, .post-meta  { text-align: center; }

.post-meta .left { float: none; }
.post-meta .right { float: none; margin: 5px auto 0; }

.meta-date:before, .meta-comments:before { margin: 0 2px 0 -2px; }

.author-description { padding: 0; }
.about-author { text-align: center; }
.about-author-avatar { position: static; display: block; margin: 0 auto 15px ; }
}

@media only screen and (max-width: 460px) { 
/* size adjustments 85% */
.post-title-wrapper { padding: 20px 15px; }
.post-title { font-size: 29px; line-height: 34px; }

.footer-col.upcoming { width: 100%; }
.footer-col.upcoming > div { max-width:310px; width: 100% !important; margin: 0 auto; }
}

/* POPUP */
.my-popup-wrapper { 
	width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7) !important; z-index: 110;
	visibility: hidden; opacity:0; -webkit-transition: 0.2s all ease; transition: 0.2s all ease;
}

.my-popup { 
	max-width: 600px; width: 100%;  background: #fff;  
	position: relative; top: 50%; margin: -245px auto 0; padding: 30px 0 !important;
}

.my-popup.dynamic-height {  
	-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); 
	margin: 0 auto !important; 
}

/*
.my-popup-close {
	width: 46px; height: 46px; line-height: 42px;
    background: #fff; border-radius: 100%;
    font-size: 34px; font-weight: 300; font-family: "Verdana"; 
	color: #FF7C55; text-align: center;
    box-shadow: 3px 3px 5px rgba(1, 1, 1, 0.19);
    position: absolute; right: -20px; top: -16px; z-index: 10; cursor: pointer;
}
*/

/*.my-popup .wpcf7-response-output { display: none !important; }*/

#contact-form-popup .my-popup { padding: 30px 20px !important; }

#contact-form-popup .v3-notice a { color: #fff; text-decoration: underline; }

/* brochure */
.brochure-section .my-popup { background: url(../jpg/orange-gradient.jpg) repeat; padding: 0 20px; }
.brochure-section .my-popup h2 { max-width: 500px; margin: 0 auto; font-size: 2.5em; line-height: 1.2em; color:#fff; } 

/* contact us popup */
.btn-mail-icon { font-size: 14px !important; }
.btn-mail-icon span:before { content: "\f003"; font-family: FontAwesome; font-size: 16px; margin-right: 10px; }

/* faculty */
.faculty-content { 
	height: 430px; width: 100% !important; line-height: 0; text-indent: -100px;
}
.faculty-content.no-scrollpane { text-indent: 0; line-height: normal; height: auto !important; }
.faculty-content.no-scrollpane .teacher-name { padding-right: 0; }

.faculty-content .jspContainer { width: 100% !important; box-sizing: border-box; line-height: normal; text-indent: 0; }
.faculty-content .jspPane, .faculty-content.no-scrollpane { width: 100% !important; padding: 0 30px !important; box-sizing: border-box; }
.faculty-content .jspVerticalBar { width: 30px !important; box-sizing: border-box; background: none !important; }
	.faculty-content .jspTrack { height: 100% !important; padding: 0 12px !important; background: #fff !important; box-sizing: border-box !important; }
		.faculty-content .jspDrag { background: #b3b3ae !important; border-radius: 5px; }

@media only screen and (max-width: 640px) { 
.my-popup-close { right: 0; }
.my-popup { margin-top: -215px; padding: 20px 0 !important; }

/* faculty */
.faculty-content .teacher-name { padding-left: 20px; }
.faculty-content { height: 390px ; }
.faculty-content .jspPane, .faculty-content.no-scrollpane { padding: 0 20px !important }
.faculty-content .jspVerticalBar { width: 20px !important; }
	.faculty-content .jspTrack { padding: 0 7px !important; }
}

/* OTHERS */
.s.u.m.o.me .listbuilder-popup-overlay { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; }
.sumome-react-wysiwyg-background .sumome-react-wysiwyg-move-handle div { background: rgba(0, 0, 0, 0) url("../jpg/orange-gradient.jpg") repeat scroll 0 0 !important; }
.sumome-react-wysiwyg-component-wrapper > select { padding: 9px !important; }

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/*===== testimonial =====*/	
.my-testi-slider { margin-top: 0; width: 100%; }	
.my-testi-slider .ttshowcase_slider { display: block !important; }
.my-testi-slider .ttshowcase_slider .bx-wrapper { margin: 0; }
.my-testi-slider .ttshowcase_slider .bx-wrapper .bx-viewport { left: 0; }

.my-testi-slider .tt_2cl, .my-testi-slider .tt_3cl, .my-testi-slider .tt_4cl, .my-testi-slider .tt_10cl { margin: 42px 0 0 0; width: 100%; }
.my-testi-slider .tt_2cl:first-child, .my-testi-slider .tt_3cl:first-child, .my-testi-slider .tt_4cl:first-child, .my-testi-slider .tt_10cl:first-child { margin-top: 0; }

.my-testi-slider .tt_info-left { min-width: 208px; vertical-align: middle; }
.my-testi-slider .ttshowcase_rl_image { display: inline-block; border-radius: 100%; overflow: hidden; }
.my-testi-slider .ttshowcase_rl_image img { max-width: 150px; display: block; margin: 0 !important; }

.my-testi-slider .ttshowcase_rl_title { margin-top: 5px; }
.my-testi-slider .ttshowcase_rl_subtitle { font-size: 16px; white-space: nowrap; color: #ff7c55; }

.static-ttshowcase .bx-viewport { height: auto !important; }
.static-ttshowcase .ttshowcase_wrap,
.static-ttshowcase .ttshowcase_rl_box { position: static !important; }

/***/
.my-testi-slider .ttshowcase_wrap .ttshowcase_rl_quote { 
	font-style: normal; padding: 30px !important;  margin: 0; position: relative; border-radius: 10px !important; background:#f5f5f5;
}
.my-testi-slider .ttshowcase_wrap .ttshowcase_rl_quote:after {
    border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f5f5f5;
    content: ""; display: block; width: 0;
    position: absolute; top: 30px; left: -10px; margin-top: -10px; z-index: 1;
}

	.my-testi-slider .ttshowcase_wrap .ttshowcase_rl_quote p { line-height: 23px; margin: 0; color: #606463; }
	.my-testi-slider .ttshowcase_wrap .ttshowcase_rl_quote a { color: #ff7c55 !important; }
	
	.my-testi-slider .ttshowcase_wrap .ttshowcase_rl_quote .fa { display: none; }

	.my-testi-slider .ttshowcase_rl_readmore { line-height: normal; }
	.my-testi-slider .ttshowcase_rl_readmore a { font-size: 0px !important; }
	.my-testi-slider .ttshowcase_rl_readmore a:after { content: "Read More"; font-size: 16px; }
	
	.ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager { position: static !important; }
	.ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager a { 
		width: 15px !important; height: 15px !important; border-radius: 100% !important; background: #E0E0E0 !important;
	}
	.ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #ff7c55 !important;	
	}
/**/
.sidebar-widget.my-testi-slider .tt_info-left { padding-right: 0; display: block; margin-bottom: 20px; }
.sidebar-widget.my-testi-slider .tt_quote_info-left { display: block; }

@media only screen and (max-width: 650px) {
/* testimonial plugin */
.my-testi-slider .tt_2cl, .my-testi-slider .tt_3cl, .my-testi-slider .tt_4cl, .my-testi-slider .tt_10cl { margin-top: 20px; }

.my-testi-slider .tt_info-left { padding: 0 0 20px 0 !important; }
.my-testi-slider .ttshowcase_wrap .ttshowcase_rl_quote { padding: 20px !important; }

.my-testi-slider .ttshowcase_wrap .ttshowcase_rl_quote p { text-align: center; }
.my-testi-slider .ttshowcase_rl_readmore { text-align: center; }
}

/* SINGLE POST */
.single-post .my-table th, .my-table td { padding-left: 15px; padding-right: 15px; }

.grecaptcha-badge { display: none !important; }

@media only screen and (max-width: 430px) { 
.single-post .my-table {  width: 100% !important; 
-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}
.single-post .my-table th:first-child, .single-post .my-table td:first-child { width: 1%; }
.single-post .my-table.hide-col-1 th:first-child, .single-post .my-table.hide-col-1 td:first-child { 
    display: none;
}

.single-post .my-table th { font-size: 14px; }

.single-post .my-table td, .single-post .my-table h3 { font-size: 13px !important; }
}

/* Thank You Application Page */
.greeting-section-wrapper { padding: 35px 40px; }
@media only screen and (max-width: 550px) { 
.greeting-section-wrapper { padding: 20px; }
.greeting-wrapper { text-align: center; }
.greeting-wrapper img { float: none !important; margin-bottom: 20px; }
}

/* 2-18-2019 */

/* NEW Design elements */
.q-pink { background: #EE8074 !important; /* ffe4e0 */ }
.q-green { background: #589981 !important; }
.q-gray { background: #f5f3e7; }
.q-border-radius { border-radius: 10px; }

/*
.quote-marks { position: relative; }
.quote-marks:before {
    content: "\f10d"; font-family: fontawesome; font-size: 2em;
    position: absolute; top: 0px; right: 109%;
    line-height: 0; color: #fff;
}

.quote-div { padding: 5% 7.2%; line-height: 1.7;  
	font-family: 'Open Sans'; font-size: 16px; color: #442d28;
}
*/
	.quote-div.q-pink, .quote-div.q-green { color: #fff; }

	.quote-div.q-pink a { color: #ddffb4; }
	.quote-div.q-green a { color: #fff68e; }

.quote-img-header { 
	line-height: 1; padding-bottom: 4%; 
	/* font-size: 2em; color: #c86b45; */
	font-family: 'Playfair Display' !important; font-weight: 600 !important; color: #fff; font-size:  28px;
}


    /* .quote-img-header.v2 { font-family: Kalam; font-weight: 300; font-style: italic; } */

.quote-img-wrap { position: relative; padding: 5% 0 0 5%; text-align: right; }
.quote-img {
    padding: 24px 24px 24px 32% !important; text-align: left;
    position: relative; display: inline-block;
}
    .quote-img .quote-img-header { padding-bottom: 2%; }
    .quote-img-photo { 
        width: 32%; height: 100%; position: absolute; top: -12%; left: -5%;
        background-size: cover; background-repeat: no-repeat; background-position: center;

        border-radius: 10px; overflow: hidden; outline: 10px solid #fff;
    }
    	.quote-img-photo > img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
    /* .quote-img-photo + div { } */      
    
@media only screen and (max-width: 700px) {
.quote-img-wrap { padding: 0; margin-top: calc((100vw - 100px) * 0.41); }

.quote-img { padding: 30px; display: block; }
.quote-img-photo { 
	position: relative; top: auto; left: auto;
	width: 100%; height: 0; padding-top: 62.3%; 
	/* margin-bottom: 5%; */
	margin-top: calc(-50% + 30px);  margin-bottom: 25px;
}
.quote-img-header { font-size: 1.7em; }
}

@media only screen and (max-width: 480px) {
.quote-img-wrap { margin-top: calc((100vw - 100px) * 0.38); }
}

/* design elements amends end */

/* paged CTA on event page - hide on old theme */
.menu-cta-paged { display: none !important; }
.css-paged .menu-cta-paged {  display: block !important; }
.css-paged .menu-cta-base {  display: none !important; }