/*
 Theme Name:   Elearnhere Portal
 Theme URI:    http://chameleonsoftware.co.uk/support/wordpress/themes
 Description:  The Elearnhere Portal is built on the easy2training Portal theme, as a child theme of Astra. 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
 Tags:         Full width page design for larger screens, mobile and tablet-friendly
 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;}
html, body {background:var(--body-color);}
a {color:var(--header-color);}
a:hover {color:var(--accent-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 - bastards 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%;min-height:7vh;background:var(--body-color);box-shadow:0 2px 5px var(--body-color);z-index:999;border-top:8px solid var(--main-color);}
body.logged-in .site-header {border-top:none;}
 /*.site-header {position:fixed;top:0;display:block;width:100%;min-height:7vh;background:var(--header-color);box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:999;} make this the same colour as the admin.css #wpadminbar background for consistent top bar appearance */
.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 {font-family: 'poppins', sans-serif;}

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

.gmd-menu-button {display:none !important;}
body.logged-in .gmd-menu-button {display:inline-block !important;}

/* works in conjunction with WordPress wpadminbar styling */
@media screen and (max-width: 782px) {
body.admin-bar .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:20px 0 0 0;padding:0;}
/* CEH edit */
.site-content {min-height:74vh;/*margin-top:11vh;CHANGE -> */margin-top:110px;}
.site-footer {min-height:8vh;background:var(--footer-color);}

.ast-container {}
.content-contained {margin:auto;}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {background:none;padding:0;}

/* ----- START header area styles ----- */
/* CEH edit */
.main-header-bar {background:var(--body-color);color:var(--menu-item-color);/* CHANGE -> border-bottom:2px solid var(--body-color);*/height:90px;padding-top:6px;border-bottom:1px solid #e2e7ed; /* to match learndash focus mode design */}
/* .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);*/}
/* CEH edit */
.ast-button-wrap .menu-toggle .menu-toggle-icon {margin-top:10px;}

/* Logo area - applies padding to logo - our system is predicated on using logo of 200px wide by 70px tall */
.ast-site-identity {padding:0;}
/* CEH edit */
.site-branding {height:54px;/* NEW -> */position:relative;}
/* CEH edit - NEW element.site-logo-img { background:url(_resources/logoarea-bg.png) no-repeat left 24px;background-size:auto 110px;} */

/* CEH edit */
.site-logo-img img {max-height:100px;width:auto;/*margin-top:25px; CHANGE -> */margin-top:28px;margin-left:2px;}
/* CEH edit - this element shows strapline on both mobile and desktop in normal page view (ie NOT LearnDash focus view, this is handled separately)
.site-branding:after {content:'Learning made easy';color:#fff;display:inline-block;font-size:100%;position:absolute;left:90px;top:33px;} */

