.ui-widget, .featherlight {
	font-family: 'Montserrat';
}

.screen-reader-text {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

p {
	padding: 0;
	margin: 0 0 1.618em;
}

hr {
	margin:3em 0;
	clear:both;
}


.intro-inner {
		padding: 3rem 0;
}
.entry-summary {
		margin: 0 0 0em;
}

input[type="submit"]:disabled,
input[type="submit"].disabled {
	opacity:0.5;
}

.no-widgets-sidebar .posts .entry {
	background:#FFFCFB;
	border-color: darkgrey;
	border-style: solid;
	border-width: thin;
}

html :where(img[class*="wp-image-"]) {
	height: auto;
	max-width: 100%; 
}

audio, embed, iframe, img, object, video {
	max-width: 100%;
	vertical-align: middle;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: unset;
}

/******** Start of content that was in custom-frontend-code-css-inline-css ****/


.ui-state-default {background:whitesmoke;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:black;}

.squelch-taas-toggle .ui-accordion-header, .squelch-taas-accordion .ui-accordion-header {
	font-weight:normal;
	font-size:20px;
}


.ui-widget-header {
	border: 0px solid #aaa;
	background: url(images/ui-bg_highlight-soft_75_cccccc_1x1002.png) 50% 50% repeat-x;
	color: #222;
	font-weight: bold;
	border-bottom: 1px solid;
}

.ui-widget {font-size: 1em;}
.ui-widget-content {background: inherit;}

/******** Start of content that was in child theme ****/

.intro-special {
	display:none;
}

.entry-meta .byline, .entry-meta .cat-links, .tags-links { display: none; }
.entry-meta .posted-on { display: none; }

.posts-layout-list .type-post .entry-meta-element { display: none; }

.posts-layout-list .type-post .entry-content {
	float:left;
	width:100%;
}
/* Ninja forms display */
.ninja-forms-req-symbol {
		display:none;
}
.nf-form-content {
	max-width:700px !important;
	margin:0px !important;
}



.iframe-lightbox .content-holder {
	width:calc(100% - 60px) !important;
}

.iframe-lightbox .content-holder > .content {
	margin-top:30px;
}

.iframe-lightbox .content-holder:before, .iframe-lightbox .content-holder:after {
	height:30px;
	top:0;
	position:absolute;
	background:red;
	padding:6px;
	font-size:11px;
	color:#fff;
	box-sizing: border-box;
}



.iframe-lightbox .content-holder:before {
	width:100%;
	padding-right:140px;
	content:'WARNING: No interactions will be recorded - please login directly if using with student.';
	background:#C00000;
	left:0;

}

.iframe-lightbox .content-holder:after {
	width:140px;
	padding-right:20px;
	content:'Switch back';
	background:var(--primary-100);
	cursor:pointer;
	text-align:center;
	right:0;
}


.iframe-lightbox .btn-close {
	background-color:var(--primary-100);
	/* background-color:red; */
	padding:20px;
	border-radius:50%;
}


.iframe-lightbox .btn-close::before, .iframe-lightbox .btn-close::after {
	top:7px;
	left:19px;
	right:unset;
}

/*.squelch-taas-accordion {
	margin-bottom: 2em;
}*/

.squelch-taas-accordion ol {
	margin-bottom: 0;
}


/*

	These CSS codes generated by YellowPencil Editor.
	https://yellowpencil.waspthemes.com


	T A B L E   O F   C O N T E N T S
	........................................................................

	01. Post Template
	02. Page Template
	03. Search Page
	04. Course Template
	05. "Homepage" Page

*/



/*-----------------------------------------------*/
/*  Post Template                                */
/*-----------------------------------------------*/
body.single-post #wp-custom-header img{
	display:none;
}

body.single-post #main article{
	position:relative;
}


/* Intro */
#intro{
	background-position-y:16%;
	background-repeat:repeat;
	color:rgb(83, 83, 84);
	background-position-x:45%;
	background-size:cover;
	box-shadow:none;
}

/* Post Title */
#intro h1{
	padding-left:35px;
	padding-right:14px;
	padding-top:14px;
	padding-bottom:14px;
	box-shadow:0px 5px 0px 0px #000000;
	color:#000000;
	border-top-left-radius:50px;
	border-bottom-right-radius:50px;
}



/* List item */
.hentry ul .responsive-tabs__list__item--active{
	color:#ffffff;
}

/* List Item */
.responsive-tabs ul li{
	color:#000000 !important;
}


/*-----------------------------------------------*/
/*  Page Template                                */
/*-----------------------------------------------*/
body.page:not(.home) #wp-custom-header img{
	display:none;
}

body.page:not(.home) #intro{
	display:none;
}

body.page:not(.home) #masthead .site-header-content{
	border-style:none;
}



/*-----------------------------------------------*/
/*  Search Page                                  */
/*-----------------------------------------------*/
body.search #intro {
	display:none;
}

body.search #masthead .site-header-content{
	border-style:none;
}


/*-----------------------------------------------*/
/*  "Homepage" Page                              */
/*-----------------------------------------------*/
body.page-id-102 #intro-container .intro-special{
	visibility:hidden;
}

body.page-id-102 #intro-container{
	border-bottom-style:none;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	max-height:0px;
}


/* Style the list */
ul.breadcrumb {
padding: 0;
list-style: none;
margin:0;
display:inline-block;
}

/* Display list items side by side */
ul.breadcrumb li {
display: inline;
/*font-size: 18px;*/
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
padding: 8px;
top:-2px;
position:relative;
color: black;
content: "»";
}


.custom_tpg .rt-holder:hover .rt-detail {
background:var(--primary-100) !important;
}
.custom_tpg .rt-holder .rt-detail h3 {
transition:all 0.3s ease-out 0s;
}

.custom_tpg .rt-holder:hover .rt-detail h3 {
color:#fff;
}

.posts-list .entry-text {
	padding:1em;
}


 .posts-list .entry {
	padding:0;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	border:0;
	transition: all 200ms ease-out 0s;
	position: relative;

}

.posts-list {
	padding-bottom:40px;
}

.posts-list a.entry {
	transform: scale(1);
	color:#444;
}

.posts-list:not(.dragging) a.entry:not(.is-locked):hover,
.posts-list:not(.dragging) a.entry:not(.is-locked):focus-visible {
	transform: scale(1.05);
	background:var(--primary-10);
	color: var(--primary-100);
}

.posts-list.subjects-list a {
	color: var(--primary-100);
}

.posts-list.subjects-list a.entry:hover,
.posts-list.subjects-list a.entry:focus-visible {
	background:var(--primary-100);
	color:white;
}


.posts-list .entry-media {
	margin: 0;
}

.posts-list .entry-header h2 {
	font-size:1.8em;
	margin:0;
	padding:0
}

.posts-list.subjects-list h2 {
	text-align:center;
	padding:0.5em 0;
}


@media (max-width:720px){
	.posts-list .entry-header h2 {
		font-size:1.2em;
		padding:0;
	}
}


.posts-list .entry-content {
	margin-top:1em;
	font-size:1.1em;
}

.posts-list a {
	text-decoration:none;
}

/*.posts a:hover .entry-header h2 {
	color:#ffffff;
}*/


.alm-reveal {
	width:100%;
	display:flex;
	flex-wrap: wrap;
}

 .posts .subject-entry  .post-thumbnail {
	overflow: hidden;
}



.alm-results-text-virtle {
	margin-bottom:20px;
}

.site-main .search-form  {
	margin-bottom:20px;
}

#qm-wrapper {
	padding-right:15px !important;
}

.search-results .site-main .search-form, .search-results .site-main form[role="search"] {
	max-width:unset;
}

.site-main .search-form input[type="search"], .site-main form[role="search"] input[type="search"] {
	font-size:50px;
	color:#666;
	padding:0.2em;
	font-weight:bold;
}

.site .search-form::before, .site form[role="search"]::before {
	font-size:3rem;
	width:3rem;
	right:20px;
	top:3px;
	height:auto;
	margin:0;
}

.site .fl-builder-content .fl-module .search-form [type="submit"], .site .fl-builder-content .fl-module .search-form [type="submit"]:active, .site .fl-builder-content .fl-module .search-form [type="submit"]:focus, .site .fl-builder-content .fl-module .search-form [type="submit"]:hover, .site .fl-builder-content .fl-module form[role="search"] [type="submit"], .site .fl-builder-content .fl-module form[role="search"] [type="submit"]:active, .site .fl-builder-content .fl-module form[role="search"] [type="submit"]:focus, .site .fl-builder-content .fl-module form[role="search"] [type="submit"]:hover, .site .search-form .search-submit, .site .search-form .search-submit:active, .site .search-form .search-submit:focus, .site .search-form .search-submit:hover, .site .search-form [type="submit"], .site .search-form [type="submit"]:active, .site .search-form [type="submit"]:focus, .site .search-form [type="submit"]:hover, .site form[role="search"] .search-submit, .site form[role="search"] .search-submit:active, .site form[role="search"] .search-submit:focus, .site form[role="search"] .search-submit:hover, .site form[role="search"] [type="submit"], .site form[role="search"] [type="submit"]:active, .site form[role="search"] [type="submit"]:focus, .site form[role="search"] [type="submit"]:hover {
	width:calc(3rem + 20px);
}

img.size-virtle-thumb {
	width:100%;
	height:auto;
}

/*  .posts-list:not(.subjects-list) .entry {
	float:left;
} */

/*  .posts-list:not(.subjects-list) .entry:nth-child(4n) {
	clear:left;
} */


/****** START CSS DUMP FROM SITE *******/

.squelch-taas-toggle .ui-accordion-header, .squelch-taas-accordion .ui-accordion-header {
	font-size:1.2em;
}
select option {
	background:#fff;
	color:#000
}

:disabled, [aria-disabled=true], [disabled] {
	cursor:default;
	pointer-events:none;
}

.wp-caption-text {
	text-transform: initial;
}
.isc_image_list_box {
	padding:2em 0;
	background-color:beige;
}


.isc_image_list_box ul {
	margin-bottom:0;
}


/* Entry summary */
#intro .entry-summary{
	font-size: 1.382em;
	width:100%;
	max-width:100%;
	color:#000000;

	background-color:#ffffff;
	padding-left:37px;
	padding-right:37px;
	padding-top:15px;
	padding-bottom:15px;

	border-top-right-radius:50px;
	border-bottom-left-radius:50px;

}

@media (min-width:1280px){

	/* Post Title */
	#intro h1{
		width:100%;
	}

}
.page-header.intro-container{
	display:none;
}

