/*
 Theme Name:   Virtual Expo Main Site Theme
 Theme URI:    http://chameleonsoftware.co.uk/support/wordpress/themes
 Description:  The Virtual Expo Main Site theme is a child theme of Astra. This theme created and edited by Big Media - The Big Media House Ltd.
 Author:       Malcolm stewart
 Author URI:   http://chameleonsoftware.co.uk
 Template:     astra
 Version:      
 License:      Private commercial licence
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Full width page design for larger screens, mobile-friendly and chameleon ready
 Text Domain:  astra-child
*/

/* SET MASTER COLOUR VARIABLES is done in css/admin.css */

/* Main elements including body, html, buttons etc */
*, ::after, ::before {box-sizing:border-box;}
body {background:var(--body-color);}
a {color:var(--heading-color);}
a:hover, a:focus {color:var(--dark-color);}
.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {background:var(--dark-color);transition:all 0.2s ease;}

/* Google reCaptcha piss off - bastrads put an icon on our web app - no thanks */
.grecaptcha-badge {display:none !important;}

/* Theme My Login form elements */
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {background:(219,224,218,1.0);border:1px solid var(--dark-color);}

/* NOTE adminbar styles for front end controlled by same /css/admin.css that controls the back end dashboard */

/* --- START page layout styles NOTE the background here is overridden by .main-header-bar below --- */
.site-header {position:fixed;top:0;display:block;width:100%;height:78px;background:var(--header-color);box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:999;/*border-top:8px solid var(--main-color);*/}
body.logged-in .site-header {border-top:none;}
.site-header:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,0.12);}

body.logged-in .site-header {top:32px;}

/* works in conjunction with WordPress wpadminbar styling */
@media screen and (max-width: 782px) {
body.logged-in .site-header {top:46px;}
}
.page .entry-header {display:none;}
body.home #primary {margin:20px 0 0 0;padding:0;}
body #primary {margin:20px 0 0 0;padding:0;}
body #secondary {margin:20px 0 0 0;padding:0;}
body.home.logged-in #primary {margin:0 0 0 0;padding:0;}
.site-content {min-height:74vh;margin-top:11vh;}
.site-footer {min-height:8vh;background:var(--footer-color);}

.ast-container {padding-right:10px;padding-left:10px;}
.content-contained {max-width:92%;margin:auto;}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {background:none;padding:0;}

/* ----- START header area styles ----- */
.main-header-bar {background:var(--header-color);color:var(--menu-item-color);border-bottom:2px solid var(--header-color);}
/* .main-header-bar {background:var(--header-color);color:var(--menu-item-color);border-bottom:2px solid var(--dark-color);} make this the same colour as the site-header background for consistent top bar appearance */
.ast-header-break-point .main-header-bar {/*border-bottom:2px solid var(--dark-color);*/}

/* Logo area - applies padding to logo - our system is predicated on using logo of 200px wide by 70px tall */
.ast-site-identity {padding:0;}

/* styles header bottom border - set border-bottom-width to "0" to remove */
.ast-header-break-point .site-header {border-bottom-width:0px;border-bottom-color:var(--main-color);border-bottom-style:solid;}