/* 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;}

.ast-header-break-point .main-header-menu {background:none;}

/* 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);}
/* 2023v2 Nov 2022 edit */
.ast-header-break-point .main-navigation {background:none;}
.ast-header-break-point .main-navigation ul .menu-item .menu-link {background:var(--main-color);color:#fff;}
.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle:focus {outline:none;}

.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle {color:var(--menu-item-color);}
	/* 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(--light-color);}
	.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);}
	/* CEH edit */
	.site-branding {/*padding-top:5px; CHANGE -> */padding-top:0px;} /* 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 {background:var(--main-color);border:none;}
	.ast-desktop .main-header-menu.submenu-with-border .sub-menu li.current-menu-item {background:var(--hover-color);}
	/* 2023v2 Nov 2022 edit */
	.ast-header-break-point .main-header-bar-navigation {margin:28px -20px 0 -20px;}

/* --- 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;transition:all 0.2s ease;}
	h1,h2,h3,h4,h5,h6 {color:var(--heading-color);}
	h3 {font-size:1.6em;}
	h4 {font-size:1.5em;}
	.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:12px;font-size:110%;}
	.entry-content h1 {color:var(--heading-color);font-size:1.6em;}
	.entry-content h2 {color:var(--heading-color);font-size:1.4em;}
	.entry-content h3, .h3 {font-family:'poppins', sans-serif !important;font-size:130%;color:var(--heading-color);}
	.entry-content h4 {font-size:1.25em;}
	/* CEH edit */ 
	.entry-content p, p {margin-bottom:1em;line-height:1.4;font-size:1.2em;/* CHANGE from 115% due to bold font becoming smaller *//* NEW -> */font-family:'poppins', sans-serif;color:var(--text-color);}
	.entry-content p strong, p strong {font-size:1.05em;letter-spacing:-0.025em;font-weight:600;}
	
	ol, ul {margin:0 0 1.5em 0.25em;}
	ol.bulleted, ul.bulleted{position:relative;}
	ol.bulleted li {list-style:decimal; list-style-position:outside;}
	ol.bulleted li:before {}
	ul.bulleted li:before {content:'-';display:inline-block;position:relative;padding-right:12px;}
	
	/* --- image control --- */
	@media screen and (max-width: 767px) {
	.alignright, .alignleft {display:block;float:none;margin:4px auto 12px auto;}
	
	}
	.wp-caption .wp-caption-text {margin:.5em 0;font-style:italic;line-height:1.2;font-size:80%;}
	
	/* --- audio control --- */
	/* This element goes with the easy2 lesson syndicator shortcode - set to display:none as the audio code is only there to trigger the design for the audio brought in from create.elearnhere.co.uk */
	.extra-audio-hide {display:none;}
	
/* Show / Hide on mobile and desktop */
.showonmobile {display:block;}
.hideonmobile {display:none;}

/* float classes */
.floatleft  {float:left;}
.floatright {float:right;}
.floatcenter {float:inherit;text-align:center;}
.clearboth {clear:both;}
		
/* 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 {}
	.login form label {display: block;}
	.login p.message {border: 2px solid #005ca9;text-align:center;padding:6px;}
	a:link.loginconnect, a:visited.loginconnect {float:none;display:inline-block;margin:0 5px;padding:3px 12px 5px 12px;text-decoration:none;color:#fff;background:#8ec4ea;}
	a:hover.loginconnect {background:#005ca9;}
	.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);display:none;}
	.bmh-tml-logged-in a.taskbutton {font-size:100%;}
	.bmh-tml-logged-in #theme-my-login, .bmh-tml-logged-in #theme-my-login1 {padding-top:0;padding-left:0;}
	.bmh-tml-logged-in .tml-user-links li {display:none;}
	.bmh-tml-logged-in .tml-user-links li:last-child {display:block;}
	.bmh-tml-logged-in .tml-user-links li:last-child a{display:block;max-width:280px;padding:13px 10px;color:#fff;text-decoration:none;transition:all 0.3s ease;}
	
/* ADDITIONAL styles for the register form */
div.bmhregisterform p.error {position:fixed;top:20px;left:0;width:80%;margin:10px 10%;padding:20px 10px;text-align:center;font-size:130%;background:#ff9;border:3px dashed #f00;border-radius:10px;z-index:999991;box-shadow:0 0 30px 20px rgba(0,0,0,0.2);}
	div.bmhregisterform input {width:100%;}
	@media screen and (min-width: 1280px) {div.bmhregisterform input {width:480px;}}
	/* styles the show both passwords on the register form - requires functions included in theme version of register-form.php */
	p.viewpasswords input[type=checkbox] {width:80px !important;transform:scale(1.5);}
	
/* BACK OFFICE START & SUPPORT PAGE ELEMENTS */
div.tasklist {float:left;width:99%;}
a.taskbutton, a.taskbutton:visited {display:block;max-width:300px;padding:10px;font-size:110%;color:#fff;text-decoration:none;background:var(--main-color);transition:all 0.3s ease;}
a.taskbutton:hover {background:var(--dark-color);transition:all 0.3s ease;}
a.taskbutton.dark, a.taskbutton.dark:visited {background:var(--dark-color);}
a.taskbutton.dark:hover {background:#3a3a3a;}

/* SPECIFIC elements to handle newsletter blog posts and post overviews */
	/* used in the help centre FAQ post accordions section */
	div.faq-accordion-section h3 {margin-top:30px;font-size:150%;}
	div.faq-accordion-section div.accordion-section {margin-bottom:-15px;}
	div.faq-accordion-section div.accordion-section label {font-weight:normal;}
	div.faq-accordion-section div.copy-content {background:#fff;padding:22px;}
	div.faq-accordion-section div.copy-content p {color:#000;}
	
.archive-header, .page-header {margin-bottom:0;padding-bottom:0;font-size:150%;}
.post-summary-area, .post-single-area, .post-category-area {padding-top:20px;padding-bottom:50px;}
.post-summary-area:after, .post-single-area:after, .post-category-area:after {content:"";clear:both;display:table;}
.elearnpost a {text-decoration:none;}
.elearnpost h1 {font-size:90%;}
.elearnpost h1 a {font-size:90%;font-weight:bold;padding-top:12px;height:auto;}
.elearnpost a:link p, .elearnpost a:visited p, .elearnpost a:link h1, .elearnpost a:visited h1 {color:#202020;transition:all 0.2s ease;}
.elearnpost a:hover p, .elearnpost a:hover h1 {opacity:0.6;transition:all 0.2s ease;}
.elearnpost {position:relative;width:91%;height:400px;margin-top:24px;margin-bottom:1em;padding:4%;line-height:1.8;border-radius:0;border:/*1px solid #ccc*/none;background-color:#f9f9f9;background-image: linear-gradient(to bottom, #fff,#fff,#ececec);overflow:hidden;}
.elearnpost:after {position:absolute;bottom:0;height:30px;width:100%;content:"";clear:both;display:table;background: linear-gradient(to bottom, rgba(236,236,236,0), rgba(236,236,236,0.6),rgba(236,236,236,1) 100%);}
.elearnpostsingle {float:none;width:100%;height:auto;min-height:405px;margin-top:24px;margin-bottom:15px;padding:0;border:none;background-color:#f9f9f9;background-image: linear-gradient(to bottom, #fff,#fff,#ececec);box-shadow:0 0 3px 2px rgba(0,0,0,0.1);}
.post-category-area .elearnpostsingle {background:none;border:none;box-shadow:none;}
.post-category-area .elearnpostsingle article {position:relative;height:550px;margin-top:24px;margin-bottom:48px;padding:0;background-color:#f9f9f9;background-image: linear-gradient(to bottom, #fff,#fff,#ececec);box-shadow:0 0 3px 2px rgba(0,0,0,0.1);overflow:hidden;}
.post-category-area .elearnpostsingle article .comments-link {display:none;}
.post-category-area .elearnpostsingle article:after {position:absolute;bottom:0;height:30px;width:100%;content:"";clear:both;display:table;background: linear-gradient(to bottom, rgba(236,236,236,0), rgba(236,236,236,0.6),rgba(236,236,236,1) 100%);}
.elearnpost h1, .elearnpost p, .elearnpostsingle h1, .elearnpostsingle p, span.leave-reply {padding:8px 15px 0 15px;}
div.elearnpost a {margin:0 0 5px 0;display:inline-block;}
div.elearnpost h1 a {margin:10px 0 10px 0;height:33px;width:100%;font-weight:normal;color:#464646;font-size:100%;text-decoration:none;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
div.elearnpost p {}
div.elearnpost .more-link {text-decoration:none;font-style:italic;}
div.elearnpostsingle header.entry-header img {}
div.elearnpost img, img.wp-post-image {border-radius:0;max-height:327px;}
body.page-template-template-blog-overview #primary {margin-top:0 !important;}
body.page-template-template-blog-overview .post-summary-area {padding-bottom:0;}
img.attachment-post-thumbnail {width:100%;height:auto;}
div.elearnpost footer.entry-meta, div.elearnpostsingle footer.entry-meta {padding-top:10px;padding-bottom:10px;margin-bottom:10px;text-align:center;border-top:1px solid #404040;border-bottom:1px solid #404040;background:#efefef;}
body.post-template-default .entry-meta {display:none;}

@media screen and (min-width: 765px) {
/* SPECIFIC elements to handle newsletter blog posts and post overviews */
.elearnpost {position:relative;float:left;width:47%;height:550px;margin-right:2%;margin-bottom:5px;padding:0;}
.elearnpost h1, .elearnpost p, span.leave-reply {padding:8px 15px 0 15px;}
div.elearnpost h1 a {margin:10px 0 10px 0;height:40px;width:100%;font-weight:normal;font-size:150%;text-decoration:none;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

}
@media screen and (min-width: 993px) {
body.page-template-template-blog-overview #secondary {margin-top:4em !important;}
body.page-template-template-blog-overview .post-summary-area {padding-bottom:50px;}

}

@media screen and (min-width: 1280px) {
/* SPECIFIC elements to handle newsletter blog posts and post overviews */
.elearnpost {width:30.5%;}
div.elearnpost h1 a {height:45px;}

}
	
	/* custom separators for use with Visual Composer templates */
	.separator-area {clear:both;display:block;width:auto;height:40px;margin:0 auto;padding:0;text-align:center;}
	.separator-adjust {position:relative;width:100%;height:100%;text-align:center;margin:0 auto;line-height:1;}
	.separator-area .separator-adjust hr {position:relative;top:20px;height:1px;width:60%;margin:0 auto;background:var(--main-color);}
	.separator-area .fancy-separator-one {background:url(../elearnhere-portal/_resources/fancy-separator-black.png) no-repeat center;}
	
	/* foliovision FV video player overrides and additions */
	#content .flowplayer.skin-custom, .flowplayer.skin-custom {border:4px solid var(--main-color);border-radius:0;}
	
	/* YouTube video embed display */
	.videoembed {text-align:center;margin-bottom:12px;}
	.videoembed iframe {/*border:3px solid var(--main-color);*/}
	
	/* allows centre positioning of learndash video progression videos */
	body.learndash-cpt.learndash-embed-responsive .ld-video {padding-bottom:0;height:175px;}
	@media screen and (min-width:765px){
	body.learndash-cpt.learndash-embed-responsive .ld-video {height:280px;}
	
	}
	body.learndash-cpt.learndash-embed-responsive .ld-video iframe {position:relative;}
	

blockquote {padding:0;margin:1em;font-size:1em;border:none;}
	
/* --- END content area styles ----- */
	
	/* hides the page title from displaying on the page */
	h1.entry-title {display:none;}
	/* 2023v2 Nov 2022 edit - show title on woocommerce product pages */
	body.product-template-default h1.entry-title {display:block;}
	/* 2023v2 Nov 2022 edit - hide single product category link on woocommerce product pages */
	body.product-template-default span.single-product-category {display:none !important;}

/* --- START content area CUSTOM styles --- */
	span.easy2-accent {color:var(--accent-color);font-weight:500;}

	span.member p:first-child {/*margin-bottom:0;*/}
	
	.content-area-clear {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;line-height:1.4;background:none;border:none;border-radius:none;box-shadow:none;}
	.content-area-white {display:block;clear:both;padding:1.25rem;margin:0 auto;font-size:110%;line-height:1.4;background:#fff;border:none;border-radius:none;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:none;box-shadow:none;}
	
	/* CEH edit */ 
	.content-box {padding:1.25rem;margin-bottom:1.5em;line-height:1.7;padding:20px;border-radius:4px;background:rgba(10,181,225,0.08);color:var(--text-color);}
	/* update iframe below Nov 2021 to remove top and bottom margin as it is cropping videos stopping full screen link from showing */
	.content-box iframe {margin:/*20px*/0 auto;}
	.content-box::after {content:'';clear:both;display:table;}
	.clear-box {background:none;border:none;box-shadow:none;}
	.clear-box.slimline {margin-bottom:-50px;}
	/* CEH edit */ 
	.content-box h1 {font-size:2em;padding:0 !important;margin-top:10px !important;margin-bottom:20px !important;color:var(--ld-color);text-align:left;}
	.content-box h2 {font-size:1.7em;margin-top:10px;margin-bottom:20px;color:var(--ld-color);text-align:left;}
	.content-box h3, .content-box p.h3 {font-family:'poppins', sans-serif !important;font-size:1.5em;line-height:1.2;margin-bottom:20px;color:var(--heading-color);text-align:left;}
	hr.faded {margin:16px auto 3px auto;width:80%;height:2px;border:0;background:none;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));}
	.box-block {position:relative;text-align:left;display:block;width:100%;}
	.content-box section.gallery {position:relative;text-align:center;}
	.content-box a.custom-portal-screenshot {width:100%;max-width:660px;position:relative;display:inline-block;text-align:center;transition:all 0.3s ease;}
	/* CEH edit */ 
	/* REMOVE ->
	.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:-26px;font-style:italic;font-size:90%;}
	.content-box a.custom-portal-screenshot img {width:96%;max-width:600px;height:auto;margin:16px auto 0 auto;}
	/* CEH edit */ 
	/* REMOVE ->
	.content-box section.gallery div:hover {box-shadow:0px 3px 22px rgba(0, 0, 0, 0.33);transition:all 0.3s ease;}*/
	.content-box section.gallery div a p{font-style:italic;font-size:90%;}
	.content-box section.gallery div a img {width:auto;height:300px;}
	.content-box section.gallery div.custom-portal-web-app-on-pc {clear:none;display:inline-block;height:auto;padding:6px 12px;flex:1;}
	.content-box section.gallery div.custom-portal-web-app-on-iphone {clear:none;display:inline-block;padding:6px 12px;flex:1;}
	.content-box section.gallery div.custom-portal-web-app-on-android {clear:none;display:inline-block;padding:6px 12px;flex:1;}
	
	.image-left-text-right {text-align:center;}
	.image-left-text-right:after {content:'';clear:both;display:table;}
	.image-left-text-right img {display:block;float:none;clear:both;margin:0 auto 20px auto;max-width:300px;}
	.image-left-text-right h2, .image-left-text-right h3, .image-left-text-right h4, .image-left-text-right h5, .image-left-text-right h6 {text-align:left;clear:none;}
	.image-left-text-right p {text-align:left;}
	.image-left-text-right ul, .image-left-text-right ol {padding-left:24px;}
	.image-left-text-right ul li, .image-left-text-right ol li {position:relative;left:20px;line-height:1.6;text-align:left;}

	.image-right-text-left {text-align:center;}
	.image-right-text-left:after {content:'';clear:both;display:table;}
	.image-right-text-left img {display:inline-block;float:right;margin:0 0 20px 20px;}
	.image-right-text-left h2, .image-right-text-left h3, .image-right-text-left h4, .image-right-text-left h5, .image-right-text-left h6 {text-align:left;clear:none;}
	.image-right-text-left p {text-align:left;}
	.image-right-text-left ul, .image-right-text-left ol {list-style:disc outside none;padding-left:24px;}
	.image-right-text-left ul li, .image-right-text-left ol li {position:relative;left:20px;line-height:1.6;text-align:left;}
	
	.corner-styled-bottom-right {border-bottom-right-radius:33%;}

/* ------------- <<<<<< *** >>>>>> ---------------*/

/* SPECIAL PopUp styling - derived from virtual-expo and modified for use in elearnhere */
.elh-popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-family:'poppins', sans-serif;font-weight:normal;background-color:rgba(0,0,0,0.5);overflow-x:hidden;overflow-y:auto;line-height:1.5em;z-index:999991;animation:elh-popup_fadeout 300ms;}
.show {display:block;animation:elh-popup_fadein 300ms;}

.elh-popup img.my-courses-instruction:hover {opacity:0.2;transition:all 0.2s ease;}

/* default style for the close X */
div.popup-close-icon {position:absolute;right:10px;top:-27px;display:block;cursor:pointer;padding:0;color:#fff !important;font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:250%;text-shadow:-1px -1px 2px rgba(0,0,0,0.7);border-radius:10px;z-index:99;}

/* START Popup styling for instruction box */
.elh-popup #instruction-area {position:relative;width:94%;margin:3em auto 4em;padding:20px;text-align:left;background:#fff;border-top:33px solid var(--main-color);border-bottom:1px solid #ececec;border-radius:4px;box-shadow:0 0 15px 2px rgba(0,0,0,0.0);}
.elh-popup #instruction-area::after {content:'';clear:both;display:table;}
@media (min-width: 765px){
.elh-popup #instruction-area {width:700px;}

}
p.gotit {display:inline-block;padding:6px 12px;text-align:center;font-size:1.3em;color:#fff;background:var(--ld-color);cursor:pointer;border-radius:4px;transition:all 0.3s ease;}
p.gotit:hover {background:var(--dark-color);transition:all 0.3s ease;}
.faqlink {text-decoration:underline;}
.popuplink {display:inline-block;padding:6px 12px;text-align:center;font-size:1.0em;color:#fff;background:var(--ld-color);cursor:pointer;border-radius:4px;transition:all 0.3s ease;}
.popuplink:hover {color:#fff;background:var(--dark-color);transition:all 0.3s ease;}

/* START Popup styling for reveal box */
.elh-popup .reveal-box {position:relative;width:94%;margin:3em auto 4em;padding:20px;text-align:left;background:rgba(231,255,188,1.0);border-top:33px solid var(--accent-color);border-radius:4px;box-shadow:0 0 15px 2px rgba(0,0,0,0.0);}
.elh-popup .reveal-box::after {content:'';clear:both;display:table;}
.elh-popup .reveal-box h4 {font-size:1.2em;font-weight:bold;margin-bottom:12px;}

/* ------------- <<<<<< *** >>>>>> ---------------*/
/* START SPECIAL Popup styling for Interactive Lessons - based on VES */

/* default style for the close X */
div.interactive-link-button {padding:7px 10px;margin:10px 0;width:auto;color:#fff;font-size:100%;display:inline-block;font-weight:normal;text-decoration:none;text-shadow:none; text-transform:uppercase;background-color:var(--main-color);background-image:none;box-shadow:none;border-radius:4px;cursor:pointer;transition: all 0.3s ease;}
div.interactive-link-button:hover {background-color:var(--dark-color);background-image:none;box-shadow:none;transition: all 0.3s ease;}

/* default style for the close X */
#info-area div.popup-close-icon {position:absolute;right:0px;top:-28px !important;display:block;cursor:pointer;padding:0;color:#fff !important;font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:300%;text-shadow:-1px -1px 2px rgba(0,0,0,0.7);border-radius:10px;z-index:366;}

.elh-popup-interactive-lesson {position:fixed;top:0;left:0;width:100%;height:100%;font-family:'Poppins', sans-serif;font-weight:normal;background-color:rgba(128,128,128,0.8);overflow-x:hidden;overflow-y:auto;line-height:1.5em;z-index:999991;animation:v-expo-popup_fadein 300ms;}
.elh-popup-interactive-lesson.hide {display:none;}
.elh-popup-interactive-lesson #info-area {position:relative;width:94%;height:auto;margin:3em auto 4em auto;padding:0px;text-align:left;font-size:90%;background:#fff;box-shadow:0 0 1px 2px rgba(232,232,232,1.0),0 0 100px 10px rgba(0,0,0,1.0);}

.elh-popup-interactive-lesson #info-area.iframe-container {height:90vh;}
.elh-popup-interactive-lesson #info-area.iframe-container iframe {position:absolute;width:100%;height:100%;}
.elh-popup-interactive-lesson #info-area::after {content:'';clear:both;display:table;}
.elh-popup-interactive-lesson #info-area h4, .elh-popup-interactive-lesson #info-area h5 {margin-bottom:18px;}

@media all and (min-width: 765px){
.elh-popup-interactive-lesson #info-area {width:80%;max-width:1170px;max-height:725px;}

}
@media all and (min-width: 1280px){
.elh-popup-interactive-lesson #info-area {margin:6em auto 4em auto;/*border:33px solid #333;border-radius:20px;*/}
.elh-popup-interactive-lesson #info-area.iframe-container {height:75vh;}

}

/* --END SPECIAL Popup styling for Interactive Lessons - based on VES */
/* ------------- <<<<<< *** >>>>>> ---------------*/

@media (min-width: 765px){
.elh-popup .reveal-box {width:700px;}

}

@media (min-width: 1024px){
.elh-popup .reveal-box {width:900px;}
.elh-popup .reveal-box h4 {font-size:1.25em;}

}

/* ------------- <<<<<< *** >>>>>> ---------------*/

/* class for resources button */
a.resourcebutton, span.resourcebutton {padding:7px 10px;margin:10px 0;width:auto;color:#fff;font-size:100%;display:inline-block;font-weight:normal;text-decoration:none;text-shadow:/*-1px -1px 0 rgba(0,0,0,0.6)*/none; text-transform:uppercase;background-color:var(--main-color);background-image:none;box-shadow:none;border-radius:4px;cursor:pointer;transition: all 0.3s ease;}
a.resourcebutton:hover, span.resourcebutton:hover {color:#fff;text-shadow:none;background-color:var(--dark-color);background-image:none;box-shadow:none;/*border-radius:10px;*/transition: all 0.3s ease;}

/* ------------- <<<<<< *** >>>>>> ---------------*/

	/* Contact Form 7 elements */
		/* 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;}
	
	.form-colours-explained {display:inline-block;float:right;}
	.form-colours-explained p {margin-top:12px;margin-bottom:4px;line-height:1.2;font-size:110%;}
	.form-colours-explained p.footnote {clear:both;font-size:90%;margin-top:-8px;color:var(--dark-color);}
	.form-colours-explained p.explanation {clear:both;font-size:90%;margin-top:10px;color:var(--dark-color);}
	.form-colours-explained p.explanation-image {font-size:100%;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:95%;}
	.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;}
	
	/* 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:'poppins', sans-serif;font-size:120%;}
	.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:'poppins', sans-serif;font-size:120%;}
	.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(../elearnhere-portal/_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(../elearnhere-portal/_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(../elearnhere-portal/_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:right -1px;}
	
	/* manages variable two column width layout */
	/* CEH edit */
	.content-box.twocol {position:relative;display:inline-block;margin-top:20px;padding-bottom:10px;width:100%;min-height:80px;text-align:left;transition:all 0.3s ease;/* NEW -> */border-radius:4px;background:rgba(10,181,225,0.08);}
	.content-box.twocol img {/*max-width:200px;*/margin-bottom:22px;}
	/* CEH edit */ 
	/* REMOVE ->
	.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:'poppins', sans-serif;font-size:1.2rem;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 */
	/* CEH edit */
	.content-box.threecol {position:relative;display:inline-block;margin-top:20px;padding-bottom:10px;width:100%;min-height:80px;text-align:left;transition:all 0.3s ease;/* NEW -> */background:none;}
	.content-box.threecol img {/*max-width:200px;*/margin-bottom:22px;}
	/* CEH edit */ 
	/* REMOVE -> .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:6px 9px;font-family:'poppins', sans-serif;font-size:1.0rem;background:var(--accent-color);color:#fff;border-radius:4px;transition:all 0.3s ease;}
	.content-box.threecol a button:hover {background:var(--dark-color);} 
	/* CEH edit */
	/* NEW -> */
	.content-box.threecol {border-radius:4px;background:rgba(10,181,225,0.08);}
	
	/* 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:10px;}
	.thumbnail-links .content-box h3, .thumbnail-links .content-box p.h3 {margin-bottom:4px;font-size:130%;}
	.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;}
	
	/* 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;}
	
	
	.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:130%;padding:3px 6px;border-radius:4px;position:absolute;top:140px;left:20%;text-align:left;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:'poppins', sans-serif;color:#fff;font-size:210%;padding:3px 6px;border-radius:4px;text-align:left;transform: rotate(-2deg);}
.devnote {color:var(--ld-color);}

/* column classes - styles content from BeTheme and Muffin Editor - as used in main easy2training site */
.column, .columns {margin:0 auto 10px auto;}

.content-box-style-area .column {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-style-area .column::after {content:'';clear:both;display:table;}

.one.column {width:98%;margin-bottom:16px;}
.two-third.column {width:98%;margin-bottom:16px;}
.three-fourth.column {width:98%;margin-bottom:16px;}
/* CEH edit */
.one-second.column {width:98%;margin-bottom:16px;/* NEW -> */padding:20px;border-radius:20px;background:rgba(10,181,225,0.08);}
.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;}
.avatar-area.column {width:98%;margin-bottom:16px;}

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

/* --- woocommerce overrides --- */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {display:none;}
.woocommerce div.product div.images img {width:auto;}

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

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

	/* styles LD course grid (eg as used on homepage) */
	.ld-course-list-items .ld_course_grid .thumbnail.course img {max-width:200px;width:80%; margin-top:30px;}
	.ld-course-list-items .ld_course_grid .entry-title {min-height:60px;}
	
	/* control styles on My Courses page which uses a LearnDash shortcode - tested and developed in demo.easy2training.co.uk */
	.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-edit-link {display:none;}
	.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar {display:none;}
	.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-heading {font-weight:400;}
	.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {font-family:'poppins',sans-serif;color:var(--heading-color);}
	.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat strong {font-weight:400;font-size:250%;}
	.my-courses-profile .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {font-family:'poppins',sans-serif;color:var(--ld-color);}
	.my-courses-profile .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name span {padding-top:5px;}
	.my-courses-profile .learndash-wrapper .ld-status {color:#fff;background:none;background-color:var(--ld-color);}


	/* CEH edit - NOTE element left as was because --body-color changed to white in admin.css*/ 
	.ld-focus-main {background:var(--body-color);}
	.learndash-wrapper .ld-tab-content {font-size:1.1em;}
	
	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1:first-child {display:block;padding:0;color:var(--dark-color);}
	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .learndash_post_sfwd-lessons h1 {color:var(--ld-color);padding-left:0;}
	.ld-focus-main .learndash-wrapper {padding:0.5rem 0;margin-bottom:1.5em;background:none !important;}
	
	/* CEH edit - NEW elements - changes the branding logo size and position in focused mode */
	.learndash-wrapper .ld-focus .ld-focus-header {/*background:#2db2e0;*/}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {padding: .2em 1em .5em 3.3em;background:none;}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {/*height:58px; use these if logo overhand not wanted , and change padding for left above from 3.3em to a higher number (4em) to move the logo right to avoid clash with side menu header  ->  */height:auto;max-height:42px;padding-top:4px;}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-wrap {/*position:relative;top:100px;left:-27.5px;*//* removed after 16 June 2020 telecon -> float:right;width:auto;*/}
	
	/* 2023v2 Nov 2022 edit */
	.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-wrap {max-width:500px;}
	/* CEH edit - NEW elements - changes the nav sidebar colour  */
	.learndash-wrapper .ld-focus .ld-focus-sidebar {background:var(--ld-focused-sidebar-color);}
	@media screen and (max-width: 768px) {
	.learndash-wrapper .ld-focus .ld-focus-sidebar {z-index:10000;}
	/* 2023v2 Nov 2022 edit */
	.learndash-wrapper .ld-content-actions .ld-content-action {padding:0}
	
	}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item {background:var(--ld-focused-sidebar-color);}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson {width:100%;background:var(--body-color);}
	/* CEH edit */
	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar {/*background:#fff; CHANGE -> */background:var(--ld-focused-sidebar-color);}
	/* CEH edit - NEW element - change colour of progress bar as we have had to change font to white - AMENDED only in focus page now */
	.learndash-wrapper .ld-course-status.ld-course-status-enrolled {/*background:var(--accent-color);*/border-radius:unset;}
	
	/* --- force top action buttons for small screens to display block as they don't fit with inherited flex styling --- */
	@media screen and (max-width: 400px) {
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions {display:block;}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-content-action:not(first-child) {border-top:1px solid #fff;}

	}
	
	/* shows the page title in LESSONS - overrides our hide element above */
	body.sfwd-lessons-template-default h1.entry-title {display:block;color:var(--heading-color);}
	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);}
	/* CEH edit */
	body.sfwd-courses-template-default .ast-post-format-.single-layout-1 {padding:1.25rem;/* REMOVE -> 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 */
	/* 2023v2 Nov 2022 edit */
	.ld-focus-main .learndash-shortcode-wrap {padding:0;}
	.learndash-wrapper .ld-lesson-status {background:none;border-radius:unset;}
	
	/* 2023v2 Nov 2022 edit */
	.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a {font-size:110%;font-weight:500;}
	
	.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a:link {color:var(--heading-color);}
	.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a:visited {color:var(--heading-color);}
	.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a:hover {color:var(--accent-color);}
	.learndash-wrapper .ld-breadcrumbs {background:var(--ld-bar-color);border-radius:unset;}
	
	/* lesson status */
	.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-complete {background:var(--ld-color);margin-top:5px;}
	.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {background:var(--ld-in-progress-color);margin-top:5px;}
	
	/* 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-item-list .ld-item-list-item .ld-item-list-item-expanded:before {width:12px;height:12px;left:65px;}
	.learndash-wrapper .ld-status-icon .ld-icon:before {border:3px solid var(--ld-color);border-radius:15px;}
	.learndash-wrapper .ld-status-icon .ld-icon-quiz:before {border:none;}
	.learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover {color:var(--dark-color);}
	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {color:var(--dark-color);font-family:'poppins', sans-serif;}
	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name .ld-item-title {padding-top:9px;font-size:120%;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 */
	/* CEH edit */
	.learndash-wrapper .ld-button {position:relative;font-weight:700;font-size:1.2em;border-radius:4px;background-color:var(--ld-in-progress-color);transition:all 0.2s ease;}
	.learndash-wrapper .ld-button:hover {opacity:1;background-color:var(--ld-in-progress-color);transition:all 0.2s ease;}
	
	/* 2023v2 Nov 2022 edit */
	.learndash-wrapper .ld-content-actions .ld-content-action .ld-button .ld-text {font-weight:500;}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-content-action .ld-button {padding:1.1em;}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-content-action .ld-button .ld-text {font-weight:400;}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_header {font-weight:500;}
	
	/* CEH edit -> managed individual nav buttons so next is orange */
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(3) .ld-button {background: var(--accent-color);}
	
	/* CEH edit - NEW element to change arrow style */
	.ld-icon-arrow-left {position:absolute;left:11px;}
	.ld-icon-arrow-left:before {display:inline-block;content:'';width:16px;height:28px;background:url(_resources/left-arrow-nav.png) no-repeat center;}
	.ld-focus-header .ld-icon-arrow-left {position:absolute;left:8px;}
	.ld-focus-header .ld-icon-arrow-left:before {display:inline-block;content:'';width:12px;height:21px;background:url(_resources/left-arrow-nav.png) no-repeat center;background-size:12px 21px;}
	.ld-icon-arrow-right {position:absolute;right:11px;}
	.ld-icon-arrow-right:before {display:inline-block;content:'';width:16px;height:28px;background:url(_resources/right-arrow-nav.png) no-repeat center;}
	
	/* pagination elements for course page */
	.learndash-wrapper .ld-pagination .ld-pages {background:var(--ld-color);color:#fff;border-radius:25px;}
	div.ld-pages .ld-icon-arrow-right, div.ld-pages .ld-icon-arrow-left {position:inherit;}
	
	/* Adjustment due to LearnDash v.3.4.0.8 having updated styling - old version commented out, new version below */
	/* .ld-icon-arrow-right:before {display:inline-block;content:'';width:16px;height:28px;background:url(_resources/right-arrow-nav.png) no-repeat center;}*/
	.ld-focus-sidebar-trigger .ld-icon-arrow-right:before {display:inline-block;content:'\e914';height:unset;position:relative;left:5px;background:none;}*/
	
	.ld-focus-header .ld-icon-arrow-right {position:absolute;right:8px;}
	.ld-focus-header .ld-icon-arrow-right:before {display:inline-block;content:'';width:12px;height:21px;background:url(_resources/right-arrow-nav.png) no-repeat center;background-size:12px 21px;}
	/* fixes for the sidebar menu */
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon-arrow-left{}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {width:30px;left:22px;}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon-arrow-left:before {position:relative;left:-2px;background:none;content: '\e914';width:10px;height:10px;}

	
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(1) .ld-button:hover:after  {border-top-left-radius:30px;border-bottom-left-radius:30px;}
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(3) .ld-button:hover:after  {border-top-right-radius:30px;border-bottom-right-radius:30px;}
	.learndash-wrapper .ld-focus-header .ld-button:hover:after {display:none;}
	
	.learndash-wrapper .ld-status-complete {background-color:var(--ld-color) !important;}
	.learndash-wrapper .ld-progress .ld-progress-bar {height:12px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.15);}
	/* CEH edit */
	.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {height:12px;background:var(--ld-color);}
	/* CEH edit */
	.sfwd-courses .post-thumb-img-content {text-align:center;/* REMOVE -> 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);}
	/* CEH edit */
	.learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button {position:relative;padding-right:12px;/* CHANGE -> font-weight:400;font-size:1em;*/font-weight:700;font-size:1.2em;border-radius:4px;background-color:var(--ld-color);display:inline-block;text-align:center;}
	.learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button {line-height:1.35;}
	.learndash-wrapper .ld-focus-header .learndash_mark_complete_button, .learndash-wrapper .ld-focus-header #learndash_mark_complete_button {line-height:1.0;}
	/* CEH edit */
	.learndash-wrapper .learndash_mark_complete_button:hover, .learndash-wrapper #learndash_mark_complete_button:hover {opacity:1;background-color:var(--footer-color);transition:all 0.2s ease;}
	/* CEH edit */
	.learndash-wrapper .ld-focus .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {/* CHANGE -> color:var(--ld-color);color:var(--body-color);*/font-weight:500;}
	.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {color:var(--ld-color);}
	.learndash-wrapper .ld-course-status .ld-status.ld-status-complete {background:var(--ld-color);}
	/* CEH edit - NEW element */
	.learndash-wrapper .ld-focus .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-steps {/*color:var(--body-color);*/}
	
	.content-box.twocol .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-steps {display:none;}
	.content-box.threecol .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-steps {display:none;}

/* 2023v2 Nov 2022 edit */
/* SPECIFIC elements to manage interactive First Aid Kit, migrated from themes > elearnhere-portal > css > legacy.css */
div.interactivefirstaidkit {height:auto;}
/* removes dotted line around active (focus) link */
a.ifaklink:focus {outline:none;}

a.ifaklink:link, a.ifaklink:visited {display:block;float:none;clear:both;width:280px;height:180px;margin:1px auto 13px auto;opacity:1.0;}
a.ifaklink:hover {opacity:0.8;}
.anchorpad {display:block;height:2px;padding:0;margin-bottom:5px;text-align:center;}
@media screen and (min-width:960px){
div.interactivefirstaidkit {display:block;width:853px;height:700px;padding:100px 0 0 3px;margin:10px auto;background:url(_resources/first-aid-box-cutaway-bg-for-pc.png) no-repeat 0 0;}
a.ifaklink:link, a.ifaklink:visited, a.ifaklink:link img, a.ifaklink:visited img{border:none;box-shadow:none;}
a.ifaklink:link, a.ifaklink:visited {display:inline-block;float:left;clear:none;width:280px;height:180px;margin:1px 0 13px 2px;opacity:1.0;}
.anchorpad {margin-bottom:80px;}

}
	
	/* -- START New element - in course buttons */
	.vce-col-inner {width:100%;}
	.vce {margin-bottom:30px;}
	.vce-button--style-basic.vce-button--style-basic--size-medium {font-size:16px;padding:25px 5px;}
	div.major span, div.minor span {display:block;}
	div.major-minor {text-align:center;width:100%;}
	div.major-minor .vce-row-content {display:inline-block;text-align:center;}
	
		a.vce-button--style-basic, button.vce-button--style-basic {background-color:transparent;background-image:none;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;margin:0;max-width:100%;position:relative;text-align:center;text-decoration:none;text-transform:none;font-weight:400;letter-spacing:normal;-webkit-font-smoothing: antialiased;vertical-align:middle; white-space:normal;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;border-radius:0;transition:all .2s ease-in-out;}
	a.vce-button--style-basic.vce-button--style-basic--color-557cbf--b-255-255-255, button.vce-button--style-basic.vce-button--style-basic--color-557cbf--b-255-255-255 {color:#fff;background-color: #557cbf;}
	a.vce-button--style-basic.vce-button--style-basic--color-557cbf--fff:hover, button.vce-button--style-basic.vce-button--style-basic--color-557cbf--fff:hover {color:#fff;background-color:#4d70ac;}
	
	div.major span button {display:block;width:100%;padding:25px 5px;background-color:#1094cb !important;color:#fff !important;}
	div.minor span button {display:block;width:100%;padding:25px 5px;background-color:#1094cb !important;color:#fff !important;opacity:0.50;}
	.vce-button--style-basic-wrapper {display:block;}
	div.major-minor .vce-button--style-basic.vce-button--style-basic--size-medium {padding:25px 5px;color:#fff;background-color:#557cbf;width:100%;}
	
	
	@media (min-width: 768px) {
	.vce-col--md-auto {flex:unset !important;}
	.vce-row--col-gap-30#el-a3eddaf8>.vce-row-content>.vce-col--md-auto {width:45.8% !important;margin-right:2%;margin-left:2%;display:inline-block;}
	
	}
	@media (min-width: 1600px) {
	.vce-col--md-auto {flex:1 1 0 !important;display:flex;}
	div.major-minor .vce-row-content {display:flex;text-align:center;}
	div.major-minor .vce-button--style-basic.vce-button--style-basic--size-medium {padding:25px 5px;color:#fff;background-color:#557cbf;}
	a.vce-button--style-basic.vce-button--style-basic--color-557cbf--fff:hover, button.vce-button--style-basic.vce-button--style-basic--color-557cbf--fff:hover, div.major-minor .vce-button--style-basic.vce-button--style-basic--size-medium:hover {color:#fff;background-color:#4d70ac;}
	.vce-row--col-gap-30#el-a3eddaf8>.vce-row-content>.vce-col--md-auto {width:auto !important;margin-right:1.2%;margin-left:1.2%;display:flex;}
	
	}
	/* -- END New element - in course buttons */
	
	/* -- START New element - thumbnail image row */
	div.thumbnail-row {}
	div.thumbnail-row .vce-text-block-wrapper img.alignleft{display:inline-block;float:none;margin:6px;}
	div.thumbnail-row .vce-row-content .vce-col--md-auto .vce-col-inner .vce-col-content .vce-text-block .vce-text-block-wrapper p {text-align:center;}
	div.thumbnail-row .vce-row-content .vce-col--md-auto .vce-col-inner .vce-col-content .vce-text-block .vce-text-block-wrapper p img.alignleft{display:inline-block;float:none;margin:6px;}
	
	/* -- END New element - thumbnail image row */
	
	/* CEH edit */
	.learndash-wrapper .ld-button.ld-button-transparent {position:relative;font-weight:400;font-size:1em;color:#fff;border-radius:0px;background-color:var(--ld-in-progress-color);/* NEW -> border-top:0px solid var(--ld-in-progress-color);border-bottom:4px solid var(--ld-in-progress-color);*/}
	.learndash-wrapper .ld-button.ld-button-transparent:hover {position:relative;font-weight:400;font-size:1em;color:#fff;border-radius:0px;background-color:var(--ld-in-progress-color);}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action:nth-child(2) .ld-button.ld-button-transparent {background-color:var(--accent-color);}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action:nth-child(2):hover .ld-button.ld-button-transparent {background:var(--footer-color);}
	
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action:last-child form.sfwd-mark-complete {margin:0;background-color:var(--ld-color) !important;}
	
		.learndash-wrapper .ld-content-actions {text-align:center;}
	.learndash-wrapper .ld-content-actions .ld-content-action {width:200px;margin:20px auto;}
	.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action {min-width:200px;width:auto;}
	.learndash-wrapper .ld-content-actions .ld-content-action form.sfwd-mark-complete {/*margin-bottom:12px;*/}
	
	/* CEH edit */
	.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {/*display:block; CHANGE -> */display:none;margin:0;padding:6px;background:#333;font-size:1em;color:#fff;border-radius:4px;}
	.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back:after {content:' Menu';}
	
	/* Styles LearnDash lesson content */
	body.admin-bar .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {margin:0px auto;}
	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {margin:32px auto 0px auto;}
	body.admin-bar .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content {margin:0px auto;}
	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content {margin:32px auto 0px auto;}
	.learndash-wrapper .ld-focus .ld-tab-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery) {list-style:disc outside none;padding-left:0px;width:90%;}
	.learndash-wrapper .ld-focus .ld-tab-content ol:not(.blocks-gallery-grid):not(.wp-block-gallery) {list-style:decimal outside none;padding-left:0px;width:90%;}
	.learndash-wrapper h3{margin-bottom:0.8em;}
	.learndash-wrapper ul, .learndash-wrapper ol {position:relative;color:var(--text-color);}
	.learndash-wrapper ul li, .learndash-wrapper ol li {position:relative;left:20px;line-height:1.3;padding-bottom:12px;font-size:1.2em !important;text-align:left;color:var(--text-color);}
	.learndash-wrapper .wpProQuiz_questionList li {position:relative;left:0px;}
	.learndash-wrapper .end-test-button{text-align:center;padding-top:18px;padding-bottom:18px;}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem {width:96%;}
	
/* Additional styling for "plagiarism" questions march 2022 */
/*body.postid-69596*/ .learndash-wrapper .wpProQuiz_content .wpProQuiz_forms table {display:flex;}
/*body.postid-69596*/ .learndash-wrapper .wpProQuiz_content .wpProQuiz_forms td {padding-right:10px;}
/*body.postid-69596*/ .learndash-wrapper .wpProQuiz_content .wpProQuiz_forms table tr td:first-child {width:unset;display:flex;flex-direction:column;flex:inherit;/*border-top:1px dashed #eef;*/}

/* easy2 AVATAR styling */
.avatar-area {position:relative;margin:auto;width:90%;max-width:360px;height:auto;display:block;}
.content-box-style-area .avatar-area {max-width:100%;}

.avatar-area .avatar-box .instruction {display:none;}
.matt, .Matt {width:270px;height:270px;margin:auto;background-image:url(../elearnhere-portal/_resources/avatar-matt.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 270px;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
.malc, .Malc, .malcs, .Malcs, .malcolm, .Malcolm {width:270px;height:270px;margin:auto;background-image:url(../elearnhere-portal/_resources/avatar-malc.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 270px;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
.natasha, .Natasha {width:270px;height:270px;margin:auto;background-image:url(../elearnhere-portal/_resources/avatar-natasha.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 270px;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
.clarence-bear, .Clarence-bear, .Clarence-Bear, .clarence-Bear {width:270px;height:270px;margin:auto;background-image:url(../elearnhere-portal/_resources/avatar-clarence-bear.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 270px;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
	/* Avatar Speech Bubble */
	.speechbubble {background-color:#999;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);}
	.speechbubble:after, .speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid #999;bottom:-25px;content: '';position:absolute;right:25px;}
	.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	
	.aqua.speechbubble {background-color:#00cdc1;}
	.aqua.speechbubble:after, .aqua.speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid #00cdc1;}
	.aqua.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	
	.teal.speechbubble {background-color:#00aca1;}
	.teal.speechbubble:after, .teal.speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid #00aca1;}
	.teal.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	
	.gold.speechbubble {background-color:#ef9933;}
	.gold.speechbubble:after, .gold.speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid #ef9933;}
	.gold.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	
	.cerise.speechbubble {background-color:#ed007b;}
	.cerise.speechbubble:after, .cerise.speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid #ed007b;}
	.cerise.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	
	.main-colour.speechbubble {background-color:var(--main-color);}
	.main-colour.speechbubble:after, .main-colour.speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid var(--main-color);}
	.main-colour.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	
	.accent-colour.speechbubble {background-color:var(--accent-color);}
	.accent-colour.speechbubble:after, .accent-colour.speechbubble:before {border-bottom:25px solid transparent;border-left:25px solid var(--accent-color);}
	.accent-colour.speechbubble:before {border-left:25px solid hsla(0,0%,0%,.1);bottom:-28px;right:22px;}
	
	@media screen and (min-width: 412px) {
	/* CEH edit */
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action:last-child form.sfwd-mark-complete {border-top:3px solid var(--ld-color);/* border-bottom:3px solid var(--ld-color); CHANGE ->*/border-bottom:3px solid var(--ld-color);}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action:last-child form.sfwd-mark-complete:hover {border-top:3px solid var(--dark-color);/* border-bottom:3px solid var(--ld-color); CHANGE ->*/border-bottom:3px solid var(--dark-color);}
	
	}
	/* CEH edit */
	.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button {color:#fff;border-radius:unset;transition:all 0.2s ease;/* NEW -> used to set header nav buttons back now bottom nav buttons have bold, larger font*/font-size:1em;font-weight:400;}
	/* CEH edit - NEW element -> */ 
	.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button:hover {background:var(--dark-color) !important;transition:all 0.2s ease;}
	
	@media screen and (min-width: 768px) {
	.learndash-wrapper .ld-content-actions {margin:0 auto;}
	/* CEH edit - NEW element -> overrides learndash bootstrap.css to leave 4 col layout until screen width 1024 */ 
	.ld-course-list-items .col-sm-6 {flex:0 0 50%;max-width:50%;}
	
	/* CEH edit */
	.learndash-wrapper .ld-content-actions .ld-content-action {/* min-width:165px;max-width:165px; CHANGE ->*/min-width:200px;max-width:200px;flex:1;}
	/* CEH edit - NEW element to style buttons in the footer actions area */
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(1) .ld-button {border-top-left-radius:30px;border-bottom-left-radius:30px;}
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(1) .ld-button {padding-left:44px;}
	/* 2023v2 Nov 2022 edit */
	/* override setting above to control header action buttons */
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions {width:unset;flex:unset;}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-content-action .ld-button .ld-text {font-size:82%;}
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(1) .ld-button {padding-left:33px;}
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-content-action:nth-child(1) .ld-button {padding-left:26px;}
	
	
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(1) .ld-button:hover {color:#fff;background:var(--footer-color);}
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(3) .ld-button {background:var(--accent-color);border-top-right-radius:30px;border-bottom-right-radius:30px;}
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(3) .ld-button {padding-right:50px;}
	.learndash-wrapper .ld-content-actions .ld-content-action:nth-child(3) .ld-button:hover {color:#fff;background:var(--footer-color);}
	/* CEH edit - NEW element - controls size of focus neader navigation buttons separately from bottom of page buttons */
	.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action {position:relative;min-width:165px;max-width:165px;flex:1;}
	.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action:nth-child(1) .ld-button {border-radius:unset;cursor:pointer;}
	.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action:nth-child(1) .ld-button:hover:after {position:absolute;width:100%;height:100%;content:' ';opacity:0.15;background-color:#fff;cursor:pointer;}
	
	.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {margin:6px 0 0 0;}
	/* CEH edit */
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action:last-child form.sfwd-mark-complete {/*border-top:2px solid var(--ld-color);border-bottom:4px solid var(--ld-color); CHANGE ->*/border-top:none;border-bottom:none;}
	/* CEH edit - NEW element -> */ 
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action:last-child form.sfwd-mark-complete:hover {border-top:none;border-bottom:none;}
	/* Styles LearnDash lesson content */
	.learndash-wrapper .ld-focus .ld-tab-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery), .learndash-wrapper .ld-focus .ld-tab-content ol:not(.blocks-gallery-grid):not(.wp-block-gallery) {padding-left:24px;}
	/* CEH edit */
	.learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button {text-align:left;}

	/* CEH edit */
	.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button {color:#fff;/* NEW -> */border-top:2px solid var(--ld-color);border-bottom:4px solid var(--ld-color);}
	/* CEH edit - NEW element -> */
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action {border-right:4px solid #fff;}
	/* 2023v2 Nov 2022 edit */
	.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action {border-right:1px solid #fff;}
	
	.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button:hover {background:var(--footer-color) !important;border-top:2px solid var(--footer-color);
    border-bottom: 4px solid var(--footer-color);}

}
	
	.learndash-wrapper .sfwd-mark-complete:after, .learndash-wrapper #sfwd-mark-complete:after {display:none;content:'?';font-family:Arial, Helvetica, sans-serif !important;font-size:120%;color:#fff;}
	.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete:after {display:none;content:'?';font-family:Arial, Helvetica, sans-serif !important;font-size:120%;color:#fff;}
	.learndash-wrapper .course_progress .sending_progress_bar{height:12px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.15);background:var(--ld-color);}
	.learndash-wrapper .ld-table-list .ld-table-list-header {flex-direction:unset !important;background:var(--ld-in-progress-color);max-height:12px;}
	.learndash-wrapper .ld-status-icon.ld-quiz-complete {color:var(--ld-color);}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list .ld-table-list-item.learndash-complete .ld-topic-title {color:var(--ld-color);}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list .ld-table-list-item.learndash-complete .ld-topic-title:after {display:inline-block;padding-left:2px;content:'- DONE';color:var(--ld-color);font-weight:bold;}
	.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item.learndash-complete .ld-item-title {color:var(--ld-color);}
	.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item.learndash-complete .ld-item-title:after {display:inline-block;padding-left:2px;content:'- DONE';color:var(--ld-color);font-weight:bold;}
	.learndash-wrapper .ld-table-list .ld-table-list-item.learndash-complete .ld-item-title {color:var(--ld-color);}
	.learndash-wrapper .ld-table-list .ld-table-list-item.learndash-complete .ld-item-title:after {display:inline-block;padding-left:2px;content:'- DONE';color:var(--ld-color);font-weight:bold;}
	.learndash-wrapper .ld-expand-button {background:var(--ld-in-progress-color);}
	/* LD error? the input buttons are tiny on mobile because set to 2% */
	.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList input.wpProQuiz_questionInput {width:auto;}
	
	/* Override for the "Post a comment" link on feedback pages to bring it in open */
	/* Override to reverse the "ld-collapsed" style display none */
	.learndash-wrapper .ld-focus-comments #ld-comments-form.ld-collapsed {display:block;}
	.learndash-wrapper .ld-focus-comments .ld-expand-button.ld-button-alternate {display:none;}
	/*.ld-focus-comments div#ld-comments-post-button span.ld-text {}*/
	
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {background:#fff;}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {border-color:var(--ld-color);}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {background-color:var(--accent-color);font-weight:normal;font-size:1em;margin-right:20px;}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover {background-color:var(--dark-color);font-weight:normal;font-size:1em;}
	/* focus mode styling elements */
	/* CEH edit */ 
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {background:none;/* background-color:var(--dark-color); CHANGE -> */background-color:var(--footer-color);}
	/* CEH edit */ 
/* 	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {background:none;/* background-color:var(--dark-color); CHANGE -> background-color:var(--footer-color)*/;} */

	/* CEH edit */ 
	.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav span {background-color:var(--main-color)}
	/* CEH edit - NEW elements - puts strapline in focus menu area */ 
	.learndash-wrapper .ld-focus .ld-focus-header .ld-progress {position:relative;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
	/* CEH edit - this element shows strapline on both mobile and desktop, so is hidden from desktop further below
	.learndash-wrapper .ld-focus .ld-focus-header .ld-progress:before {content:'Learning made easy';color:#fff;display:inline-block;font-size:120%;position:absolute;left:5px;} */
	
	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {display:none;}
	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar-trigger:before {content:'Menu';color:#fff;position:relative;top:22px;left:3px;font-size:88%;z-index:999;}
	/* LD error? the arrow symbol doesn't change when minimised */
	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar-trigger .ld-icon:before {content: '\e913';}
	
	/* displaying answers */
	body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect {background:none;}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {background:#009900;}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_response {background:#fff;}
	.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {padding:.4em 1.5em;font-weight:normal;font-size:1em;background:var(--ld-in-progress-color);transition:all 0.2s ease;}
	/* 2023v2 Nov 2022 edit */
	.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {padding:1em 1.5em;}
	
	.learndash-wrapper .wpProQuiz_content a:hover#quiz_continue_link {background:var(--dark-color);transition:all 0.2s ease;}
	.learndash-wrapper .wpProQuiz_graded_points, .learndash-wrapper .wpProQuiz_points {background-color:#fff;}
	
	/* 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);}
	.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {background:var(--ld-in-progress-color);}
	.learndash-wrapper .ld-expand-button.ld-button-alternate {color:var(--ld-color);font-weight:normal;}

/* 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:'poppins', sans-serif;color:var(--heading-color);text-align:center;font-size:1.2em;}
	#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:#fff;}
	.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 My Account Orders override --- */
/* --- HIDE Next pagination button, PURPOSE is to limit the history of orders viewable by a Group Leader --- */
div.keep-list-concise div.woocommerce-pagination a.woocommerce-button--next {display:none;}

/* --- HIDE downloads link --- */
div.keep-list-concise .woocommerce-MyAccount-navigation-link--downloads {display:none;}

/* --- HIDE shipping address under "Addresses" --- */
div.keep-list-concise .u-column2.col-2 {display:none;}

/* --- END My Account Orders override ----- */

/* --- START footer area styles --- */
.ast-footer-overlay {padding-top:0.35em;padding-bottom:1em;background-color:var(--footer-color);border-bottom: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;}
/* 2023v2 Nov 2022 edit */
.ast-small-footer-section {display:inline-flex;}

/* --- 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:4vh;min-height:30px;padding-left:20px;padding-right:20px;background-color:var(--footer-color);/*text-align:right;*/}
	.bmh-footer-menu-area span.easy2-accent {color:#febc1f;}
	.menu-main-website {float:left;display:inline-block;height:27px;margin-top:3px;padding-left:25px;background:url(../elearnhere-portal/_resources/home-icon.png) no-repeat 1px 4px;}
	.menu-main-website a:link, .menu-main-website a:visited {color:#ccc;}
	.menu-main-website a:hover {color:#fff;text-shadow:0 0 2px rgba(255,255,255,0.5);}
	/*.menu-chsettings {float:right;display:inline-block;height:27px;margin-top:3px;padding-left:25px;background:url(_resources/settings.png) no-repeat left center;}
	.menu-chsettings a:link, .menu-chsettings a:visited {color:#ccc;}
	.menu-chsettings a:hover {color:#fff;text-shadow:0 0 2px rgba(255,255,255,0.5);}*/
	.menu-powered-by {float:right;/*display:inline-block;*/display:none;height:27px;margin-top:3px;padding-left:25px;background:url(../elearnhere-portal/_resources/easy2training-icon-white-20x20.png) no-repeat 1px 4px;}
	.menu-powered-by a:link, .menu-powered-by a:visited {color:#ccc;}
	.menu-powered-by a:hover {color:#fff;text-shadow:0 0 2px rgba(255,255,255,0.5);}

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

@media screen and (min-width: 360px) {
/* CEH edit */
.site-content {min-height:71vh;/*margin-top:10vh;CHANGE -> */margin-top:90px;}
.content-box.tml-holder {min-height:52vh;}
/* CEH edit - NEW element */
.site-branding:after {font-size:120%;top:30px;}

}

@media screen and (min-width: 412px) {
/* CEH edit */
/* REMOVE -> .site-content {margin-top:66px;}*/
/* CEH edit - NEW element */
.site-branding:after {font-size:133%;}

}

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

}

@media screen and (min-width: 600px) {
.image-left-text-right img {display:inline-block;float:left;clear:none;margin:0 20px 20px 0;max-width:300px;}

}

@media screen and (min-width: 765px) {
body.home #primary{margin:0.6em 0;/*padding:1.5em 0;*/padding: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.6em 0;/*padding:1.5em 0;*/padding:0.5em 0;}

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

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

	/* shows the page title in courses - overrides our hide element above */
	body.sfwd-courses-template-default h1.entry-title {text-align:left;}

}
/* 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) {
/* CEH edit */
.site-logo-img img {/*margin-top:5px;CHANGE -> due to header menus */margin-top:-4px;margin-left:2px;}

/* CEH edit */
.site-content {min-height:76vh;/*margin-top:72px;CHANGE -> */margin-top:90px;}
/* CEH edit */
.sfwd-courses .post-thumb-img-content {text-align:left;padding-left:0px;}
/* CEH edit */
.ld-focus-main .learndash-wrapper {padding:1.25rem;}
/* 2023v2 Nov 2022 edit */
.ld-focus-main .learndash-shortcode-wrap {padding:0;}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-content-action:nth-child(1) .ld-button {padding-left:16px;}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {padding:2em 5em;}

/* column classes - styles content from BeTheme and Muffin Editor - as used in main easy2training site */
.column, .columns {float:left;margin:0 1% 40px;}
.content-box-style-area .column, .content-box-style-area .columns {float:none;margin:0 auto 10px auto;}
.one.column {}
.two-third.column {}
.three-fourth.column {}
.one-second.column {width:48%;}
.one-third.column {width:48%;}
.one-fourth.column {width:48%;}
.one-fifth.column {width:48%;}
.avatar-area.column {float:none;clear:both;width:98%;margin:auto;}

}

@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;}
	
/* column classes - styles content from BeTheme and Muffin Editor - as used in main easy2training site */
.one.column {}
.two-third.column {width:64.666%;}
.three-fourth.column {}
.one-second.column {width:72%;}
.one-third.column {width:31.333%;}
.one-fourth.column {width:23%;}
.one-fifth.column {width:18%;}
.avatar-area.column {width:98%;}
	
}
/* 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) {
.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%;}

.content-box {width:97.6%;margin:0.5em auto;padding:1rem 1.25rem 1rem 1.25rem;}

.content-box-style-area {display:flex;}
.content-box-style-area .column {flex:1;}
.content-box-style-area .avatar-area.column {flex:1;max-width:100%;margin:0 1% 40px;}

	/* moves content box in sidebar up in learndash course and lesson area */
	body.learndash-cpt #secondary .content-box {width:97.6%;margin:0 auto 1.5em auto;}
.box-block {display:flex;}
	/* manages variable two column width layout */
.content-box.twocol {position:relative;display:inline-block;margin-top:24px;width:100%;min-height:80px;flex:1;max-width:47.6%;}
	/* manages variable three column width layout */
.content-box.threecol {position:relative;display:inline-block;margin-top:24px;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%;}
	
	/* CEH edit - NEW element -> overrides learndash bootstrap.css to leave 4 col layout until now */ 
	.ld-course-list-items .col-sm-6 {flex:0 0 25%;max-width:25%;}
	/* CEH edit - NEW elements - overrides position from mobile setting above */
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-wrap {/*position:relative;top:75px;*/}
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress:before {display:none;}
	/* CEH edit - this element shows strapline on desktop only
	.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo a:after {content:'Learning made easy';color:#fff;padding-left:20px;font-size:133%;display:inline-block;position:relative;top:-4px;} */
	/* CEH edit - this element increases font size for strapline on desktop in normal page view (ie NOT LearnDash focus view, this is handled separately) */
	.site-branding:after {display:inline-block;position:absolute;width:280px;font-size:200%;top:24px;}
	
/* column classes - styles content from BeTheme and Muffin Editor - as used in main easy2training site */
.one.column {}
.content-box-style-area .column, .content-box-style-area .columns {float:left;margin:0 1% 40px;}
.two-third.column {width:64.666%;}
.three-fourth.column {}
.one-second.column {width:72%;}
.one-third.column {width:31.333%;}
.one-fourth.column {width:23%;}
.one-fifth.column {width:18%;}
.avatar-area.column {width:98%;}

}

/* 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;}

/* CEH edit - NEW element
.site-logo-img { background:url(_resources/logoarea-bg.png) no-repeat left top;background-size:auto 110px;} */
/* CEH edit */
.site-logo-img img {}

}

@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 > a {color:var(--menu-item-color);}
.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);}

/* CEH edit - NEW element controls width of navigation buttons to centralise them in footer area */
.learndash-wrapper .ld-content-actions {width:75%;}
/* 2023v2 Nov 2022 edit */
/* override setting above to control header action buttons */
.learndash-wrapper .ld-content-actions .ld-content-action {padding:0;}
.learndash-wrapper .ld-content-actions .ld-content-action .ld-button .ld-text {padding:0;}
.learndash-wrapper .ld-button.ld-button-transparent {font-size:unset;}

	/* 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;padding-top:1rem;}
	.login input, .login input#pass1 {width:480px;}

/* homepage decoration - uses a tml-holder like style */
	.content-box.home-decoration {min-height:87px;margin-top:12px;background-position:center;}

/* manages variable two column width layout */
.content-box.twocol {margin:15px auto 5px auto;width:100%;min-height:80px;flex:1;}
/* manages variable three column width layout */
.content-box.threecol {position:relative;display:inline-block;margin:15px auto 5px 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;}

/* column classes - styles content from BeTheme and Muffin Editor - as used in main easy2training site */
.one.column {}
.one-second.column {width:48%;}
.three-fourth.column {width:74%;}
.avatar-area.column {float:right;clear:none;width:23%;}

}

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


}

@media screen and (min-width: 1600px) {
.ast-container {max-width:1440px;}
.content-contained {max-width:1380px;margin:auto;}
/* 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;}

.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;}

}
/* ANIMATIONS */
@keyframes elh-popup_fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes elh-popup_fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


.select2-container .select2-selection--single {
	background-image: none!important;
}

.uo-groups .dataTables_length select {
height: auto;
  margin: 0 5px;
  background-position: right 5px center;
  width: 60px;
  padding: 5px;
}
}

.ld-breadcrumbs {
	display: none!important;
}

.uo-groups-datatable-footer .paginate_button {
	background: #f9fafb;
  border: 1px solid #b7b7b7!important;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 3px 12px;
  white-space: nowrap;
	border-radius: 3px!important;
}

.uo-groups-datatable-footer .paginate_button.current {
	border-color: #ff9655;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #ff9655!important;
  color: #fff!important;
	background: #ff9655!important;
	border: 1px solid #ff9655!important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #fff!important;
}

.learndash-wrapper .ld-focus .ld-tab-content ul:not(.blocks-gallery-grid):not(.wp-block-gallery) {
  list-style: disc outside none;
  padding-left: 0px;
  width: 90%;
}

.learndash-wrapper ul, .learndash-wrapper ol {
	list-style: disc outside none;
  padding-left: 24px;
  width: 90%;
	margin: 1em 0;
}

div.accordion-section input:checked + label + .content li {
	display: list-item;
}

.woocommerce div.product .related.products{
	display: none!important;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1:first-child {
	font-size: 2.6666666666667rem;
}

.tpf-register-form,
.tpf-login-form,
.tpf-lost-password-form,
.tml-resetpass {
	max-width: 60%;
	margin: auto;
	border: 1px solid #c3c3c3;
	border-radius: 6px;
	padding: 40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 580px) {
	.tpf-register-form,
.tpf-login-form,
	.tpf-lost-password-form,
	.tml-resetpass {
		max-width: 90%;
	}
}


.tpf-register-form h3,
.tpf-loin-form h3, 
.tpf-lost-password-form h3 {
	font-size: 1.5em;
	text-transform: uppercase;
}

.tpf-register-form h4,
.tpf-login-form h4,
.tpf-lost-password-form h4 {
	font-size: 1.2em;
	margin-bottom: 5px;
}

.tpf-register-form .tml-links,
.tpf-login-form .tml-links,
.tpf-lost-password-form .tml-links {
	list-style: none;
}

.tml-button {
	background: #f0844f;
	color: white;
	padding: 5px 10px;
}

.tml-links a {
	color: #f0844f;
	text-decoration: underline;
}


.learndash-wrapper a {
	color: #f0844f;
}

.learndash-wrapper a:hover {
	text-decoration: underline;
}

.learndash-wrapper .ld-content-actions > a {
	font-size: 14px;
}

.content-box h2,
.entry-content h2 {
	color: #f0844f;
}

.return-to-cart {
    margin-bottom: 20px;
}
.return-to-cart a {
    text-decoration: none;
}

.ld-table-list-title .ld-item-icon:after {
    content: 'Complete Quiz Below' !important;
	font-size: 18px;
}

.ld-table-list-title .ld-text {
    display: none;
}

.progress-toast {
    position: fixed;
    bottom: 10%;
    right: 20px;
    background-color: #4CAF50;
    color: white;
    padding: 15px 25px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    z-index: 9999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.progress-toast.show {
    visibility: visible;
    opacity: 1;
}

.return-to-cart a {
	background: #3cc0f0;
	padding: 10px;
	color: white;
	font-weight: bold;
	margin-bottom: 40px;
}

/* UPDATE - 20-8-25 */
#group-management-header__selector .uo-select {
    width: 100%;
}
.uo-groups .uo-groups-selector .uo-select button, .uo-groups .uo-groups-selector .uo-select select,
.uo-groups .uo-groups-selector .uo-select {
	width:100%;
}
#group-management-header__selector .uo-select .select2-container {
    width: 100% !important;
    box-sizing: border-box;
}

#group-management-header__selector .uo-select .select2-selection {
    width: 100%;
}

/* Update code */
input#send_enrollment,
input#send_enrollment + .uo-radio-checkmark,
label[for="send_enrollment"] {
    display: none;
}


.woocommerce-MyAccount-store-credit th.woocommerce-store-credit-actions,
.woocommerce-MyAccount-store-credit td.woocommerce-store-credit-actions{
	display: none;
}

.password-input {
  display: block;
  position: relative;
}

.password-input input {
	position:relative;
	z-index: 0;
}

.show-password-input {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 45px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgba(255,255,255,.4);
	z-index: 999;
	background: #cdcdcd;
}

.show-password-input::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eye-icon lucide-eye'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wc-smart-coupons {
	display:none;
}