.course-price, .meta-item-level, .meta-item-duration, .meta-item-student, .course-instructor {
	display:none;
}

.search-courses {
	display:none;
}

/*.lp-courses-bar, .search-courses{
	 display:none;
}*/

.course-item.has-status.status-completed{
	color:green !important;
}
.course-item.has-status.item-failed{
	color:red !important;
}
.course-item-status{
	color:white !important;
}



/*Learn Press Lesson Template Design Changes*/
.intro-media{
	display:none;
}
body.single-lp_course #intro{
	display:none;
}
html {
	overflow: visible !important;
}

#popup-course {
	position: relative !important;
	flex-wrap: wrap;
}

#popup-course > div {
	position: relative;
	flex-basis: 100%;
}

#popup-course #popup-header {
	position: absolute !important;
}

#popup-course #popup-content {
	flex-basis: calc(100% - 475px) !important;
}

#popup-course #popup-footer {
	position: absolute !important;
}


.button-left.fixed{
	position: relative !important;
}



/* Entry Header
#intro-container{
	visibility:visible;
	display:none;
}*/

/* Label */
.course-meta-primary .meta-item label{
	color:#ffffff !important;
}

/* Label */
.learn-press-nav-tabs .course-nav-tab-instructor label{
	visibility:visible;
}

/* List item */
#learn-press-course-tabs .learn-press-nav-tabs .course-nav-tab-instructor{
	display:none;
}

/* Meta item */
.course-meta-secondary .meta-item:nth-child(2){
	visibility:visible;
	display:none !important;
}

/* Meta item */
.course-meta-secondary .meta-item:nth-child(1){
	display:none !important;
}

/* Span Tag */
.course-meta-primary a span{
	visibility:visible;
	display:none;
}

/* Label */
.course-meta-primary .meta-item:nth-child(1) label{
	display:none;
}

/* Paragraph */
#learn-press-course-description p{
	color:#000000 !important;
	font-size:1em !important;
}

/* Course time row */
.course-sidebar-preview .course-time .course-time-row:nth-child(2){
	display:none !important;
}

/* Meta item */
.course-meta-secondary .meta-item:nth-child(5){
	display:none !important;
}

/* Item meta */
#section-roots-10 .course-item .item-meta:nth-child(1){
	background-color:rgb(113,0,226) !important;
	color:#ffffff !important;
}

/* Item meta */
#section-quizzes-11 .course-item .item-meta:nth-child(1){
	background-color:rgb(113,0,226) !important;
}

/* Item meta */
#section-quizzes-11 .course-item .item-meta:nth-child(2){
	background-color:#686868 !important;
}

/* Meta item */
.course-meta-primary .meta-item:nth-child(1){
	display:none !important;
}

/* Span Tag */
#section-quizzes-11 .course-item-meta span{
	color:#ffffff !important;
}

/* Sidebar toggle */
#sidebar-toggle{
	background-color:rgb(113,0,226) !important;
}

/* Paragraph */
#popup-course .lesson-description p{
	color:#000000 !important;
}

/* Content item wrap */
#learn-press-content-item .content-item-wrap{
	padding-left:11px !important;
}


.wrapper-profile-header{
	display:none;
}
#learn-press-profile, #profile-content {
	padding-top:0px!important;
}

h5.section-title {
	text-transform:none!important;
	line-height:1.3!important;
}

#learn-press-content-item, .content-item-wrap{
	width:90%!important;
}


/* Paragraph */
#popup-course .lesson-description p{
	font-size:1.1em !important;
	font-weight:400 !important;
}
/* Input */
.rt-filter-wrap .rt-search-filter-wrap input[type=text]{
	padding-right:0px;
	padding-bottom:13px;
	width:100%;
	margin-right:200px;
	font-size:99px;
	box-shadow:none;
	border-style:none;
	border-bottom-style:solid;
	border-width:2px;
}

/* Division */
.hentry .rt-layout-filter-container{
	max-width:100%;
}

/* Image */
.rt-search-filter-wrap .rt-action img{
	min-width:67px;
	min-height:125px;
	position:relative;
	top:22px;
	left:-7px;
}

/* Loadmore action */
.hentry .rt-pagination-wrap .rt-loadmore-action {
	background-color:rgb(113,0,226);
}

.h5p-iframe-wrapper {
	border: solid;
	border-color: lightgray;
	border-radius: 5px;
	border-width: thin;
	padding: 1em;
	box-sizing:border-box;
/*  display:inline-block;*/

}

 iframe.h5p-iframe {
	border:0;
	padding:0;

}

.wp-caption {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding: 0;
	margin: 0 auto 1.618em;
	text-align: center;
	background: transparent;
	overflow: hidden;
}

.wp-caption-text {
	font-size:0.85em;
	font-style:italic;
	padding:1em 0 0 ;

}


/******** End of content that was in child theme ****/


.posts-list .type-post.has-icon .entry-content {
	padding-right:40px;
}

.posts-list .type-post.has-icon .icon {
	position: absolute;
	right:12px;
	bottom:12px;
	height:25px;
	width:25px;
	background-repeat:no-repeat;
	background-size:contain;
	content:'';
}

.posts-list .type-post.is-viewed {
	background-color: #F3F7EF !important;
}

.posts-list .type-post.is-viewed .icon {
	height:40px;
	width:40px;
	background-image:url('../images/viewed-tick.svg');
}

.posts-list .type-post.is-saved {
	background-color: #d8e8e1 !important;
}

.posts-list .type-post.is-saved .icon {
	background-image:url('../images/bookmark-filled.svg');
}

.posts-list .type-post.is-recommended {
	background-color: #fff9dd !important;
}

.posts-list .type-post.is-recommended .icon {
	background-image:url('../images/star-icon-full.svg');
	
}


.posts-list .type-post.is-new .entry-media:after {
	position: absolute;
	top: 8px;
	left: -35px;
	background: red;
	width: 130px;
	text-align: center;
	content: 'New';
	color: #fff;
	transform: rotate(-37deg);
	line-height: 1;
	padding: 5px 0 7px;
	font-size: 18px;
}
.posts-list .entry-media {
	position:relative;
	overflow: hidden;
}

.posts-list .type-course.is-locked .entry-media:after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='5.22474 5.22474 37.550522 37.550522' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 42.77526 24 C 42.77526 34.36929 34.36929 42.77526 24 42.77526 C 13.63071 42.77526 5.22474 34.36929 5.22474 24 C 5.22474 13.63071 13.63071 5.22474 24 5.22474 C 34.36929 5.22474 42.77526 13.63071 42.77526 24 Z M 30.7185 22.453 L 30.7185 19.722 C 30.7185 16.019 27.6985 13 23.9985 13 C 20.2955 13 17.2785 16.02 17.2785 19.722 L 17.2785 22.453 C 16.7485 22.563 16.3495 23.034 16.3495 23.597 L 16.3495 33.83 C 16.3495 34.475 16.8735 35 17.5195 35 L 30.4805 35 C 31.1255 35 31.6505 34.476 31.6505 33.83 L 31.6505 23.597 C 31.6505 23.034 31.2505 22.565 30.7215 22.453 Z M 25.5705 31.175 C 25.5945 31.301 25.5085 31.404 25.3795 31.404 L 22.6515 31.404 C 22.5235 31.404 22.4375 31.3 22.4605 31.175 L 22.8945 28.873 C 22.5665 28.572 22.3595 28.142 22.3595 27.661 C 22.3595 26.755 23.0945 26.02 24.0005 26.02 C 24.9065 26.02 25.6415 26.753 25.6415 27.661 C 25.6415 28.128 25.4455 28.55 25.1315 28.849 Z M 28.3825 22.427 L 19.6165 22.427 L 19.6165 19.721 C 19.6165 17.303 21.5835 15.338 23.9995 15.338 C 26.4155 15.338 28.3825 17.305 28.3825 19.721 Z' style='stroke-miterlimit: 1; stroke-width: 0px; stroke: rgb(67, 169, 254); paint-order: fill; fill: rgb(67, 169, 254);'/%3E%3Cpath d='M 30.718499 22.453 L 30.718499 19.722 C 30.718499 16.019 27.698499 13 23.998499 13 C 20.295499 13 17.278499 16.02 17.278499 19.722 L 17.278499 22.453 C 16.748499 22.563 16.349499 23.034 16.349499 23.597 L 16.349499 33.83 C 16.349499 34.475 16.873499 35 17.519499 35 L 30.480499 35 C 31.125499 35 31.650499 34.476 31.650499 33.83 L 31.650499 23.597 C 31.650499 23.034 31.250499 22.565 30.721499 22.453 M 25.570499 31.175 C 25.594499 31.301 25.508499 31.404 25.379499 31.404 L 22.651499 31.404 C 22.523499 31.404 22.437499 31.3 22.460499 31.175 L 22.894499 28.873 C 22.566499 28.572 22.359499 28.142 22.359499 27.661 C 22.359499 26.755 23.094499 26.02 24.000499 26.02 C 24.906499 26.02 25.641499 26.753 25.641499 27.661 C 25.641499 28.128 25.445499 28.55 25.131499 28.849 Z M 28.382499 22.427 L 19.616499 22.427 L 19.616499 19.721 C 19.616499 17.303 21.583499 15.338 23.999499 15.338 C 26.415499 15.338 28.382499 17.305 28.382499 19.721 Z' style='fill: rgb(255, 255, 255); fill-opacity: 0.95;'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:center;
	background-size:80px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	z-index:10;
}

.posts-list .type-course.is-locked:after {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(220, 220, 220,0.5);
	content: '';
}

/*article.type-course.is-locked .link-more {
	display:none;
}*/


#bookmarks-page h3, #bookmarks-page ul {
	margin-bottom:20px;
}

.linear-block-items .progress-holder {
	position:absolute;
	height:10px;
	background: var(--primary-10);
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
	top:0;
	left:0;
	right:0;
}

.linear-block-items .progress-tracker {
	background: var(--primary-100);
	height:100%;
}

.linear-block-items .progress-text {
	position:absolute;
	right:-90px;
	top:-6px;
	font-size:12px;
	color:var(--primary-100);
}

.linear-list #ajax-load-more {
	opacity: 1 !important;
}

.linear-list .linear-block-items button::before {
	content: "";
	display: block;
	width:100%;
	height:100%;
	position: relative;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	top:0;
}

.linear-list.saved .linear-block-items button::before {
	background-image:url('../images/delete_icon_white.png');
}