/* styles header navigation */
.ast-header-break-point .main-navigation {background:var(--header-color);}
.ast-header-break-point .main-header-menu ul {background:var(--header-color);}
.ast-header-break-point .main-header-menu {background:none;}
.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle {color:var(--menu-item-color);}
.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle {top:2px;}
	/* Main Menu link colour override */
	.main-header-menu li {transition:all 0.2s ease;}
	.main-header-menu li:hover {background:var(--hover-color);transition:all 0.2s ease;}
	.main-header-menu li > a {font-size:120%;color:var(--menu-item-color);text-transform:lowercase;}
	.main-header-menu li:hover > a {color:var(--menu-item-color);}
	.main-header-menu li:hover > .ast-menu-toggle, .main-header-menu .ast-masthead-custom-menu-items a:hover, .main-header-menu li.focus > a, .main-header-menu li.focus > .ast-menu-toggle, .main-header-menu .current-menu-item > a, .main-header-menu .current-menu-ancestor > a, .main-header-menu .current_page_item > a, .main-header-menu .current-menu-item > .ast-menu-toggle, .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .main-header-menu .current_page_item > .ast-menu-toggle {color:var(--menu-item-color);}
	.main-header-menu li.log-out-menu-item a{color:#fff !important;background:var(--ld-in-progress-color);}
	.main-header-menu li.coronavirus-menu a{margin-left:15px;color:#930 !important;padding-left:28px !important;background:url(_resources/combat-coronavirus-menu-icon.png) 2px 55% no-repeat;}
		
	.site-branding {padding-top:5px;} /* styles the logo area - this theme introduces different colour once mobile layout switches to desktop layout at 922px */
	.menu-not-available a {opacity:0.6; cursor:not-allowed;}
	.ast-desktop .main-header-menu.submenu-with-border .sub-menu {padding-top:2px;background:var(--header-color);border:none;}
	.main-header-menu.submenu-with-border .sub-menu li > a:link {font-size:100%;border:none !important;}
	.main-header-menu.submenu-with-border .sub-menu li > a:hover {border-top:none;}
	.ast-desktop .main-header-menu.submenu-with-border .sub-menu li.current-menu-item {background:var(--hover-color);border:none !important;}

/* --- END header area styles ----- */

/* ----- START content area styles ----- */
	div.site-content {background:var(--body-color);}
	a:link.actionbutton, a:visited.actionbutton {display:inline-block;padding:2px 10px 5px 10px;background:var(--dark-color);color:var(--light-color);text-decoration:none;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,0.8), 0 0 0 3px #fff;transition:all 0.2s ease;}
	 a:hover.actionbutton {display:inline-block;padding:2px 10px 5px 10px;background:var(--ld-in-progress-color);color:var(--light-color);text-decoration:none;transition:all 0.2s ease;}
	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {line-height:1.2;}
	.entry-content li {line-height:1.2;margin-bottom:8px;}
	.entry-content h1 {color:var(--heading-color);font-size:1.6em;}
	.entry-content h2 {color:var(--heading-color);}
	.entry-content h3, .h3 {font-family:arial, sans-serif !important;font-size:160%;line-height:1.4;color:var(--heading-color);}
	.entry-content h4 {color:#ccc;}
	span.h3 {font-family:arial, sans-serif !important;font-size:160%;line-height:1.4;color:var(--heading-color);display:inline-block;}
	.entry-content p {margin-bottom:1em;line-height:1.4;font-size:110%;}
	.entry-content h1.section-title {color:var(--dark-color);text-align:center;}
	.list-holder {position:relative;left:24px;max-width:97.5%;}
	
	/* --- image control --- */
	@media screen and (max-width: 767px) {
	.alignright, .alignleft {display:block;float:none;margin:4px auto 12px auto;}
	.list-holder {position:relative;left:0px;max-width:100%;}
	
	}
	
/* Show / Hide on mobile and desktop */
.showonmobile {display:block;}
.hideonmobile {display:none;}
		
/* Theme My Login overrides and additions */
	div#theme-my-login, div#theme-my-login1 {padding:1.25rem;background:rgba(255,255,255,0.8);box-shadow:0 0 20px 1px rgba(0,0,0,0.25);}
	form#loginform1 {}
	.tml .tml-action-links li a:link, .tml .tml-action-links li a:visited {color:#555;}
	.tml .tml-action-links li a:hover {color:var(--dark-color);}
	/* styles the new "Set Password" link */
	div#firsttimelogin {max-width:320px;margin-top:12px;padding:1.25rem;background:rgba(255,255,255,0.8);box-shadow:0 0 20px 1px rgba(0,0,0,0.25);}
	div#firsttimelogin h3 {margin-bottom:3px;font-size:130%;font-family:Arial, Helvetica, sans-serif !important;color:#333;}
	a:link.setpasswordlink, a:visited.setpasswordlink {display:inline-block;padding:2px 10px 5px 10px;background:#C00;color:var(--light-color);text-decoration:none;border-radius:4px;transition:all 0.2s ease;}
	a:hover.setpasswordlink {background:#900;transition:all 0.2s ease;}
	/* styles logged in TML links to remove bullets and make button styles */
	ul.tml-user-links {margin-top:12px;margin-left:0;}
	ul.tml-user-links li {list-style:none;margin-top:12px;}
	ul.tml-user-links li a:link, ul.tml-user-links li a:visited {display:block;max-width:160px;padding:5px 10px 7px 10px;background:var(--dark-color);color:var(--light-color);text-decoration:none;border-radius:0px;transition:all 0.2s ease;}
	ul.tml-user-links li a:hover {background:var(--really-dark-color);}
	ul.tml-user-links li:last-child a:link, ul.tml-user-links li:last-child a:visited {background:#C00;}
	ul.tml-user-links li:last-child a:hover {background:#900;}
	.tml-user-avatar img {border:2px solid var(--main-color);}
	
	/* foliovision FV video player overrides and additions */
	.flowplayer.skin-slim {background-color:var(--main-color)!important;border:4px solid rgba(0,0,0,0.33);}
	
	/* YouTube video embed display */
iframe.youtubefeed, div.youtubefeed, .ld-video {display:block;float:none;width:260px !important;max-width:260px;height:150px !important;margin:0 auto;border:2px solid #808080;overflow:hidden;}
@media screen and (min-width:765px){
iframe.youtubefeed, div.youtubefeed, .ld-video {display:block;float:none;width:450px !important;max-width:450px;height:256px !important;margin:0 auto;border:3px solid #808080;overflow:hidden;}

}
@media screen and (min-width:1280px){
iframe.youtubefeed, div.youtubefeed, .ld-video {display:block;float:none;width:720px !important;max-width:720px;height:410px !important;margin:0 auto;border:4px solid #808080;overflow:hidden;}

}
	
/* --- END content area styles ----- */
	
	/* hides the page title from displaying on the page */
	h1.entry-title {display:none;}

/* --- START content area CUSTOM styles --- */
	span.easy2-logo-style {color:var(--heading-color);font-weight:400;}
	span.easy2-studios-style {color:var(--main-color);font-weight:400;}
	span.ve-accent {color:var(--accent-color);font-weight:500;}
	span.cerise {color:#ed007b !important;}
	span.blue {color:#0086e3 !important;}

	span.member p:first-child {/*margin-bottom:0;*/}

	.content-area-clear {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;color:#ccc;line-height:1.4;background:none;border:none;border-radius:0;box-shadow:none;}
	.content-area-clear h2 {color:var(--heading-color);margin-bottom:16px;}
	.content-area-white {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;line-height:1.4;background:rgba(255,255,255,0.0);border:none;border-radius:0;box-shadow:none;}
	.content-area-really-dark {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;color:#fff !important;line-height:1.4;background:var(--really-dark-color);border:none;border-radius:0;box-shadow:none;}
	.content-area-really-dark h2 {color:var(--heading-color);margin-bottom:16px;}
	.content-area-really-dark span.ve-accent {color:#febc1f;}
	.content-area-really-dark hr.faded {margin:16px auto 12px auto;width:80%;height:1px;border:0;background:none;background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));}
	.content-area-cerise {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;color:#fff !important;line-height:1.4;background:#ed007b;border:none;border-radius:0;box-shadow:none;}
	.content-area-cerise span.ve-accent {color:#ffcc33;}
	.content-area-gold {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;color:#fff !important;line-height:1.4;background:#ef9933;border:none;border-radius:0;box-shadow:none;}
	.content-area-gold span.ve-accent {color:#ffcc33;}
	.content-area-gold h3 {color:#fff;}
	.content-area-mid-grey {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;line-height:1.4;background:#333;border:none;border-radius:0;box-shadow:none;}
	.content-area-mid-grey h2 {color:#fff;margin-bottom:16px;}
	.content-area-mid-grey p {color:#efefef;}
	.content-area-mid-grey .easy2-logo-style {color:var(--dark-color);}
	.content-area-pale-yellow {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;line-height:1.4;background:#fffccc;border:none;border-radius:0;box-shadow:none;}
	.content-area-pale-yellow .easy2-logo-style {color:var(--dark-color);}

	.content-box {padding:1.25rem;margin-bottom:1.5em;font-size:110%;line-height:1.4;background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);}
	.content-box::after {content:'';clear:both;display:table;}
	.clear-box {padding:0.25em 0.5em;background:none;border:none;box-shadow:none;}
	.clear-box:hover {box-shadow:none !important;}
	.grey-box {padding:0.25em 0.5em;background:none;border:none;box-shadow:none;}
	.grey-box img {background:#efefef;}
	.grey-box:hover {box-shadow:none !important;}
	.content-box h2 {}
	.content-box h3, .content-box p.h3, p.h3 {font-family:arial, sans-serif !important;font-size:185%;line-height:1.2;margin-bottom:20px;color:var(--heading-color);}
	hr.faded {margin:16px auto 12px auto;width:80%;height:1px;border:0;background:none;background-image:linear-gradient(to right, rgba(0, 153, 51, 0), rgba(0, 153, 51, 0.75), rgba(0, 153, 51, 0));}
	.content-box h3:hover, .content-box p.h3:hover {/*color:var(--dark-color);*/}
	.box-block {position:relative;text-align:center;display:block;width:100%;}
	
	.quick-link-box {position:relative;display:flex;flex-direction:column;width:280px;height:auto;margin:20px auto;padding-top:8px;background:rgba(255,255,255,0.75);border-radius:10px;box-shadow:0 0 0 3px #000, 0 0 0 6px rgba(255,255,255,0.33);transition: all 0.2s ease-in-out;}
	.quick-link-box:hover {position:relative;border-radius:0;background:rgba(255,255,255,1.0);box-shadow:0 0 0 3px #000, 0 0 0 6px rgba(255,255,255,0.8);transition: all 0.2s ease-in-out;}
	.quick-link-box h3 {margin-bottom:6px;color:#006c61;font-size:120%;}
	.quick-link-box p {color:var(--main-color);font-size:95%;}
	#simon-howard, #tawk-to, #sheila-smith, #hollogram {padding-top:120px;}

	.content-box a.custom-portal-screenshot {width:100%;max-width:580px;position:relative;display:inline-block;text-align:center;transition:all 0.3s ease;}
	.content-box a.custom-portal-screenshot:hover {box-shadow:0px 3px 22px rgba(0,0,0,0.33);transition:all 0.3s ease;}
	.content-box a.custom-portal-screenshot p {position:relative;top:-2px;font-style:italic;font-size:90%;color:#555;}
	.content-box a.custom-portal-screenshot img {width:96%;max-width:600px;height:auto;margin:16px auto 0 auto;}
	section.gallery {position:relative;margin:auto;text-align:center;}
	section.gallery div:hover {background:rgba(255,255,255,0.5) !important;box-shadow:0px 3px 22px rgba(0, 0, 0, 0.33);transition:all 0.3s ease;}
	section.gallery div a p{font-style:italic;font-size:90%;color:#fff;}
	section.gallery div a img {width:auto;height:auto;max-height:300px;}
	section.gallery div.custom-portal-web-app-on-pc {clear:both;display:block;height:auto;padding:18px 12px 6px 12px;margin:12px auto;max-width:400px;background:rgba(255,255,255,0.35);flex:1;transition:all 0.3s ease;}
	section.gallery div.custom-portal-web-app-on-iphone {clear:none;display:block;padding:18px 12px 6px 12px;margin:12px auto;max-width:400px;background:rgba(255,255,255,0.35);flex:1;transition:all 0.3s ease;}
	section.gallery div.custom-portal-web-app-on-android {clear:none;display:block;padding:18px 12px 6px 12px;margin:12px auto;max-width:400px;background:rgba(255,255,255,0.35);flex:1;transition:all 0.3s ease;}
	section.gallery .two-third.column, section.gallery .one-second.column, section.gallery .one-third.column, section.gallery .one-fourth.column, section.gallery .one-fifth.column {float:none;display:inline-block;}
	
	/* Contact Form 7 elements */
	/* keeps response box below submit button */
	div.wpcf7-response-output {clear:both;}
		/* styles footnote (used in Contact Form 7 Portal Configuration form) both for colour area and web app explanations */
	p.footnote {font-size:90%;margin-top:-12px;color:var(--dark-color);}
	p.explanation {font-size:90%;margin-top:10px;color:var(--dark-color);}
	/* manages icon selector in form */
		span.icon-default {width:46px;height:46px;margin-right:12px;margin-top:8px;display:inline-block;background:url(../../../img/touch/icon-128x128.png) center no-repeat;background-size:contain;}
		span.Your-icon {top:-17px;width:75% !important;display:inline-block !important;}
	/* manages area dealing with decoration image */
	span.site-decoration {}
	span.site-decoration span.wpcf7-list-item {clear:both;display:block;position:relative;margin:0 0 18px 0;border-bottom:1px solid #ccc;}
	span.site-decoration span.wpcf7-list-item label {display:inline-block;position:relative;top:0px;}
	span.site-decoration span.wpcf7-list-item:nth-child(1) {}
	span.site-decoration span.wpcf7-list-item:nth-child(1):before {display:inline-block;content:' ';width:245px;height:85px;margin-right:12px;background-color:#f6f6f6;background-image: url(none.html);background-size:cover;background-repeat:repeat-x;}
	span.site-decoration span.wpcf7-list-item:nth-child(2) {}
	span.site-decoration span.wpcf7-list-item:nth-child(2):before {display:inline-block;content:' ';width:245px;height:85px;margin-right:12px;background-color:var(--decorationcolor);background-image: url(_resources/easy2training-banner.png);background-size:var(--decorationsize);background-repeat:repeat-x;}
	span.site-decoration span.wpcf7-list-item:nth-child(3) {}
	span.site-decoration span.wpcf7-list-item:nth-child(3):before {display:inline-block;content:' ';width:245px;height:85px;margin-right:12px;background-color:var(--main-color);background-image: url(_resources/client-banner.png);background-size:cover;background-repeat:repeat-x;}
	.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea {font-size:75%;border:1px solid rgba(0,0,0,0.1);box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.03);}
	div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {clear:both;}
	div.wpcf7-validation-errors {color:#f00;}
	
	/* Easy Fancybox elements */
	#fancybox-title-over {text-align:center;background:rgba(187,0,66,0.6) !important;}
		
	blockquote {font-size:22px;line-height:34px !important;margin:0;top:-6px;padding:0.2em;font-style:italic;color:#666;border-left:none;}
	blockquote p.small {font-size:75%;font-style:normal;}
	blockquote a:link.blockquote-link, blockquote a:visited.blockquote-link {padding:8px 16px;font-size:75%;color:#fff;background:var(--ld-color);transition:all 0.2s ease;}
	blockquote a:hover.blockquote-link {background:#cc0066;transition:all 0.2s ease;}
	
	p.big {font-size:120%;line-height:1.6;}
	span.big {font-size:120%;line-height:1.4;}
	p.bigger {font-size:150%;line-height:1.6;text-align:center;}
	p.biggest {font-size:170%;line-height:1.6;margin-top:12px;text-align:center;}
	p.small {font-size:85%;}
	span.small {font-size:75%;}
	p.nice-small-print {font-size:75%;line-height:1.6;}
	h2.plain {font-size:250%;color:#555;}
	h2.plain.small {font-size:195%;}
	h3.big {font-size:280%;}
	h3.small {font-size:166%;}
	h3 span.small {font-size:80%;color:#666;}
	h3.plain {font-family:Arial, Helvetica, sans-serif !important;color:#999;}
	ul.list_check  {margin-left:0;}
	ul.list_check li {margin-bottom:20px;margin-left:0;position:relative;list-style:none;padding-left:45px;}
	ul.list_check li, li.list_check {background:url(../../uploads/list_check.png) no-repeat scroll 15px 5px;}
	ul.list_check li:after, ul.list_star li:after, ul.list_idea li:after {content:'';width:55px;height:1px;overflow:hidden;background:rgba(0,0,0,.08);position:absolute;left:0;  bottom:-11px;}
	span.attribute-quote {font-style:italic;font-size:80%;}
	div.anchorpoint:after {content:'';height:110px;display:block;}
	.scenario-element {width:94%;margin:auto;background:#fff;border:2px solid var(--positive-green);border-radius:12px;padding:10px 20px;}
	
	
	.form-colours-explained {display:inline-block;float:right;}
	.form-colours-explained p {margin-top:12px;margin-bottom:4px;line-height:1.4;font-size:90%;}
	.form-colours-explained p.footnote {clear:both;font-size:75%;margin-top:-8px;color:var(--dark-color);}
	.form-colours-explained p.explanation {clear:both;font-size:75%;margin-top:10px;color:var(--dark-color);}
	.form-colours-explained p.explanation-image {font-size:80%;margin-top:4px;color:var(--dark-color);}
	.colours-explained-image {float:left;display:inline-block;width:96%;height:auto;margin:16px auto 0 auto;text-align:center;}
	.colours-explained-image a.mobile-thumbnails {display:inline-block;padding:4px 16px;}
	.colours-explained-image section {text-align:left;}
	.colours-explained-image section h4 {margin-bottom:2px;}
	.colours-explained-image section p {display:inline-block;margin-top:12px;margin-bottom:4px;line-height:1.2;font-size:85%;}
	.colours-explained-image section p.noteprefix {display:inline-block;width:30px;float:left;}
	.colours-explained-image section p.notes {display:inline-block;width:90%;float:left;}
	.helpnotice {margin-top:12px;padding:8px;border:2px solid var(--accent-color);border-radius:20px;}
	
	section.gallery-config a.custom-portal-screenshot img {max-width:350px;height:auto;}
	section.gallery-config a.custom-portal-screenshot p {top:0;}
	
	/* in-page navigation bar and links */
	.in-page-navbar {width:90%;min-height:50px;text-align:center;margin:4px auto 18px auto;display:block;clear:both;}
	.in-page-navbar .back-link {display:inline-block;width:100%;max-width:280px;height:50px;margin:3px auto;text-align:center;line-height:1.7;background:var(--accent-color);border-radius:4px;cursor:pointer;transition:all 0.2s ease;}
	.in-page-navbar .back-link a {width:100%;height:100%;display:block;color:#fff;font-family:arial, sans-serif;font-size:140%;}
	.in-page-navbar .back-link a:before {content:'<< ';}
	.in-page-navbar .back-link:hover {background:var(--dark-color);transition:all 0.2s ease;}
	
	.in-page-navbar .next-link {display:inline-block;width:100%;max-width:280px;height:50px;margin:3px auto;text-align:center;line-height:1.7;background:var(--accent-color);border-radius:4px;cursor:pointer;transition:all 0.2s ease;}
	.in-page-navbar .next-link a {width:100%;height:100%;display:block;color:#fff;font-family:arial, sans-serif;font-size:140%;}
	.in-page-navbar .next-link a:after {content:' >>';}
	.in-page-navbar .next-link:hover {background:var(--dark-color);transition:all 0.2s ease;}
	
	span.click-to-call {display:inline-block;margin-right:12px;padding:2px 10px 5px 30px;font-size:133%;border:1px solid var(--main-color);border-radius:4px;background:var(--dark-color) url(_resources/phone-icon.png) 6px center no-repeat;background-size:18px 24px;}
	span.click-to-call a {color:var(--light-color);}
	/*span.click-to-call a:before {content:'DIAL: ';}*/
	.emergency {background:#c00 url(_resources/phone-icon.png) 6px center no-repeat !important;background-size:18px 24px !important;}
	.emergency-search {padding-left:30px !important;margin-left:12px;background:#c00 url(_resources/geolocation-search-icon-white.png) 4px center no-repeat !important;background-size:24px 24px !important;}
	.emergency-text {color:#c00 !important;}
	
	/* homepage decoration - uses a tml-holder like style */
	.content-box.home-decoration {min-height:120px;margin-top:24px;background-color:var(--decorationcolor);background-image:var(--decorationimage); background-repeat:var(--decorationrepeat);background-size:var(--decorationsize);background-position:bottom;box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);}
	
	/* Theme My Login overrides and additions */
	.content-box.tml-holder {min-height:60vh;background-color:var(--decorationcolor);background-image:var(--decorationimage); background-repeat:var(--decorationrepeat);background-size:var(--decorationsize);background-position:center;}
	
	/* manages variable two column width layout */
	.content-box.twocol {position:relative;display:inline-block;margin-top:10px;padding-bottom:20px;width:100%;min-height:80px;text-align:center;transition:all 0.3s ease;}
	.content-box.twocol img {max-width:200px;}
	.content-box.twocol img.full-width {max-width:100%;}
	
	.img-copy {padding-top:18px;overflow:hidden;}
	.img-copy .button-area{display:block;padding-top:18px;text-align:center;}
	.img-copy a:link.button, .img-copy a:visited.button {display:inline-block;padding:10px 20px 15px 20px;background:#ef9933;color:#ffffff;transition:all 0.3s ease;}
	.img-copy a:hover.button {background:#febc1f;color:#333;transition:all 0.3s ease;}
	.content-box.twocol:hover {box-shadow:0px 3px 22px rgba(0, 0, 0, 0.33);transition:all 0.3s ease;}
	.content-box.twocol a button {position:absolute;bottom:5px;right:5px;padding:3px 6px;font-family:arial, sans-serif;font-size:1.7rem;background:var(--accent-color);color:#fff;border-radius:4px;transition:all 0.3s ease;}
	.content-box.twocol a button:hover {background:var(--dark-color);}
	
	/* manages variable three column width layout */
	.content-box.threecol {position:relative;display:inline-block;margin-top:10px;padding-bottom:20px;width:100%;min-height:80px;text-align:center;transition:all 0.3s ease;}
	.content-box.threecol img {position: relative;top: -5px;max-width:300px;border-radius:10px;box-shadow:0 0 0 3px #000,0 0 0 6px rgba(255,255,255,0.33);}
	.content-box.threecol:hover {box-shadow:0px 3px 22px rgba(0, 0, 0, 0.33);transition:all 0.3s ease;}
	.content-box.threecol a button {position:absolute;bottom:5px;right:5px;padding:3px 6px;font-family:arial, sans-serif;font-size:1.7rem;background:var(--accent-color);color:#fff;border-radius:4px;transition:all 0.3s ease;}
	.content-box.threecol a button:hover {background:var(--dark-color);} 
	
	/* make homepage thumbnail links (for logged out explanation) smaller than above elements */
	.thumbnail-links .content-box {padding:0.8em 0.25em;margin-bottom:1.25em;}
	.thumbnail-links .content-box.threecol {position:relative;margin-top:3px;padding-bottom:40px;}
	.thumbnail-links .content-box h3, .thumbnail-links .content-box p.h3 {margin-bottom:4px;font-size:160%;}
	.thumbnail-links .content-box.threecol h3:hover:after, .thumbnail-links .content-box.threecol p.h3:hover:after {background:var(--dark-color);transition:all 0.3s ease;}
	.thumbnail-links .content-box.threecol img {max-width:150px;}
	
	/* for larger images using a bordered style */
	img.bordered {position: relative;top: -5px;margin:0 auto 22px auto;width:80%;max-width:600px;border-radius:10px;box-shadow:0 0 0 3px #000,0 0 0 6px rgba(255,255,255,0.33);transition:all 0.2s ease;}
	img.bordered:hover {box-shadow:0 0 0 3px #000,0 0 0 6px rgba(255,255,255,0.66);border-radius:0;transition:all 0.1s ease;}
	
	/* styles "activity is live", "resource-is-live" and "coming soon" links */
	.content-box.threecol h3.activity-is-live:after, .content-box.threecol p.h3.activity-is-live:after {content:'Go to Course...';background:var(--ld-color);color:#fff;font-size:80%;padding:3px 6px;border-radius:4px;position:absolute;bottom:5px;right:5px;transition:all 0.3s ease;}
	.thumbnail-links .content-box.threecol h3.activity-is-live:hover:after, .thumbnail-links .content-box.threecol p.h3.activity-is-live:hover:after {background:var(--dark-color);transition:all 0.3s ease;}
	
/* SCROLLING TABLES CONTROL */
div.scrollarrows {opacity:0.75;display:block;position:relative;top:-15px;clear:both;width:100%;height:25px;margin:0;padding:15px 0 0 0;background:#fff url(_resources/scroll-arrows.png) no-repeat center;}
.container-outer { clear:both;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;box-shadow:none;}
.container-inner { width:auto;height:auto;padding:0;}

/* table classes for homepage Low Life Costs table */
table.comparisoninfo {}

table.comparisoninfo th, table.comparisoninfo td {padding:6px;}
table.comparisoninfo tr {border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;}
table.comparisoninfo td.tdcol2, table.comparisoninfo td.tdcol4 {background:rgba(0,205,193,0.2);}
table.comparisoninfo tr.trlabelrow {background:rgba(237,0,123,0.9);color:#fff;}
table.comparisoninfo tr.trlabelrow h3 {margin-bottom:4px;color:#fff !important;font-size:180%;}
table.comparisoninfo tr.trheaderrow {border-left:1px solid #fff;border-right:1px solid #fff;}
table.comparisoninfo tr.trlastrow {border-left:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;border-right:1px solid #a0a0a0;}
sup {font-size:66%;color:var(--positive-green);border:2px solid var(--positive-green);border-radius:20px;padding:1px 5px;}
	
	
	.content-box.threecol h3.coming-soon:before, .content-box.threecol p.h3.coming-soon:before {opacity:0.4;width:60%;content:'Coming Soon';background:var(--main-color);color:#fff;font-size:160%;padding:3px 6px;border-radius:4px;position:absolute;top:140px;left:20%;text-align:center;transform: rotate(-15deg);}
	.content-box.threecol h3.coming-soon:after, .content-box.threecol p.h3.coming-soon:after {opacity:0.9;content:'Learn More...';background:var(--ld-in-progress-color);color:#fff;font-size:80%;padding:3px 6px;border-radius:4px;position:absolute;bottom:5px;right:5px;transition:all 0.3s ease;}
	.thumbnail-links .content-box.threecol h3.coming-soon:hover:after, .thumbnail-links .content-box.threecol p.h3.coming-soon:hover:after {opacity:1;background:var(--ld-in-progress-color);transition:all 0.3s ease;}
	h2.coming-soon {opacity:0.4;width:280px;margin:20px auto;display:block;background:var(--main-color);font-family:arial, sans-serif;color:#fff;font-size:280%;padding:3px 6px;border-radius:4px;text-align:center;transform: rotate(-2deg);}

/* easy2 AVATAR styling */
.avatar-area {float:right;position:relative;width:90%;max-width:360px;height:auto;display:block;padding-bottom:270px;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
.male-one {background-image:url(_resources/male-avatar-01.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 270px;}
.female-one {background-image:url(_resources/female-avatar-01.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 270px;}
	/* Avatar Speech Bubble */
	.speechbubble {background-color:#00aca1;border-radius:5px;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.5),3px 3px 0 hsla(0,0%,0%,.1);color:#fff;display:inline-block;font:16px/25px sans-serif;padding:15px 25px;position:relative;text-shadow:0 1px 1px hsla(0,0%,0%,.5);text-align:left;}
	.speechbubble:after, .speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid #00aca1;bottom:-25px;content: '';position:absolute;right:25px;}
	.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	.speechbubble span.ve-accent {color:#ffee66;}

.pdflink-area {text-align:center;}
.pdflink {display:inline-block;margin:12px;}

/* BACK TO TOP button styling */
.back-to-top {display:none;position:fixed;bottom:30px;right:100px;width:40px;height:38px;margin:0;text-align:center;padding-top:15px;z-index: 100;text-decoration: none;color: #ffffff;background:rgba(239,153,51,0.8) url(_resources/back-to-top.png) center no-repeat;box-shadow:inset 0 0 6px rgba(0,0,0,0.8);border-radius:3px;}

/* OLD SITE BeTheme style and custom.css elements from easy2training.co.uk original website */

	/* new BMH addition for new site */
	/* Home page */
	.home-page-header {padding:160px 0 150px 0;display:block;text-align:center;clear:both;background-color:var(--main-color);background-image:url(_resources/home-header.jpg);background-position:66% center;background-repeat:repeat-x;background-size:auto 100%;}
	.home-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;text-shadow:0 0 40px #fff;}
	div.ve-hall-bg {display:block;width:100%;height:300px;padding-top:50px;text-align:center;background:url(_resources/ve-hall-bg.jpg) center 0 no-repeat;background-size:contain;}
	div.intro-new-version {display:block;width:94%;max-width:400px;margin:10px auto;padding:24px 12px 0 12px;text-align:center;background:rgba(0,232,180,0.6);border:8px solid #fff;border-radius:20px;box-shadow:0 0 16px 5px rgba(128, 0, 0, 0.2);}
	div.intro-new-version h2 {color:#fff;font-size:200%;font-weight:bold;text-shadow:0 0 10px rgba(0,0,0,0.3);}
	div.intro-new-version p {font-size:190%;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.4);}
	div.intro-new-version span.ve-accent {color:#febc1f;text-shadow:0 0 10px rgba(0,0,0,0.25);}
	div.intro-new-version span.version-number {color:#fff;font-size:120%;text-shadow:0 0 10px rgba(0,0,0,0.6);}
	div#introducing-easy2-v3 {margin-bottom:40px;}
	h1.introheader {text-align:center;color:var(--dark-color);}
	h2.introheader {text-align:center;color:var(--ld-color);font-size:200%;}
	h2.what-you-can-do {font-size:133%;}
	h2.cta {display:block;width:90%;text-align:center;color:#fff;text-shadow:-1px -1px 2px rgba(0,0,0,0.6);margin:22px auto 30px auto;padding:6px 6px 12px 6px;background:var(--dark-color);border:2px solid #fc3;border-radius:12px;box-shadow:inset 0 0 6px 2px rgba(0,0,0,0.33);}
	div.openingstatement {text-align:center;color:#fff;}
	div.openingstatement h2 {margin-top:20px;color:#fff;font-size:200%;font-style:italic;}
	div.openingstatement p {color:#fff;font-size:140%;font-style:italic;line-height:1.4;}
	
	/* Features page */
	.features-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:var(--ld-color);background-image:url(_resources/features-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.features-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	.feature-box {padding:0.25em 0.5em;background:none;border:none;box-shadow:none;}
	.feature-box img {margin-bottom:16px;transition:all 0.3s ease-in-out}
	.feature-box:hover {box-shadow:none !important;}
	.feature-box:hover img {margin-bottom:22px;margin-top:-6px;border-radius:0;box-shadow:0 0 0 3px #000,0 0 0 6px rgba(255,255,255,0.8);transition:all 0.3s ease-in-out}
	.feature-box h4:before {content:''; display:block;width:0px;margin:0 auto;height:2px;top:-10px;position:relative;background-color:var(--heading-color);transition:all 0.3s ease-in-out;}
	.feature-box:hover h4:before {width:120px;transition:all 0.3s ease-in-out;}
	.feature-box a:link.button, .feature-box a:visited.button {display:inline-block;padding:5px 20px 10px 20px;font-size:90%;background:#00993c;color:#ffffff;border-radius:20px;transition:all 0.3s ease;}
	.feature-box a:hover.button {background:#ef9933;transition:all 0.3s ease;}
	
		/* Custom editor page - sub page of Features page */
	.custom-editor-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:var(--heading-color);background-image:url(_resources/features-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.custom-editor-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	
		/* Custom editor page - sub page of Features page */
	.graphics-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:var(--ld-color);background-image:url(_resources/features-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.graphics-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	
	/* Customise page */
	.customise-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:#80b0ff;background-image:url(_resources/portal-config-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.customise-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	
		/* Configuration form page - sub page of Customise page */
	.configuration-form-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:var(--heading-color);background-image:url(_resources/portal-config-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.configuration-form-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	
		/* Lessons design page - sub page of Customise page */
	.lesson-designs-portfolio-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:#ffbd1f;background-image:url(_resources/portal-config-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.lesson-designs-portfolio-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	
	/* Pricing page */
	.pricing-block {position:relative;margin:5px auto 20px auto;text-align:center;}
	.pricing-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:#ffbd1f;background-image:url(_resources/pricing-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.pricing-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	
	/* About page */
	.about-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:#80b0ff;background-image:url(_resources/home-header.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.about-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	
	/* Contact page */
	.contact-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:var(--heading-color);background-image:url(_resources/features-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.contact-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}
	.contact-form {border:1px solid #d4e1ea;background:rgba(255,255,255,0.25);padding:20px;color:#fff;border-radius:20px;box-shadow:0 4px 10px 5px rgba(0, 0, 0, 0.08);}
	.contact-form input[type="submit"] {display:inherit;float:left;}
	.contact-form span.ajax-loader {float:left;margin:10px 0 0 5px;}
	.wpcf7-not-valid-tip {position:absolute !important;left:-50px !important;top: 0 !important;width:50px !important;height:44px !important;padding:0 !important;background:url(_resources/contact_form_error.png) !important;overflow:hidden;text-indent:-9999px !important;border:none !important;}
	
/* CORONAVIRUS */
	/* used on home page and coronavirus page */
.coronavirus-statement {margin:0 20px;}
@media screen and (max-width: 360px) {
.coronavirus-statement {margin:0 2px;}
}

.coronavirus-statement .corona-content-area{padding:20px 10px;color:#620;}
.coronavirus-statement div.header-top-strip {position:relative;min-height:55px;width:100%;background:#F93;border-top-left-radius:40px;}
.coronavirus-statement h1 {position:relative;top:10px;left:0px;display:inline-block;width:100%;min-height:45px;padding:5px 15px 5px 70px;margin-bottom:0;font-size:160% !important;text-align:left;color:#fff;background-color:#900;background-image: url(_resources/coronavirus-icon.png);background-position:22px center;background-repeat:no-repeat;background-size:36px;border-top-left-radius:30px;}
.coronavirus-statement .corona-content-area{padding:20px 10px;color:#620;border-width:2px;border-style:solid;border-image:linear-gradient(to bottom,#900,rgba(255, 255, 255, 0)) 1 100%;}
.coronavirus-statement .corona-content-area h2{color:#930;text-align:center;}
.coronavirus-statement .corona-content-area h3{color:#090;text-align:center;}
.coronavirus-statement .corona-content-area p{color:#620;}
.coronavirus-statement .corona-content-area .cta {text-align:center;margin:24px auto;width:90%;font-size:110%;max-width:1200px;padding:20px;background:#fffcaa;border:3px solid #930;border-radius:30px;}
.coronavirus-statement .corona-content-area a:link, .coronavirus-statement .corona-content-area a:visited {font-weight:bold;color:#f00;transition:all 0.3s ease;}
.coronavirus-statement .corona-content-area a:hover {font-weight:bold;color:#900;transition:all 0.3s ease;}
	/* Coronavirus page */
	.coronavirus-page-header {padding:60px 0 50px 0;display:block;text-align:center;clear:both;background-color:#f00;background-image:url(_resources/coronavirus-header.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
	.coronavirus-page-header h1 {color:#fff;text-transform:uppercase;font-weight:bold;font-size:300%;}

/* column classes - styles content from BeTheme and Muffin Editor -  */
.column, .columns {margin:0 auto 10px auto;}
.one.column {width:98%;margin-bottom:16px;}
.two-third.column {width:98%;margin-bottom:16px;}
.one-second.column {width:98%;margin-bottom:16px;}
.one-third.column {width:98%;max-width:550px;margin-bottom:16px;}
.one-fourth.column {width:98%;margin-bottom:16px;}
.one-fifth.column {width:98%;margin-bottom:16px;}

/* divider classes - sort of replaces BeTheme dividers - Mainly styled from min width 960px below */
hr.divider, hr.no_line {height:0;clear:both;}

.pricing-box {background:#fff;box-shadow:0 4px 10px 5px rgba(0, 0, 0, 0.08);}
.pricing-box big, .pricing-box .big {font-size:110%;line-height:180%;}

.pricing-box .plan-header {text-align:center;padding: 20px 15px 0;}
.pricing-box .plan-header .image {margin-bottom:15px;padding:30px 0;text-align:center;}
.pricing-box .plan-header h2 {margin:0 0 20px 0;color:#aaa;font-size:233%;line-height:30px;}
.pricing-box .plan-header .price {margin: 0 0 20px 0;}
.pricing-box .plan-header .price > span {margin:0 5px;font-family:'Patua One', Arial, Helvetica, sans-serif;color:#aaa;font-size:240%;line-height:45px;}
.pricing-box .plan-header p {font-size:100%;color:#626262;}
.pricing-box .plan-header p.subtitle {font-size:200%;padding:20px 0 0 0;}
.pricing-box .plan-header hr {margin-bottom:0;width:60%;}
.pricing-box .plan-header hr.hr_color {color:#1dc6bc;background:#1dc6bc;}

.pricing-box-box.pricing-box-featured {background:#ed007b;color:#fff;}
.pricing-box-box.pricing-box-featured .plan-header h2 {margin:0 0 20px 0;font-size:280%;color:#fff;}
.pricing-box-box.pricing-box-featured .plan-header .price > span {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);font-size:350%;}
.pricing-box-box.pricing-box-featured .plan-header p.subtitle {font-size:200%;color:#fff;}
.pricing-box-box.pricing-box-featured .plan-header hr {border-color: rgba(255, 255, 255, 0.7);background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%;}

.pricing-box .plan-inside {min-height:105px;padding:20px;}
.pricing-box .plan-inside p {padding:0 0 15px 0;font-size:90%;color:#626262;}
.pricing-box-featured .plan-inside p {margin:0 0 15px 0;font-size:105%;color:#fff;}

.pricing-box .plan-footer {display:none;}
.pricing-box .plan-footer a:link, .pricing-box .plan-footer a:visited {display:inline-block;margin-right:0;margin-bottom:25px;border-radius:20px;}
.pricing-box-box.pricing-box-featured .plan-footer a:link, .pricing-box-box.pricing-box-featured .plan-footer a:visited {display:inline-block;margin-right:0;margin-bottom:25px;color:var(--ld-color);border-radius:20px;background:#fff;}
.pricing-box .plan-footer a:hover, .pricing-box-box.pricing-box-featured .plan-footer a:hover {color:#fff;background:var(--really-dark-color);}

@media screen and (min-width: 1240px) {
.pricing-box-box.pricing-box-featured {padding-top:30px;position:relative;top:-35px;}

}

/* --- END OLD SITE BeTheme style and custom.css elements ----- */

/* --- END content area CUSTOM styles ----- */

/* --- START LearnDash CUSTOM & OVERRIDE styles --- */
	/* shows the page title in lessons - overrides our hide element above */
	body.sfwd-lessons-template-default h1.entry-title {display:block;}
	body.sfwd-lessons-template-default .ast-post-format-.single-layout-1 {padding:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);}
	/* shows the page title in courses - overrides our hide element above */
	body.sfwd-courses-template-default h1.entry-title {display:block;text-align:center;margin-bottom:24px;color:var(--ld-color);}
	body.sfwd-courses-template-default .ast-post-format-.single-layout-1 {padding:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);}
	
/* Start breadcrumb elements */
	.learndash-wrapper .ld-breadcrumbs {background:var(--ld-bar-color);}
	/* lesson status */
	.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-complete {background:var(--ld-color);}
	.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {background:var(--ld-in-progress-color);}
	
	/* lesson list */
	.learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading h2, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {color:var(--ld-color);}
	.learndash-wrapper .ld-item-list .ld-item-list-item {}
	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {margin-top:0.4em;}
	.learndash-wrapper .ld-status-icon .ld-icon:before {border:3px solid var(--ld-color);
    border-radius:15px;}
	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {color:var(--dark-color);font-family:arial, sans-serif;}
	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name .ld-item-title {padding-top:5px;font-size:170%;line-height:1.2;}
	.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {color:var(--main-color);}
	
	/* styles course management elements like ticks, buttons and progress bars etc */
	.learndash-wrapper .ld-button {font-weight:400;font-size:1em;border-radius:4px;background-color:var(--accent-color);}
	.learndash-wrapper .ld-button:hover {opacity:1;background-color:var(--dark-color);}
	.learndash-wrapper .ld-status-complete {background-color:var(--ld-color);}
	.learndash-wrapper .ld-progress .ld-progress-bar {height:12px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.15);}
	.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {height:12px;background:var(--ld-color);}
	.sfwd-courses .post-thumb-img-content {text-align:center;box-shadow:inset 0 0 4px rgba(0,0,0,0.25);background-color:var(--decorationcolor);background-image:var(--decorationimage); background-repeat:var(--decorationrepeat);background-size:var(--decorationsize);background-position:top;}
	.sfwd-courses .post-thumb-img-content img {max-width:180px;}
	.learndash-wrapper .ld-course-status .ld-status.ld-status-progress {background:var(--ld-in-progress-color);}
	.learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button {font-weight:400;font-size:1em;border-radius:4px;background-color:var(--accent-color);}
	.learndash-wrapper .learndash_mark_complete_button:hover, .learndash-wrapper #learndash_mark_complete_button:hover {opacity:1;background-color:var(--dark-color);}
	
	.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {color:var(--ld-color);font-weight:700;}
	.content-box.threecol .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-steps {display:none;}
	
	/* Styles sidebar elements for training-sidebar */
	.learndash-incomplete .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading {color:var(--ld-in-progress-color);}
	.learndash-complete	.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading {color:var(--ld-color);}
	.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover {color:var(--accent-color);}
	.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {color:var(--ld-color);}
	.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title .ld-status-incomplete {border:2px solid var(--ld-in-progress-color);}

/* Start REVISED styles --- */
/* To handle Learndash Legacy template when active, suggest setting to Learndash 3.0 template */
body .thumbnail.course .ld_course_grid_price, body .thumbnail.course .ld_course_grid_price.ribbon-enrolled, body #learndash_lessons #lesson_heading, body #learndash_profile .learndash_profile_heading, body #learndash_quizzes #quiz_heading, body #learndash_lesson_topics_list div > strong, body .learndash-pager span a, body #learndash_profile .learndash_profile_quiz_heading {background-color:var(--ld-color);}
	
	/* course progress bar */
	body dd.course_progress div.course_progress_blue, body .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress {background-color:var(--ld-color);}
	
	/* Previous and next lesson buttons */
	#learndash_next_prev_link a:link, #learndash_next_prev_link a:visited {background:var(--accent-color);color:#fff;border-radius:4px;transition:all 0.3s ease;}
	#learndash_next_prev_link a:hover, #learndash_next_prev_link a:focus {background:var(--main-color);color:#fff;border-radius:4px;transition:all 0.3s ease;}
	
/* -- END REVISED styles ------ */
	
	/* styles for LearnDash Course Grid add-on plugin */
	#ld_course_list .attachment-course-thumb {max-width:180px;margin-top:30px;}
	.ld-course-list-items .ld_course_grid .thumbnail.course {box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);}
	.ld-course-list-items .ld_course_grid .thumbnail.course:hover {box-shadow:0px 5px 20px rgba(0, 0, 0, 0.33);}
	.ld-course-list-items .ld_course_grid .entry-title {font-family:arial, sans-serif;color:var(--heading-color);text-align:center;font-size:1.4em;}
	#ld_course_list .entry-title {font-size:2em;}
	.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled {background:var(--main-color);}
	.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled:before {border-top:4px solid var(--accent-color);border-right:4px solid var(--accent-color);}
	.ld-course-list-items .ld_course_grid .btn {font-size:110%;}
	.ld-course-list-items .ld_course_grid .btn-primary, body #ld_course_list .btn {background-color:var(--main-color);border-color:var(--accent-color);}
	.ld-course-list-items .ld_course_grid .btn-primary:hover, body #ld_course_list .btn:hover {background-color:var(--accent-color);border-color:var(--accent-color);}
	/* centres the course boxes on tablet screens */
	.ld-course-list-items .col-sm-8 {margin:0 auto 1.5em auto;}
	@media screen and (min-width: 768px) {
	.ld-course-list-items .col-md-4 {flex:0 0 50%;max-width:50%;}
	}
	@media screen and (min-width: 1024px) {
	.ld-course-list-items .col-md-4 {flex:0 0 33.3333333333%;max-width:33.3333333333%;}
	}

/* --- END LearnDash CUSTOM & OVERRIDE styles ----- */

/* --- START footer area styles --- */
.ast-footer-overlay {padding-top:0.35em;padding-bottom:1em;margin-bottom:80px;background-color:var(--footer-color);border-bottom:none/*1px solid rgba(255,255,255,0.1)*/;}
.ast-small-footer {border:none;}
.ast-small-footer-wrap {border-top:1px solid rgba(255,255,255,0.1);padding-top:1vh;}

/* --- END footer area styles ----- */

/* Site Chameleon styling for site settings page */
#chbmhbannerarea {width:96%;max-width:850px;margin: 0 auto 20px auto;padding:15px 3px;background-color: #999;background-image: -moz-linear-gradient(top, #999, #ccc);background-image: -ms-linear-gradient(top, #999, #ccc);background-image: -webkit-linear-gradient(top, #999, #ccc);background-image: -o-linear-gradient(top, #999, #ccc);border: none;box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.9);text-align: center;}
.chbmhcurrentsettings p {font-size:150%;color:#fff;}
.chcsssubmitbutton, a.chcsssubmitbutton:link, a.chcsssubmitbutton:visited {width: auto;height: auto;margin: 20px 0 20px 0;padding: 3px 3% 7px 3%;color: #fff !important;font-size: 130%;text-align: center;text-decoration: none;text-shadow: -1px -1px 0 #333;background: #4a4;background: -webkit-gradient(linear, left top, left bottom, from(#7d7), to(#393));background: -moz-linear-gradient(top,#7d7,#393);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;border: 3px solid #b0b0b0;}

	/* styles site settings menu link in footer */
	.bmh-footer-menu-area {height:auto;min-height:70px;padding-left:20px;padding-right:20px;background-color:var(--footer-color);/*text-align:right;*/}
	/* TAWK.TO badge link */
	.tawkto-badge {display:inline-block;margin-left:12px;}
	.bmh-footer-menu-area span.ve-accent {color:#febc1f;}
	.menu-main-website {float:left;display:inline-block;height:100%;margin-top:3px;padding-left:5px;background:url(none.html) no-repeat 1px 4px;}
	.menu-main-website a:link, .menu-main-website a:visited {color:#ccc;line-height:4;}
	.menu-main-website a:hover, .menu-main-website a:focus {color:#fff;text-shadow:0 0 2px rgba(255,255,255,0.5);}
	/* search box in footer */
	.footersearch {height:100%;line-height:4;margin-right:auto;margin-left:auto;clear:both;text-align:center;height:100%;}
	.footersearch input[type=text] {height:24px;padding:3px;font-size:80%;color:#fff;background:rgba(255,255,255,0.3);box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.3);}
	.footersearch input[type="submit"] {position:relative;height:24px;top:0px;padding:3px 6px;font-size:80%;color:#fff;border:1px solid rgba(255,255,255,0.2);box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.3);}
	
	.menu-login {float:right;display:inline-block;height:100%;margin-top:3px;padding-left:25px;background:url(_resources/padlock.png) no-repeat left 16px;}
	.menu-login a:link, .menu-login a:visited {color:#ccc;line-height:4;}
	.menu-login a:hover, .menu-login a:focus {color:#fff;text-shadow:0 0 2px rgba(255,255,255,0.5);}

/* =Media queries
-------------------------------------------------------------- */

@media screen and (min-width: 360px) {
.site-content {min-height:71vh;margin-top:10vh;}
.content-box.tml-holder {min-height:52vh;}

}

@media screen and (min-width: 412px) {
.site-content {margin-top:66px;}

}

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

}

@media screen and (min-width: 765px) {
body.home #primary{margin:0 0 0.6em 0;/*padding:1.5em 0;*/padding:0 0 0.5em 0;}
body #primary{margin:0.6em 0;/*padding:1.5em 0;*/padding:0.5em 0;}
body #secondary {margin:0.6em 0;/*padding:1.5em 0;*/padding:0.5em 0;}
body.home.logged-in #primary {margin:0 0 0.6em 0;/*padding:1.5em 0;*/padding:0 0 0.5em 0;}

.ast-container {max-width:1240px;}
.content-contained {max-width:1200px;margin:auto;}

.entry-content h1 {font-size:2.3em;}

.content-box.twocol img.full-width {max-width:450px;}

/* SCROLLING TABLES CONTROL */
div.scrollarrows {display:none;}
.container-outer { clear:both;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;box-shadow:none;}

	/* shows the page title in courses - overrides our hide element above */
	body.sfwd-courses-template-default h1.entry-title {text-align:left;}
	
/* styles site settings menu link in footer */
	.bmh-footer-menu-area {height:4vh;}
/* search box in footer */
	.footersearch {float:right;margin-right:20px;clear:none;}

}

@media screen and (min-width: 769px) {
.menu-login {background:url(_resources/padlock.png) no-repeat left 18px;}

}

/* SPECIFIC ASTRA parent theme override as this is where it changes from mobile to desktop 
 * NOTE the default can be changed under the customise > header > primary menu -> Mobile Menu Menu Breakpoint
 * We have changed it from default 921 to 1024
*/
@media screen and (min-width: 921px) {
	
.site-content {min-height:76vh;margin-top:78px;}

.sfwd-courses .post-thumb-img-content {text-align:left;padding-left:24px;}

section.gallery div.custom-portal-web-app-on-pc {clear:none;display:inline-block;height:auto;padding:18px 12px 6px 12px;margin-top:0px;margin-right:12px;background:rgba(255,255,255,0.35);flex:1;transition:all 0.3s ease;}
	section.gallery div.custom-portal-web-app-on-iphone {clear:none;display:inline-block;padding:18px 12px 6px 12px;margin-top:0px;margin-right:12px;margin-left:12px;background:rgba(255,255,255,0.35);flex:1;transition:all 0.3s ease;}
	section.gallery div.custom-portal-web-app-on-android {clear:none;display:inline-block;padding:18px 12px 6px 12px;margin-top:0px;margin-left:12px;background:rgba(255,255,255,0.35);flex:1;transition:all 0.3s ease;}

}

/* NEXUS 7 screen size */
@media screen and (min-width: 960px) {
/* in-page navigation bar and links */
	.in-page-navbar .back-link {float:left;}
	.in-page-navbar .next-link {float:right;}

.content-box.showonmobile {width:97.6%;margin:0em auto;}
.box-block {display:flex;}
	/* manages variable two column width layout */
.content-box.twocol {position:relative;display:inline-block;margin:24px auto 12px auto;width:100%;min-height:80px;flex:1;max-width:46.5%;}
	/* manages variable three column width layout */
.content-box.threecol {position:relative;display:inline-block;margin:24px auto 12px auto;width:100%;min-height:80px;flex:1;max-width:31%;}
	/* override for thumbnail links to keep to 3 column after mobile layout switches */
	.thumbnail-links .content-box.threecol {flex:1;max-width:31%;}

div.ve-hall-bg {display:block;width:100%;height:300px;padding-top:50px;text-align:center;background:url(_resources/ve-hall-bg.jpg) center -20px no-repeat;background-size:auto 125%;}
h2.introheader {font-size:250%;}
h2.what-you-can-do {font-size:180%;}
	
blockquote {font-size:28px;line-height:40px !important;margin:0;top:-16px;padding:1.2em;font-style:italic;color:#666;border-left: 5px solid rgba(0,0,0,.05);}

/* OLD SITE BeTheme style and custom.css elements from easy2training.co.uk original website */
/* new BMH addition for new site */
.pricing-block {margin:85px auto 60px auto;max-width:1200px;}

/* column classes - styles content from BeTheme and Muffin Editor -  */
.column, .columns {float:left;margin:0 1% 40px;}
.one.column {}
.two-third.column {}
.one-second.column {width:48%;}
.one-third.column {width:48%;}
.one-fourth.column {width:48%;}
.one-fifth.column {width:48%;}

/* divider classes - sort of replaces BeTheme dividers -  */
hr.divider, hr.no_line {height:0;margin:0 auto 10px auto;}
.twenty.divider {margin:0 auto 20px auto;}
.thirty.divider {margin:0 auto 30px auto;}

/* Contact page */
.contact-form.one-fourth.column {float:none;display:inline-block;}

}
/* Mobile Breakpoint - menu changes from mobile to desktop 
 * This is our override in customise > header > primary menu -> Mobile Menu Menu Breakpoint 
 * from the Astra 921px default
*/
@media screen and (min-width: 1024px) {

.content-box {width:97.6%;margin:1.5em auto;}

.form-colours-explained {float:left;max-width:48%;padding-right:20px;border-right:1px dashed var(--main-color);}
.colours-explained-image {float:right;max-width:48%;}

div.anchorpoint:after {content:'';height:140px;display:block;}

/* column classes - styles content from BeTheme and Muffin Editor -  */
.one.column {}
.two-third.column {width:64.666%;}
.one-second.column {width:48%;}
.one-third.column {width:31.333%;}
.one-fourth.column {width:23%;}
.one-fifth.column {width:18%;}

/* Contact page */
.contact-form.one-fourth.column {float:left;}

/* BACK TO TOP button styling */
.back-to-top {display:none;right:134px;}

}

/* Section to include iPad landscape in "mobile" display for content layout */
@media screen and (min-width: 1025px) {
/* Show / Hide on mobile and desktop */
.showonmobile {display:none;}
.hideonmobile {display:block;}

}

@media screen and (min-width: 1280px) {
/* introduces shadow colour behind logo for larger screens */
.site-branding {background:var(--logo-area-color);}

/* main menu switch to desktop mode */
.main-header-menu li {}
.main-header-menu li > a {color:var(--menu-item-color);border-top:solid 5px rgba(255,255,255,0.25);}
.main-header-menu li.current-menu-item {background:rgba(255,255,255,0.15)}
.main-header-menu li:hover > a, .main-header-menu li:hover > .ast-menu-toggle, .main-header-menu .ast-masthead-custom-menu-items a:hover, .main-header-menu li.focus > a, .main-header-menu li.focus > .ast-menu-toggle, .main-header-menu .current-menu-item > a, .main-header-menu .current-menu-ancestor > a, .main-header-menu .current_page_item > a, .main-header-menu .current-menu-item > .ast-menu-toggle, .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .main-header-menu .current_page_item > .ast-menu-toggle {color:var(--menu-item-color);text-shadow:0 0 1px var(--menu-item-color);border-top:solid 5px var(--heading-color);}
/* styles logout menu item in top menu */
.main-header-menu li.log-out-menu-item {background:none !important;}
.main-header-menu li.log-out-menu-item a{color:#fff !important;height:40px;padding:8px 1em 4px 1em;font-size:95%;background:var(--ld-in-progress-color);border-top:solid 5px #fff !important;}

	/* Theme My Login overrides and additions */
	div#theme-my-login, div#theme-my-login1 {padding-right:18px;box-shadow:0 0 20px 1px rgba(0,0,0,0.25);background:rgba(255,255,255,0.8);}
	.content-box.tml-holder {min-height:300px;}

/* homepage decoration - uses a tml-holder like style */
	.content-box.home-decoration {min-height:26vh;background-position:center;}

/* manages variable three column width layout */
.content-box.threecol {position:relative;display:inline-block;margin:15px auto;width:100%;min-height:80px;flex:1;max-width:31%;}

.form-colours-explained {max-width:600px;}

}

@media screen and (min-width: 1360px) {
	/* Theme My Login overrides and additions */
	.content-box.tml-holder {min-height:400px;}
	
.form-colours-explained {max-width:500px;}
.colours-explained-image {max-width:500px;}

}

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


}

@media screen and (min-width: 1600px) {
.ast-container {max-width:1440px;}
.content-contained {max-width:1380px;margin:auto;}
.keep-it-slim {max-width:1220px}
/* homepage decoration - uses a tml-holder like style */
	.content-box.home-decoration {min-height:220px;}
	
.form-colours-explained {max-width:600px;}
.colours-explained-image {max-width:700px;}

}

@media screen and (min-width: 1920px) {
.ast-container {max-width:1600px;}
.content-contained {max-width:1540px;margin:auto;}
.keep-it-slim {max-width:1220px}

.colours-explained-image {max-width:800px;}

}
/* Styles content in fullscreen view */
@media all and (display-mode: fullscreen) {
.site-content {min-height:76vh;}
.content-box.tml-holder {min-height:68vh;}

}
/* Styles content in Android standalone view (fullscreen fallback). Not sure which mode iOS devices use, but Android stipulates standalone in manifest.json, as it provides for visible navigation unlike fullscreen */
@media all and (display-mode: standalone) {
.site-content {min-height:78.5vh;}
.content-box.tml-holder {min-height:68vh;}

}