html {
	background: #fff;
	}

body {
	margin: 0;
	padding: 0;
	background:#dee0db;
	font-family: "open sans";
}



.admin-bar #wpadminbar
{
	position:fixed;
	top:calc(100% - 30px) !important;
	}



body.admin-bar {margin-top:-32px;}

/*featured posts on home page*/
.display-post-types .dpt-main-header
{display:none}


.dpt-entry{
	background:white;
	margin:20px;
	border-radius:13px;
	box-shadow:0 3px 5px 0 #00000033;
	color:#333;
	padding:20px
}

.display-post-types .dpt-list1 .sub-entry
{
	padding-top:5%

}


.dpt-list1 .dpt-featured-content
{margin-right:20px !important;
margin-bottom:20px !important}




.dpt-thumbnail .dpt-thumbnail-inner
{top:20px !important;
}

.dpt-entry-wrapper a.dpt-more-link,.dpt-entry-wrapper a.dpt-more-link:hover,.dpt-entry-wrapper a.dpt-more-link:link
{
	display:inline-block;
	margin-top:20px;
	padding:10px 15px;
	border-radius:0px;
	border:0px solid white !important;
	color:white;
	background-color:#0D86D6 !important
}


.dpt-entry .dpt-featured-content
{
	flex-basis:55%;

}

a.dpt-more-link:hover
{
	background-color:white !important;
	color:#333
}


/*display posts grid*/
.display-post-types .dpt-main-header:has(.display-classes)
{
	display:block
	
}
.multi-col.wide-wrap .dpt-entry:has(.display-classes)
{max-width:29%;
	margin:10px;
margin-top:0}

.display-post-types:has(.display-classes)
{

	margin-left:2.5%;
}

iframe
{
	height:500px;
	margin-bottom:0;
	border:0
}

body:not(.home) .site-main
{
	background:#fff;
	border-radius:23px;
	box-shadow: 0 3px 5px 0px #00000033;
	overflow:hidden;
	padding:2rem
}


.mnu-break-after a
{border-bottom:1px solid #bebebe !important}

/*featured items*/

@media screen and (min-width:897px)
{
	.h5vp_player_temp
{
overflow:hidden;
	/*height:80vh;*/
	margin-bottom:0
}
	
	
	.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe-mob,	.woocommerce-active .main-navigation .primary-menu > li.mnu-tca-mob,.woocommerce-active .main-navigation .primary-menu > li.mnu-blog-mob
	{display:none}

	.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe
	
	{position:absolute;
	right:30px;}
	
.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe:hover
{background:transparent}

.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe > a:hover

{background:red}

.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe > a
{height:80%;
	margin:3px 5px;
	padding-top:3px;
	border: 3px solid white;
border-radius:5px;
	background:#0D86D6
	}

	#fixed-top-featured:before
	{
		content:'';
		display:inline-block;
		position:absolute;
			top:3px;
		left:-140px;
	color:#333;
	}
	
	#fixed-top-featured a
	{
		color:#333
	}
#fixed-top-featured
{
	display:inline-block;
	position:fixed;
	top:40px;
	right:20px;
	z-index:99999;
	font-size:14px;
	color:#333;
	padding:0;
	
}

	#fixed-top-featured img
{
	height:60px;
	margin-top:0;
	height:60px
	}
	
		#fixed-top-featured img.img-fb
{
	height:20px;
	margin-top:0;
	height:25px
	}
	
		#fixed-top-featured img.img-youtube
{
	height:20px;
	margin-top:0;
	height:30px
	}
	
			#fixed-top-featured img.img-blog
{
	height:20px;
	margin-top:-5px;
	height:20px
	}
	
	
#fixed-top-featured a
{
display:inline-block;
margin-right:10px

}

}

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

	#fixed-top-featured:before
	{
		content:'';
		display:inline-block;
		position:absolute;
			top:3px;
		left:-140px;
	color:#333;
	}
	
#fixed-top-featured
{
	display:none;
	position:fixed;
	top:0px;
	right:0px;
	z-index:9999;
	font-size:14px;
	color:#333;
	padding:0;
	border-bottom:1px solid #ddd
}

	#fixed-top-featured img
{
	height:20px;
	margin-top:0;
	height:20px
	}
	
		#fixed-top-featured img.img-fb
{
	height:20px;
	margin-top:0;
	height:25px
	}
	
		#fixed-top-featured img.img-youtube
{
	height:20px;
	margin-top:0;
	height:30px
	}
	
			#fixed-top-featured img.img-blog
{
	height:20px;
	margin-top:-5px;
	height:18px;
	max-width:300px !important
	}
	
	
#fixed-top-featured a
{
display:inline-block;
margin-right:10px

}
	
	.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe
	{display:none}
	
	
		.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe-mob,.woocommerce-active .main-navigation .primary-menu > li.mnu-tca-mob,.woocommerce-active .main-navigation .primary-menu > li.mnu-blog-mob
	{padding:3px}
	
	.woocommerce-active .main-navigation .primary-menu > li.mnu-subscribe-mob > a,	.woocommerce-active .main-navigation .primary-menu > li.mnu-tca-mob > a,	.woocommerce-active .main-navigation .primary-menu > li.mnu-blog-mob > a
	
	{background:#0D86D6;
	color:#fff;
	border-radius:5px;
	padding:8px 3px;
		text-align:center;
		height:40px
	}
	
	.woocommerce-active .main-navigation .primary-menu > li.mnu-tca-mob > a
	{background:#c80000}

		.woocommerce-active .main-navigation .primary-menu > li.mnu-blog-mob > a
	{background:white;
	color:#ff2000;
	font-family:serif;
	font-size:1.1rem;
	border:3px solid #ff2000;
	padding:3px}
	
}

@media screen and (max-width:896px)
.site-content
{padding-top:80px !important;
}

}

@media screen and (min-width:896px)
{
.site .sticky-header .site-content
{
	padding-top:80px !important}
	
}

.scrolling .main-navigation, .scrolling .site-branding
{margin-top:0}


.back-top:before
{content:'^';
	position:absolute;
top:0;
left:0;
height:100%;
	width:100%;
	color:#fff;

	font-size:18px;
	display:flex;
	justify-content:center;
	align-items:center
}

.back-top
{
	border-radius:40px !important;
	background:#0D86D6;
	opacity:1;
	height:40px;
	width:40px;
	text-align:center;
	font-size:14px;
	text-transform:capitalize;
	top:calc(100% - 75px);
	right:0;
	color:#dedede;
	font-size:1px;
	padding:0;
	overflow:hidden;
	font-weight:600;
}

h1, h2, h3, h4, h5, h6
{margin: 10px 0px}




/*
.single-ticket li
{
	float:none !important;
	background:#eee !important;
	color:#fff;
	text-align:center !important
}

.single-ticket li img
{
//	float:none !important
}
.single-ticket li h2
{
float:left;
	color:#333
}

.single-ticket li a
{
width:100%;
	background:#23cc18
		!important;
	text-align:center
}


.single-ticket li span.price

color;
	text-align:center;
//	font-size:38px
}

*/

.page-id-25394 .entry-hero
{background-position:50% 20%}

.page-id-27419 .entry-hero
{background-position:50% 10%}


.entry-hero::before, .site-content-wrapper .has-post-thumbnail .entry-header::before {
	background:#1117
}


.entry-hero-wrapper, .hentry-wrapper, .site-content-wrapper .has-post-thumbnail .entry-header-wrapper, .site-footer-wrapper, .site-header-wrapper, .widget-area-wrapper,.site-content-wrapper{
		max-width:100%;
}

@media screen and (min-width: 600px)
{

/*	
.widget-area-wrapper
{

	width:calc(100% - 2rem) !important;
	
	}
	*/
	
/*2025-11-30*/
h1.entry-title,.wf-active .entry-title,.wf-active .post-type-archive-jetpack-testimonial .page-title, .wf-active h1.entry-title, h1.entry-title, .entry-title {
//	margin-top:0px;
//	padding-top:20px !important;
	} 
	
/*full width page*/
	body:not(.no-sidebar) .site-content-wrapper, .no-sidebar .comments-area
	{
		width:100%
	}
	

	
	body:not(.no-sidebar) .content-area {
			margin:1rem;
		padding-right:0;
		width:100%;
	}
	
		body:not(.home).no-sidebar .content-area {
		margin: 1rem;
	}
	
}

	
@media screen and (min-width: 897px)
{
	.main-navigation{
		margin-top:0px
	}
	
	.woocommerce-active .main-navigation .primary-menu > li > a
	{height: 100%;
	padding:8px 20px 0}
	
.custom-logo
{max-width:250px;
	margin:5px 0 5px;
	padding-top:0
	}
}

/*logo for mobile view*/