.linear-list.recommended .alm-load-more-btn.done,
.linear-list.saved .alm-load-more-btn.done {
	display: none;
}

.linear-list.saved .linear-block-items button:hover {
	background:var(--secondary-100);
}

.linear-block-items {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}

.linear-block-item {
	position: relative;
	margin-bottom:30px;
	box-shadow: 1px 1px 10px 4px rgba(0, 0, 0, 0.2);
}

.linear-block-item .content h3 {
	font-size:26px;
	margin-top:0;
	margin-bottom:0.25em;
	line-height:1.2;
}

.linear-block-item .saved-date {
	font-size:12px;
	margin-top:7px;
}

.linear-block-item:not(.wrapped-link), .linear-block-item.wrapped-link a {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap:15px;
	margin-bottom:0;
	padding:10px;
}

@media (max-width:550px) {
	.linear-block-item:not(.wrapped-link), .linear-block-item.wrapped-link a {
		grid-template-columns: 120px 1fr;
	}
}

.glider.courses .linear-block-item .links a:first-child {
	min-width:140px;
}

.glider.courses .glider-track {
	align-items: start;
	transition: height 0.2s ease-in-out;
}

.glider.courses .linear-block-item {
	margin:0 0.4em;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
/*	grid-template-columns: 140px 1fr;*/
	padding-top:20px;
/*	align-content: start;*/
}

.glider.courses .linear-block-item .links a {
	font-size:0.9em;
	padding:0.5em; 

}

/*@media (max-width: 600px) { 
	.glider.courses .linear-block-item {
		display:flex;
		flex-direction: column;
	}

	.glider.courses .linear-block-item .links a {
		font-size:12px;
	}

	.glider.courses .linear-block-item .links a:first-child {
		min-width: unset;
	}
}*/

/*.glider.courses .linear-block-item h3 {
	font-size:19px;
}

.glider.courses .linear-block-item .content {
	font-size:15px;
}
*/

/*.glider.courses .linear-block-item .thumb,
.glider.courses .linear-block-item .content { 
	grid-area: unset;

}

.glider.courses .linear-block-item .links {
	grid-column-start: 1;
	grid-column-end: 3;
}

*/


.my-courses-items .linear-block-item {
	padding:25px 15px 15px;
}


.linear-block-item.wrapped-link, .linear-block-item.wrapped-link a {
	transition: all 0.2s ease-in;
}

.linear-block-item.wrapped-link a {
	text-decoration:none;
	box-sizing: border-box;
}


.linear-block-items .wrapped-link:hover {
	transform:scale(1.02);
	
}

.linear-block-items .wrapped-link:hover {
	background-color: var(--primary-10);
}

.linear-block-item:not(:last-child) {
	margin-bottom:30px;
}

.linear-list.recommended .alm-load-more-btn {
	background: #fdc803;
	color: #000;
}

/*.virtle-list-wrap li a {
	padding:10px;
	box-sizing:border-box;
}*/


.linear-list .linear-block-items .button-holder {
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:36px;
	box-sizing: border-box;
}

.linear-list .linear-block-items button {
	border-radius:0;
	width:100%;
	height: 100%;
	padding:0;
}

.linear-list.recommended.needs-rating .linear-block-items .button-holder,
.linear-list.recommended.not-viewed .linear-block-items .button-holder {
	width:190px;
	padding: 10px;
	display:flex;
	align-items: start;
	box-sizing: border-box;
}


.linear-list .linear-block-items a {
	width:calc(100% - 36px);
}

.linear-list.recommended .linear-block-item {
	background: #fffdf3;
	opacity: 1 !important;
}

.linear-list.recommended .linear-block-item a {
	color:#444;
}

.linear-list.recommended .linear-block-items button,
.linear-list.recommended .linear-block-items a.button {
	background-color:#e6b70b;
	color:#fff;
}

.linear-list.recommended .linear-block-items button:hover,
.linear-list.recommended .linear-block-items a.button:hover {
	background-color:#fdc803;
}

.linear-list.recommended .linear-block-item.has-rating button:before {
	background-image:url('../images/tick-icon.svg');
}

.linear-list.recommended .linear-block-item.not-viewed .button-holder,
.linear-list.recommended .linear-block-item.needs-rating .button-holder {
	width:190px;
	padding:10px;
}

.linear-list.recommended .linear-block-item.needs-rating > a,
.linear-list.recommended .linear-block-item.not-viewed > a {
	width:calc(100% - 190px);
}

@media (max-width:700px) {
	.linear-list.recommended .linear-block-item.needs-rating .button-holder {
		position:relative;
		padding-top:0;
		width:100%;
	}

	.linear-list.recommended .linear-block-item.needs-rating .button-holder button {
		padding:7px;
		font-size:0.9em;
	}

	.linear-list.recommended .linear-block-item.needs-rating .button-holder button span {
		margin-top:0;
		font-size:1em;
	}

	.linear-list.recommended .linear-block-item.needs-rating a {
		width:100%;
	}

}


.linear-list.recommended .linear-block-item.needs-rating button,
.linear-list.recommended .linear-block-item.not-viewed a.button {
	border-radius:5px;
	font-size:1em;
	display: inline-block;
	height: auto;
	padding:10px;
	width:100%;
	text-align: center;
}

.linear-list.recommended .linear-block-item.needs-rating button::before {
	display:none;
}

.linear-list.recommended .linear-block-item.needs-rating button span {
	font-size:0.8em;
	display:inline-block;
	margin-top:6px;
}



.linear-block-item .thumb {
	/*   grid-row-start / grid-column-start / grid-row-end / grid-column-end  */
	grid-area: 1 / 1 / 3 / 2;
}

.linear-block-item .content {
	font-size:16px;
	grid-area: 1 / 2 / 2 / 3;
}

.linear-block-item .links {
	display:flex;
	gap:10px;
	width:100%;
	grid-area: 2 / 2 / 3 / 3;
}

.linear-block-item .links a {
	padding:0.7em;
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
	background: var(--primary-20);
	color:#000;
	text-decoration: none;
	font-weight:600;
	border-radius:4px;
}

.linear-block-item .support-details {
	margin-top:6px;
	color:#333;
	font-weight:bold;
}


.linear-block-item .links a:hover {
	color:#fff;
	background: var(--primary-100);
}

.linear-block-item .links a:first-child {
	flex-basis:30%;
}

.linear-block-item .links a:last-child {
	flex-basis:70%;
}

.linear-block-item .links a:only-child {
	flex-basis:100%;
}


.linear-block-item .links a:first-child:not(:last-child):not(:hover) {
	background:#ccc;
}



.linear-block-item .thumb img {
	margin:0 !important;
}

.linear-block-item a, .linear-block-item a h3 {
	transition:all 0.15s ease-out 0s, top 1ms;
}




@media (max-width:800px){

	.linear-block-item .content h3 {
		font-size:20px;
	}

}

@media (max-width:600px) {

	.linear-block-item, .virtle-list-wrap li a {
		grid-template-columns: 140px 1fr;
	}

	.linear-block-item .thumb {
		grid-row-end: 2;
	}

	.linear-block-item .links {
		/*   grid-row-start / grid-column-start / grid-row-end / grid-column-end  */
		grid-column-start: 1;
	}

}



.tabs .tabs-list {
	list-style:none;
	margin:0px;
	padding:0px;
	border-bottom:3px solid var(--primary-100);
	display:flex;
	gap:6px;
}

.tabs .tabs-list li {
	margin:0;
	padding:0;
	text-align: center;
	background-color:none;
	color:black;
	border-radius:5px 5px 0 0;
	transition:all 0.15s ease-out 0s;
	background-color:#eee;
	font-size:1.1em;
}

.tabs .tabs-list li.hidden {
	display:none;
}

.tabs .tabs-list li:not(.fake-tab) {
	min-width:120px;
}

.tabs .tabs-list li.active {
	background-color: var(--primary-100);
	color:#fff;
}

.tabs .tabs-list li a {
	text-decoration: none;
	padding:0.6em 0.9em;
	display:block;
	font-weight:600;
}

.tabs .tabs-list li:not(.active) a:hover {
	text-decoration: underline;
}

.tabs .tabs-list li.active a {
	text-decoration:none;
	color:#fff;
}

.tabs .tabs-list li.fake-tab {
	background: transparent;
	padding:0 10px;
}

.tabs .tabs-content {
	clear:both;
	transition: height 0.4s ease-out 0s;
}

.tabs {
	transition: width 0.4s ease-out 0s;
}

.tabs .tabs-content .tab:not(.active) {
	display:none;
}

.tabs .tab-padding {
	padding:15px 5px 0;
}

/*#sl_mapping form {
	padding:16px 0;
}
*/

#sl_mapping .sl-map {
	min-height:210px;
}

#sl_mapping .tabs .tabs-list li {
	width:auto;
	display:flex;
	align-items:center;
}

#sl_mapping .tabs .tabs-content {
	border: 1px solid var(--primary-100);
	background: var(--primary-10)
}

#sl_mapping .tabs .tab-padding {
	padding:10px;
}

#sl_mapping [data-tabs-toggler="\#each-topic"] .tab-padding {
	padding:12px;
}


select[multiple] {
	background:inherit;
}


/* media query */
@media screen and (max-width:360px){
	.tabs{
		margin:0;
		width:96%;
	}
	.tabs .tabs-list li {
		width:100px;
		font-size: 1em;
	}
}

.alm-no-result, .alm-empty-text-virtle {
	padding: 20px;
	text-align: center;
	font-size:20px;
	margin:0 auto;
}

.alm-empty-text-virtle.hidden {
	display:none;
}

.message {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	scroll-margin-top: 100px
}

.message.success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.message.error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.message.info {
	color: #333;
	background-color: #feffed;
	line-height:1.4;
	border:2px dashed #666;
	font-weight:500;
	margin-bottom:2em;
	font-size:1.1em;
}

.message.info.alt {
	background:#73d7fd;
	color:#2b2d30;
	border:0;
}


.message.info.has-icon {
	display:flex;
	align-items: stretch;
	gap:1em;
}

.message.info.has-icon:before {
	content:'';
	flex:0 0 40px;
	background: url('../images/info-icon.svg') center center no-repeat;
	background-size:contain;
}

.message.processing {
	/*	background: #bee0d3;*/
	background-color: #ffeefb;
	border-color: #dbb7d6;
}



.message.warning {
	background-color:#FFF2EA;
	border:2px dashed #FF731F;
	color:#444 !important;
}

.message.warning.has-icon:before {
	width:22px;
	background-image: url('../images/warning-2.svg');
}

.message.full-width.has-icon {
	display:flex
}

.engagement-badge.blue-1 {
	background:#9fc7ea;
}

.engagement-badge.white-1 {
	background:#fff;
}

.engagement-badge.grey-1 {
	background:#5e5e5e;
}

.engagement-badge.orange-1 {
	background:#ffcb6a;
}

.dashboard-holder table.all-student-stats .banner.green-1,
.engagement-badge.green-1, .engagement-progress-bar.green-1 {
	background: #56bf54;
}

.engagement-badge.green-1, .engagement-progress-bar.green-1,
.engagement-badge.orange-1, .engagement-badge.blue-1, .engagement-badge.white-1  {
	color: #000;
}

.dashboard-holder .dashboard-body #wellbeing td.yes,
.dashboard-holder table.dashboard-table .engagement,
.dashboard-holder table.all-student-stats .banner.green-2,
.engagement-badge.green-2, .engagement-progress-bar.green-2 {
	background: #45a343;
}

.dashboard-holder table.all-student-stats .banner.green-3,
.engagement-badge.green-3, .engagement-progress-bar.green-3 {
	background: #2e792d;
}

.engagement-badge.green-2, .engagement-progress-bar.green-2,
.engagement-badge.green-3, .engagement-progress-bar.green-3,
.engagement-badge.grey-1 {
	color: #fff;
}


.dashboard-holder table.all-student-stats .banner.amber-1 {
	background: #fab650;
}

.dashboard-holder .dashboard-body #wellbeing td.not-sure,
.dashboard-holder table.all-student-stats .banner.amber-2 {
	background: #ed9624;
}

.dashboard-holder table.all-student-stats .banner.red-1 {
	background: #e83535;
}

.dashboard-holder .dashboard-body #wellbeing td.no,
.dashboard-holder table.all-student-stats .banner.red-2 {
	background: #c70e0e;
}
.dashboard-holder table.all-users-dashboard-table .activity.grey {
	color: #666;
}

.dashboard-holder table.all-users-dashboard-table .activity.green-1,
.engagement-level.green-1,
.green-1 {
	color: #56bf54;
}

.dashboard-holder table.all-users-dashboard-table .activity.green-2,
.engagement-level.green-2 {
	color: #45a343;
}

.dashboard-holder table.all-users-dashboard-table .activity.green-3,
.engagement-level.green-3 {
	color: #2e792d;
}

.dashboard-holder table.all-users-dashboard-table .activity.amber-1 {
	color: #fab650;
}

.dashboard-holder table.all-users-dashboard-table .activity.amber-2 {
	color: #ed9624;
}

.dashboard-holder table.all-users-dashboard-table .activity.red-1,
.red-1 {
	color: #e83535;	
}

.dashboard-holder table.all-users-dashboard-table .activity.red-2 {
	color: #c70e0e;
}

.highcharts-point.grey, .highcharts-halo.grey {
	fill: #666;
}

.highcharts-point.green-1, .highcharts-halo.green-1 {
	fill: #56bf54;
}

.highcharts-point.green-2, .highcharts-halo.green-2 {
	fill: #45a343;
}

.highcharts-point.amber-1, .highcharts-halo.amber-1 {
	fill: #fab650;
}

.highcharts-point.amber-2, .highcharts-halo.amber-2 {
	fill: #ed9624;
}

.highcharts-point.red-1, .highcharts-halo.red-1 {
	fill: #e83535;
}

.highcharts-point.red-2, .highcharts-halo.red-2 {
	fill: #c70e0e;
}

.highcharts-data-label-connector.grey {
	stroke: #666;
}

.highcharts-data-label-connector.green-1 {
	stroke: #56bf54;
}

.highcharts-data-label-connector.green-2 {
	stroke: #45a343;
}

.highcharts-data-label-connector.amber-1 {
	stroke: #fab650;
}

.highcharts-data-label-connector.amber-2 {
	stroke: #ed9624;
}

.highcharts-data-label-connector.red-1 {
	stroke: #e83535;
}

.highcharts-data-label-connector.red-2 {
	stroke: #c70e0e;
}

.dashboard-holder .dashboard-options {
	border-bottom: 2px dashed #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
	display:flex;
	gap:20px;
	align-items: center;
}


.dashboard-holder table {
	margin-bottom:0;
}

.dashboard-holder .users a {
	padding:4px 8px;
	display:block;
	margin:5px;
	background:#fff;
	border-radius:4px;
	text-decoration:none;
}


.dashboard-holder .users a.selected {
	font-weight:bold;
	color:#fff;
	background:var(--primary-100);
}

.dashboard-message {
	margin-bottom:20px;
	scroll-margin-top: 70px;
}

.virtle-accordian-btn {
	cursor: pointer;
	width:100%;
	display:block;
	padding:7px 10px;
	background:var(--primary-100);
	color:#fff;
	border-radius: 10px;
	text-decoration:none;
	position:relative;
	transition: border-radius 150ms ease-in;
	font-size:20px;
	padding-right:40px;
	display:flex;
	align-items:center;
	gap:9px;
	box-sizing:border-box;
	-webkit-user-select: none; 
	user-select: none;
}

#virtle_change_password input[disabled] {
	color:#999;
	background:#eee;
}

.virtle-accordian-btn:hover {
	color:#fff;
}

.virtle-accordian-btn b {
	flex-grow:1;
/*  display:flex;*/
/*  gap:8px;*/
/*  align-items: center;*/
	line-height:1.1;
}

.virtle-accordian-btn b .checked-count {
	display:inline-flex;
	margin-left:8px;
	vertical-align: middle;
}

.virtle-accordian-btn.no-dropdown {
	padding-right:14px;
	cursor: default;
}

.virtle-accordian-btn.no-dropdown b {
	flex-direction: column;
	align-items: start;
}

.virtle-accordian-btn.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

:root {
	--triangle: url("data:image/svg+xml,%3Csvg viewBox='148.580673 129.1297 61.153122 51.307785' xmlns='http://www.w3.org/2000/svg' xmlns:bx='https://boxy-svg.com'%3E%3Cpath fill='' d='M -179.157233 -180.437486 L -148.580668 -129.129696 L -209.733797 -129.129696 L -179.157233 -180.437486 Z' transform='matrix(-1, 0, 0, -1, 0, 0)' bx:shape='triangle -209.733797 -180.437486 61.153129 51.30779 0.5 0 1@8c34a6a6'/%3E%3C/svg%3E");
	--triangle-2: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 6 7 L 0 0 L 12 0 L 6 7 Z' fill='%23000000'/%3E%3C/svg%3E");
	--cross: url('data:image/svg+xml,<svg viewBox="321 321.1 381.9 381.8" xmlns="http://www.w3.org/2000/svg"> <path d="M557.2 512l136.4-136.4c12.4-12.4 12.4-32.8 0-45.2-12.4-12.4-32.8-12.4-45.2 0L512 466.8l-136.4-136.4c-12.4-12.4-32.8-12.4-45.2 0-6.2 6.2-9.4 14.4-9.4 22.6 0 8.2 3.2 16.4 9.4 22.6l136.4 136.4-136.4 136.4c-6.2 6.2-9.4 14.4-9.4 22.6 0 8.2 3.2 16.4 9.4 22.6 12.4 12.4 32.8 12.4 45.2 0l136.4-136.4 136.4 136.4c12.4 12.4 32.8 12.4 45.2 0 12.4-12.4 12.4-32.8 0-45.2L557.2 512z" fill=""/></svg>');
}

.virtle-accordian-btn::after {
	content: "";
	background-color:#fff;
	width: 18px;
	display: block;
	height: 18px;
	transition: transform 150ms ease-in;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-mask: var(--triangle);
	mask: var(--triangle);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}


.virtle-child-accordian .virtle-accordian-btn::after {
	background-color: var(--primary-100); 
}

.virtle-accordian-btn.no-dropdown::after {
	background-color: transparent;
}

/* .virtle-accordian-btn.disabled::after {
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(240,240,240,0.6);
	border-radius:10px;
	margin-top:0;
} */

.virtle-accordian-btn.active::after {
	transform: rotate(-180deg);
}

.virtle-accordian-btn:not(.no-dropdown):hover {
/*	background:#e2e2e2;*/
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075)
}

.virtle-accordian-content {
	background:#fff;
	border-right:1px dotted #666;
	border-bottom:1px dotted #666;
	border-left:1px dotted #666;
	display:none;
}

.accordian-padding {
	padding:15px;
}

.virtle-child-accordian .virtle-accordian-btn {
	background:#F2F2F2;
	color:#000;
	font-size:16px;
	margin-top:20px;
	border:1px dotted #666;
}


.virtle-child-accordian .virtle-child-accordian .virtle-accordian-btn {
	background:#fff;
	margin-top:12px;
}

 .virtle-accordian-holder {
 	overflow: hidden;
}

 .virtle-accordian-holder:first-of-type .virtle-accordian-btn {
	 margin-top:0 !important; 
}

.virtle-accordian-btn .instruction {
	font-size:0.8em;
	flex-shrink: 0;
}

.virtle-accordian-btn.no-dropdown .instruction {
	display:none;
}

@media (max-width:700px) {
	.virtle-accordian-btn .instruction {
		display:none;
	}

	.dashboard-holder .dashboard-options { 
		flex-direction:column;
		gap:5px;
		font-size:0.9em;
		align-items: flex-start;
	}

}




.align-center {
	text-align:center !important;
}

.valign-middle th, .valign-middle td {
	vertical-align: middle;
}

#dashboard-org-select {
	/* max-width:300px; */
}

#dashboard-org-select [disabled] {
	color:#bbb;
	font-style:italic;
	cursor:not-allowed;
}

.warning-notice {
	display:flex;
	gap:20px;
	align-items: center;
}

.subject-levels-sticky-submit {
	display:flex; 
	width:100%;
	justify-content: space-between;
	position:sticky;
	top:0;
	z-index: 2;
	padding:0.5em 0;
	background: #fff;
}

/* .dashboard-holder .activity-distribution {
	margin-top:30px;
} */

.dashboard-holder .activity-distribution table {
	margin:20px 0;
}

.toggle-checkboxes label {
	margin:4px;
	display:inline-block;
	cursor: pointer;
	padding:0;
}