@media screen and (max-width: 896px)
{
	
	/*body padding on mobile*/
		
.post-type-archive .site-content-wrapper, .search-results .widget-area, .archive .site-content-wrapper, .blog .site-content-wrapper, .page-template-default .site-content-wrapper, .post-template-default .site-content-wrapper, .product-template-default .site-content-wrapper, .tribe_events-template-default .site-content-wrapper
	{
		width: calc(100% - 2rem);
		padding-top:1rem !important
	}
	
.site-header{
		height:80px;
		position:fixed;
	box-shadow: 0px 0px 7px 0 #00000055 !important
	}
	.custom-logo
	{
				display:none}

	.site-header-wrapper .site-header-cart {display:none}

.site-header-wrapper .site-branding
{
	display:block;
	background:url('https://whitecraneacademy.com/wp-content/uploads/2018/08/cropped-white-crane_header_v1.jpg');
	background-repeat:no-repeat;
	background-size:80%;
	height:80px;
	width:100%;
	background-position:10px 10px;
	background-color:#fff;
	padding-top:30px
}
	
	.custom-logo-link
	{
		height:100%;
		width:80%
	}
	
	/*mobile menu*/

	.main-navigation {
		
		margin-top:0px;
		max-height:calc(100vh - 130px);
	overflow-y:scroll;
	scrollbar-color: #0D86D6 #fff;
  scrollbar-width:20px;
	
		box-shadow:0 3px 5px #3335
	}
	
.main-navigation .primary-menu
li
{
border-width:1px 0 0px 0;
border-style:solid;
border-color:#dedede;
	background:#fff
}


/*remove padding on left in sub menu*/
	.main-navigation ul ul
	{margin-left:0;
	padding-left:0}
	
	
.sub-menu.toggled-on
	{background:#fff}
	
	.main-navigation ul li a:hover{color:#999}

	
		.main-navigation ul ul li a:link, .main-navigation ul ul li a:visited, .main-navigation ul ul li a:focus, .main-navigation ul ul li a, .main-navigation ul li a,.main-navigation ul li a:visited,.main-navigation ul li a:link,.main-navigation ul li a:focus
	{height:40px;
	color:#111;
	text-align:left;
	padding-left:15px;
		font-size:16px;
		padding-top:8px
	}
	

	
	/*toggle is on*/
	
.dropdown-toggle.toggled-on
		{
	color:#333}	

.main-navigation li:has(.toggled-on)
	{
		background:#e1f2fa;
}
	
.main-navigation ul li a + button:has(.toggled-on)
	{
		color:#e80800 !important;
}
	
	/*active ancestor parent*/
		.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children>a {}
	
	
}
/*ipad*/
@media screen and (max-width: 896px) and (min-width:496px) {
	
 	.site-header-wrapper .site-branding
	{
		background-size:auto 80px;
		background-position:10px 0
	}/* your css rules for ipad portrait */
	
}


	


.site-header-wrapper{
	display:block;
	width:100%;
	padding:0
}

.site-branding
{
	background:#fff;
width:100%;
	margin:0;
	padding-top:30px;
	padding-left:20px
}

.main-navigation .mnu-my-account.menu-item-has-children > a::after
{
	display:none
}




ul.primary-menu > li.mnu-my-account>a:hover:before
{color:#0D86D6}


ul.primary-menu > li.mnu-my-account>a:before
{	
	content: '\f304';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 28px/1 'Genericons';
	vertical-align: top;
margin-top:-3px;
}

/*main menu*/

@media screen and (min-width: 896px)
{
	
	.woocommerce-active .main-navigation .primary-menu > li:hover{background:#111d}
	
.woocommerce-active .main-navigation .primary-menu > li
{display:inline-block;
	height:40px}

	.main-navigation li
	{
		padding:0;
		margin:0
	}
.main-navigation .menu-item-has-children > a::after
{
	padding-top:3px;
	color:#fff;
right:0px
	}
	

.main-navigation a:focus,.main-navigation a:hover {color:#fff }

.main-navigation a:visited,.main-navigation a:focus,.main-navigation a:link,.main-navigation a {
	color:#111;
	font-weight:400;
	font-size:16px;
	
}

.main-navigation .primary-menu > li.current-page-ancestor>a
{
	color: lightblue;
	border-bottom:0 !important;
	border:0 !important}

.main-navigation .primary-menu .current-menu-item,
.main-navigation .primary-menu .current_page_item
{
	border-bottom:2px solid white !important;

}

.main-navigation .primary-menu > ul li.current-page-ancestor>a
{
	color: #0D86D6;
	
	border:0}

.main-navigation .primary-menu ul .current-menu-item>a:hover,
.main-navigation .primary-menu ul .current_page_item>a:hover
{
color: #0D86D6;
	border-bottom:0;
	border:0;
}
	
	.main-navigation .primary-menu ul .current-menu-item>a,
.main-navigation .primary-menu ul ul .current_page_item>a 
{
color: #0D86D6;
	border-bottom:0 ;
	border:0;
}
.featured-content .flex-control-paging a:hover, .main-navigation .primary-menu .current-menu-item>a:hover, .main-navigation .primary-menu .current_page_ancestor>a:hover, .main-navigation .primary-menu .current_page_item>a:hover, blockquote:hover, #comments #respond #comment-form-comment.active:hover, #comments #respond .comment-form-fields div.comment-form-input.active:hover,.main-navigation a:focus, .main-navigation a:hover
	{color:#fff}
	
/*focus menu*/
.featured-content .flex-control-paging a, .main-navigation .primary-menu .current-menu-item>a, .main-navigation .primary-menu .current_page_ancestor>a, .main-navigation .primary-menu .current_page_item>a, blockquote, #comments #respond #comment-form-comment.active, #comments #respond .comment-form-fields div.comment-form-input.active
{
	border:0;
	border-color:#ccc;
	
	} /*active ancestor parent*/

/*main menu dropdown arrow*/
.main-navigation .menu-item-has-children.current-menu-item>a:after{
	display:inline-block;
	color:#fff;
	right:0px
	}
	
	.main-navigation .current-menu-item>a:focus, .main-navigation .current-menu-item>a:hover{color:#fff}
	
	/*submenu in main menu*/
	.main-navigation ul ul
	{
		border-bottom-right-radius:13px;
		border-bottom-left-radius:13px;
		box-shadow:0 5px 5px rgba(0,0,0,0.3);
		border-top:0;
	
	}

		.main-navigation ul ul li
	{border-bottom:0}
/*wider submenu in main menu*/
/*
.main-navigation ul ul
{	
	width:20em;
	border:0px solid #eee;
	background:#fff;
	box-shadow:0px 3px 5px rgba(0, 0, 0, 0.4);
	
	border-top:0px solid #eee;
		border-bottom:0px solid #eee;
	border-left:0px solid #0D86D6;
		padding: 0.5rem 0
	}
	

.main-navigation ul ul a
	{padding:0.4em;
	padding-left:10px;
		color:#444
	}
	
	
	.main-navigation ul ul li a:link,	.main-navigation ul ul li a:visited,	.main-navigation ul ul li a:focus,	.main-navigation ul ul li a
	{
		color:#333;
		font-size:16px;
	}


.main-navigation ul ul li:hover a{color:#999}

.main-navigation ul ul li
{text-align:left;
border-bottom:0;
}

.main-navigation ul ul ul li:hover a
{color:#999 !important;
	box-shadow:0 0;
}

.main-navigation ul ul ul li a
{color:#777 !important;
	text-transform:capitalize !important
}
.main-navigation ul ul ul
{
	display:block;
	position:relative;
	left:0;
	top:0;
	box-shadow:0 0 0;
	border:0
}
.main-navigation ul ul li:hover > ul.offscreen, .main-navigation ul ul li.focus > ul.offscreen, .main-navigation ul ul li > ul.offscreen
{
	float:none;
	display:block;
	position:relative;
		left:0 !important;
		top:0;
	margin:0;
	border:0;
	padding:0 !important
}

.main-navigation ul ul li > ul li a
{
		line-height:1.3em;
	padding-left: 2em
}
*/
}
.sticky-header .site-header
{z-index:88888}

.site-header {
	padding-bottom: 0 !important;
	background:#6a6c66e3;
	border-bottom:0;
	z-index:88888

}

/*menu for mobile view*/

@media screen and (max-width: 896px)
{
		
	.entry-hero-wrapper, .hentry-wrapper, .site-content-wrapper, .site-footer-wrapper, .site-header-wrapper, .site-content-wrapper .has-post-thumbnail .entry-header-wrapper, .widget-area-wrapper
	{width:100%;
	}	
	
		.main-navigation ul ul li a:link,	.main-navigation ul ul li a:visited,	.main-navigation ul ul li a:focus,	.main-navigation ul ul li a,.main-navigation ul li a
	{color:#111;
	font-weight:400;
	text-align:left;

	}
	
	.main-navigation ul ul li:hover a,	.main-navigation ul li:hover a
	{color:#111}
	
	
	.main-navigation .primary-menu ul .current-menu-item>a, .main-navigation .primary-menu ul .current_page_item>a
	{
		color:#e80800 !important
		
	}	

	.dropdown-toggle:hover{
		background-color:#eee;
	}
	
.dropdown-toggle
	{
		background:transparent !important;
		color:#777;
		border:0;
		border-width:0px 1px 0 1px;
		border-style: solid;
		border-color: #ccc;
		font-weight:400;
		font-size:1.2em;
		height:40px;
		width:2.5em;
		top:0;
		border-radius:0 !important
	}
	
	.main-navigation .primary-menu li
	{border-right:1px solid}
	
}

/*---- burger menu ----*/

.menu-toggle:focus,.menu-toggle:visited {
		background:#333;
color:#333
}


.menu-toggle:hover{
	background:#333;
	color:#333
}


.menu-toggle:before,.menu-toggle:after
{
	content:'';
	display:block;
	height:4px;
	width:35px;
	background:#333;
	border:0;
	border-radius:2px;
	position:relative
}
.menu-toggle
{
position:absolute;
	left:calc(100% - 30px);
	top:38px;
	-ms-transform: translate(-50%);
  transform: translate(-50%);
font-size:1px;
	background:#333;
	border-radius:2px;
	padding:0;
	height:4px !important;
	width:35px
}
.menu-toggle:before
{
	top:-9px
}

.menu-toggle:after
{
	top:3px
}

.menu-toggle.toggled-on:before {
  margin-top: 5px;
  transform: rotate(405deg);
}

.menu-toggle.toggled-on:after {
  margin-top: -17px;
  transform: rotate(-405deg);
}

.menu-toggle.toggled-on
{background:transparent}

/*---- end burger menu ----*/


.dropdown-toggle {background:#999}

/*cart in top menu*/

.site-header-cart
{display:block;
position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#111;
	height:30px;
	text-align:right;
	margin:0;
	padding:0 20px;
	z-index:9999
}
.site-header-cart li{text-align:right}

.site-header-cart .cart-contents
{
	position:relative;
	display:inline-block;
	margin:0;
	padding:6px 0;
	height:30px;
	color:#fff
}

.site-header-cart .cart-contents:before{
	position:absolute;
	color:#fff; background:transparent;
font-size:1.2em;
	top:-0px;
	left:-40px;
height:30px;
margin:0;
padding:0}


.site-header-cart .cart-contents span.count
{padding:0;
margin:0;
color:#fff7;
font-size:12px;
}



.cart-contents
{

	padding-top:3px;
	font-size:12px;
}
/*hide pop up basket in header*/
.site-header-cart .widget.woocommerce.widget_shopping_cart
{display:none}

.site-header-cart .widget_shopping_cart ul.product_list_widget li
{
	top:3px;
	color:#111;
z-index:99999;

}

.site-header-cart .widget_shopping_cart p
{color:#333}

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

	
}

article.post {

	//padding-top: 20px;
	//margin-bottom: 0;
	padding: 20px;
	background:white;
	box-shadow:0 0 7px 0px #00000055;
	margin:0 0 60px;

}





.mobile-menu {
	display: none;
	background: #ff8000;
}

.mobile-menu ul {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.mobile-menu ul li:hover {
	background: rgba(255,255,255,0.1);
}

.mobile-menu ul li a {
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
	padding: 0 1em;
	font-size: 15px;
	padding: 8px;
}

.mobile-menu ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;

}

@media screen and (max-width:896px) {
	.mobile-menu {
		display: block;
	}
}

.desktop-menu {
	display: block !important;
}

.desktop-menu li a:hover {
	color: #0D86D6 !important;
}

.desktop-menu li a {
	color: #3498DB !important;
}

.desktop-menu li {
	background: #fff !important;
	border-bottom: 1px solid #eee !important;
}


.back-to-top:hover {

border:2px solid #fff;
border-radius:50%;
background:#0D86D6;
}

.back-to-top a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 13px;
	color: #fff;
	background:transparent
}

.back-to-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	display: block !important;
	background:#111;
	width: 50px;
	height: 50px;
	z-index: 9999;
	text-align: center;
	font-family: verdana;
	border:2px solid #fff;
	border-radius:50%;
	box-shadow:0 2px 8px 1px rgba(0,0,0,0.6);
color:#fff
}


.search-results .content-area,.archive .content-area,.blog .content-area,.page-template-default .content-area,.post-template-default .content-area,.product-template-default .content-area {
	width: calc(70% - 0em) !important;
padding-top:0
	
}


/*width of sidebar*/
.search-results .widget-area:not(.widget-footer),.archive .widget-area:not(.widget-footer),.blog .widget-area:not(.widget-footer),.page-template-default .widget-area:not(.widget-footer),.post-template-default .widget-area:not(.widget-footer) ,.product-template-default .widget-area:not(.widget-footer) {
	width: 25%;
	border-top: 0;
	background: #fff;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 1em;
	padding-right: 1em;

}

	.site-content {
		padding-top:145px !important
	}

/* Mobile Body*/

@media screen and (max-width:896px) {
	
.site-content {
		padding-top:80px !important
	}
	
body.woocommerce-page .site-content-wrapper
	{padding-top:1rem}
	
.content-area
	{
		margin-bottom:1rem
	}
body.no-sidebar .content-area
	{
		margin:1rem;
		width:calc(100% - 2rem)
	}
	
	.back-to-top {
		display: none !important;
	}
	
	
	.search-results .site-content-wrapper,	.archive .site-content-wrapper,.blog .site-content-wrapper,.page-template-default .site-content-wrapper,.post-template-default .site-content-wrapper,.product-template-default .site-content-wrapper {
		padding: 0;
	}
	
	.search-results .content-area,.archive .content-area,.blog .content-area,.page-template-default .content-area,.post-template-default .content-area,.product-template-default .content-area {
		width: 100% !important;

		
	}
	
	.search-results .site-content-wrapper .widget-area,.archive .site-content-wrapper .widget-area,.blog .site-content-wrapper .widget-area,.page-template-default .site-content-wrapper .widget-area,.post-template-default .site-content-wrapper .widget-area,.product-template-default .site-content-wrapper .widget-area {
		width:100%
	//	padding-top: 0em !important;
	//	border-top: 0 !important;
	}
	
	
	.search-results .widget-area:not(.widget-footer) h2,.archive .widget-area:not(.widget-footer) h2,.blog .widget-area:not(.widget-footer) h2,.page-template-default .widget-area:not(.widget-footer) h2,.post-template-default .widget-area:not(.widget-footer) h2,.product-template-default .widget-area:not(.widget-footer) h2 {
		margin-top: 1em !important;
		color: #111;
	}
	
	.search-results .widget-area:not(.widget-footer) img,.archive .widget-area:not(.widget-footer) img,.blog .widget-area:not(.widget-footer) img,.archive .widget-area:not(.widget-footer) img,.page-template-default .widget-area img,.post-template-default .widget-area img,.product-template-default .widget-area img {
		max-width: 30px !important;
	}
}

.search-results .widget-area:not(.widget-footer) h2,.archive .widget-area:not(.widget-footer) h2,.blog .widget-area:not(.widget-footer) h2,.page-template-default .widget-area:not(.widget-footer) h2,.post-template-default .widget-area:not(.widget-footer) h2,.product-template-default .widget-area:not(.widget-footer) h2  {
	margin-top: 0;
	color: #111;
}

.search-results .widget-area:not(.widget-footer) a:hover,.archive .widget-area:not(.widget-footer) a:hover,.blog .widget-area:not(.widget-footer) a:hover,.page-template-default .widget-area:not(.widget-footer) a:hover,.post-template-default .widget-area:not(.widget-footer) a:hover,.product-template-default .widget-area:not(.widget-footer) a:hover {
	color: #111;
	text-decoration: none !important;
}

.search-results .widget-area:not(.widget-footer) a,.archive .widget-area:not(.widget-footer) a,.blog .widget-area:not(.widget-footer) a,.page-template-default .widget-area:not(.widget-footer) a,.post-template-default .widget-area:not(.widget-footer) a,.product-template-default .widget-area:not(.widget-footer) a {
	color: #3e69dc;
}

.search-results .widget-area:not(.widget-footer) a.red_button:hover,.archive .widget-area:not(.widget-footer) a.red_button:hover,.blog .widget-area:not(.widget-footer) a.red_button:hover,.page-template-default .widget-area a.red_button:hover,.post-template-default .widget-area a.red_button:hover,.product-template-default .widget-area a.red_button:hover {
	text-decoration: none !important;
	background: #e30000!important;
	color:#fff;

}

.search-results .widget-area:not(.widget-footer) a.red_button,.archive .widget-area:not(.widget-footer) a.red_button,.blog .widget-area:not(.widget-footer) a.red_button,.page-template-default .widget-area a.red_button,.post-template-default .widget-area a.red_button,.product-template-default .widget-area a.red_button {
font-size:14px !important

}
.search-results .widget-area:not(.widget-footer) a:hover,.archive .widget-area:not(.widget-footer) a:hover,.blog .widget-area:not(.widget-footer) a:hover,.page-template-default .widget-area a:hover,.post-template-default .widget-area a:hover,.product-template-default .widget-area a:hover{
	text-decoration: none !important;
}

.search-results .widget-area:not(.widget-footer) ul,.archive .widget-area:not(.widget-footer) ul,.blog .widget-area:not(.widget-footer) ul,.page-template-default .widget-area ul,.post-template-default .widget-area ul,.product-template-default .widget-area ul {
	margin: 0;
	border-bottom-color: rgba(0,0,0,0);
	
}

.archive .widget-area:not(.widget-footer) ul li:hover,.blog .widget-area:not(.widget-footer) ul li:hover,.page-template-default .widget-area ul li:hover,.post-template-default .widget-area ul li:hover,.product-template-default .widget-area ul li:hover {
	
	/*background: rgba(0,0,0,0.01);*/
}

.archive .widget-area:not(.widget-footer) ul li a,.blog .widget-area:not(.widget-footer) ul li a,.page-template-default .widget-area:not(.widget-footer) ul li a,.post-template-default .widget-area:not(.widget-footer) ul li a,.product-template-default .widget-area:not(.widget-footer) ul li a ,.tribe_events-template-default .widget-area:not(.widget-footer) ul li a,.post-type-archive-tribe_events .widget-area:not(.widget-footer) ul li a{
	display: block;
	padding: .5em;
	width: 100%;
	height: 100%;	
}

.search-results .widget-area:not(.widget-footer) ul li,.archive .widget-area:not(.widget-footer) ul li,.blog .widget-area:not(.widget-footer) ul li,.page-template-default .widget-area:not(.widget-footer) ul li,.post-template-default .widget-area:not(.widget-footer) ul li,.product-template-default .widget-area:not(.widget-footer) ul li {
	list-style: none;
	margin-left: 0;
	padding: 0;
	border-color: rgba(255,255,255,0.3) !important;
	color:#111
}


#secondary .widget_nav_menu .menu li a {color:#333}



.woocommerce-mini-cart__empty-message {color:#333}


.widget-title,.search-results .widget-area:not(.widget-footer) h2, .archive .widget-area:not(.widget-footer) h2, .blog .widget-area:not(.widget-footer) h2, .page-template-default .widget-area:not(.widget-footer) h2, .post-template-default .widget-area:not(.widget-footer) h2, .product-template-default .widget-area:not(.widget-footer) h2,.wf-active .widget-small h3, .wf-active .widget-small .widgettitle, .wf-active .widget-small .widget-title
{color:#333;
font-size:20px;
font-weight:600;
margin-bottom:10px}

/*side menu*/
ul#menu-travel-blog li a {
	text-transform: capitalize;
}

.widget_nav_menu ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,0.3) !important;
	margin-top: 0;
}

.widget_nav_menu .menu li:hover {
	background: rgba(255,255,255,0.1);
}

.widget_nav_menu .menu li a:link:hover {
	text-decoration: none !important;

}


.widget_nav_menu .menu li a {
	display: block;
	padding: .5em;
	font-size: 1em;
	width: 100%;
	height: 100%;
}

.widget_nav_menu .menu li {
	padding: 0;
	border-color: rgba(255,255,255,0.3);
}

#menu-weekly-classes .menu li a {color:#111 !important}

button:hover {
	background:#095486
}
button {
	border-radius: 7px !important;
	font-weight: 400;
	font-family: "open sans";
	background: #063C60
}

ul li, p {
	font-family:"Open Sans";
	text-align: left;
	font-weight: 400;
	color: #111;
	font-family: inherit;
	margin: 0 0 15px;
	font-size:16px;
	
}

@media screen and (max-width:800px) {
	p {
		text-align: left;
		font-size: 1em;
		font-weight: 400;
		color: #111;
		font-family: inherit;
	}
}

a:hover {
	color: #0D86D6;
	text-decoration: none !important;
}

a {
	color: #3498DB;
	text-decoration:none;
}

a:link {
	box-shadow: 0 0;
	text-decoration:none
}

a.green_button:hover {
	background: #0D920D !important;
}

a.green_button {
	background: #0D920D !important;
}

.course-list a.red_button {
	white-space: nowrap !important;
}

.workshop-list a.red_button {
	white-space: nowrap !important;
}

span.red_button_span:hover {
	background: #CD1111;
}

span.red_button_span {
	display: inline-block;
	background: #CD1111;
	color: #fff;
	padding: 1em;
	border-radius: 1px;
	font-size: 14px;
	overflow: hidden;
	white-space: normal;
	text-shadow: 0 0;
	text-decoration: none !important;
	text-transform: capitalize;
	font-weight: 400;
	font-family: "open sans";
	text-rendering: auto;
	margin: 30px 0;
	float: left;
}

a.red_button:hover {
	background:#CD1111;
}

a.red_button {
	display: inline-block;
	background: #CD1111;
	color: #fff;
	padding: 1em;
	border-radius: 7px;
	font-size: 14px;
	overflow: hidden;
	white-space: normal;
	text-shadow: 0 0;
	text-decoration: none !important;
	text-transform: capitalize;
	font-weight: 400;
	font-family: "open sans";
	text-rendering: auto;
	text-align: center;
}

a.main-button {
	width: 160px;
	font-size: 16px;
	margin-right: 10px;
	
}



a.blue_button {
	background: #063C60;
	display: inline-block;
	color: #fff;
	padding:1em;
	border-radius: 7px;
	font-size: 16px;
	overflow: hidden;
	white-space: normal;
	text-shadow: 0 0;
	text-decoration: none !important;
	text-transform: capitalize;
	font-weight: 400;
	font-family: "open sans";
	text-rendering: auto;
}

a.sm_icons {
	float: left;
	display: inline !important;
	color: #fff;
	text-decoration: none;
	margin-right: 20px;
	margin-bottom: 20px;
}

a.sm_icons img {
	display: block;
	height: 40px;
	width: 40px;
}

h1 {
	font-size: 1.6em;
	padding: 20px 0 0;
}

h3,.wf-active .page-title, .wf-active .widgettitle, .wf-active .widget-title, .wf-active h3 {font-size:32px;
color:#333;
font-weight:700;
margin:0em 0;
	padding:0;
}


h5,.wf-active h5 {
	
	clear: both;
	width: 100%;
	color: #333;
	font-size: 18px;
	font-weight:700;
	padding: 10px 0
}

ol li, ul li {
	font-size: 16px;
}


.woocommerce-mini-cart__empty-message:before {
	content:'\f447';
font-family:Genericons;
	position:relative;
top:4px;
	font-size:20px;
display:inline-block;
margin-right:5px
}


/*main featured on homepage*/
.main-featured
{
	position:relative;
	margin-top:0px;
	clear:both;
	margin-bottom:0px;
	text-align:center;
	
	z-index:800;

	background-color:#0D86D6;


}

.main-featured:before
{content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.3)
		
}

.main-featured .main-featured-content  a h1:hover
{

	color:#fff !important;
text-shadow:none;
}

.main-featured .main-featured-content a.button:hover
{
	background:#111;
	color:#fff !important
}
.main-featured .main-featured-content a.button
{
	display:inline-block;
	font-size:0.8em;
	color:#111 !important;
text-decoration:none;
	padding:13px;
	border:2px solid #111;
	margin-top:10px;
	background:#fff;
border-radius:3px;
	font-weight:600
}



.main-featured .main-featured-content
{
	display:inline-block;
	position:absolute;
top:30%;
	left:7%;
	color:#fff !important;
	font-size:1em;
	font-weight:600;
text-align:left;
}
.main-featured .main-featured-content p
{
width:50%;
	color:#fff !important;
	font-size:1rem;
text-align:left;
		text-shadow:0 0 5px rgba(0,0,0,1)
}


@media screen and (max-width:897px)
{
	.main-featured .main-featured-content p
{
width:100% 
}
	
} 
.main-featured .main-featured-content h1
{color:#fff;
font-size:1.8rem;
margin:0;
padding:0;
	text-shadow:0 0 5px rgba(0,0,0,0)
}

.main-featured .main-box a
{
//	position:absolute;
//	bottom:1em;
	right:1em;
	padding:1em;
	border-width:2px;
	border-style:solid;
	display:block;
	font-style:normal;
	min-width: 220px;
	text-decoration:none;
	text-align:center;
	margin-top:1em;
	margin-bottom:20px;
	width:200px;
	text-transform:uppercase;
	border-radius:13px;
	font-size:14px;
	font-weight:600
}


.main-featured .main-box-1 a:hover
{
	color:#fff;
	background:#0D86D6;
}
.main-featured .main-box-1 a 
{
}

.main-featured .main-box-2 a:hover
{
	color:#0aa3cf;
	background:#fff;
}

.main-featured .main-box-2 a
{color:#fff;
		border-color:#fff;
}

.main-featured .main-box-3 a:hover
{
	color:#333;
	background:#fff;
}

.main-featured .main-box-3 a
{
	color:#fff;
		border-color:#fff;
}

.main-featured .main-box
{
	display:inline-block;
	position:relative;
	width:33.333%;
	min-height:320px;
	background:#222;
	float:left;
	color:#fff;
	padding: 0 1em;
	font-size:1rem;

}


.main-featured .main-box-2 span,.main-featured .main-box-3 span
{color:#fff}

@media screen and (max-width: 897px)
	{
		
		
	.main-featured .main-box
		{
		width:100%;
	margin-bottom:0;
		min-height:100px;
		text-align:center
	}
	
		.main-featured .main-box-1 
		{
border:1px solid #dedede !important;
	//	min-height:400px
		}

}

@media screen and (max-width:497px)
{
	
	.main-featured
	{
		background-position: 0;
		
	}
			.main-featured .main-featured-content
		{
			top:10%;	
		}
	
}
	
	
.main-featured .main-box-1 {background:#fff;
color:#111;
border-left:1px solid #dedede !important;
	border-bottom:1px solid #dedede !important;
}

.main-featured .main-box-2 {background:#0D86D6;
color:#fff}


.main-featured .main-box-3 {background:#222;
color:#fff}

.main-featured .main-box-1 h1 
{color:#111}

.main-featured .main-box-2 h1 
{color:#fff}

.main-featured .main-box-3 h1
{color:#fff}





.main-featured .main-box span
{
	display:inline-block;
text-align:left;
}

.main-featured .main-box-1 span:before
{
	content:'';
	display:inline-block;
	height:80px;
	width:80px;
	background:blue;
	border-radius:50%;
	background-image:url('https://whitecraneacademy.com/wp-content/uploads/2020/08/dragon.jpg');
	background-repeat:no-repeat;
	background-size:120%;
		display:none
}

/*---------*/



.entry-hero {
	background-color: #fff !important;
	background-position:0px 0px;
	background-size:cover;
	background-attachment: fixed;
		border-bottom:0px solid #e44345
}


.home_section {
	font-family: "Open Sans";
	position: relative;
	float: left;
	width: 50%;
	min-width: 200px;
	height: 200px;
	background: #0D86D6;
	text-align: center;
	font-size: 1em;
	background-size: 200%;
	background-repeat: no-repeat;
	border: 10px solid #fff;
	overflow: hidden;
}


@media screen and (max-width:896px) {
	.home_section img {
		object-fit: cover !important;
		object-position: center 50% !important;
		min-height: 200px;
	}
}

.home_section:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	transition: all 2s;
}

.home_section span.home_section_span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: #990000 solid 0;
	padding: 12px 0;
}

.home_section:hover::before {
	background: rgba(0,0,0,0.0);
}

.home_section span.home_section_span_span {
	position: absolute;
	bottom: 30px;
	left: 5%;
	width: 90%;
	background: transparent;
	padding: 12px 0;
	color: #fff;
	text-shadow: 0 0 3px #000;
	font-size: 2em;
	white-space: normal;
}

.home_section span.home-section-text {
	display: inline-block;
	clear: both;
}

.home-a {
	background: #fff;
}

.home-b {
	background: #fff;
}

div.div_main_text {
	display: inline-block;
	height: 380px;
	min-width: 200px;
	height: 400px;
	border: 0 solid #fff;
	width: 50%;
	background: transparent;
	color: #333;
	font-family: "open sans";
	font-size: 2em;
	font-weight: 400;
	text-align: center !important;
	letter-spacing: 3px;
	border: 0 solid #fff;
	padding: 0 !important;
	padding-top: .4em !important;
	line-height: 1.1em;
}

div.div_main_text p {
	text-align: center;
}

span.main_text_span {
	margin: auto;
	padding: 0;
	text-align: center !important;
}

span.main_text_span p {
	margin: 0;
	padding: 0;
}

.div_main_text span.small_text {
	font-size: .7em;
	letter-spacing: 0;
}

span.main_link_span {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center !important;
}

a.main_classes {
	display: inline-block;
	white-space: none !important;
	margin-bottom: 10px !important;
	font-size: 14px !important;
	width: 240px;
	height: 3.2em !important;
	min-width: 300px !important;
}

a.main_classes:first-child {
	padding: 14px;
}

@media screen and (max-width:400px) {
	p a.main_classes {
		width: 190px !important;
	}
}

.easter-bg {
	background: red;
	width: 100%;
	color: #fff;
	text-align: center;
	min-height: 280px !important;
	background: url('https://whitecraneacademy.com/wp-content/uploads/2019/04/easter.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 80%;
}

.easter-bg p {
	text-shadow: 0 1px 3px #000;
	margin-bottom: 10px;
}

.easter-bg p span {
	font-weight: 900;
}

.home-notification {
	position: relative;
	background-color: #fff;
	width: 100%;
	margin: 0 !important;
	padding: 0 5% !important;
	color: #333 !important;
	text-align: center !important;
	border: 0 solid lightblue !important;
}

.home-notification h1 {
	color: #fff !important;
	font-size: 1.4em !important;
	padding-left: 0 !important;
	font-weight: 600;
	position: relative;
}

.home-notification p {
	color: #fff !important;
	font-size: 1em !important;
	padding-left: 0 !important;
	font-weight: 400;
	position: relative;
	text-align: center;
}

.home-christmas a {
	display: inline-block;
	height: 100%;
	width: 100%;
}

.home-christmas {
	background-color: red;
	min-height: 200px !important;
	background: url('https://whitecraneacademy.com/wp-content/uploads/2018/11/dreamstime_m_58947791.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 50%;
}

.featured-video {
	box-sizing:border-box;
	width:calc(100% - 40px);
		box-shadow:0 3px 5px 0 #00000033;
	padding:40px;
	margin:20px;
	border-radius:17px;
	overflow:hidden;
	background:#ffffff
}

.home-featured {
	display: block;
	position: relative;
	padding: 20px 0;
	border-width: 0;
	border-style: solid;
	border-color: #fff;
	border-radius:13px;
	text-align: center;
	min-height: 150px;
	width: calc(100%-40px);
	overflow:hidden;
	margin:20px;
	box-shadow:0 3px 5px 0 #00000033
}

.blue-block
{padding:1em;
	background: #f2cce0;
}

.blue-block-1
{padding:1em;
background:#fff
}


.blue-block-2
{padding:1em;
	background:#d8e9cd;
}

.blue-block-1 img:not(.img-retro) {border:0px solid #fff;
margin:0}

.blue-block-content a.blue-block-button:hover
{
	background:#fff;
	color:#063C60
}
.blue-block-content a.blue-block-button
{
	display:inline-block;
	margin-top:2em;
	float:right;
	font-size:14px;
	clear:both;
	
	text-transform:uppercase;
text-decoration:none !important;
padding:1em;
	border: 2px solid #fff;
	border-radius:13px;
	font-weight:600
}

.blue-block-1 .blue-block-content a.blue-block-button:hover
{color:#fff;
border-color:#111;
background:#111}

.blue-block-1 .blue-block-content a.blue-block-button
{color:#111;
border-color:#111}

.blue-block-content
{
	width:50%;
	float:left;
	padding:2em;
	color:#555;
text-align:left;
	font-size:1rem;
}

.blue-block-content h1
{
	color:#555
}

.blue-block-1 .blue-block-content ul
{
	margin-top:1em;
	
}
.blue-block-content ul li
{
	color:#fff;
	font-size:1em
}


.blue-block-1 .blue-block-content h1,
.blue-block-1 .blue-block-content ul li,
.blue-block-1 .blue-block-content
{
	color:#111
}

@media screen and (max-width:897px) {
	.blue-block-content
{width:100%;
	}
}





.home-featured-50 {
	display: block;
	width: 50% !important;
}

.home-featured a {
	text-decoration: underline;
}

.home-featured-item {
	display: table;
	position: relative;
	float: left;
	margin: 10px;
	background-color: #4A9DFF;
	height: 300px;
	padding: 20px 5%;
	background-position: 20% 50%;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 0 0 2px #111;
	text-align: center;
	width: 31%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: cover;
}

.home-featured-item:hover:before {
	background: rgba(0,0,0,0) !important;
}

.home-featured-item:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.45);
	transition: all 2s;
}

.home-featured .home-text {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: relative;
}

.home-featured-item h1 {
	position: relative;
	font-size: 1.3em !important;
	font-weight: 900;
	color: #fff !important;
	width: 100% !important;
}

.span-item-container {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}

.home-featured-item p {
	position: relative;
	color: #fff;
	font-weight: 400;
	text-align: justify;
}

.item-50 {
	width: 48%;
}

@media screen and (max-width:896px) {
	.home-featured-item {
		width: 100% !important;
		margin: 10px 0;
	}
	
	.item-50 {
		width: 100%;
	}
}

.item-pt {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/kettlebell.jpg');
}

.item-outdoorclasses {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/07/jyr66x-2.jpg');
}

.item-skypeclasses {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/07/skype_classes.jpg');
}

.item-zoomtaichi {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/tai-chi.jpg');
	background-position: 80%;
}

.item-smallgardengroups {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/05/garden-pic.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.item-temptimetable {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/08/img_20190814_215815.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
}

.item-zoomtaichigroups {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/04/benefits-of-tai-chi.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
}

.item-kb {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/gloves_small.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 31%;
}

.item-kb_fit {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/10/fitness_kb_cropped.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
}

.item-kb_fit:hover:before {
	background: rgba(32,114,0,0.35) !important;
}

.item-kf {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/kids_classes_1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 31%;
}

.item-tc {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/11/meditation_qigong.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.item-weapons {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/tai-chi-sword-featured-image.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	height: 350px;
}

.item-weapons:hover:before {
	background: rgba(255,195,0,0.4) !important;
}

.item-staff {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/12/monkey-king.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	height: 350px;
	max-height: 350px;
}

.item-staff:hover:before {
	background: rgba(255,195,0,0.4) !important;
}

.item-seize {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/seize_the_day-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	height: 350px;
	max-height: 350px;
}

.item-seize:hover:before {
	background: rgba(255,195,0,0.4) !important;
}

.item-martialtaichi {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/05/tai_chi_bridge.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	height: 350px;
}

.item-martialtaichi:hover:before {
	background: rgba(255,195,0,0.4) !important;
}

.item-meihua {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/04/plum_blossom.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	height: 350px;
}

.item-shibashi2-2 {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/04/shibashi2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	height: 350px;
}

.item-shibashi2-2:hover:before {
	background: rgba(122,217,176,0.4) !important;
}

.item-introtc {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/12/dreamstime_s_75973576.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	height: 350px;
}

.item-introtc:hover:before {
	background: rgba(41,191,179,0.5) !important;
}

.item-introtc:before {
	background: rgba(0,0,0,0.5);
}

.item-taichi_1 {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/tai-chi.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	padding-bottom: 5px;
	height: 350px;
}

.item-taichi_1:hover:before {
	background: rgba(0,50,120,0.7) !important;
}

.item-taichi_2 {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/03/thediagonalworkshop_pic.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	padding-bottom: 5px;
	height: 350px;
}

.item-taichi_2:hover:before {
	background: rgba(0,50,120,0.7) !important;
}

.item-taichi_3 {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/05/tai-chi-level-3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 48%;
	padding-bottom: 5px;
	height: 350px;
}

.item-taichi_3:hover:before {
	background: rgba(120,50,120,0.7) !important;
}



.home-featured .paragraph-wide {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	color: #333 !important;
}

.home-followus {
	display: table;
	height: 300px;
	min-height: 200px;
	padding: 0 20px;
	text-align: center;
	background: #fff;
	color: #333 !important;
}

.home-followus p {
	text-align: center;
	color: #333;
}

.notice-board {
	display:block;
	margin: 5%;
	margin-top:20px;
	background: #222;
	background-image: linear-gradient(#444,#222);
	border: 10px solid white;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	min-height: 300px;
	width: 90%;
	overflow: hidden;
	padding: 20px 10px;
}

.notice-board h1{
	color:#fff;
	font-size:1.1em;
	text-transform:uppercase;
	padding-top:0;
font-weight:900
}
.notice-board span {
	display: inline;
	color: #fff;
	text-align: center;
	font-size: 1em;
	overflow: hidden;
	white-space: wrap;
}

.notice-board span:before {
	display: inline-block;
	content: 'Timetable update!';
	color: yellow;
	font-weight: 700;
	font-size: 1.2em;
	margin-bottom: 15px;
}

.home-main {
	position: relative;
	display: table;
	text-align: center;
	width: 100%;
	min-height: 100px !important;
	height: 100px !important;
	background-image: url('https://whitecraneacademy.files.wordpkjress.com/2019/06/img_20180806_172243.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border: 0 solid #000;
	margin: 0 !important;
	padding: 0 !important;
}

.home-main .home-text a,.home-main .home-text a:link,.home-main .home-text a:link:hover,.home-main .home-text a:hover {
	color: #fff;
	text-decoration: none;
}

.home-main .home-text {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #333 !important;
	width: 100%;
}

.home-main .home-text-small {
	font-size: 1.3em;
	padding: 0 5px;
}

.dont-break {
	white-space: nowrap;
}

.div_main {
	width: 50%;
	min-width: 100px;
	height: 400px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/img_20180806_172243.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border: 10px solid #fff;
}

.div_classes {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/great_wall_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.div_kf {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/dragon_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.div_cc {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/kids_art_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_tc {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/house_on_mountain_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_kb {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/gloves_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_kbf {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/10/kickboxing_fitness-1.png');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_wp {
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/tai_chi_sword_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_ws {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/lanterns_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_pt {
	width: 100%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/11/dreamstime_m_46990073.jpg');
	background-size: 140%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_about {
	width: 100%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/wca-1.png');
	background-size: 140%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_wco {
	width: 100%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/vlcsnap-2017-12-15-16h02m35s692.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
	border-width: 10px 10px 0;
}

.div_tt {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/two_cranes_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_pl {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/jade_dragons_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_courses {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/11/lion_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

.div_workshops {
	width: 50%;
	min-width: 100px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/lanterns_small.jpg');
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 896px) {
	.div_main {
		width: 100%;
		height: 200px;
		background-size: cover;
		border-width: 10px 0 !important;
	}
	
	.div_main_text {
		width: 100% !important;
		height: 250px;
		max-height: 250px !important;
		border-width: 10px 0 !important;
		margin: 0 !important;
	}
	
	.div_classes {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_pl {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_kf {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_kb {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_kbf {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_cc {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_pl {
		width: 100%;
	}
	
	.div_tc {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_wco {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_aboutus {
		width: 100% !important;
		border-width: 10px 0 0;
	}
	
	.div_courses {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_workshops {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_pt {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.div_pt {
		width: 100%;
		border-width: 10px 0 0 !important;
	}
	
	.purple-bg {
		width: 100%;
		margin-top: 0 !important;
	}
	
	.blue-bg {
		width: 100%;
		margin-top: 0 !important;
	}
	
	.green-bg {
		width: 100%;
		margin-top: 20px !important;
	}
	
	.red-bg {
		width: 100%;
	}
}


/*Hero and Hentry*/

.hentry 
{
	padding-top:0em;
	padding-bottom:0;
}
.post-type-archive-jetpack-testimonial .entry-hero {
	background-position: center 0 !important;
}

.page-id-3762 .entry-hero {
	background-position: 50% 20%;
}

@media screen and (min-width: 896px) {
	.entry-hero {
		background-size:cover;
		background-position:0px -140px;
		min-height: 45vh !important;
	}
	
}


@media screen and (max-width: 896px) {
	.entry-hero {
		min-height: 25vh !important;
		background-size:contain;
		background-position:0 0;
		background-color:#fff !important;
	}

}
@media screen and (max-width: 896px) {
	.entry-hero-wrapper {
		padding-left:40px;
		min-height:10vh;
	}
}
@media screen and (min-width: 1020px) {
	.entry-hero-wrapper {
		padding-bottom: 3em !important;
		padding-top: 3em !important;
		min-height:10vh;
	}
	
	
}

.wf-active .entry-title, .wf-active .post-type-archive-jetpack-testimonial .page-title, .wf-active h1.entry-title,h1.entry-title,.entry-title {
	font-size:1.6em;
font-weight:600;
	margin-bottom:1em
}

.woocommerce-tabs .panel h2:first-of-type {display:none}
/*page exceptions*/

.page-id-5622 .entry-hero {
	background-position: center 0;
}


	#post-1010 .hentry {
		padding:0
			margin:0
}
	#post-1010 h1.entry-title {
	display:none
}

#post-1010 {padding-top:0}

#post-1010 .hentry-wrapper{max-width:100%;
width:100%}


/*
.wpnbha.image-alignbehind .post-has-image .post-thumbnail{
background-image:url('https://whitecraneacademy.com/wp-content/uploads/2021/12/dreamstime_s_231621820-2.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:right bottom
	
} */
.wpnbha.image-alignbehind .post-has-image .post-thumbnail:after{
	background:rgba(0,0,0,0.3) !important;
}

.pageid-27805 .entry-hero
{
	background-position:right 90% !important
	
}
/*shop*/

ul.products li.product span.price del
{display:inline-block}

#post-10216 {padding-top:0}

/*#post-10216 h1.entry-title
{padding-left:0.5em !important;
	border-bottom:4px solid #063C60;
padding-bottom:0.5em !important}*/

.page-id-10216 #secondary {display:none !important}




.page-id-10216 .content-area{width:100% !important}


ul li {
	color: #f5f5f5;
	margin: 0;
}

div.entry-content ul li {
	color: #111;
}

div.entry-content ol li {
	color: #111;
}

table {
	border-color: #999;
}

table td {
	font-weight: 200;
	border-color: #999;
	padding-left: 12px;
	background: #fcfcfc;
}

table th {
	border-color: #999;
}

table.no_border {
	border: 0 !important;
	background: #fff;
	padding: 0;
}

table.no_border td {
	border: 0 !important;
	padding-top: 20px;
	background: transparent;
}

table.no_border th {
	padding-bottom: 20px;
	border: 0 solid #eee !important;
	background: transparent;
}

table.variations th {border:0;
text-align:left}


table.table_grid {
	width: 100%;
	border: 0;
	border-right: 0;
	border-bottom: 0;
font-size:0.9em;
	border-spacing: 5px;
    border-collapse: separate;
}

table.table_grid th {
	vertical-align: middle;
	color: #111;
	background: transparent;
	text-transform: capitalize;
	font-size: 1em;
border:0;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	font-weight:400;
}



table.table_grid td a
{
	text-decoration:none;
	padding:10px;
	display:inline-block;
}

table.table_grid td {
	position:relative;
	vertical-align:top;
	padding-top: 0px !important;
	text-align: center;
	font-size: 0.8rem;
	padding: 0;
	margin: 0 !important;
	border-width: 0px;
	border-style: solid;
	border-color: #095486;
	color:#fff;
	background:#333
}



table.table_grid td:hover div
{background:#222;
color:#fff}

table.table_grid td div:hover
{background:#fff;
color:#111}

table.table_grid td div {
	
	vertical-align:top;
	padding: 1em 0.5em !important;
	display: block;
	width: 100%;
	height:50% !important;
	clear: both;
	background:#222
}


table.table_grid td.tt-skype-2
{
	vertical-align:bottom
}


table.table_grid td span {
	display: inline-block;
	width: 100%;
margin:5px;
	padding: 0 5px;
	background: transparent;
	text-align: center;
	color: #fff;
}

table.table_grid td strong {
	padding-top:10px;
	font-weight: 400;
	color: #fff;
}
table.table_grid td:hover
{
	color:#111
}



table.table_grid td:empty:hover {
	background: #333;
	color:#fff
}

table.table_grid td:empty {
	background:#333
}


table.table_grid .tt-mm:hover, table.table_grid .tt-gs:hover,
table.table_grid .tt-tc:hover {
	background:#fff;

}


table.table_grid .tt-kf:hover {
	background: #fff;
}

table.table_grid .tt-kb:hover {
	background:#fff;
}

table.table_grid .tt-tc{
	background:#0675c4
}

table.table_grid .tt-gs{
	background: #cc1659
}

table.table_grid .tt-mm{
	background: #27AB00
}

table.table_grid .tt-kb{
	background: #BA0606;
}

table.table_grid .tt-kf{
	background:#ff4500;
}

table.table_grid .tt-extratraining div{
	background: #631e8a;
	
	margin-bottom:30px
}

table.table_grid .tt-extratraining div a{color:#fff}

table.table_grid .tt-zoom:hover{
	background: #fff
}

table.table_grid .tt-zoom{
	background: #0D86D6
}

table.table_grid .tt-mm:hover strong a,table.table_grid .tt-gs:hover strong a,
table.table_grid .tt-tc:hover strong a,table.table_grid .tt-zoom:hover strong a,table.table_grid .tt-extratraining:hover strong a {
	color: #111;
}

table.table_grid .tt-mm strong a,table.table_grid .tt-gs strong a,
table.table_grid .tt-tc strong a,table.table_grid .tt-zoom strong a,table.table_grid .tt-kf strong a  {
	color: #fff;
	padding-bottom:10px;
	font-weight:600
}

table.table_grid .tt-kf:hover strong a {
	color: #111;
}

table.table_grid .tt-kf strong a {
	color: #fff;
}

table.table_grid .tt-kb:hover strong a {
	color: #111;
}

table.table_grid .tt-kb strong a {
	color: #fff;
}

table.table_grid .tt-note{
display:none;
	font-weight: 200 !important;
	font-size: 0.9em !important;
	margin: 0;
	color: #111 !important;
font-weight:800;
	padding: 5px !important;
	background:#FEF257;
	box-shadow:0 2px 3px rgba(0,0,0,0.5);
	margin-top:10px
}

.table.table_grid .tt-note::before {
	content: "";
}

table.table_grid.tt-note::after {
	content: "";
}

table.table_grid.tt-loc:hover {
	color: #fff !important;
}

table.table_grid td:hover a.tt-loc 
{color:#111 !important}

table.table_grid .tt-loc {
	color: #fff !important;
	margin: 5px !important;
	padding: 5px !important;
}

table.table_list .tt-loc::before {
	content: "__";
	color: transparent;
	display: inline-block;
	padding: 3px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/09/location_pointer.png');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: .3;
	filter: alpha(opacity=30);
}


.tt-instructor {
	color: #111 !important;
	font-size: .8em !important;
	font-weight: 400;
	background: transparent !important;
	text-align: center !important;
	margin: 3px 0 !important;
	padding: 3px !important;
	padding-top: 0;
}




.tt-instructor::before {
	content: '';
	color: transparent;
	display: none;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/10/user1.png');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: .3;
	filter: alpha(opacity=30);
	padding: 3px;
}

.table_grid .tt-hour
{
	vertical-align:middle !important;
	color:#111 !important;
background:transparent;
	height:80px;
min-height:150px;
font-size:1em;
	font-weight:400;
	border:0
}
.table_grid .tt-divider
{height:10px;
background:transparent !important}

@media screen and (max-width: 900px) {
	#gridview {
		display: none;
	}
	
	#listview {
		display: block;
	}
}

@media screen and (min-width: 901px) {
	#gridview {
		display: block;
	}
	
	#listview {
		display: none;
	}
}

@media screen and (max-width: 880px) {
	.div_body {
		margin-top: -20px;
	}
}

@media screen and (min-width: 881px) {
	.div_body {
		margin-top: -80px;
	}
}

table.price_list {
	width: 100%;
	table-layout: fixed;
}

table.price_list th {
	background: #eee;
}

table.price_list th.bg_red {
	color: #fff;
	background: #CD1111;
	text-align: left;
	padding-left: 20px;
}

table.price_list td:nth-child(1) {
	background: #f8f8f8;
}

table.price_list td:nth-child(2) {
	text-align: right;
}

table.price_list td:nth-child(3) {
	font-size: .9em;
	font-style: italic;
}

.related {
	width: 100%;
	clear: both;
	font-size: .8em;
	padding: 30px 20px 20px;
	border: #eee solid 0;
	margin-top: 0;
	margin-bottom: 20px;
	background: transparent;
	color: #fff;
	text-align: center;
}

.related a:hover {
	color: #3EABF4;
	text-decoration: underline;
}

.related a {
	color: #3EABF4;
}

ul.ul_related {
	margin-left: 20px !important;
	margin-bottom: 20px !important;
}

ul.ul_related li {
	color: #fff !important;
	list-style-type: none !important;
	margin-bottom: 10px;
}

ul.unordered_li li {
	color: #333 !important;
}

.div_home_text {
	min-width: 200px;
	background: #fff;
	font-size: 1em;
	padding: 0 30px;
	border: 10px solid #fff;
	text-align: center;
}

.div_home_text div {
	padding: 30px 0;
}

.div_home_text strong {
	font-size: 2.8em;
	margin-top: 30px;
	font-family: "Karla";
	color: #333;
	font-style: italic;
	padding: 0;
	margin: 0;
}

.div_home_text a {
	color: #999;
}

.div_home_text a.red_button {
	color: #fff;
	padding: 10px 20px;
}

.div_body a {
}

.div_podcast {
	display: inline-block;
}

a.div_podcast {
	color: #fff !important;
}

a:hover.div_podcast {
	color: #ddd !important;
}

.podcast-list {
	clear: both;
	width: 100%;
	text-align: left !important;
	margin-bottom: 30px;
}

.podcast-list h4 {
	display: inline-block;
	height: 50px;
}

.podcast-list div {
	clear: both;
	margin-bottom: 20px;
}

.podcast-list img {
	height: 50px;
	width: 50px;
	float: left;
	vertical-align: top;
}

.podcast-list span {
	display: block;
	overflow: hidden;
	font-weight: 200 !important;
	color: #999;
	font-style: italic;
	font-size: .8em;
	border: 0 solid;
}

.location-list {
	border: 0;
	width: 100%;
}

.location-list th {
	border: 0;
	border-top: 0 solid #fff !important;
	background: transparent !important;
	color: #111;
	font-weight: 400;
	padding-top: 1em;
	padding-bottom: .5em;
}

.location-list td {
	background:transparent !important;
	padding: 20px;
	margin: 0;
	text-align: left;
	height: 300px;
	border-bottom: 0px solid #fff !important;
	border: 0;
}

.location-list p {
	padding: 0;
	margin: 0;
}

.location-list td div {
	float: left;
	display: flex !important;
	align-items: center;
	padding: auto;
	justify-content: middle;
	width: 49%;
	margin: auto;
	height: 300px;
	max-height: 300px;
	overflow: hidden;
	margin-right: 2%;
	box-shadow: 0 2px 3px #000;
	background: #111;
	text-align: center;
}

.location-list img {
	display: block;
	margin: auto;
	height: auto;
	max-height: 100%;
	width: auto;
	max-width: 150%;
}

.location-list .googlemaps {
	float: left;
	display: flex !important;
	align-items: center;
	justify-content: middle !important;
	width: 49%;
	padding: 0;
	margin: 0;
	height: 300px;
	text-align: center;
}

.location-list .googlemaps iframe {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 300px;
}

@media screen and (max-width:800px) {
	.location-list td div {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.location-list img {
		transform: scale(1,2,1.2);
	}
	
	.location-list .googlemaps {
		width: 100%;
	}
	
	.location-list td {
		height: auto;
	}
}

.location-list td.location-note {
	color: #333;
	font-size: .8em;
	height: 1em !important;
	max-height: 3em;
	border-bottom: 0;
	background: #fff !important;
	text-align: left;
}


.workshop-list
{
	width:100%;
	margin:20px 0

}


table.workshop-list td

{background:white}

table.workshop-list td.aside
{
	position:relative;

	width:50px;
	background:#063C60;
	color:#fff;
	border-bottom:1px solid #fff;
	text-align:center
}

table.workshop-list td.aside span
{
	
	position:relative;
	display:inline-block;
	height:100%;
	width:100%;
	text-align:center !important;
	transform-origin:50% 50%;
transform:rotate(-90deg);
	color:#fff;
	padding:0;
	margin:0
}

table.workshop-list td.ws-title:before {
	position: absolute;
	display: inline-block;
	height: 55px;
	width:55px;
	content: '';
	
	vertical-align: middle;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	top:23%;
	left:0;
		text-align:center;
	margin-left:10px;
	overflow:show;
}

table.workshop-list td.aside :before
{display:none}

table.workshop-list td.ws-qigong:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/img_20181222_140107.jpg');
}

table.workshop-list td.ws-xmas:before  {
	background-size:100px;
	background: url('https://whitecraneacademy.com/wp-content/uploads/2018/11/christmas_holly.png');
}


table.workshop-list td.ws-forms:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2023/11/dreamstime_m_40951157.jpg')}


table.workshop-list td.ws-kids:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/03/white-crane_for-kids_full-logo.jpg');
}

table.workshop-list td.ws-baiher:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/06/bai-her.jpg');
}

table.workshop-list td.ws-staff:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/12/monkey-king.jpg');
}

table.workshop-list td.ws-wca:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2016/05/white-crane_bird-only_high-res.jpg');
}

table.workshop-list td.ws-instructor:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/instructor-training.jpg');
}

table.workshop-list td.ws-weapons:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/tai-chi-sword-featured-image.jpg');
}


table.workshop-list td.ws-groundfighting:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/11/dreamstime_m_101192010-e1542403027644.jpg');
}

table.workshop-list td.ws-taichi:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2025/01/tai_chi_pic.png');
}

table.workshop-list td.ws-fusion:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/03/fusion.jpg');
}

table.workshop-list td.ws-shibashi:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/04/shibashi2.jpg');
}

table.workshop-list td.ws-mqw:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/11/meditation_qigong.jpg');
}

table.workshop-list td.ws-meihua:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/04/plum_blossom.jpg');
}

table.workshop-list td.ws-selfdefence:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/10/selfdefence-scaled-2560.jpg');
}

table.workshop-list td.ws-seizeday:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/seize_the_day-2.jpg');
}

table.-list td.ws-martialtc:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/05/tai_chi_bridge.jpg');
}

table.workshop-list td.ws-party:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/05/summer_party_small.jpg');
}

table.workshop-list td.ws-non-syllabus:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/09/dreamstime_m_30616486.jpg');
}

table.workshop-list td.ws-grading:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/kung_fu_sashes.jpg');
}


table.workshop-list td.ws-gentle-strength:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2023/06/dreamstime_m_172681397.jpg');
}


table.workshop-list td.ws-sanzhanlima:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/05/san_zhan_li_ma.jpg');
}

table.workshop-list td.ws-taichicourse:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/tai-chi.jpg');
	background-position: right;
}

table.workshop-list {
	table-layout: auto;
	width: 100%;
	border-style: solid;
	border-width: 0;
	border-color: #ddd #eee #eee #ddd;
	font-weight: 400;
}

.workshop-list th {
	border: 0;
	background: #fff;
	color: #333;
	text-align: left;
	padding: 15px;
	font-size: .8em;
	border-top: 0 solid #fff;
	border-bottom: 1px solid #e5e5e5;
	white-space:nowrap
}


table.workshop-list th.workshop-divider {
	height: 30px;
	background: #fff !important;
	color: #333;
	font-size: 1.6em;
	text-align: left;
	padding: 5px 0;
	
}

.workshop-list td {
	border: 0;
	border-top: 0px solid #fff;
	border-bottom: 0 solid #eee;
	color: #333;
	font-weight: 400;
	padding: 35px 5px;
position:relative;
	font-size: 16px;
	background: transparent;
}

.workshop-list td.ws-title {
	position: relative;
	font-weight: 400;
min-width:180px;
	width: 20%;
padding-left:75px
}

.workshop-list tr:hover {
/*	background: #f8f8f8;*/
}

.workshop-list tr:hover td:not(.aside) {
/*background: #fff;*/
}



.workshop-list.workshop-class {
	width: 45%;
}

.workshop-list.workshop-loc {
}

.workshop-list.workshop-instructor {
}

.workshop-list.workshop-link {
	text-align: right !important;
}

/*by month*/
.workshop-list  ul.products li
{

	padding-left:80px
}

@media screen and (max-width: 896px) {
	
	.workshop-list  ul.products li
{

	padding-left:80px;
	
}

	.workshop-list  ul.products li h2.woocommerce-loop-product__title
{
	font-size:0.9rem;
	padding:20px 0;
	margin-left:0 !important
	}
	
	
}

.workshop-list li.product_tag-booking-events:before
{
	content:'';
	height:100%;
	width:50px;
	display:block;
	color:#fff;
	position:absolute;
	top:0px;
	left:0px;
	background:#23282f;
   writing-mode: vertical-rl; /*vertical-rl or vertical-lr */
 text-align:center;
	padding:0 10px;
	transform: rotate(180deg) 
}

.workshop-list li.product_tag-booking-jan-events:before
{content:'January'
}

.workshop-list li.product_tag-booking-feb-events:before
{content:'February'
}

.workshop-list li.product_tag-booking-mar-events:before
{content:'March'
}
.workshop-list li.product_tag-booking-apr-events:before
{content:'April'
}

.workshop-list li.product_tag-booking-may-events:before
{content:'May'
}

.workshop-list li.product_tag-booking-jun-events:before
{content:'June'
}

.workshop-list li.product_tag-booking-jul-events:before
{content:'July'
}

.workshop-list li.product_tag-booking-aug-events:before
{content:'August'
}

.workshop-list li.product_tag-booking-sep-events:before
{content:'September'
}

.workshop-list li.product_tag-booking-oct-events:before
{content:'October'
}

.workshop-list li.product_tag-booking-nov-events:before
{content:'November'
}

.workshop-list li.product_tag-booking-dec-events:before
{content:'December'
}

.class-info.sold-out:before,.workshop-list td.sold-out:before
{
	content:'SOLD OUT';
	display:inline-block;
border-radius:0;
width:120px;
	height:30px;
background:yellow;
	position:absolute;
	top:45px;
	left:15px;
	text-align:center;
	transform:rotate(-30deg);
	padding:5px 8px;
	color:#111;

	z-index:50;
}

a.button.sold-out:after
{	content:"Sold out";
	display:inline-block;
	position:absolute;
	top:10px;
	right:10px;
	background:white;
	color:red;
	transform:rotate(30deg);
	border:3px solid red;
	padding:5px 3px;
}
a.button.sold-out 
{	
	position:relative;
			pointer-events: none;
	background:slategray;
	color:silver !important
}

.summary p.out-of-stock
{
	border:3px solid red;
	padding:5px 13px;
	display:inline-block;
	color:red;
	font-weight:600;
	border-radius:5px
}


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


	.workshop-list th {
		font-size: 1rem;
	}
	
		.workshop-list td {
		font-size: 0.9rem;
			padding:10px 0
	}
	
	.workshop-list td:not(.aside){
		text-align:left;
		display: block;
		width: 100%;
	padding: 10px 0
	}

	.workshop-list td.aside{

		text-align:center;
		padding: 15px 0;

		
	}
	
		.workshop-list td:last-child {
		position: relative;
		width: 100%;
		border-bottom:1px solid #ccc;
		height:60px
	}
	
	.workshop-list td:nth-child(2) {
		display: block;
		width: 100%;
	}
	
	.workshop-list td:nth-child(3) {
		display: block;
		width: 100%;
	}
		.workshop-list td:nth-child(4) {
		display: block;
		width: 100%;
	}
		.workshop-list td:nth-child(5) {
		display: block;
		width: 100%;
	}
		.workshop-list td:nth-child(6) {
		display: block;
		width: 100%;
	}
	
		.workshop-list td.ws-title {
		padding-left:80px
	}
	.workshop-list td:before {
		content: '';
		height:25px;
		width:25px;
		display:block;
		float:left;
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: 0;
margin-right:25px;
			margin-left:25px
	}
	
	.workshop-list td.ws-title:before {
height:40px !important;
		width:40px !important;
		background-size:40px 40px !important;
		margin-left:17px !important
}
	
		.workshop-list td.ws-day:before {
background-image: url('https://whitecraneacademy.com/wp-content/uploads/2021/12/calendar.png');
	}
	
	.workshop-list td.ws-time:before {
background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/10/clock.png');
	}
	
		.workshop-list td.ws-location:before {
		background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/09/location_pointer.png');
	}
	
	.workshop-list th {
		display: none;
	}
	
	.workshop-list th.header-blue {
		display: table-cell;
	}
	
	.workshop-list th.workshop-date {
		display: table-cell;
	}
	
	.workshop-list th:nth-child(2) {
		color: transparent;
	}
	
	.workshop-list th:nth-child(3) {
		display: none;
	}
	
	.workshop-list th:nth-child(4) {
		display: none;
	}
	
	.workshop-list th:nth-child(5) {
		display: none;
	}
	
	
table.workshop-list a.button {
	font-size:0.8rem;
	float:right;
	position:absolute;
	width:90% !important;
	right:0;
	bottom:20px;
}
	
	.workshop-list td.sold-out:before
	{position:absolute;
top:0	}
	
}

a.workshop-button {
	display: inline-block;
	height: 30px;
	white-space: normal !important;
	text-align: center;
	float: right;
	clear: both;
	margin-bottom: 5px !important;
	width: 120px;
}

a.see-more-button {
	display: inline-block;
	height: 30px;
	color: transparent;
	margin-bottom: -6px;
	white-space: normal !important;
}

a.see-more-button::before {
	content: "Details";
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;
	color: #fff;
}

table.price-list {
	table-layout: auto;
	width: 100%;
	border: 0 solid #fff;
	font-weight: 400;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

.price-item {
	width: 30%;
}

.price-amount {
	width: 10%;
}

.price-note {
	width: 30%;
}

table.price-list th {
	background: #0D86D6;
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	border: 0 solid #5995B5;
	letter-spacing: 1px;
	font-size: .9em;
	font-weight: 600;
}

.price-list th.price-subsection {
	padding: 10px;
	background: #F0F3F4;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 400;
	color: #333;
	text-transform: none;
}

.price-list td {
	border: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;
	color: #333;
	font-weight: 400;
	padding: 12px 10px;
	overflow: hidden;
	font-size: .9em;
}

.price-list td:nth-child(1) {
	border-right: 1px solid #eee;
}

.price-list td:nth-child(2) {
	text-align: right;
}

.price-list td:nth-child(3) {
	padding-left: 30px;
	color: #999;
	font-style: italic;
	font-size: .8em;
}

/*timetables*/
/*
@media screen and (min-width:897px)
{
#post-5092 {background-color:#444}

#post-5092 h1.entry-title
{
	color:#fff
}

#post-5092 p
{
	color:#fff
}
}
*/
td:hover .tt-book
{
background:#063C60;
	color:#fff !important
}

table a.tt-book
{
	padding:7px 25px;
color:#fff;
	margin-bottom:10px;
	margin-top:5px;
border-radius:13px;
	font-size:0.8rem;
	text-transform:uppercase;
	background:rgb(0,0,0,0.4);
	font-weight:600
}

.tt-list .book:hover
{
color:#fff !important
}

.tt-list .book
{
	float:left;
	display:inline-block;
	background:green;
	padding:5px 13px;
	color:#fff !important;
	text-transform:uppercase
	
}

table.tt-list {
	table-layout: auto;
	width: 100%;
	border: 0 solid #fff;
	font-weight: 400;
	border-spacing: 10px;
  border-collapse: separate;
	font-size:1.1em
}


table.tt-list th {
	border:0;
	border-bottom: 0px solid #111;
	color: #111;
	text-align: left;
	text-transform: capitalize;
padding: 20px 0;

font-size:1em;
	background:transparent !important;
	font-weight:400
}

.tt-list th.price-subsection {
	padding: 10px;
	background: #F0F3F4;
	border-bottom: 1px solid #dedede;
	font-weight: 400;
	color: #fff;
	text-transform: none;
}

.tt-list td a.book:hover
{color:#fff}

.tt-list td {
	position: relative;
	text-align: left;
	border: 0;
	color: #111;
	font-weight: 400;
	padding: 1em;
	font-size: 1em !important;
	background: #eee;
	border-bottom:0px solid #555;
	line-height:2em
}

.tt-list .tt-zoom:after {
	content: '';
	height: 30px;
	width: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	float: right;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/07/zoom_logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	margin-right:5px
}

.tt-list tr.tt-loc-outdoors td:after {
	content: '';
	height: 80px;
	width: 100px;
	display: block;
	position: absolute;
	right: 0;
	top: -0;
	float: right;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/07/outdoors-e1594558552450.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;

	
}

.tt-list td.tt-skype:before {
	content: '';
	height: 30px;
	width: 30px;
	display: block;
float:right;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/07/skype_logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
		border-radius:50% !important;
}

.tt-list .tt-class
{

}

.tt-list .tt-time {

}

.tt-list td a
{
	text-decoration:none;
color:#111
}


table.tt-list td.tt-mm,table.tt-list td.tt-gs,
table.tt-list td.tt-tc,table.tt-list td.tt-kf,table.tt-list td.tt-kb,table.tt-list td.tt-weapons,table.tt-list td.tt-extratraining {
	font-weight: 400;
}
table.tt-list td.tt-mm:hover a,
table.tt-list td.tt-gs:hover a,
table.tt-list td.tt-tc:hover a, table.tt-list td.tt-extratraining:hover a {
	color: #111;
}

table.tt-list td.tt-mm {
	border-left: 10px solid #00C90C;
}

table.tt-list td.tt-gs {
	border-left: 10px solid #cc1659;
}


table.tt-list td.tt-skype {
	border-left: 10px solid #111;
}

table.tt-list td.tt-zoom {
	border-left: 10px solid #3EABF4;
}

table.tt-list td.tt-extratraining{border-left:10px solid #631e8a}


table.tt-list td.tt-tc {
	border-left: 10px solid #095486;
}

table.tt-list td.tt-kf {
	border-left: 10px solid #ff4500;
}


table.tt-list td.tt-kb {
	border-left: 10px solid #E30000;
}



table.tt-list .tt-highlight,table.table_grid .tt-highlight {

	color: #111 !important;
	font-style: normal;
	font-weight: 600 !important;
	display: inline-block; 
	padding: 3px 8px!important;
	margin: 3px 0px !important;
background:yellow !important;
	
	margin:10px 0px
}




.tt-list td.tt-loc::before {
	content: "";
	width: 15px;
	height: 15px;
	color: transparent;
	display: none;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/09/location_pointer.png');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: .3;
	filter: alpha(opacity=30);
	padding: 3px;
}

/*---------*/

.quote-block:before{
	/*content:'“';*/
font-family:'Times New Roman';
color:#dedede;
	font-size:58px;
	font-weight:600;
	display:inline-block;
	position:relative;
	left:0;
	top:20px;
}
.quote-block
{
	position:absolute;
	top:-220px;
	right:3em;
	width:50%;
	background: transparent;
	color:#fff;
	padding: 0px;
	padding-bottom:40px;
	margin: 20px 0;
	font-size:16px;
	line-height:1.6em;
	border:0
}

.quote-block span
{
	margin:0;
	padding:0 20px;
	display:inline-block;

}
.quote-block i
{position:absolute;
left:20px;
display:inline-block;
	font-size:14px;
	color:#fff
}

.post-quote {
	background: #333;
	padding: 20px;
	margin: 20px 0;
}

.post-quote ul li {
	list-style-type: disc;
	margin-left: 30px;
}

@media screen and (max-width:896px)
{
	
	.quote-block {
	display:none;
	}
}


.div_body {
	display: flex;
	flex-wrap: wrap;
}

.highlight {
	color: #ff4500;
	font-size: 1.2em;
	font-weight: 900;
	margin:30px 0;
	display:inline-block
}

.box-container {
}

.box-content {
	position: relative;
	padding: 0;
	border-width: 10px 0;
	border-style: solid;
	border-color: #fff;
	margin: 0;
	color: #111 !important;
	width: 100% !important;
	background: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.box-content:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 2s;
	background: rgba(255,255,255,0.4);
}

.box-content p {
	position: relative;
	color: #111;
	text-align: justify;
	padding: 20px;
	margin: 0;
}

.box-content p.box-content-header {
	width: 100%;
	font-weight: 900;
	color: #333;
	font-size: 24px;
	padding: 10px 20px;
	text-align: left;
}

@media screen and (max-width: 896px) {
	.box-content {
		width: 100%;
	}
}

.january-bg {
	display: block;
	position: relative;
	background: #E6103D;
	margin-top: 40px !important;
	padding: 20px 200px;
	width: 100%;
	min-height: 320px !important;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/12/dreamstime_m_123943485-e1543698389101.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid white;
}

.january-bg .home-featured-header {
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 5px;
}

.january-bg p {
	position: relative;
	text-align: center;
	color: #fff !important;
	z-index: 2;
}

.january-bg img {
	position: absolute;
	top: 45%;
	left: 5%;
	height: 200px;
	clear: both;
	z-index: 0;
}

@media screen and (max-width: 800px) {
	.january-bg img {
		display: none;
	}
	
	.january-bg {
		padding: 20px;
	}
	
	.box-container {
		display: block !important;
	}
	
	.box-content {
		width: 100% !important;
		flex: none !important;
	}
}

.health-price {
}

.jan-sale-price {
	display: none;
	position: relative;
	color: #E6103D;
}

.jan-sale-price:after {
	content: '';
	display: inline-block;
	height: 30px;
	width: 30px;
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/12/label_sale_yellow.png');
	position: relative;
	top: 3px;
	background-size: 30px;
	background-repeat: no-repeat;
}

.jan-sale-price:hover:before {
	display: block;
}

.jan-sale-price:before {
	display: none;
	content: 'January sale price - Offer ends 31st January';
	padding: 5px;
	position: absolute;
	white-space: nowrap;
	top: -22px;
	left: 100%;
	z-index: 1;
	background: #FFFFC4;
	color: #111;
	font-size: 12px;
	box-shadow: 0 1px 2px #555;
}


.class-info{
	display:inline-block;
position:relative;
padding:0px 10px 7px 40px;
margin-bottom:10px;
color:#111;
}

.class-info:before {
	font-weight:600;
		content: " ";
	color: transparent;
	display: inline-block;
	position: absolute;
	top: 0px;
	left:0;
	height: 30px;
	width: 30px;
	background: #0D86D6;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
	border-radius: 50%;
	color:#fff;
	text-align:center;
	font-size:18px;
		font-weight:600;
	padding-top:1px
}

.class-name {
	padding-left:0px;
	font-size:22px;
	font-weight:700;
	font-family:verdana
	
}
.class-time::before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/clock_white.png');
}

.class-blank::before {
background-color: transparent;
}

.class-day::before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2021/10/calendar_white.png');
	background-size:50%
}
.class-location::before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/location_pointer_white.png');
background-size:55%;
}

.class-instructor::before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/user_white.png');
background-size:55%;
}

.class-note::before {
	content:'!';
background-size:55%;
	background-color:gold;
}

.class-price::before{
	content: "£";
}

h3.wpmtst-testimonial-heading
{
	font-size:22px
}
.testimonial-button:hover
{background:#fff !important;
color:#222;}
.testimonial-button
{
	display:inline-block;
	text-transform:uppercase;
	background:transparent !important;
	color:#fff;
	border:2px solid #fff;
	border-radius:5px;
	padding:1em;
	margin-top:2em;
}
.testimonials {
	font-style: italic;
	text-align:left;
	margin-bottom: 10px;
	overflow:hidden;
	}
.testimonials:before
{display:block;
content:'Testimonials';
font-style:normal;
font-weight:600;
margin-bottom:15px}

.testimonials em{
		font-style:normal !important;
	font-weight:600 !important;
}

.testimonials em:before {
	content: '- ';

}

.single-wpm-testimonial .entry-author
{display:none}

.wca-testimonials .wpmtst-testimonial
{
	background:white;
	border-radius:5px;
	overflow:hidden;
	font-size:14px
}


.wca-testimonials .wpmtst-testimonial a:hover
{color:#0D86D6}

.wca-testimonials .wpmtst-testimonial a
{color:#0D86D6}

.strong-view.wpmtst-default .wpmtst-testimonial-field
{font-size:14px}

table.course-list {
	table-layout: auto;
	border: 1px solid white;
	color: #999;
	font-size: .8em;
	width: 100%;
}

.widget .strong-view.controls-style-buttons2 .wpmslider-start,.widget .strong-view.controls-style-buttons2 .wpmslider-stop,.widget .strong-view.controls-style-buttons2 .wpmslider-next, .widget .strong-view.controls-style-buttons2 .wpmslider-prev

{
	background: transparent
}
table.course-list td {
	border: 0 solid white;
	border-bottom: 0 solid #e5e5e5;
	color: #333;
	background: #fefefe !important;
	vertical-align: top;
	padding: 8px 20px !important;
	overflow: hidden;
	font-size: 1em !important;
}

.course-list th {
	background: #eee !important;
	border: 0 solid white;
	border-top: 0 solid #fff;
	color: #333 !important;
	font-size: 1.1em;
}

table.course-list th.course-divider {
	height: 30px;
	background: #fff !important;
	color: #333;
	font-size: 1.6em;
	text-align: left;
	padding: 5px 0;
}

.course-list th.course-header {
	position: relative;
	font-size: 1.4em;
	font-weight: 600;
	text-align: left;
	color: #fff !important;
	border-top: 1px solid #fff;
	box-shadow: 0 -5px 5px -5px #999;
	background: #0D86D6 !important;
}

.course-list th.course-subheader {
	text-align: left;
	font-weight: 600;
	font-size: 1.1em;
	padding: 10px 20px;
	color: #fff !important;
	background: #F3891F !important;
}

.course-list th.course-header:before {
	display: inline-block;
	height: 80px;
	width: 80px;
	content: '';
	vertical-align: middle;
	border-radius: 50%;
	margin: 15px;
	margin-bottom: 5px;
	margin-right: 20px !important;
}

.course-list th.course-header.course-taichi-improv:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/05/tai_chi_bridge.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 70% center;
}

.course-list th.course-header.course-taichi:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/02/tai-chi.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 70% center;
}

.course-list th.course-header.course-taichi_2:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/03/thediagonalworkshop_pic.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 75% center;
}

.course-list th.course-header.course-taichi-3:before {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/05/tai-chi-level-3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% center;
}

.course-block span.time-container {
	text-align: left;
}

.course-block span.loc-container {
	margin-bottom: 0;
	text-align: left;
}

.course-block span.instructor-container {
	margin-bottom: 13px;
	text-align: left;
}

.course-list th.course-header:before {
	clear: both;
	margin: 10px;
	margin-left: 0;
}

.course-list th.course-header {
	padding-left: 20px;
}	
}

.course-list td.time-container {
	width: 25% !important;
}

.course-list td.loc-container {
	width: 30% !important;
}

.course-list td.instructor-container {
	width: 25% !important;
}

.course-list td:nth-child(4) {
	text-align: center;
	vertical-align: middle !important;
	width: 20% !important;
}

.course-list td:last-child {
	border-bottom-width: 0 !important;
}

@media screen and (max-width:896px) {
	.course-list th.course-header:before {
		display: block;
		clear: both;
		margin: 5px;
		margin-left: 0;
	}
	
	.course-list td.time-container {
		display: block;
		width: 100% !important;
	}
	
	.course-list td.loc-container {
		display: block;
		width: 100% !important;
	}
	
	.course-list td.instructor-container {
		display: block;
		width: 100% !important;
	}

	
	.course-list td:nth-child(4) {
		display: block;
		width: 100% !important;
		text-align: center;
		vertical-align: middle !important;
	}
	
	.course-list td {
		padding-left: 5px !important;
	}
}

.home-featured div {
	position: relative;
}

.course-banner {
	position: absolute;
	right: 5px !important;
	top: 5px;
	float: left;
	display: block;
	background: rgba(255,203,5,1);
	text-transform: lowercase;
	text-align: center;
	padding: 3px 13px;
	font-size: .8em;
	z-index: 999;
	color: #fff;
}

.testimonial-featured-image {
	width: 100px;
}

.testimonial-featured-image img {
	height: auto;
	width: 100% !important;
}

.img_container:hover {
	//background-size: 350%;
}


.img_container {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 250px;

	width: 30%;
	height: 450px;
	min-height: 330px;
	margin: 0 30px 20px 0;
	background-color: #555;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 1.5s;
	padding: 0;
	border:20px solid white;
	box-shadow:0px 3px 8px rgba(0,0,0,0.3)
}

.img_container.disc {
	width:45%;
	min-width: 200px;
	height:140px;
	transition: all 1.5s;
}




.img_container:hover:before {
	background: rgba(0,0,0,0);
	color: #fff;
}


.img_container:before {
	display: block;
	content: '';
	text-align: center;
	padding: 50% 0;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	transition: all 1.5s;
	letter-spacing: 2px;
	font-family: "open sans";
	color: transparent;
}

.img_container:hover .img_container_span {
	background: rgba(0,0,0,0.5);
}

.img_container_span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 160px;
	background: transparent;
	padding: 10px 20px;
	transition: all 1.5s;
	text-align:left
}

.img_container_span p {
	padding: 0;
	margin: 0;
}

.img_container_span h1 {
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #fff;
	font-weight: 600;
}

.img_container_span h2 {
	padding: 0;
	margin: 0;
	margin-top: -5px;
	font-size: 0.75em !important;
	color: #fff;
	font-weight: 600 !important;
	margin-bottom: 5px;
}

.img_container_span h3 {
	padding: 0;
	margin: 0;
	font-size: 0.75em;
	color: #fff;
	font-style: normal !important;
	font-weight: 200 !important;
}

.img_container_span h4 {
	padding: 0;
	margin: 0;
	font-size: 0.75rem;
	color: #fff;
	font-weight: 400 !important;
	padding-top: 5px;
}

.img_container.disc:hover span {

		background:#1113;

	}

	.img_container.disc span {
	//	display:flex;
		//flex-direction:column;
	//	justify-content:flex-end;
		top:50%;
		height:50%;
		background:#1118;
		
		
	}

@media screen and (max-width:896px)
{
	
		.img_container {
		width: 100%;
	}
		
	.img_container.disc {
		width: 100%;
		height:80px;
		
	}

	.img_container_span h2,.img_container_span h3,.img_container_span h4
	{font-size:0.8em}
	
	

}
/*training w wca*/


.class-tc{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2025/01/tai_chi_pic.png');
	background-size: cover;
}


.class-qg{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/03/thediagonalworkshop_pic.jpg');
	background-size: cover;
}


.class-mm{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2015/10/meditation-rocks.jpeg');
		background-size: cover;
	}


.class-gs{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2023/06/dreamstime_m_172681397-1.jpg');
		background-size: cover;
	}



.class-pt{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/kettlebell_small.jpg');
		background-size: cover;
	}


.class-kf{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/dragon_small.jpg');
		background-size: cover;
	}


.class-kb{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/10/kickboxing_fitness-1.png');
		background-size: cover;
	}

.class-wp{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2018/08/tai_chi_sword_small.jpg');
		background-size: cover;
	}

.class-tca{
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2025/10/dreamstime_m_214383278-e1761745764811.jpg');
		background-size: cover;
	}

/*instructors*/

.img_container.ms,.img_container_main.ms {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/09/Mark.jpg');
	background-size: cover;

}

.img_container.tn,.img_container_main.tn {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/tom_n-p.jpg');
	background-size: cover;
}

.img_container_main.hm,.img_container.hm {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/hamish_mcdermid.png');
	background-size: cover;
}
.img_container_main.mt,.img_container.mt {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/mark_t.jpg');
	background-size: cover;
}

.img_container_main.cm,.img_container.cm {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/cam-2.jpg');
	background-size: cover;
	background-position: 10%;
}

.img_container_main.kb,.img_container.kb {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/kb.jpg');
	background-size: cover;
	background-position: 75% 0;
}

.img_container_main.jp,.img_container.jp {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/jim_p-e1599931248329.jpg');
	background-size: cover;

}

.img_container_main.mtg,.img_container.mtg {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/07/mike_2.jpg');
	background-size: 200%;
	background-position: center 40%;
}

.img_container_main {
	display: block;
	float: right;
	width: 40%;
	height: 420px;
	margin: -80px 0 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #555;
}

@media screen and (max-width: 896px) {
	.img_container_main {
		width: 100%;
		margin: 0;
		clear: both;
	}
}

a[href^="tel"] {
	color: inherit;
/* Inherit text color of parent element. */
	text-decoration: underline;
/* Remove underline. */
/* Additional css `propery: value;` pairs here */
}

.instructor-info a:hover {
	color: #A3DAFF;
	text-decoration: underline;
}

.instructor-info a {
	color: #A3DAFF;
}

.instructor-info {
	background: #063C60;
	color: #fff;
	padding: 20px;
	margin: 0 0 20px;
	clear: both;
	width: 100%;
	font-size: 16px !important;
}

.instructor-info h1 {
	color: #fff;
	display: inline-block;
	margin: 0 0 20px !important;
}

.instructor-info p {
	color: #fff;
	font-size: 16px;
}

.instructor-title {
	float: left;
	width: 48%;
	color: #333;
	font-size: 16px !important;
}

.instructor-title p {
	font-size: 16px;
}

.instructor-extract {
	font-style: italic;
	color: #777;
}

@media screen and (max-width:896px) {
	.instructor-title {
		width: 100%;
	}
}

figure.fig-retro:hover {
	position: relative;
	z-index: 888;
	transform: scale(1.3,1.3) !important;
	box-shadow: -13px 13px 18px  rgba(0,0,0,0.3) !important;
}

figure.fig-retro {
	position: relative;
	display: inline-block;
	background: #fff;
	margin: 20px;
	margin-left: 10px;
	border-color: #fff;
	border-style: solid;
	border-width: 1em 1em 0;
	box-shadow: -3px 3px 7px rgba(0,0,0,0.8) !important;
	width: 320px;
	height: 320px;
	min-width: 180px;
	max-width: 500px;
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	transition: all 1.5s;
	text-align: center;
	overflow: hidden;
}

.fig-retro img {
	position: relative;
	left: -10%;
	width: 115%;
	min-width: 115%;
}

.fig-retro-onethird img {
	position: relative;
	top: -15%;
}

.fig-retro-center img {
	position: relative;
	top: -30%;
}

.fig-retro-aligntopleft img {
	position: relative;
	left: 0;
	top: -15%;
}

.fig-retro-aligntopright img {
	position: relative;
	left: -10%;
	top: -15%;
}

figcaption.figcap-retro {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	height: 4em;
	font-family: "Courier";
	font-size: 13px;
	font-weight: 600;
	padding: 13px;
	color: #333;
	z-index: 889;
	text-align: right;
	line-height: 1.1em;
}

.img-retro:hover {
	position: relative;
	z-index: 888;
	transform: scale(1.3,1.3) !important;
box-shadow: -13px 13px 18px  rgba(0,0,0,0.3) !important;
}

.img-retro {
	display: inline-block;
	margin: 20px;
	margin-left: 10px;
	border-color: #fff;
	border-style: solid;
	border-width: 1em 1em 4em;
	box-shadow: -3px 3px 7px rgba(0,0,0,0.8) !important;
	object-fit: cover;
	object-position: 0 25%;
	width: 320px;
	height: 320px;
	min-width: 180px;
	max-width: 500px;
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	transition: all 1.5s;
}

.img-retro-zoom {
	object-fit: contain !important;
	object-position: center;
}

.img-retro-center {
	object-position: 0 70%;
}

.rotate-right {
	-ms-transform: rotate(3deg) !important;
	-webkit-transform: rotate(3deg) !important;
	transform: rotate(3deg) !important;
}

/*
.img-frame
{
display:inline-block;
	border:1em solid #f5f5f5;
		box-shadow: -3px 3px 7px rgba(0,0,0,0.8) !important;
	max-width:400px;
	margin:40px
}*/
.floatleft {
	float: left;
}

/*BLOG*/
/*China 2019 17.5*/
.postid-7719 .entry-hero {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/08/img_20190804_135111.jpg') !important;
	background-position: center 20% !important;
}

.loc_preview_container {
	margin-bottom: 20px;
}

.loc_preview {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0;
	background: #777;
	height: 200px;
	width: 33%;
	padding: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (max-width:896px) {
	.loc_preview {
		width: 100%;
	}
}

.loc_preview:hover:before {
	background: rgba(0,0,0,0);
}

.loc_preview:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);

}

.loc_preview span {
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 7px 13px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	color: #fff;
	transition: background 1.5s;
}

.loc_preview:Hover span {
	background-color: rgba(0,0,0,0.3);
}

.loc_balcombe {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/balcombe_bramble_hall.jpg');
}

.loc_bolnore {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/woodside.jpg');
}

.loc_cuckfield {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/01/old-school-cuckfield.jpg');
}

.loc_east-preston {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/01/east-preston-village-hall.png');
}

.loc_forest-row {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/12/forest-row-village-hall.jpg');
}

.loc_haywards-heath {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/st_richards.jpg');
}

.loc_horsham {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2020/10/horsham_unitarian_church.jpg');
}

.loc_lindfield {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/king_edward_hall.jpg');
}

.loc_uckfield {
	background-image: url('https://whitecraneacademy.com/wp-content/uploads/2019/06/cuckfield_yoga_studio.jpg');
}

.wp-block-newspack-blocks-carousel .entry-title {
	height: 100%;
}

.wp-block-newspack-blocks-carousel article .entry-title {
	font-weight: 600;
	font-size: 1.2em !important;
}

/*
WooCommerce
*/

.widget-small .button:hover,.button:hover,ul.products li.product .button:hover,.button.minimal:hover, .button.alt:hover,.woocommerce-message .button:hover, .woocommerce-info .button:hover, .woocommerce-error .button:hover, .woocommerce-noreviews .button:hover, p.no-comments .button:hover,.wp-block-button .wp-block-button__link:hover
{background:#0D86D6}

.widget-small .button,.button,ul.products li.product .button,.button.minimal, .button.alt,.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button,.wp-block-button .wp-block-button__link,.form-submit input[type=Submit] {
	border-radius:5px;
background-color:#063C60;
	color:#fff !important;
text-transform:capitalize;
font-size:14px;
	font-weight:600;
margin-bottom:5px;
margin-left:0;
	margin-right:5px;
	padding:10px 20px;
	
}

aside .widget.woocommerce ul.product_list_widget li
{
	color:#333;
	font-size:12px
}

.widget.woocommerce ul.product_list_widget li .remove,.widget.woocommerce ul.product_list_widget li .remove
{padding:0;
color:#fff !important;
margin:10px
}

.button.minimal:before, .button.alt:before{
	border:0
	}
.widget-small address, .widget-small p, .widget-small pre
{font-size:1em}


/*Products*/

.onsale{z-index:9998}


span.price,p.price{font-size:1.6em}

table.variations 
{
	border:0px solid rgba(0,0,0,0.05) !important;

}
table.variations td
{
	background:transparent
}
ul.products li.product a:hover
{text-decoration:none}

ul.products li.product a
{text-decoration:none}

ul.products.columns-3 li.product:hover
{
	box-shadow:  0 3px 8px -1px rgba(0,0,0,0.3);
	
}

ul.products li
{
	padding:1em;
	border-radius:3px;
	transition:box-shadow 1s;
	font-family:'open sans';
	border:1px solid #ddd;
	overflow:hidden;
	background:#fff;
border-color:#ababab
}

ul.products li a img
{ margin: 0 auto 0em !important}

@media screen and (max-width:897px)
{
	ul.products li a img
{
	margin: 0 auto 0em !important;
	}
	

}



.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{display:none}

.woocommerce-product-gallery__image
{max-width:400px;
}

ul.products li.product .woocommerce-loop-product__title
{
	display:block;
	

}

/*Shop by Categories*/
.woocommerce-loop-category__title
{
	font-size:1.6em
}
mark.count {background:white;
color:#555;
	font-size:inherit
}

/*Cart*/

.widget_shopping_cart .woocommerce-mini-cart__buttons
{overflow:hidden}

.wc_points_redeem_earn_points
{
background:#bbb;
	color:#fff;
	text-align:left !important;
	padding:20px;
	border:0;
	padding-left:80px;
	font-size:14px
}

.wc_points_redeem_earn_points:before {
	content:'';
	background-color:#fff;
	height:50px;
	width:50px;
	background-image:url('https://whitecraneacademy.com/wp-content/uploads/2020/08/WCA_circle.png');
	background-repeat:no-repeat;
	background-size:contain;
	left:1em;

}

.woocommerce-info .wc_points_rewards_apply_discount
{
	color:#0D86D6 !important;
background:#fff !important;
	margin-top:0px;
	margin-right:0;
	font-weight:400
}



@media screen and (max-width:897px)
{
.woocommerce-info .wc_points_rewards_apply_discount
{
	margin-top:20px !important;
}
}

.shop_table .button:hover
{background:#095486}
.shop_table .button
{background:#39b019}

.shop_table .points-rewards-event-description:first-letter
{
	text-transform:uppercase
}

.shop_table th
{
	background:#fff !important;
	color:#111;
	border-color:#ededed;
padding-left:10px;
	text-transform:capitalize;
	font-size:14px
}

.shop_table td a
{text-decoration:none;

}
.shop_table td
{
	background:white;
	color:#111;
	font-weight:400;
	font-size:14px;
	border-color:#ededed;
	border:0;
padding:15px
}

/*Order Confirmation*/

.woocommerce-order-received .entry-title:before
{
	content:'All done! '
}

.woocommerce-order .wf-active h2:not(.author-title)
{
	font-weight:700;
	font-size:18px !important;
	text-transform:uppercase;
	padding:0px 10px 15px;
	margin:40px 0;
	border-bottom:2px solid
}

table.order_details
{border:0}

table.order_details .order_item td,table.order_details th
{
	border:0;
	border-bottom:0px solid #999}

table.order_details td
{
	vertical-align:top
}
table.order_details .product-name a
{
	display:inline-block;
	font-weight:700;
	padding-bottom:20px
}
.wc-item-meta li
{
	font-size:14px;
	
}
.wc-item-meta p
{display:inline-block;
font-size:14px}

/*basket*/
.product-thumbnail:before{display:none}

.widget.woocommerce ul.product_list_widget li{color:#bbb}

textarea:focus,input[type=tel]:focus,input[type=email]:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus,span.select2-container:focus{
	outline-color:transparent !important;
	background-color:#fff;
	color:#111 !important;
border:1px solid #063C60;

}

textarea,input[type=tel],input[type=email],input[type=text],input[type=number],input[type=password],select,span.select2-container{
	background:#F2F4Ff;
	border-radius:5px;
	padding:3px 8px;
	color:#111 !important;
	font-weight:400;
border:1px solid #ddd;
	font-size:16px;
/*	 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	font-size:14px;*/
}


.select2-container--default .select2-selection--single {border:0;
background:transparent;
	color:#111}



select option
{
	background:#fff;
	color:#111;
	font-weight:400;
	border:1px solid #ededed
}

.single-product div.product form.cart .variations .reset_variations
{float:right}

.wp-block-jetpack-button button
{background:#39b019;
border-radius:30px !important;
}

.wf-active .comment-reply-title, .wf-active .comments-title, .wf-active h2:not(.author-title)
{font-size:1.4em}

.cart-collaterals
{
	padding-top:20px;
	border-top:3px solid #333
}
/*page*/
.product-template-default .archive .content-area .hentry,.post-type-archive-product .content-area .hentry
{padding-top:0em}

/*sidebar*/

#secondary
{
	background:#fff;
padding:2rem;
border:0px solid #ededed;
border-radius:23px;
border-left:0px solid #111;
margin: 1rem 0;
box-shadow: 0 3px 5px 0px #00000033;
width:25%
}

#secondary .text-widget p 
{color:#333}

/*tablet*/
@media screen and (max-width: 896px)
{
	
	#secondary
	{
		margin:0 1rem 1rem !important;
		width:calc(100% - 2rem)
	}
	
}

/*mobile*/
@media screen and (max-width: 400px)
{
	
	#secondary
	{
		margin:0 0 1rem 0 !important;
		width:100%
	}
	
}


/*basket*/
#woocommerce_widget_cart-7
{
	background:#fff;
	padding:20px 20px 5px 20px;
	border-radius: 13px;
	font-size:14px;
	border:3px solid #333
}

#woocommerce_widget_cart-7 .widget-title
{
	color:#333
}

.archive .widget-area:not(.widget-footer) ul.product-categories
{
	margin-bottom:0px
}
.archive .widget-area:not(.widget-footer) ul.woocommerce-widget-layered-nav-list,.archive .widget-area:not(.widget-footer) ul.product-categories
{
border-left:0px solid #111;
	border-bottom:0px solid #111;
	padding-bottom:10px
}

.archive .widget-area:not(.widget-footer) ul.product-categories li ,.archive .widget-area:not(.widget-footer) ul.woocommerce-widget-layered-nav-list li 
{
	/*height:1.6em;
	font-size: 0.9em;
border-left:0px solid #111 !important*/}

.archive .widget-area:not(.widget-footer) ul.woocommerce-widget-layered-nav-list li .count
{display:none}

/*featured product sidebar*/

#secondary .woocommerce .columns-1
{
	border:2px solid #0D86D6;
	padding:1em;
	padding-bottom:0px;
	border-radius:13px !important
}

#secondary li.button
{
	width:100%;
	text-align	:center
}
#secondary li.button:hover
{
	background:white;
}

#secondary .widget_nav_menu .menu li.button:hover a{
color:#333;
	background:#fff;
	border:2px solid #333;
	border-radius:30px;
	padding:10px 20px;
}

#secondary .widget_nav_menu .menu li.button-featured a
{
	display:inline-block;
color:#fff;
	background:#0D86D6;
	border:0px;
	border-radius:5px;
	padding:10px 20px;
	margin::5px;
	box-sizing:border-box;
	color:#fff;
border:2px solid #0D86D6;
text-align:center;
width:100%;
	padding:8px 15px;
	max-width:220px
}



#secondary a.button
{
	color:#fff;
padding:10px 20px;
	font-weight:600;
	text-transform:capitalize;
	float: none;
	margin-top:0.5em;
	width:100%;
	margin-left:1em;
	margin-right:0em;
	background:#39b019;
	border:0
}

.main-navigation ul ul .menu-item-has-children > a:after

{content:'\f502';
font-family:"Genericons";
font-size:12px;
color:#777}


span.password-input{
	position:relative;
}

button.show-password-input:before
{
	content:'show password';
	font-size:9px;
	color:grey;
	position:relative;
	top:0;
	padding-right:5px
}

button.show-password-input.display-password:before
{
	content:'hide password';

}

button.show-password-input
{
	position:absolute;
	right:0;
	top:0;
background:transparent;
	border:0px solid grey;
		padding:0;
	height:100%
}

/*hide cross sells in cart*/

.woocommerce-cart .cross-sells {display:none}

/*My Account*/


.woocommerce-account .woocommerce-MyAccount-navigation {
	width:23%;
	margin-bottom:2em
}

.woocommerce-account .woocommerce-MyAccount-content
{width:75%}

@media screen and (max-width:896px){
	
	#secondary{
		margin:0;
		width:100%;
		
}

	
	.woocommerce-account .woocommerce-MyAccount-navigation {
	width:100% !important
}

.woocommerce-account .woocommerce-MyAccount-content
{width:100% !important}
	
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	position:relative;
//	left:-20px;
	background:#1b4457;
	
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover
{
	
	color: #111;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a
{
	
	color: #111;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active 
{
	background:#fff
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover
{
	color:#fff
}


.woocommerce-account .woocommerce-MyAccount-navigation ul li a
{
	display:inline-block;
	height:100%;
	width:100%;
	padding-left:1em;

	color:#fff;
	text-decoration:none;
	text-transform:capitalize;

	
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li
{line-height:2.8em;
border-bottom:1px solid rgba(255,255,255,0.1)}

.woocommerce-account .membership-discount-image img, .woocommerce-account .membership-product-image img
{max-height:50px;
max-width:50px}

.woocommerce-account .woocommerce-MyAccount-content table .button
{
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	min-width:120px

}

.tribe-events-c-small-cta__stock
{
	display:none !important
	
}

/*log in*/

.woocommerce-form .woocommerce-form-login .login
{background:#fff;
border-radius:5px;
border: 1px solid #dedede}

/*Single Event Details*/
.recurringinfo {display:none !important}

.type-tribe_events.hentry
{padding-top:0 !important}

.single-tribe_events .tribe-events-single-event-title
{
	color:#0D86D6;
	font-weight:600;
	font-size:2em
	
}
.tribe-events-event-image
{
	
	height:250px;
overflow:hidden;
	
}

.tribe-events-event-image img
{object-position:30% -200px}

.tribe-orders-list .tribe-tickets-list>.tribe-item .tribe-ticket-information
{color:#111}

#tribe-events-footer
{display:none}

.tribe-common a.tribe-common-c-btn--small, .tribe-common button.tribe-common-c-btn--small, .tribe-common input[type=button].tribe-common-c-btn--small, .tribe-common input[type=submit].tribe-common-c-btn--small
{display:none}

.logged-in .tribe-common a.tribe-common-c-btn--small, .logged-in .tribe-common button.tribe-common-c-btn--small, .logged-in .tribe-common input[type=button].tribe-common-c-btn--small,.logged-in .tribe-common input[type=submit].tribe-common-c-btn--small
{
display:inline-block !important
}



/*event infosingle*/

.single-tribe_events .tribe-events-schedule h2
{
	font-size:24px;
	width:100%
}



abbr[title] {text-decoration:none}

.tribe-events-sub-nav{display:none}

.single-tribe_events .tribe-events-event-meta
{
	background:#fff !important;
	color:#111 !important;
	font-size:0.9em;
	padding: 0 1em 1em !important;
	border:1px solid #ededed;
	border-radius:5px
}

.tribe-events-event-categories-label,.tribe-events-event-categories
{display:none}



.tribe-events-single-section-title
{color:#111;
margin:30px 0 10px 0;
border-bottom:0px solid #0D86D6;
font-size:1.2em;
font-weight:600 !important}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dt
{font-weight:400;
margin:0px 13px 0 0;
float:left;
color:#111}

dd
{font-weight:400;
color:#111}

.tribe-address
{
	display:inline-block;
	margin-bottom:20px}

#tribe-events-content a
{color:#3EABF4;
	text-decoration:none}


.tribe-organizer-url a,.tribe-organizer-email,
.tribe-venue-url a
{
	color:#3EABF4 !important;
overflow-wrap:break-word;
	text-decoration:none
}

.entry .entry-content .tribe-common .tribe-tickets__item__extra__available, .tribe-common .tribe-tickets__item__extra__available
{font-size:0.8em;}

.single-tribe_events .tribe-events-schedule
{background:#fff;
padding:1em;
border:1px solid #ededed;
border-radius:5px;
font-size:0.8em}

/*event list view*/

/*tai chi
#post-10822 {background:#444}

#post-10822 h1.entry-title {color:#fff}*/

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container,.tribe-events .tribe-events-l-container
{padding-top:20px !important}

.my-attendance-list a:hover {text-decoration:none;
color:#3EABF4;
}
.my-attendance-list a {text-decoration:none;
color:#0D86D6
}
.my-attendance-list
{
padding:0 !important;
	
	color:#111 !important;
	margin:0 !important;
	line-height:3em
}

.my-attendance-list

{
	list-style-type:none !important;
	}

.event-none {color:#111}

.my-attendance-list:before
{
	content:'';
	font-weight:600;
	color:#111
}

.my-attendance-list li
{
	list-style-type:none
}

.my-attendance-list span {display:none}

a.event-post-direct-tickets-link:hover
{color:#fff}

a.event-post-direct-tickets-link
{display:inline !important;
	text-align:left;
	color:#fff !important;
background:#0D920D;
width:8em !important;
	padding:8px 1em;
	margin-left: 20px
}
/*Book a Class*/

.bac-container
{width:100%;
display:block;
clear:both;
overflow:hidden}

.bac-box
{display:inline-block;
float:left;
width:calc(33% - 10px);
	margin-right:10px;
padding:0;
height:250px;
margin-bottom:20px}


.bac-img
{
	display:block;
	background:#111;
width:100%;
margin:0;
padding:0;
height:70%;
overflow:hidden;

}

.bac-img
{
background-repeat:no-repeat;
	background-size:cover;
}

.bac-tc
{
	background-image:url('https://whitecraneacademy.com/wp-content/uploads/2019/02/tai-chi.jpg')
}

.bac-kf
{
	background-image:url('https://whitecraneacademy.com/wp-content/uploads/2020/05/san_zhan_li_ma.jpg')
}


.bac-kb
{
	background-image:url('https://whitecraneacademy.com/wp-content/uploads/2019/10/fitness_kb_cropped.jpg');
	background-position:10%
}

.bac-ztc
{
	background-image:url('https://whitecraneacademy.com/wp-content/uploads/2020/07/skype_classes.jpg')
}


.bac-box:hover .bac-class
{
	background:green
}

.bac-class
{display:block;
width:100%;
margin:0;
padding:0;
height:30%;
background:#063C60;
color:#fff;
text-align:center;
padding:1em;
font-size:1.2em;
text-transform:uppercase;}

@media screen and (max-width:897px)

{
	.bac-box
	{
		width:100%
	}
	
	.bac-tc,.bac-ztc
	{background-position:15%}
}


.book-classes-toggle
{
	display:none;
	flex-wrap:wrap;
clear:both;
width:100%;
	padding:0;
	margin-bottom:10px;
		text-align:left
}

.book-classes-toggle .button:hover:before
{
	background:transparent
}

#secondary #menu-book-weekly-classes li
{/*position:relative;
overflow:hidden;
	border-radius:7px;
	margin:5px 0*/
	
}

#secondary #menu-book-weekly-classes li:not(.button-featured) a:before
{
content:'';
	display:absolute;
	height:15px;
	Width:15px;
	top:0px;
	margin-right:5px;
	display:inline-block;
background-image:url('https://whitecraneacademy.com/wp-content/uploads/2020/08/ticket.png');
	background-repeat:no-repeat;
	background-size:contain;
	
}


.menu-book-weekly-classes button:before
{
	content:'';
	display:inline-block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
background:#1119
}

.book-classes-toggle .button span
{
	position:relative;
	display:inline-block;
}

.book-classes-menu-toggle .button
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	position:relative;
	background-color:#333 !important;
	text-transform:capitalize;
width:16%;
	height:60px;
margin:0;
padding:10px 5px;
	border-radius:0;
	margin-right:5px;
	margin-top:5px;
background-position:0 -20px;
	font-size:14px
}



@media screen and (max-width:876px)
{
	.book-classes-toggle .button
{
	width:100%;
	height:50px
	}
	
	
}

.book-classes-toggle .button.current-class:before{background:#0D86D6}



.book-classes-toggle .button.class-all
{background:red}







#secondary #menu-book-weekly-classes li a
{height:100%}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header,.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar{display:none}

/*tribe events list*/

.tribe-common .tribe-common-h7
{
	font-size:22px
	
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row, .tribe-events .tribe-events-calendar-list__event-row
{
	position:relative;
	padding-top:0 !important;
padding-bottom:0 !important;
padding:0;
	min-height:120px;
	background:#fff
}

/*date tag*/

.tribe-events .tribe-events-calendar-list__event-date-tag
{
	
	background:#063C60;
min-width:120px !important;
	max-width:30%;
	min-height:120px
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime
{

	padding-top:2em
}


.tribe-events .tribe-events-calendar-list__event-date-tag span {
display:block;
	font-size:1.2em;
	color:#fff;
}

.tribe-common .tribe-common-anchor-thin
{border-bottom:0;
text-decoration:none}

/*event list details*/

.tribe-events .tribe-events-calendar-list__event-wrapper
{
padding:1em;

}

.tribe-events-calendar-list__event-featured-image-wrapper
{
	
width:30% !important;
	height:100%;
padding:0;
margin:0}


.tribe-events-calendar-list__event-details
{
display:inline-block;
	width:70% !important;
	height:100% !important;
}

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

	
	.tribe-events-calendar-list__event-details
{
	width:100% !important

}
}

/*smaller*/

@media screen and (max-width:497px)
{
		.tribe-events-calendar-list__event-featured-image-wrapper{
	display:none
}
	
		.tribe-events-calendar-list__event-details
{
	padding:0.5em !important;
}
}

.tribe-events .tribe-events-calendar-list__event-wrapper h3:hover
{
text-decoration:none !important;}


.tribe-events .tribe-events-calendar-list__event-wrapper h3
{font-size:1.2em;
text-decoration:none;}

.tribe-events .tribe-events-calendar-list__event-cost
{
	
	font-size:1em
}



/*image*/

.tribe-events .tribe-events-calendar-list__event-featured-image-link
{
	margin:0;
	padding:0
}

.tribe-events .tribe-events-calendar-day__event-featured-image-link, .tribe-events .tribe-events-calendar-list__event-featured-image
{
		margin:0;
		padding:0
}


/*Get Ticket links*/
.tribe-events .tribe-events-c-small-cta__stock
{
	font-size:14px;
	display:inline-block;
	margin-right:10px;
}

.tribe-events-c-small-cta__price
{
	font-size:14px
}

.tribe-common .tribe-common-cta--thin-alt,.tribe-common .tribe-common-cta--thin-alt,.tribe-common .tribe-common-cta--thin-alt,.tribe-common .tribe-common-cta--thin-alt
{display:none !important;
	color:#fff !important;
	font-size:16px;
}

.logged-in .tribe-common .tribe-common-cta--thin-alt
{
	display:inline-block !important
}



.tribe-common .tribe-common-cta--thin-alt:hover
{/*background:#088008 !important*/
border:0;
border-bottom:0 !important}


.tribe-common .tribe-common-cta--thin-alt
{
	background:#0D920D;
padding:1em;
color:#fff !important;
float:right;
border-radius:3px;
	font-size:14px !important;
	text-decoration:none;
	margin-left:1em !important;
	margin-bottom:10px;
	border:0;
	white-space:nowrap;
	display:block;
	border-bottom:0 !important;
	text-align:center;
	font-weight:400 !important;
	text-transform:uppercase
}

/*mobile view*/
.tribe-events .tribe-events-header
{display:none !important}

/*bottom nav*/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav ,.tribe-events .tribe-events-calendar-list-nav{display:none}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3--min-medium {display:none}





.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event
{background:transparent}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row:hover,.tribe-events .tribe-events-calendar-list__event-row:hover
{

	box-shadow:  0 3px 8px -1px rgba(0,0,0,0.3);
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row,.tribe-events .tribe-events-calendar-list__event-row
{
	border:1px solid #dedede;
	padding-top:1em;
	padding-bottom:1em;
	border-radius:3px;
	transition:box-shadow 1s;
	overflow:hidden;

}






.tribe-common a.tribe-common-c-btn--small:hover, .tribe-common button.tribe-common-c-btn--small:hover, .tribe-common input[type=button].tribe-common-c-btn--small:hover, .tribe-common input[type=submit].tribe-common-c-btn--small:hover{
	color:#fff
}

.tribe-common a.tribe-common-c-btn--small, .tribe-common button.tribe-common-c-btn--small, .tribe-common input[type=button].tribe-common-c-btn--small, .tribe-common input[type=submit].tribe-common-c-btn--small
{
	border-radius:3px;
background:#0D920D !important;
	text-transform:capitalize;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	
}

.entry .entry-content .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-block__tickets__item__attendee__fields__footer__divider, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-block__tickets__item__attendee__fields__footer__divider
{padding-left:1em}

.tribe-events-c-small-cta__sold-out
{color:#dd0000;
font-weight:600;
font-size:1.1em}

/*hide bits on event list view*/


.tribe-events-back {display:none}

.single-tribe_events .tribe-events-schedule .tribe-events-cost { color:#3e69dc;
font-size:1.2em;
margin-left:5px}

.tribe-events .tribe-events-calendar-list__event-datetime-recurring-icon{display:none !important}

.tribe-common .tribe-common-b2
{display:none}

@media screen and (min-width: 1020px)
{
	.archive .content-area .hentry, .blog .content-area .hentry, .search .content-area .hentry,.post-type-archive-tribe_events .hentry
	{padding-top:0}
	
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium
{font-size:24px !important;
color:#111 !important}


.tribe-events .tribe-events-calendar-list__month-separator:after{background-color:transparent !important}

.tribe-events-c-small-cta__price
{color:#3e69dc}

/*export calendar*/
.single-tribe_events .tribe-events-cal-links
{display:none}





/*Footer*/

.widget-footer-area
{padding-top:0 !important;
border:0;
border-image-width:0;
background:#021827;
}


.widget-area-wrapper
{padding:0;
	/*width:100% !important;*/
	
}

.widget-footer-area
.widget-area-wrapper section
{
padding:0
}


.top-footer-featured
{
	display:block;
	margin-top:0;
	margin:0;
	clear:both;
	margin-bottom:20px;
	text-align:center;
	overflow:hidden;
}

.top-footer-featured .footer-box a
{
clear:both;
border-radius:7px;
	padding:0.8em;
	border-width:2px;
	border-style:solid;
	display:inline-block;
	font-style:normal;
	min-width: 220px;
	text-decoration:none;
	text-align:center;
	margin-top:1em;
	text-transform:uppercase;
	width:220px;
	margin-bottom:1em;
	font-weight:600
}

.footer-box-1 a:hover
{background:#0D86D6;
color:#fff}

.footer-box-1 a
{color:#0D86D6}

.footer-box-2 a:hover
{background:#fff;
color:#063C60}

.footer-box-2 a
{color:#fff}

.footer-box-3 a:hover
{background:#fff;
color:#111}

.footer-box-3 a
{color:#fff}

.top-footer-featured .footer-box
{
	position:relative;
	width:31%;
	min-height:260px;
	background:#222;
	float:left;

	margin:10px;
		margin-top:20px;
	margin-bottom:20px;
	color:#fff;
	padding: 0 1em;
	font-size:1rem;
	text-align:center;
	border-radius:13px;
	
}

.top-footer-featured .footer-box span
{text-align:left}


@media screen and (max-width: 897px)
{
	.top-footer-featured .footer-box{
		width:calc(100% - 20px);
	margin-bottom:0;
	}
}
	
	
.top-footer-featured .footer-box-1 {background:#fff;
color:#111}


.top-footer-featured .footer-box-2 {background:#0D86D6;
color:#fff}

.top-footer-featured .footer-box-3 {background:#7baf59;
color:#fff}

.top-footer-featured .footer-box-1 span
{
	display:inline-block;
text-align:left;
}

.top-footer-featured .footer-box-1 span:before
{
	content:'';
	display:inline-block;
	height:80px;
	width:80px;
	background:blue;
	border-radius:50%;
	background-image:url('https://whitecraneacademy.com/wp-content/uploads/2020/08/dragon.jpg');
	background-repeat:no-repeat;
	background-size:120%;
		display:none
}

/*menu footer*/

.widget-footer-bottom-area .widget-area-wrapper
{width:100%;
padding:0;
	padding-top:0;
	padding-top:0;
margin:0;
	max-width:100%;
	margin-bottom:0;
}

.top-footer-menus
{
	width:100%;
	overflow:hidden
}

.top-footer-menus .footer-box
{
	width:25%;
	min-height:200px;
	background:transparent;
	float:left;
	margin:0;
	margin-bottom:2em;
	color:#fff;
	padding: 2em 1em;
	font-size:0.9rem;
}

 .footer-box ul
{
	margin-left:0 !important;
	padding:0;
}


@media screen and (max-width: 897px)
{
	.top-footer-menus .footer-box{width:100%;
	margin-bottom:0;
	}
}

.top-footer-menus .footer-box a:hover
{color:#0D86D6}
.top-footer-menus .footer-box a
{color:#0D86D6}

/*guide book links*/


section#custom_html-19 a:hover {
	color: #7ECBFF;
	text-decoration: underline;
}

section#custom_html-19 a,section#custom_html-19 a:link,section#custom_html-19 a:visited {
	color: #fff !important;
}

section#custom_html-19 {
	width: 100%;
	position: relative;
	margin-left: 0;
	margin-bottom: -15px;
	text-align: center;
	background: #444;
	padding-top: 20px;
	font-size: 1em;
	color: #999;
}


section#custom_html-19 .termscondi {
	padding-top: 1em;
	font-size: .8em;
}

@media screen and (max-width: 896px) {
	section#custom_html-19 a:link {
		color: #fff;
	}
	
	section#custom_html-19 a:visited {
		color: white;
	}
	
	section#custom_html-19 a:hover {
		color: white;
		text-decoration: underline;
	}
	
	section#custom_html-19 {
		width: 100%;
		position: relative;
		margin-left: 0;
		margin-bottom: 0px;
		text-align: left;
		background: #333;
		padding-top: 20px;
		padding-left:4em;
		font-size: 1em;
		min-height: 100px;
	}
}

@media screen and (min-width:898px)
{
/*site footer*/

	.site-footer
	{
		border:0;
		background:#333
	}
#menu-social-menu
{
	display:none
	
	}
}

@media screen and (max-width:897px)
{
/*site footer*/

.site-footer-wrapper
{
	position:fixed;
	bottom:0;
	left:0;
	height:50px;
	width:100%;
	padding:0;
	background:#fff;
border:0;
border-top:1px solid #bebebe;
	z-index:99999
}
	
	.menu-social-menu-container
	{
		height:40px
	}
	#menu-social-menu {
		height:100%}
		#menu-social-menu li
	{
		height:100%;
		width: 24%;
		text-align:center;
		border-top:0;
		margin:0;
		padding:0
	}
			#menu-social-menu li.mnu-mob-classes a:before
	{
		content:'\f425'	
	}

			#menu-social-menu li.mnu-mob-events a:before
	{
		content:'\f307'	
	}
	
		#menu-social-menu li.mnu-mob-cart a:before
	{
		content:'\f447'	
	}
	#menu-social-menu li.mnu-mob-account a:before
	{
		content:'\f304'
	}
#menu-social-menu li a:before
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#0D86D6 !important;
	font-size:36px;
	border-radius:0;
	width:100%;
	height:100%;
	padding-top:5px
	}
	
	#menu-social-menu a
{
	display:inline-block;
	position:relative;
	height:100%;
	width:100%;
	color:#333 !important;
	font-size:32px;
	border-radius:0;
	border:0;
	}
	
	
}

/*Tribe week calendar*/

.tribe-this-week-widget-weekday-wrapper
{
	background:#fff;

	
}

.tribe-this-week-widget-horizontal .this-week-no-events-msg
{display:none;
}

.tribe-this-week-widget-horizontal .tribe-this-week-widget-day span
{
	font-size:18px;
	color:#fff
}

.tribe-this-week-widget-header-date
{
	padding:1em !important;
	background: #063C60 !important;
	border:1px solid #fff !important;
	border-bottom:2px solid #fff;
	margin-bottom:0 !important
}

.this-week-today .tribe-this-week-widget-header-date span
{color:#fff}

.this-week-today .tribe-this-week-widget-header-date
{
background:#0D86D6 !important;
margin-bottom:0 !important
}

.tribe-this-week-widget-day-wrap
{
	padding:0 !important
}

.tribe-this-week-widget-horizontal .tribe-this-week-widget-day
{
	background:#095486;

}



.this-week-today
{background:#0D86D6 !important}

.tribe-this-week-widget-horizontal .tribe-this-week-widget-day span
{line-height:1.5em}

.tribe-this-week-widget-horizontal .entry-title, .tribe-this-week-widget-horizontal .entry-title a
{
	display:inline-block;
	font-size:1.2em !important;
font-weight:600;
color:#fff !important;
margin-bottom:5px !important}

.tribe-this-week-event:hover
{background:#0D86D6}

.tribe-this-week-event
{border-left:0 !important;
padding:1em !important;
min-height:180px;border-bottom:2px solid #fff !important}

.this-week-past .type-tribe_events:hover
{background:#095486}

.tribe-this-week-widget-horizontal .tribe-this-week-widget-day .duration span,.tribe-this-week-widget-horizontal .tribe-this-week-widget-day .duration
{font-size:1.1em !important;
color:#fff !important}

.tribe-this-week-widget-horizontal .tribe-this-week-widget-day .tribe-venue a
{
	display:inline-block;
	margin-top:10px;
	color:#fff;
	text-decoration:none !important;
	font-size:1.3em !important}

/*Navigation Week*/

.tribe-events-sub-nav .tribe-this-week-nav-link a:hover
{color:#fff;
text-decoration:none}

.tribe-events-sub-nav .tribe-this-week-nav-link a
{color:#fff;
text-decoration:none;
display:inline-block;
height:100%;
width:100%;
	padding:1em;
}

.tribe-events-sub-nav .tribe-this-week-nav-link
{
	padding:0 !important;
background:#0D86D6 ;
color:#fff;
text-transform:uppercase}

#post-10214:before,#post-10215:before
{
	content:'-';
display:none;
	height:40px;
	position:absolute;
	top:20px;
	padding:10px 1.5em;
	background:#eee;
	width:100%;
	border-radius:80px;
	z-index:400
}
#post-10215:after,
#post-10214:after
{
	content:'';
display:none;
	position:absolute;
	top:20px;
	width:33%;
	height:40px;
	margin:0;
	padding:8px 1.5em 0 15px;
	background:#063C60;
	background-image: linear-gradient(to right,#063C60 , #3EABF4);
	border-width:0px;
	border-style:solid;
	border-color: #ADFF57 #509C00 #509C00 #ADFF57;
	color:#fff;
	font-size:18px;
	font-weight;
	z-index:500;
	border-radius:80px;
	text-align:center;
}

#post-10215:after
{
	content:'';
	width:66%;
}

.woocommerce-order-received #post-10215:after
{
	content:'All done!! :)';
	width:100%;
}

.log-in-to-buy-msg
{color:#111;
border:2px solid #3498DB;
	padding:1em;
margin: 1em 0;
	display:block
}



.logged-in .log-in-to-buy-msg
{
	display:none
}

.logged-in .log-in-to-buy-link
{display:inline}

.logged-in .log-in-to-buy-link
{display:none !important}

.logged-in-true
{
	display:none
}

.logged-in .logged-in-true
{
	display:inline
}

.logged-in-false
{
	display:inline
}

.logged-in .logged-in-false
{
	display:none
}

.logged-in .login-menuitem,.logged-in .signup-menuitem
{
	display:none
}

.woo-menuitem
{display:none}

.logged-in .woo-menuitem
{display:block}

/*topmenu*/
.main-navigation a:visited,.main-navigation a:focus,.main-navigation a:link,.main-navigation a{
	text-align:center;
padding-left:0;
	font-size:14px;
color:#fff;
}

/*submenu*/
.main-navigation .sub-menu a:visited,.main-navigation  .sub-menu a:focus,.main-navigation  .sub-menu a:link,.main-navigation .sub-menu a{
	text-align:left;
padding-left:2em;
	font-size:14px;
color:#333;
}

@media screen and (max-width: 896px)
{
	/*ensure font size is a bit bigger on mobile*/
		.main-navigation .sub-menu a:visited, .main-navigation .sub-menu a:focus, .main-navigation .sub-menu a:link, .main-navigation .sub-menu a
	
	{font-size:16px}
	
}

.sub-menu a:visited, .sub-menu  a:focus, .sub-menu a:link, .sub-menu a
{color:#333}

.main-navigation .menu-subitem-header a:visited, .main-navigation .menu-subitem-header a:focus, .main-navigation .menu-subitem-header a:link, .main-navigation .menu-subitem-header a,.main-navigation .menu-subitem-header a:hover
{
color:#111;
text-align:left;
	position:relative;
	
}

	.main-navigation ul ul li:hover > ul.offscreen, .main-navigation ul ul li.focus > ul.offscreen, .main-navigation ul ul ul.offscreen li:hover > ul, .main-navigation ul ul ul.offscreen li.focus > ul,.main-navigation ul ul li:hover > ul
{
	left:100% !important;
	right:auto;
	
}

/*expand arrow on submenus big screen only*/
@media only screen and (min-width: 896px){
	
/*
.main-navigation .menu-subitem-header:after
{
	content:'>';
	height:15px;
	width:15px;
	line-height:100%;
	text-align:center;
	position:absolute;
	right:10px;
	top:35%;
	color:#999;
	display:none;
	font-family:courier new;
	font-weight:900
} */
}

.wppb-send-credentials-checkbox
{display:none}

#register.button
{border-radius:3px;
background:#063C60
}


div.emd-container .emd_video
{
	padding:1em !important;
	border: 1px solid #eee !important;
	
}

div.emd-container .video-summary
{padding:0}

.panel-title
{
	padding-bottom:1em}

div.emd-container h3, div.emd-container .h3
{font-size:24px}
div.emd-container div.single .panel-footer, div.emd-container div.standard .panel-footer
{display:none}



.panel-info:hover .video-grid-standard-title
{
	background:rgba(0,0,0,0.6)
}


.panel-info
{overflow:hidden;
border-color:transparent}

.video-grid-standard-title
{
	position:absolute;
	bottom:0;
	width:100%;
	margin-left:0px;
font-size:0.9rem !important;
	color:#fff;
	font-weight:600;
	background:rgba(0,0,0,0.6)
}

.panel-body
{
	background:#063C60 !important;
margin:0;
	
}

.panel-info
{
		border-color:#ddd !important;
	border-radius:5px !important;

}


div.emd-container .panel-info:hover .emd-thumb.emd-coverjs
{
	background-size:140% !important;
	transition:background-size 1.5s
}

div.emd-container .emd-thumb.emd-coverjs
{
	background-size:120% !important
}

/*
.tribe-events-c-small-cta__price{display:none}

.tribe-events-event-cost{display:none}

.tribe-events-event-cost-label:after {content:'£10';
	display:inline-block}
.tribe-events-cost{display:none}

.single-tribe_events .tribe-events-schedule h2:after
{content:', Adult: £10/Kids: £7';
display:inline-block;
white-space:pre}



.booking-notice span:not(:empty){
	
	padding:1rem;
	background:lightblue;
	font-size:0.8rem;
	color:#111
}*/


@media only screen and (min-width: 1168px){
	
.wpnbha.image-alignbehind .post-has-image .entry-wrapper
{
	padding:6em 1.5em;

}
	
}

.wpnbha
{margin-bottom:0 !important}
.wpnbha.image-alignbehind .post-has-image .entry-wrapper p
{
	color:#fff;
	line-height:2em
}

.wpnbha.image-alignbehind .post-has-image .entry-wrapper a.more-link:hover
{background:#3498DB;
	color:#fff
}
.wpnbha.image-alignbehind .post-has-image .entry-wrapper a.more-link
{
	clear:both;
	display:block;
	width:180px;
	text-align:center;
	background:#fff;
	padding:0.4rem;
	border:2px solid #3498DB;
	color:#3498DB;
	border-radius:3px;
	font-size:1rem;
	text-transform:uppercase
}

.single-tribe_events .tribe-events-single-event-description
{color:#111}

.booking-note
{padding:1em;
background:#fff;
border:1px solid #dedede;
border-radius:5px}

.booking-note:before{content:'Thanks for booking!';
display:block;
margin-bottom:1em}

.booking-note:after{content:'See you there! \1F603	';
display:block;
margin-top:1em}

.wpnbha .entry-title a:hover
{background:#063C60;
	color:#fff !important;
	
}
.wpnbha .entry-title a
{
	display:inline-block;
	//background:#fff;
//	color:#111 !important;
	padding:0.2em 0.4em;
	border-radius:3px;
	border:3px solid #fff;
	margin-bottom:1rem;
	
}

.wc-memberships-member-discount{
	background-color:#46c40d
}

.class-listing {margin:0}

.class-listing li {
	list-style:none;
	background:#fff;
	padding:1rem;
	border:1px solid #e3e3e3;
	margin:0.5rem 0;
}

.woocommerce-breadcrumb{display:none}


/*class tickets*/



h6 {
	color:#009fe4;

}

.class-tickets th
{
	text-align:left;
border:0;
color:#333
}

.wpnbha.image-alignbehind .post-has-image .post-thumbnail img
{object-position:50%}

.class-tickets ul.products li.product img{
	max-width:100px;
	float:left
}

.class-tickets {
	border:0px solid #ccc;
margin-bottom:20px;
position:relative;
padding:0;
border-radius:17px;
	background:transparent
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link
{display:block;
	
height:100%;
}

.class-tickets td
{
	font-weight:400;
	font-size:1rem;
	color:#333;
border:0;
	padding-left:10px;
background:transparent
}

.class-tickets td:first-child:before
{
content:''

}
.class-tickets td
{
	display:block;
	border:0;
		padding-left:3px;
}

.class-tickets tr:first-child td
{
padding:0;
	padding-top:10px;
}
/*class tickets*/


ul.products li.product_cat-kids-class-booking:after, div.product.product_cat-kids-class-booking:after
{
	content:'';
	height:65px;
	width:65px;
	display:block;
border-radius:150px;
	color:#111;
	font-weight:600;
	text-transform:uppercase;
	transform:rotate(10deg);
	position:absolute;
	top:-20px;
	right:-15px;
	background-color:white;
background-image:url('https://whitecraneacademy.com/wp-content/uploads/2019/03/white-crane_for-kids_full-logo.jpg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
	box-shadow: 1px 1px 3px #333333
}


ul.products li.product_tag-no-class:before,div.product.product_tag-new-class:before, div.product.product_tag-new-class:before{
	content:'New Class';
	display:block;
	width:auto;
	color:#111;
	text-transform:uppercase;
	position:absolute;
	top:0;
	left:0;
	background:yellow;
	padding:3px 5px;
	font-size:12px
}

/*NO CLASSES and Full Classes*/
ul.products li.product_tag-no-class,ul.products li.product_tag-class-full
{
	background:#f0f7f7 !important;
	pointer-events: none;
	border-color: #ddd !important;

}

div.product.product_tag-no-class div,div.product.product_tag-full-class div
{
		pointer-events: none;
}
ul.products li.product_tag-no-class span,ul.products li.product_tag-no-class h2,ul.products li.product_tag-no-class a.button,ul.products li.product_tag-no-class img,div.product.product_tag-no-class div
{
	opacity:0.4
}

ul.products li.product_tag-class-full span,ul.products li.product_tag-class-full h2,ul.products li.product_tag-class-full a.button,ul.products li.product_tag-class-full img,div.product.product_tag-class-full div
{
	opacity:0.4
}


ul.products li.product_tag-no-class:before,div.product.product_tag-no-class:before{
	content:'No class';
	display:block;
	width:auto;
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	top:0;
	left:0;
	background:red;
	padding:5px 13px;
	font-size:12px;
	z-index:800
}

ul.products li.product_tag-class-full:before,div.product.product_tag-class-full:before{
	content:'Class Full';
	display:block;
	width:auto;
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	top:0;
	left:0;
	background:red;
	padding:5px 13px;
	font-size:12px;
	z-index:800
}

/*on product page for no class*/
div.product.product_tag-no-class:before{
	content:'No class this week';
	display:block;
	width:auto;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	top:120px;
	right:0;
	margin:0 50px;
	background:red;
	padding:8px 5px;
	font-size:14px;
	z-index:800
}

/*on product page for class is full*/
div.product.product_tag-class-full:before{
	content:'Class is full';
	display:block;
	width:auto;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	top:120px;
	right:0;
	margin:0 50px;
	background:red;
	padding:8px 5px;
	font-size:14px;
	z-index:800
}
/*-----------------------*/

.class-tickets ul.products li.product_tag-kids-term-time-kung-fu-thursday-5pm, .class-tickets ul.products li.product_tag-kids-term-time-kung-fu-tuesday-5pm
{
	border-left:8px solid purple !important
}
.class-tickets ul.products li.product_tag-booking-extra-training
{
		border-left:8px solid #111 !important
}
.class-tickets ul.products li.product_tag-booking-mon-kb {
	border-left:8px solid red !important
}

.class-tickets ul.products li.product_tag-booking-tuesday-gentle-strength {
	border-left:8px solid hotpink !important
}

.class-tickets ul.products li.product_tag-booking-wed-tc,
.class-tickets ul.products li.product_tag-booking-thurs-tc,
.class-tickets ul.products li.product_tag-booking-sat-tc,.class-tickets ul.products li.booking-sat-9am-tc,.class-tickets ul.products li.product_tag-booking-mon-tc, .class-tickets ul.products li.product_tag-booking-sat-9am-tc,.class-tickets ul.products li.product_tag-booking-mon-chen-tc
{
	border-left:8px solid #0D86D6 !important
}

.class-tickets ul.products li.product_tag-booking-friday-meditation-and-movement {
	border-left:8px solid green !important
}


.class-tickets ul.products li.product_tag-booking-wed-kf,
.class-tickets ul.products li.product_tag-booking-sat-kf {
	border-left:8px solid orangered !important
}

.list-view ul li:hover,.single-ticket ul li:hover,
.class-tickets ul.products li.product:hover,.class-tickets .columns-1 ul.products li.product:hover
{
	box-shadow:0 3px 7px 0 #00000033
}

.list-view ul li,.single-ticket ul li,
.class-tickets ul.products li.product
{
	min-height:70px;
	margin:10px 0 !important;
	
}

.list-view ul li img,.single-ticket ul li img,
.class-tickets ul li img
{
	height:80px;
	max-width:80px;
	width:auto;
	float:left;
	margin-right:10px;
	
}

.list-view ul.products li.product .woocommerce-loop-product__title,.single-ticket ul.products li.product .woocommerce-loop-product__title,.class-tickets ul.products li.product .woocommerce-loop-product__title
{
	display:inline-block;
	margin-left:20px;
	width:70%
}


.list-view ul li .price,.single-ticket ul li .price,
.class-tickets span.price, p.price
{
display:inline-block;
	margin-left:20px;
	margin-right:20px;

	text-align:right;
}

.list-view ul li a.button,.single-ticket ul li a.button,.button
{float:right !important}


.single-ticket ul li {
	border:0;
padding:10px 10px;
}

.single-ticket ul li h2
{//margin-left:0 !important;
}

span.price ins {color:#fff}

/*ticket list*/


.class-wrapper{
	display:inline-block;
	background:#fff;
	border:0;
	padding:0;
	margin-bottom:20px;
	min-height:250px;
	position:relative;
	vertical-align:top;
	width:100%
}
.class-wrapper:first-child{margin-right:0px}


.class-tickets
{display:block;
	min-width:100%;
}


@media screen and (max-width: 896px)
{
	
	ul.products li.product_cat-kids-class-booking:after, div.product.product_cat-kids-class-booking:after
{top:-5px;
	right:0
	}
	.class-wrapper{
	
	width:100%;
		
}
	
	
.class-tickets
{display:block;
	min-width:100%;
	padding:0;
	
}


}


.class-tickets .columns-1 ul.products li.product {
	display:block;
	border-radius:5px;
	background:#fff;
	margin:0 0 20px 0;
	border:1px solid #333;
	box-shadow:0 0;
	min-width: 100%;
	box-sizing:border-box
}


.class-tickets ul.products li.product a
{text-decoration:none;
display:inline-block;
}

.class-tickets ul.products li.product .button:hover
{background:#0D86D6}

.class-tickets ul.products li.product .button
{
	background:#063C60;
	border-radius:0;
	margin-top:14px}

.list-view ul li, .single-ticket ul li, .class-tickets ul.products li.product,.list-view ul li, .single-ticket ul li, .class-tickets ul.products li.product
{
	margin: 0 0 20px 0 !important
}

.class-tickets .columns-1 ul.products li.product h2 ,.class-tickets .columns-1 ul.products li.product .price {color:#333;
	font-size:14px;
	font-weight:400;
	max-width:85%
}

.class-tickets .columns-1 ul.products li.product .price
{font-weight:700;
font-size:16px;}

.class-tickets .columns-1 ul.products li.product img
{
	background:#fff;
height:65px;
width:65px;
border-radius:50px;
padding:0px;
	border:0px solid #dedede;
text-align:center}

/*not focus tab*/

.single-product div.product .woocommerce-tabs ul.tabs li a {color: #3498DB;
font-weight:400;
border-bottom:1px solid #fff;
margin-bottom:1px}

/*focus tab*/
.single-product div.product .woocommerce-tabs ul.tabs li.active a
{color:#333;
font-weight:600;
border-bottom:1px solid #fff}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel {
	background:#fff;
	border-radius:0px;
	border-color:#bababa;
	color:#333;
	font-size:16px;
	padding:20px 30px
}

.single-product div.product .woocommerce-tabs ul.tabs li
{background:#fff;
border:1px solid #bababa;
border-radius:0 0;

}


span.price ins{color:#333}

.onsale{left:0;right:auto}


@media screen and (max-width: 896px)
{
	
.class-tickets ul.products li.product
	{
		text-align:center;

	}
	
.list-view ul.products li.product .woocommerce-loop-product__title,.single-ticket ul.products li.product .woocommerce-loop-product__title,
.class-tickets ul.products li.product .woocommerce-loop-product__title
{
	display:inline-block;
	margin-left:20px;
	width:100%
}


.list-view ul li .price,.single-ticket ul li .price
{
display:inline-block;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	text-align:center;
}

.list-view ul li a.button,.single-ticket ul li a.button
{
	float:none;
	width:100%
	}
	
	
.class-tickets .columns-1 ul.products li.product img
{
	background:#fff;
height:50px;
width:50px;
		float:none !important;
}
	
	
}


.woocommerce-product-gallery__wrapper {border:10px solid white;
	display:inline-block;
	box-shadow:3px 3px 7px rgba(0,0,0,.8)
}

.xmas-note:before{
	content:'';
	position:relative;
	margin-right:0px;
	top:10px;		background:url('https://whitecraneacademy.com/wp-content/uploads/2018/11/christmas_holly.png');
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	height:40px;
	width:40px;
}
.xmas-note {
	
	display:inline-block;
	padding:0 0 1.5em 0;
	color:green;
	
}

.bubble-block{
	display:inline-block;

	padding:30px;
	background:#e80800;
	border-radius:17px;
	color:#fff;
margin-bottom:20px
}

.bubble-block p
{color:white;
}

.bubble-block h5
{color:white;
margin-bottom:5px}

.bubble-block a.button:hover
{
	background:#fff;
	color:#333;
	
}
.bubble-block .button

{color:white;
	display:inline-block;
margin-top:20px !important;
background:transparent !important;
border:3px solid white !important;
font-weight:600}

/* Form Design*/

form .required,.strong-form .form-field .after {
	font-size:14px !important;
	}

.site-content .contact-form label,form label {
	font-size: 14px;
	font-weight:600;
	font-family:"open sans"
}

form {
	width:500px;
	max-width:100%;
	font-family:"open sans"
}

.wpmtst-form,.wp-block-jetpack-contact-form-container 
{
border:3px solid #333;
	border-radius:7px;
	margin-bottom:20px;
	padding: 20px
}

@media screen and (max-width:896px)
{
	form {
	width:100%
}
}

.strong-content.strong-masonry .wpmtst-testimonial
{
	border-width:0 !important
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner
{
	border:0;
	background:#fff;
	border-radius:13px;
	
}
.wca-testimonials .wpmtst-testimonial
{
border-top-left-radius:13px;
	border-top-right-radius:13px;
	border-bottom-right-radius:13px;
	border-bottom-left-radius:13px;
	padding:20px;
	
	
}

.strong-view.wpmtst-default .readmore{margin-top:0.5em}