.toggle-checkboxes label span {
	display:inline-block;
	padding:4px 8px;
	padding:4px 8px;
	border:1px solid #000;
	background-color:#f9f9f9;
	transition: all 150ms ease-in-out;
}

.toggle-checkboxes input {
	display:none;
}

.toggle-checkboxes input:checked ~ span {
	background-color:#70AD47;
	color:#fff;
}

table.toggle-multiple {
	width:auto;
}

table.toggle-multiple, table.toggle-multiple th, table.toggle-multiple td {
	border:0;
}

table.toggle-multiple th, table.toggle-multiple td {
	padding:5px;
}

table.toggle-multiple th {
	padding-left:0;
}

.virtle_content_icon {
	display:inline-block;
	margin: 15px 40px 15px 0;
	font-size:35px;
	font-weight: bold;
}

.h5p-invert-shades [aria-disabled="true"] {
	opacity: 1 !important;
}

.aide_change {
	padding: 10px;
	margin:2px 0;
	border-radius: 6px;
}

.aide_change.removed {
	background:#ffe3e3;
}

.aide_change.added {
	background:#f3faf0;
}


.mejs-audio, .mejs-audio .mejs-controls {
	background:transparent !important;
	padding: 0 !important;
}

.mejs-audio {
	width:100px !important;
	height: 100px !important;
}

.mejs-audio .mejs-inner {
	height:100%;
}

 .mejs-audio .mejs-controls {
	height: 100% !important;
	width: auto !important;
	position:relative;
}

.mejs-audio .mejs-time, .mejs-audio .mejs-time-rail, .mejs-audio .mejs-volume-button, .mejs-audio .mejs-horizontal-volume-slider, .mejs-audio .mejs-horizontal-volume-total {
	display:none !important;
}

.mejs-audio .mejs-playpause-button {
	width:100%;
	height:100%;
	background-color:#f195bf !important;
	border:4px solid transparent;
	border-radius:100%;
	background:
			linear-gradient(#E499BD, #E499BD) content-box no-repeat,
			conic-gradient(black var(--percentage,0), transparent var(--percentage,0)) border-box;
	--percentage: 0deg;
	overflow: hidden;
}

.mejs-audio .mejs-playpause-button button {
	width:100%;
	height:100%;
	background-position: center !important;
	background-size:45%;
	background-repeat: no-repeat;
	margin:0 !important;
	padding:0 !important;
	position: relative;
	background-image:none !important;

}

.mejs-audio .mejs-play > button {
	background-image: url('../images/play-btn.svg') !important;
	background-position:33px center !important;;
}

.mejs-audio .mejs-pause > button {
	background-image: url('../images/pause-btn.svg') !important;
}

.mejs-audio .mejs-replay > button {
	background-image: url('../images/replay-btn.svg') !important;
	background-position:28px center !important;;
}

.mejs-container .mejs-controls .mejs-button button {
	background-color: transparent;
	color: inherit;
}

.mejs-container .mejs-controls .mejs-button button:hover {
	background-color: #ffeb3b;
}


.view-as-user.disabled {
	pointer-events: none;
	opacity: 0.6;
}

.aut-actions, .transfer-actions {
	display:flex;
	gap:5px;
	flex-flow: wrap;
}

.transfer-actions {
	/*justify-content: center;*/
}


.audio-holder {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 15px 15px 15px 0;
}

.audio-holder > * {
	margin: 0 !important;
	padding: 0 !important;
}

.se_beginner_filters {
	margin: 10px 0;
}

.se_beginner_filters a {
	margin: 5px;
	border: 2px solid var(--primary-100);
	color: var(--primary-100);
	border-radius: 6px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: background 300ms ease-in;
}

.se_beginner_filters a:not(.active):hover {
	background: #e6f0e6;
}

.se_beginner_filters a.active {
	color: #fff;
	background: var(--primary-100);
}

.alphabet-breaker {
	display: block;
}

@media screen and (max-width:720px){
	.alphabet-breaker {
		display: inline;
	}
}

.has-display-1-font-size, .has-display-2-font-size, .has-display-3-font-size, .has-display-4-font-size {
	font-family:  var(--typography_fonts_headings) !important;

}

.overlay_inner {
	background:#fff;
	padding:30px;
	font-size:16px;
}


.support_options {
	/* text-align:center; */
}


.button.support-option {
	font-style: normal;
	text-transform: none;
	border-radius: 6px;
	display:inline-block;
	text-align:left;
}


#user_switching_switch_on {
	position: fixed;
	bottom: 10px !important;
	font-size: 12px;
	left: 10px;
	margin: 0;
	z-index:9999;
}

#user_switching_switch_on a {
	position:relative;
	display: block;
	padding: 8px 12px !important;
	background: rgba(240,240,240) !important;
	color:var(--primary-100) !important;
	opacity:0.6;
	border: 2px solid #999;
	border-radius: 10px;
	transition: opacity 0.2s ease-in-out;
}

#user_switching_switch_on a:hover {
	opacity: 1;
}


.all-students-info {
	clear:left;
	font-size:12px;
	font-style: italic;
	margin:25px 0;

}
/*
.tooltip {
	position: relative;
}

.tooltip:not(.inline) {
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip.disabled {
	cursor: default;
}

.tooltip.disabled .blocker {
	display:block;
}

.tooltip .blocker {
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
	background:#fff;
	opacity:0.5;
	display:none;
}

.tooltip .tooltip-text {
	visibility: hidden;
	width: 300px;
	background-color: rgba(30,30,30,0.9);
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	left: 50%;
	white-space: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.4;
	margin-left:-150px;
	top:100%;
	margin-top:10px;
}

.tooltip .tooltip-text:before {
	content:'';
	width: 20px;
	height: 10px;
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-10px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background-color: rgba(30,30,30,0.9);
}

.tooltip .tooltip-text.align-right {
	border-top-right-radius: 0;
}

.tooltip .tooltip-text.align-right, .tooltip .tooltip-text.align-right:before {
	margin-left:0;
	right:0;
	left:unset;
}


.tooltip:hover .tooltip-text {
	visibility: visible;
}
*/


.break-wrap {
	display:inline-block;
}

.info-icon-tooltip {
	border: 0;
	border-radius: 50px;
	background: var(--primary-100);
	width: 14px;
	height: 14px;
	margin-top:1px;
	display:inline-block;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='378.145 166.682 28.404 56.25'%3E%3Cg transform='matrix(1, 0, 0, 1, 342.347356, 144.753161)'%3E%3Cpath d='M61.516,67.309l2.288,1.063c-4.021,3.073-7.879,5.476-11.577,7.208c-3.698,1.733-6.748,2.599-9.149,2.599 c-1.342,0-2.322-0.255-2.947-0.767c-0.623-0.512-0.937-1.319-0.937-2.424c0-2.73,1.145-7.004,3.432-12.819 c2.288-5.815,3.432-9.933,3.432-12.349c0-0.446-0.127-0.787-0.382-1.024c-0.254-0.236-0.612-0.355-1.074-0.355 c-0.74,0-1.641,0.223-2.704,0.67c-1.063,0.447-2.379,1.156-3.951,2.127l-2.149-1.182c4.297-2.888,8.25-5.146,11.854-6.775 c3.604-1.627,6.422-2.441,8.456-2.441c1.341,0,2.333,0.236,2.98,0.709c0.647,0.472,0.971,1.181,0.971,2.126 c0,0.919-0.739,3.874-2.218,8.862c-0.51,1.681-0.901,3.007-1.179,3.979c-0.971,3.256-1.733,5.961-2.288,8.113 c-0.554,2.153-0.831,3.454-0.831,3.9c0,0.551,0.15,0.959,0.45,1.222c0.301,0.263,0.773,0.394,1.421,0.394 c0.646,0,1.478-0.237,2.495-0.71C58.927,68.963,60.129,68.254,61.516,67.309z' style='fill: rgb(255, 255, 255);'/%3E%3Ccircle cx='56.198' cy='29.933' r='8.004' style='fill: rgb(255, 255, 255);'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-size:60% 60%;
	background-repeat:no-repeat;
	vertical-align: middle;
}



.pagination {
	--bs-pagination-padding-x: 0.5125rem;
	--bs-pagination-padding-y: 0.625rem;
	--bs-pagination-font-size: 0.9375rem;
	--bs-pagination-color: #697a8d;
	--bs-pagination-bg: #f0f2f4;
	--bs-pagination-border-width: 0px;
	--bs-pagination-border-color: #d9dee3;
	--bs-pagination-border-radius: 0.25rem;
	--bs-pagination-hover-color: #697a8d;
	--bs-pagination-hover-bg: #e1e4e8;
	--bs-pagination-hover-border-color: rgba(67, 89, 113, 0.3);
	--bs-pagination-focus-color: #697a8d;
	--bs-pagination-focus-bg: #e1e4e8;
	--bs-pagination-focus-box-shadow: none;
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: rgba(105, 108, 255, 0.08);
	--bs-pagination-active-border-color: rgba(105, 108, 255, 0.08);
	--bs-pagination-disabled-color: #a1acb8;
	--bs-pagination-disabled-bg: #f7f8f9;
	--bs-pagination-disabled-border-color: rgba(67, 89, 113, 0.3);
	display: flex;
	padding-left: 0;
	list-style: none;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination a.page-link {
	padding: .625rem .5125rem;
	/*min-width: calc( 2rem + 0px );*/
	min-width: 1.5em;
	font-size: .75rem;
	line-height: 1;
	width: unset;
	box-sizing: content-box;
	text-decoration: none;
}
.page-item:not(:first-child) a.page-link {
	margin-left: .1875rem;
}
.page-item a.page-link {
	border-radius: var(--bs-pagination-border-radius);
}
a.page-link {
	border-radius: .375rem;
	line-height: 1;
	text-align: center;
	min-width: calc( 2.1875rem + 0px );
}
a.page-link {
	position: relative;
	display: block;
	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
	font-size: var(--bs-pagination-font-size);
	color: var(--bs-pagination-color) !important;
	background-color: var(--bs-pagination-bg);
	border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-item.active a.page-link, .page-item.active a.page-link:hover, .page-item.active a.page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
	border-color: #249ae3;
	background-color: #249ae3;
	color: #fff !important;
	box-shadow: 0 .125rem .25rem rgba(105,108,255,.4);
}

a.page-link:hover {
	z-index: 2;
	color: var(--bs-pagination-hover-color);
	background-color: var(--bs-pagination-hover-bg);
	border-color: var(--bs-pagination-hover-border-color);
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.disabled a.page-link {
	background-color: rgba(124,125,182,.08);
}

.page-item.disabled a.page-link {
	border-color: #d9dee3;
}
.page-item.first a.page-link, .page-item.last a.page-link, .page-item.next a.page-link, .page-item.prev a.page-link, .page-item.previous a.page-link {
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.page-item a.page-link {
	border-radius: var(--bs-pagination-border-radius);
}
a.page-link.disabled, .disabled > .page-link {
	color: var(--bs-pagination-disabled-color) !important;
	pointer-events: none;
	background-color: var(--bs-pagination-disabled-bg);
	border-color: var(--bs-pagination-disabled-border-color);
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-top: 0;
}

div.dataTables_wrapper div.dataTables_info {
	color: #a1acb8;
}
div.dataTables_wrapper div.dataTables_info {
	padding-top: .5rem;
}

table.dataTable.table-striped > tbody > tr.odd:not(:hover) > * {
	box-shadow:unset;
}

table.table-striped tr:nth-child(even) > td,
table.all-users-dashboard-table tr.even > td {
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.03);
}

/* blue - seems to be overwritten */
table.table-hover > tbody > tr:hover > * {
	box-shadow: inset 0 0 0 9999px rgba(24, 92, 145, 0.1);
}

table.all-users-dashboard-table tr.hover > td { 
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
}

.flex-wrap {
	display: inline-flex;
	
}

@media screen and (max-width: 767px) {
	div.dt-buttons {
		float: none;
		width: auto;
		text-align: left; 
		margin:0;
	}
}

.buttons-colvis {
	display: inline-block;
	max-width: 100%;
	padding: .5em 1em;
	padding-right: calc( 1em + 20px);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2266%22%3E%3Cpath%20stroke%3D%22rgba%28255%2C%20255%2C%20255%2C%200.66%29%22%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.66%29%22%20stroke-width%3D%2210%22%20d%3D%22m10.23893%2C4.84475l39.69582%2C52.85933l39.69582%2C-52.85933l-79.39163%2C0z%22%20%2F%3E%3C%2Fsvg%3E");
	background-size: 15px auto;
	background-position: right 1em top 50%;
	background-repeat: no-repeat;
	color: inherit;
	background-color: #eee;
	border-radius: 5px;
	border-width:  0;
	white-space: nowrap;

}

.dt-button.dropdown-item {
	display: block;
	border-radius: 4px !important;
	padding: 5px 5px 5px 30px;
	background-position: 7px center;
	background-repeat: no-repeat;
	background-size: 1.2em;
	background-color: #f5f5f5;
	box-sizing: border-box;
}

.dt-button.dropdown-item:not(:first-child) {
	margin-top: 3px;
}


.dt-button.dropdown-item:not(.active) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='3 3 16 16'%3E%3Cdefs%3E%3ClinearGradient gradientUnits='userSpaceOnUse' y2='-2.623' x2='0' y1='986.67'%3E%3Cstop stop-color='%23ffce3b'/%3E%3Cstop offset='1' stop-color='%23ffd762'/%3E%3C/linearGradient%3E%3ClinearGradient id='0' gradientUnits='userSpaceOnUse' y1='986.67' x2='0' y2='-2.623'%3E%3Cstop stop-color='%23ffce3b'/%3E%3Cstop offset='1' stop-color='%23fef4ab'/%3E%3C/linearGradient%3E%3ClinearGradient gradientUnits='userSpaceOnUse' x2='1' x1='0' xlink:href='%230'/%3E%3C/defs%3E%3Cg transform='matrix(2 0 0 2-11-2071.72)'%3E%3Cpath transform='translate(7 1037.36)' d='m4 0c-2.216 0-4 1.784-4 4 0 2.216 1.784 4 4 4 2.216 0 4-1.784 4-4 0-2.216-1.784-4-4-4' fill='%23da4453'/%3E%3Cpath d='m11.906 1041.46l.99-.99c.063-.062.094-.139.094-.229 0-.09-.031-.166-.094-.229l-.458-.458c-.063-.062-.139-.094-.229-.094-.09 0-.166.031-.229.094l-.99.99-.99-.99c-.063-.062-.139-.094-.229-.094-.09 0-.166.031-.229.094l-.458.458c-.063.063-.094.139-.094.229 0 .09.031.166.094.229l.99.99-.99.99c-.063.062-.094.139-.094.229 0 .09.031.166.094.229l.458.458c.063.063.139.094.229.094.09 0 .166-.031.229-.094l.99-.99.99.99c.063.063.139.094.229.094.09 0 .166-.031.229-.094l.458-.458c.063-.062.094-.139.094-.229 0-.09-.031-.166-.094-.229l-.99-.99' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

.dt-button.dropdown-item.active {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 16 16'%3E%3Cdefs%3E%3ClinearGradient gradientUnits='userSpaceOnUse' y2='-2.623' x2='0' y1='986.67' id='0'%3E%3Cstop stop-color='%23ffce3b'/%3E%3Cstop offset='1' stop-color='%23ffd762'/%3E%3C/linearGradient%3E%3ClinearGradient y2='-2.623' x2='0' y1='986.67' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ffce3b'/%3E%3Cstop offset='1' stop-color='%23fef4ab'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(1.99997 0 0 1.99997-10.994-2071.68)' fill='%23da4453'%3E%3Crect y='1037.36' x='7' height='8' width='8' fill='%2332c671' rx='4'/%3E%3Cpath d='m123.86 12.966l-11.08-11.08c-1.52-1.521-3.368-2.281-5.54-2.281-2.173 0-4.02.76-5.541 2.281l-53.45 53.53-23.953-24.04c-1.521-1.521-3.368-2.281-5.54-2.281-2.173 0-4.02.76-5.541 2.281l-11.08 11.08c-1.521 1.521-2.281 3.368-2.281 5.541 0 2.172.76 4.02 2.281 5.54l29.493 29.493 11.08 11.08c1.52 1.521 3.367 2.281 5.54 2.281 2.172 0 4.02-.761 5.54-2.281l11.08-11.08 58.986-58.986c1.52-1.521 2.281-3.368 2.281-5.541.0001-2.172-.761-4.02-2.281-5.54' fill='%23fff' transform='matrix(.0436 0 0 .0436 8.177 1039.72)' stroke='none' stroke-width='9.512'/%3E%3C/g%3E%3C/svg%3E");;
	background-color: var(--primary-10);
}


#content-filters {
	display: flex;
	align-items: flex-start;
	width: 100%;
	font-size: 14px;
}

#content-filters label {
	display: block;
}

#content-analytics-holder {
	min-height: 200px;
}

#content-analytics-holder.wait-cursor, #content-analytics-holder.wait-cursor *{
	cursor: wait;
}

#content-analytics-holder.updating:after, #content-analytics-holder.updated:after {
	top:100px;
}

#content-analytics-holder .virtle-activity-badge {
	margin-left: 7px;
}

#content-analytics-holder .virtle-activity-badge + .virtle-activity-badge {
	margin-left:1px;
}

.inline-update.updating:after {
	pointer-events: none;
}


table.dashboard-table th.ca-number {
	vertical-align: top;
	min-width: 72px;
}

table.dashboard-table th.sorting.ca-number:before {
	top: 0.5em;
	bottom: unset;
}

table.dashboard-table th.sorting.ca-number:after {
	top: 1.1em;
}

.virtle-activity-badge {
	margin: 3px 3px 3px 0;
	line-height: 1;
	font-size: 10px;
	padding: 4px 6px;
	vertical-align: middle;
}

.last-activity .virtle-activity-badge {
	margin: 3px 10px 3px 5px;
}

/*.virtle-activity-badge:first-child {
	margin-left: 10px;
}*/

table.dashboard-table .ca-number {
	text-align: center !important;
	padding-right: 26px;
}

.col_count {
	font-weight: normal;
	font-size: 10px;
	white-space: nowrap;
	margin-top: 3px;
}

.col_filter_holder {
	display: inline-block;
	position: relative;
}

.col_filter_btn {
	padding: 5px;
	background: var(--primary-100);
	color:#fff;
	border-width: 0;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	font-weight: normal;
	display: inline-block;
	margin-top: 4px;
	border-radius: 6px;
	font-size: 11px;
}

.col_filter_btn:hover {
	text-decoration: underline;
	color:#fff;
}

.col_filter_options {
	position: absolute;
	right: 0;
	background: var(--primary-20);
	padding: 10px;
	border: 1px solid var(--primary-100);
	text-align: left;
	cursor: default;
	font-weight: normal;
	white-space:nowrap;
}

.col_filter_options label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 7px;
}

.col_filter_options label * {
	margin: 0 !important;
	padding: 0;
	bottom: 0 !important;
}


.dtfh-floatingparent {
	overflow: visible !important;
}

.cf-group {
	padding-right: 50px;
	flex-shrink: 0;
}

.cf-big-group {
	flex-grow: 0;
}

@media (max-width:900px){
	#content-filters {
		flex-wrap: wrap;
	}

	.flex-wrap-breaker {
		flex-basis: 100%;
		height: 20px;
	}

	.cf-group:last-child {
		padding-right: 0;
	}
}


#ca-ss {
	height: 250px;
	min-width: 250px;
	overflow: auto;
	padding-right: 30px;
}

#ca-ss .counter {
	display: none;
}

#ca-ss ul {
	list-style-type: none;
}

#ca-ss ul.categorychecklist li.is-parent > label {
	font-weight: normal;
}

.launch_overlay {
/*  color: #62289f;*/
	text-decoration: none;
}

.launch_overlay:hover {
	text-decoration: underline;
}

.ca_breakdown {
	font-size: 14px;
	margin: 20px;
}

/*.ca_breakdown table, .ca_breakdown h4 {
	margin:20px;
}
*/

.ca_breakdown h4 span {
	font-weight: normal;
}

.binary_indicator.yes::before {
	content: '✅';
}

.binary_indicator.no::before {
	content: '❌';
}

.no-wrap {
	white-space: nowrap;
}

.ca_breakdown a.button {
	font-weight: normal;
	text-decoration: none;
}

.ca_breakdown .button:not(:first-child) {
	margin-left: 3px;
}

.ca_breakdown .h5p_post:not(:first-child) {
	margin-top: 3px;
}

.all-users-dashboard-table-wrapper div.dt-button-background {
	display: none !important;
}

/*.au_toolbar {
	float: left;
	margin-left: 20px;
	height: 34px;
	display: flex;
	align-items: center;
}
*/
.org-options label {
	display: block;
}


.my-students-before-table-filters {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin:20px 0;
	gap:10px;
}

.all-users-orgs-checklist {
	flex-grow: 1;
}


.all-users-orgs-checklist .virtle-accordian-btn {
	font-size:15px;
	background:var(--primary-20);
	color:#000;
}

.all-users-orgs-checklist .virtle-accordian-btn:after {
	background-color: #666;
}

.all-users-orgs-checklist .virtle-accordian-content  {
	max-height:300px;
	overflow: auto;
}

.whitespace-nowrap {
	white-space: nowrap;
}

/*tr.disabled td {
	position: relative;
}

tr.disabled td:after {
	content: '';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: #eee;
	opacity:0.5;
}
*/
.removal_options .delete-user-holder {
	font-style:normal;
}

.removal_options .delete-user-holder a {
	color: #C00000;
}

#my-points {
	display:flex;
	justify-content: center;
	align-items: center;
}

#my-points .rocket {
	flex-basis:45%;
	flex-shrink:0;
}

#my-points .rocket img {
	height:auto;
	clip-path: inset(20% 0 20% 0);
	-webkit-clip-path: inset(20% 0 20% 0);
	margin-top:-20%;
	margin-bottom:-20%;
}

#my-points .text { 
}

#my-points .gamipress-points {
	padding:0;
}

@media (max-width:750px) {
	#my-points {
		flex-direction: column;
	}
	#my-points .rocket {
		flex-basis:100%;
	}
}

.posts-list {
	display:flex;
	flex-wrap: wrap;
	margin:-0.75em;
}


.posts-list .entry {
	width: calc(25% - 1.5em);
	margin:0.75em;
}

.posts-list.toolkit-list .entry img {
	max-height:180px;
	width:auto;
	margin:0 auto;
}

@media (max-width:1100px) {
	.posts-list .entry {
		width: calc(33.33% - 1.5em);
	}
}

@media (max-width:830px) {
	.posts-list .entry {
		width: calc(50% - 1.5em);
	}
}

.posts-list.toolkit-list .entry {
	width: calc(33.33% - 1.5em);
	margin:0.75em;
}


@media (max-width:500px) {

	.posts-list.toolkit-list .entry {
		width: calc(100% - 1.5em);
		margin:0.75em;
	}

	.posts-list.toolkit-list .entry article {
		display:flex;
		align-items:center;
	}

	.posts-list.toolkit-list .entry .entry-media {
		flex-shrink:0;
	}

	.posts-list.toolkit-list .entry .entry-text {
		padding:0;

	}

	.posts-list.toolkit-list .entry img {
		max-height:50px;
		width:auto;
		margin:0 auto;
	}
}

.posts-list.single {
/*  max-width:350px;*/
	margin:0;
}

.posts-list.single .entry {
	width: 100%;
	margin:0;
}
.posts-list.single article {
	display:flex;

}

@media screen and (max-width:1200px){ 
	.posts-list.single .entry {
		font-size:0.9em;
	}
}


@media screen and (max-width:1000px){

	.course-navigation .next-holder {
		flex-basis:350px;
		align-self:flex-end;
	}

	.course-navigation .prev-holder {
		flex-grow: 1;
	}

	.course-next article .entry-media figure {
		height:197px;
	}

 .posts-list.single article {
		display:block;
	}

	.posts-list.single .entry {
		font-size:1em;
	}
}


figure {
	margin:0;
}

figure img {
	display:block;
}


.search-form {
	width:100%;
	display:flex;
	gap:10px;
	margin-bottom:30px;
}

.search-form label {
	flex-grow:1;
}

.search-form .search-field {
	width:100%;
	box-sizing: border-box;
}


.alm-btn-wrap .alm-load-more-btn, .cbxbookmark-more {
	line-height: 1;
	border-radius: 4px;
	margin: 0 auto;
	padding: 0 100px;
	min-width:30%;
	display: block;
	position: relative;
	transition: all 0.3s ease;
	height: 45px;
}


.cbxbookmark-more {
	display:inline-flex;
	background:var(--primary-100) !important;
	color:#fff !important;
	box-shadow: none;
	outline: inherit;
	box-sizing: border-box;
	font-size:17px;
	vertical-align:middle;
	text-decoration: none;
}

.cbxbookmark-more:hover {
	box-shadow: none !important;
}


.cbxwpbm_ajax_icon {
	visibility: collapse;
	font-size: 0;
}

.cbxwpbm_ajax_icon img {
	visibility: visible;
	margin-left:10px;
}

.alm-btn-wrap .alm-load-more-btn.loading {
	cursor: wait;
	outline: none;
}

.alm-btn-wrap .alm-load-more-btn.done {
	cursor: default;
	opacity: 0.15;
	outline: none !important;
}

.alm-btn-wrap .alm-load-more-btn:before, .alm-btn-wrap .alm-load-more-btn.done:before {
	background: none;
	width: 0;
}

.alm-btn-wrap .alm-load-more-btn.loading:before {
	background: #fff url("../images/ajax-loader.gif") no-repeat center center;
	width: 30px;
	height: 31px;
	margin: 6px;
	border-radius: 3px;
	display: inline-block;
	z-index: 0;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	-webkit-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}

.rmp-heading--title {
	font-size:2.8;
}
.rmp-rating-widget .rmp-icon--ratings {
	font-size:3.2em;
}

.rmp-btn {
	background-color: var(--primary-100);
	margin-top:1em;
}

.awn-popup-content, #awn-toast-container {
	display:none !important;
}

.highcharts-lo-total-holder {
	left: 10px !important;
	bottom: 30px !important;
	top: unset !important;
	font-size:12px;
}

.highcharts-lo-total-holder #lo-total {
	font-weight: bold;
}


.masked-after {
	background:transparent !important;
	border-radius:0;
}

.masked-after:after {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	content:'';
	transition: transform 0.3s ease-in;
}


.filter-buttons-wrapper {
	background: var(--primary-10);
	padding:15px;
	border: 2px dashed var(--primary-40);
	background:var(--primary-1);
	margin-bottom:1.5em;
}

.filter-buttons-wrapper .filter-buttons {
	display: flex;
	gap:5px;
	flex-wrap: wrap;
	align-items: center;
}

.filter-buttons-wrapper .filter-buttons > * {
	border-radius:4px;
	padding:.3em .6em;
	background:#eee;
	transition:all 0.15s ease-out 0s;
	text-decoration:none;
	font-weight: 700;
	font-size:1.05em;
	border:1px solid transparent;
	cursor:pointer;
	color:var(--primary-100);
}

.filter-buttons-wrapper .filter-buttons > *:not(.active):hover {
	border:1px dashed var(--primary-100);
}

.filter-buttons-wrapper .filter-buttons > *.active {
	background:var(--primary-100);
	color:#fff;
}

.filter-buttons {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}

.filter-buttons-wrapper .filter-buttons .label {
	margin-right:10px;
}

.cbxwpbookmark_share {
	display:none;
}

.virtle-form {
/*	padding-top:15px;*/
}

.editor-note {
	padding:0 0 20px 0;
}

.editor-note.emphasized {
	color:#225eb3;
	font-style:italic;
	font-size:14px;
}

.virtle-form-centred {
	display:flex;
	flex-direction: column;
	gap:10px;
	max-width:300px;
	width:100%;
	margin:0 auto;
	text-align: center;
}

.virtle-form-width-limit {
	max-width:650px;
	width:100%;
}

.virtle-form .form-input {
	width:100%;
}

.virtle-form .form-input input[type=password],
.virtle-form .form-input input[type=text],
.virtle-form .form-input input[type=email],
.virtle-form .form-input textarea {
	width: 100%;
}

.virtle-form form.wide-inputs input[type=password],
.virtle-form form.wide-inputs input[type=text],
.virtle-form form.wide-inputs input[type=email],
.virtle-form form.wide-inputs textarea {
	min-width:300px;
}

.virtle-form .form-option > label {
	width:180px;
	flex-shrink: 0;
	padding-top:12px;
}

.virtle-form label.inline {
	display:inline-block;
	margin-top:8px;
}

.virtle-form label.note, .virtle-form .label-note {
	font-size:0.8em;
	font-style:italic;
	margin-top:2px;
}

.virtle-form .form-option {
	display:flex;
	gap:20px;
	margin-bottom:10px;
}

.virtle-form .form-option:last-child {
	margin-bottom:0;
}

.message.external-name-message {
	margin:5px 0;
	font-size: 0.9em;
}

.name-external-preview {
	display:inline-block;
	font-weight: bold;
}

.email-visible-divider {
	margin:0.6em 0;
	border: 1px solid #ccc;
}

@media screen and (max-width:550px) {

	.virtle-form .form-option {
		flex-direction: column;
		gap:10px;
	}

	.virtle-form .form-option > label {
		width:auto !important;
	}

	.virtle-form .form-option > label.empty {
		display:none;	
	}

}

@media screen and (min-width:551px) {

	.virtle-form .form-option > label.line-drop {
		padding-top:0;
	}
}


#virtle_password_strength {
	background-color: #f0f0f1;
	border: 1px solid #dcdcde;
	color: #1d2327;
	margin-top:7px;
	padding: 3px 5px;
	text-align: center;
	box-sizing: border-box;
	display: block;
}

#virtle_password_strength.empty {
	font-style:italic;
	color:#666;
}

#virtle_password_strength.short {
	background-color: #ffabaf;
	border-color: #e65054;
	opacity: 1;
}

#virtle_password_strength.bad {
	background-color: #facfd2;
	border-color: #f86368;
	opacity: 1;
}

#virtle_password_strength.good {
	background-color: #f5e6ab;
	border-color: #f0c33c;
	opacity: 1;
}

#virtle_password_strength.strong {
	background-color: #b8e6bf;
	border-color: #68de7c;
	opacity: 1;
}

.each-topic-checkboxes .virtle-accordian-content {
	padding-top:0;
	padding-bottom:0;
}

.inline-update {
	position:relative;
}

.inline-update.compact {
	min-height:40px;
}

.inline-update.medium {
	min-height:75px;
}


.inline-update.updating:before, .inline-update.updated:before {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(200,200,200,0.7);
	/* border-radius: 10px; */
	content:'';
	z-index:4;
}

.inline-update.compact.white:before {
	background:rgba(255,255,255,0.5);
}

.inline-update.updating:after, .inline-update.updated:after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	border-radius: 50%;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	animation: spinner .8s linear infinite;
	z-index: 4;
}

.loading-icon {
	display:inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border-top: 2px solid #000;
	border-right: 2px solid transparent;
	animation: spinner .8s linear infinite;
	margin-right:1em;
}


.inline-update.updating.compact:after, .inline-update.updated.compact:after {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-width: 2px;
}

.inline-update.updating.medium:after, .inline-update.updated.medium:after {
	width: 36px;
	height: 36px;
	margin-top: -18px;
	margin-left: -18px;
	border-width: 3px;
}

.inline-update.updated:after {
	border:0;
	animation: none;
	background-image: url("../images/check-icon.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.inline-update:before, .inline-update:after {
	opacity:1;
	transition:opacity 500ms ease-out;
}

.inline-update.fade-out:before, .inline-update.fade-out:after {
	opacity:0;
}

.inline-update.spinner-top.updating:after, .inline-update.spinner-top.updated:after {
	top:100px;
}

.inline-update.spinner-top.medium.updating:after, .inline-update.spinner-top.medium.updated:after {
	top:40px;
}


@keyframes spinner {
  to {transform: rotate(360deg);}
}

.no-items-message {
	width:100%;
	text-align:center;
	font-style: italic;
	background:var(--primary-10);
	padding:10px 4px;
	box-sizing:border-box;
}

main#main > .learning-wrapper {
	transition: opacity 0.3s ease-in;
	/* to account for glider arrows */
	padding-left:40px;
	padding-right:40px;
}

main#main > .learning-wrapper > * {
	margin-bottom:40px;
}


.learning-wrapper .group:after {
	clear:both;
	content: '';
	display:block;
}

.learning-wrapper .group > * {
	float:left;
}

.learning-wrapper .group > *:not(:first-child) {
	margin-left:60px;
}


.learning-wrapper .group-50 {
	width:calc(50% - 30px);
}

@media screen and (max-width:1000px) {

	.learning-wrapper .group > * {
		float:none;
	}

	.learning-wrapper .group > *:not(:first-child) {
		margin-left:0;
	}

	.learning-wrapper .group > *:not(:last-child) {
		margin-bottom: 40px;
	}

	.learning-wrapper .group-50 {
		width:100%;
	}


}

.learning-module {
	display:flex;
}

.learning-item {
	position: relative;
	padding-left:150px;
	border-width:4px;
	border-style: solid;
	border-radius: 15px;
	min-width:250px;
}


.learning-item .title {
	position: absolute;
	width:150px;
	left:0;
	top:0;
	bottom:0;
	font-size:1em;
	padding:10px;
	display:block;
	box-sizing: border-box;
	margin:0;
}


/*.title-has-button {
	display:flex;
	align-items: center;
	gap:0.5em;
}*/



.learning-item .title .button {
	display:table;
	margin-top:10px;
	border:2px solid #000;
	background:transparent;
	color:#000;
	border-radius: 0;
	font-size:0.8em;
}


.learning-item.recommended {
	border-color:#fdc803;
}

.learning-item.recommended .title {
	background:#fdc803;
}


.learning-item.viewed {
	border-color:#306427;
}

.learning-item.viewed .title {
	background:#306427;
}

.learning-item.saved {
	border-color:#306427;
}

.learning-item.saved .title {
	background:#306427;
	color:#fff;
}

.learning-item.viewed {
	border-color:#d8dfd4;
}

.learning-item.viewed .title {
	background:#d8dfd4;
}

.learning-item.courses {
	border-color:#85cef0;
}

.learning-item.courses .title,
.learning-item.courses .progress-tracker,
.learning-item.courses .links a:not(:hover) {
	background:#85cef0;
}

.learning-item.courses .links a:hover {
	background:#20698c;
}

.learning-item.courses .progress-holder {
	background:#ccc;
}

.learning-item.break {
	border-color:#028786;
}

.learning-item.break .title {
	background:#028786;
	color:#fff;
}

.learning-item.calming {
	border-color:#253381;
}

.learning-item.calming .title {
	background:#253381;
	color:#fff;
}

.learning-item.saved .title .button,
.learning-item.break .title .button,
.learning-item.calming .title .button {
	color:#fff;
	border-color:#fff;
}

@media screen and (max-width:500px) {
	.learning-item {
		padding-left:100px;

	}

	.learning-item .title {
		font-size:0.9em;
		width:100px;
	}

}


.glider {
	padding:0;
}

.glider.dragging * {
	cursor: -webkit-grabbing;
	cursor:grabbing;
}

.glider-wrapper .glider-prev, .glider-wrapper .glider-next { 
	top:0; 
	bottom:0;
	width:32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px;
	font-size:16px;
	border-radius: 0;
}

.glider-wrapper .glider-prev:hover,
.glider-wrapper .glider-next:hover { 
	transform:scale(1.1);
	background-color: transparent;
}



.glider-wrapper .glider-next {
	right:0;
	background-image: url('../images/right-chevron.svg');
}

.glider-wrapper .glider-prev {
	left:0;
	background-image: url('../images/left-chevron.svg');
}

.glider-holder {
	padding:1em;
	position: relative;
}

.glider-holder.has-scroll {
	position: relative;
	padding-left:32px;
	padding-right:32px;
}

.glider-container {
	position: relative;
}

.glider-container.loading {
	height:200px;
	overflow:hidden;
	border-radius: 10px;
}

.glider-container.loading:before,.glider-container.loading:after {
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0.7);
	z-index: 2;
}

.glider-container.loading:after {
	inset: 0;
	background: linear-gradient(
		120deg,
		rgba(255, 255, 255, 0.02) 0%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.02) 100%
	);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	/*background: linear-gradient(
		120deg,
		#f0f0f0 0%,
		#ffffff 50%,
		#f0f0f0 100%
	);*/
	background-size: 200% 100%;
	animation: shimmer 2s infinite linear;
	z-index: 2;
	opacity: 1;
 	transition: opacity 1s ease;
}

/* Optional subtle movement animation */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}


.glider-holder:not(.has-scroll) .glider-prev,
.glider-holder:not(.has-scroll) .glider-next {
	display:none;
}

.glider-wrapper {
	margin:-0.4em; 
}

.glider-wrapper .posts-list a.entry {
	margin:0.4em;
}
/*
.glider-wrapper .posts-list a.entry:not(:last-child) {
	margin:0.4em;
}*/


.glider-wrapper .posts-list {
	margin:0;
}

.posts-list.text-centered article {
	display: flex;
	flex-direction: column;
	height:100%;
}

.posts-list.text-centered h2 {
	padding:10px;
	margin:0;
	flex-grow:1;
	display: flex;
	align-items: center;
	text-align: center;
	word-break: break-word;
	justify-content: center;
}

.posts-list.text-small h2 {
	font-size: 1.4em;
}

#my-viewed .posts-list {
	padding-bottom:0; 	
}

#my-viewed .date-holder {
	padding:30px 0;
}

#my-viewed .posts-list > * {
	width: 200px;
}

	
#my-viewed h3 {
	color: var(--primary-100);
}

@media screen and (max-width:550px) {

	#my-viewed .posts-list > * {
		width: calc(50% - 1.5em);
	}

}

.virtle-select-wrapper {
	position: relative;
	display:inline-block;
}

.virtle-select-wrapper select {
	appearance: none;
	-webkit-appearance: none;
	font-size: 1em;
	padding: 0.675em 2.5em 0.675em 1em;
	background-color: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 0.25rem;
	color: #000;
	cursor: pointer;
	font-family: 'Montserrat';
}

.virtle-select-wrapper option:disabled {
	color:#ccc;
}


.virtle-select-wrapper:after {
	width: 12px;
	height: 7px;
	-webkit-mask-image: var(--triangle-2);
	mask-image: var(--triangle-2);
	background-color: var(--secondary-20);
	content: "";
	position: absolute;
	right: 1rem;
	top:50%;
	margin-top:-3.5px;
	pointer-events: none;
	transition: background 0.2s ease-in;
}


.virtle-select-wrapper:hover:after {
	background-color: var(--secondary-100);
}

.promoted-courses {
	margin-bottom:30px;
}

.promoted-courses .learning-item.courses {
	border-color:var(--primary-100);
}

.promoted-courses .learning-item.courses .title,
.promoted-courses .learning-item.courses .progress-tracker,
.promoted-courses .learning-item.courses .links a:not(:hover) {
	background:var(--primary-100);
	color:#fff;
}

.promoted-courses .learning-item.courses .title .button {
	color:#fff;
	border-color: #fff;
}

.promoted-courses .title {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.text-has-tooltip {
	border-bottom: 2px dotted var(--primary-100);
	display: inline;
	cursor: default;
}


.external-link:after {
	width:11px;
}

.external-link:not(.button):after {
	background: #f3852c;
	-webkit-mask-image: url('../images/external-link-icon.svg');
	mask-image: url('../images/external-link-icon.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.button.external-link:after {
	background-image: url('../images/external-link-icon.svg');
}

.has-icon, .external-link {
	/*	needed because we're not setting heights to our children,
	 and they have no real content to give them a height*/
	align-items:stretch;
	display:inline-flex;
	flex-wrap: nowrap;
	gap:0.5em;
	white-space: nowrap;
}


.has-icon:before, .external-link:after {
	content:'';
	width:13px;
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
	position:relative;
}


.autocomplete {
	position: relative;
	width: 420px;
}

.autocomplete-wrapper {
	width: 100%;
	position: relative;
}

.autocomplete-results {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: white;
	border: 1px solid #ddd;
	border-top: none;
	max-height: 260px;
	overflow-y: auto;
	z-index: 5;
	text-align: left;
}

.autocomplete-results.loading:after {
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom:0;
	background: rgba(255,255,255,0.2);
	content:'';
	cursor:wait;
	backdrop-filter: blur(0.5px);
	-webkit-backdrop-filter: blur(0.5px);
}

.autocomplete-item {
	padding: 10px;
	cursor: pointer;
}

.autocomplete-message {
	padding:10px;
	font-weight:500;
}

.autocomplete-item:not(:last-child) {
	border-bottom: 1px solid #f1f1f1;
}

.autocomplete-item.active {
	background: #f1eec1;
}

.autocomplete-item-name {
	font-weight: 600;
}

.autocomplete-item-address {
	font-size: 13px;
	color: #666;
}

.autocomplete-item-urn {
	font-size: 13px;
	font-weight: 600;
}

.autocomplete .loading-state {
	padding: 12px;
	font-size: 14px;
	color: #666;
}

mark {
	background-color: #ffd3e9;
}

.site-logo img {
	max-width: unset;
}