div#em-loading { position:absolute; width:100%; height:100%; background:#FFFFFF url(../images/loading.gif) 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80); z-index:99998; }
.em-search-ajax { position:relative; }
.em-wrapper label span.screen-reader-text, #em-wrapper label span.screen-reader-text { clip: rect(1px 1px 1px 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
/* Warnings */
	.em-warning { margin:10px 0px; padding:10px; color:#333; border-radius:3px; display:block !important; }
	.em-warning p { margin:10px 0px !important; padding:0px; color:#333 }
	.em-warning-errors { background-color:#FFEBE8; border:1px solid #C00; }
	.em-warning-confirms { background-color:#f1fff0; border:1px solid #a8d144; }
	a.em-button { padding:5px 10px; margin:5px; background:#EEE; color:#333; border:1px solid #CCC; border-radius:3px; display:inline-block; text-decoration:none; }
	a.em-button:hover { text-decoration:none; }

/* Search Form */
	.em-search div { display:inline; }
	.em-search .hidden { display:none !important; }
	/* Custom Search CSS */
		div.css-search { margin-bottom:20px; }
		div.em-search.css-search label { display:inline; }
		div.em-search.css-search div { display:block; }
		div.css-search input, div.css-search select, div.css-search option, div.css-search div, div.css-search span, div.css-search button {
			width:auto; height:auto; margin:0; padding:0; float:none; display:inline-block; font-size:14px; /* reset everything */
		}
		div.css-search option { display:block; }
		div.css-search input, div.css-search select { padding:5px; }
		div.css-search { background:#fff; border:1px solid #dedede; border-radius:3px; padding:5px; min-height:40px; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px; }
		/* Main Search */
			div.css-search.has-advanced div.em-search-main { padding-bottom:8px; border-bottom:1px solid #dedede; }
			div.css-search div.em-search-main div { display:inline; }
			div.css-search div.em-search-field { padding:5px 0px; }
			div.css-search input.em-search-text, div.css-search input.em-search-geo { width:90%; font-size:16px; line-height:16px; padding:8px; border:none; outline:none !important; color:#666; text-overflow: ellipsis; display:inline-block; }
			div.css-search div.em-search-geo { margin:0px 0px 0px 5px; padding-left:20px; background:url(../images/search-geo.png) 0px 3px no-repeat; }
			div.css-search div.em-search-text { margin:0px 0px 0px 5px; padding-left:20px; background:url(../images/search-mag-ico.png) 0px 4px no-repeat; }
			/* Placeholder text in main section */
				div.css-search div.em-search-main div.em-search-field input::-webkit-input-placeholder { /* WebKit browsers */ font-size:16px; line-height:16px; padding:3px 0px; border:none; outline:none; color:#666; }
				div.css-search div.em-search-main div.em-search-field input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#666; }
				div.css-search div.em-search-main div.em-search-field input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#666; }
				div.css-search div.em-search-main div.em-search-field input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#666; }
			/* Geo field specifics */
				div.css-search.has-search-geo.has-search-term input.em-search-text, div.css-search.has-search-geo.has-search-term input.em-search-geo { width:40%; }
				.pac-container .pac-item { padding:4px 4px !important; }
			/* Main Search Button */
				div.css-search div.em-search-main .em-search-submit {
					position:absolute;
					top: 5px; right: 5px;
					-moz-box-shadow: 0px 0px 0px 0px #ffffff;
					-webkit-box-shadow: 0px 0px 0px 0px #ffffff;
					box-shadow: 0px 0px 0px 0px #ffffff;
					background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b7d282), color-stop(1, #8eb56d) );
					background:-moz-linear-gradient( center top, #b7d282 5%, #8eb56d 100% );
					background-color:#b7d282;
					-moz-border-radius:6px;
					-webkit-border-radius:6px;
					border-radius:6px;
					border:1px solid #dcdcdc;
					display:inline-block;
					color:#ffffff;
					font-weight:bold;
					padding:8px 10px;
					text-decoration:none;
					text-shadow:1px 1px 0px #c7c5c7;
					line-height:16px;
				}
				div.css-search div.em-search-main .em-search-submit:hover {
					background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C4DB99), color-stop(1, #A4C48A) );
					background:-moz-linear-gradient( center top, #C4DB99 5%, #A4C48A 100% );
					background:-ms-linear-gradient(top, #C4DB99, #A4C48A);
					background:-o-linear-gradient(top, #C4DB99, #A4C48A);
					background:linear-gradient(to top, #C4DB99, #A4C48A);
					background-color:#A4C48A;
				}
				div.css-search div.em-search-main .em-search-submit img { border:none; padding:0; margin:0; box-shadow:none; border-radius:0; background:none; }
				/* IE7 Hack */ div.css-search div.em-search-main button.em-search-submit span { display:block; width:16px; height:16px; background:url('../images/search-mag.png') 0px 0px no-repeat; }
		/* Advanced Search */
			div.css-search div.em-search-location, div.em-search-location-meta { margin:0px; padding: 0px; }
			div.css-search div.em-search-advanced, div.css-search div.em-search-options { padding:5px 8px; }
			div.css-search div.em-search-advanced > div { clear:both; }
			div.css-search div.em-search-advanced label > span { display:block; float:left; min-width:100px; }
			div.css-search div.em-search-advanced .em-search-submit { margin:10px 0px; }
			div.css-search.no-search-main div.em-search-advanced.visible div { display:inline; clear:none; }
			div.css-search.no-search-main div.em-search-advanced.visible label { display:none; }
			div.css-search div.em-search-options { text-align:right; }

/* Events List */
	.css-events-list table.events-table { border-spacing: 0px; border-collapse: collapse; }
	.css-events-list table.events-table td { padding:0px; }
	.css-events-list table.events-table th.event-time { width:150px; }
	.css-events-list table.events-table th.event-description { width:auto; }

/* Booking Form */
	.em-booking { margin:15px 0px 10px 0px; position:relative; }
	.em-booking-form  { position:relative; clear:left; }
	.em-booking-form-details  { padding:10px; width:360px; float:left; }
	.em-booking-form-details input.input, .em-booking-form-details textarea { width:250px; }
	.em-booking-form p { clear:left; }
	.em-booking-form label { display:block; float:left; }
	.em-booking-form span.input-group input { margin-left:-20px; }
	.em-booking-form span.input-group { display:block; margin-left:120px; }
	.em-booking-form label  { display:inline-block; width:100px; }
    .em-booking-form p.input-field-data_privacy_consent label { display:block; width:100%; }
	.em-booking-form-details .em-booking-submit { width:auto; }
	/* Tickets */
		.em-tickets { margin-bottom:20px; }
	/* Message Errors */
		div.em-booking-message { margin:10px 0px; padding:10px; color:#333; border-radius:3px; }
		div.em-booking-message p { margin:10px 0px !important; padding:0px; color:#333; }
		div.em-booking-message-success { background-color:#f1fff0; border:1px solid #a8d144; }
		div.em-booking-message-error { background-color:#FFEBE8; border:1px solid #C00; }
	/* Optional Login Form */
		div.em-booking-login { padding: 10px 10px 10px 20px; margin: 0px 0px 0px 390px;	border-left: 1px solid black; }
		div.em-booking-login label { display:inline-block; width:90px; }
		div.em-booking-login p{ margin:10px 0px !important; padding:0px !important;	}
		div.em-booking-login input { margin:0px; }

/* Events Admin */
#em-wrapper #posts-filter .subsubsub .current { font-weight:bold; }
#em-wrapper .em-events-admin-list .em-button, #em-wrapper .em-events-admin-list .em-button { float:right; }

/* Add Event Form */
	#event-form h4 { margin:25px 0px 15px 0px; font-weight:bold; }
#event-form p { /*margin-top:10px;*/ }
	#event-form .inside { clear:both; margin-bottom:20px; }
	#buddypress .wp-editor-wrap table { width:auto; }
	#buddypress .wp-editor-wrap table tr td, #buddypress .wp-editor-wrap table tr th { padding:0; }
	#buddypress .wp-editor-wrap a.button, #buddypress .wp-editor-wrap button, #buddypress .wp-editor-wrap input[type=submit], #buddypress .wp-editor-wrap input[type=button], #buddypress .wp-editor-wrap input[type=reset] { padding: 0px 10px 1px; }
	/* Event Details */
		#event-form #event-name { width:100%; padding:2px;border: none; border-bottom: 2px solid #e2e2e2; }
		#event-form .event-extra-details { margin-top:20px; }
		#event-form .event-extra-details select { vertical-align:top; }
	/* Recurring Event Rescheduling */
	#event-form .reschedule-hidden, #post .reschedule-hidden { display:none; visibility:hidden; }
	#event-form .em-recurrence-reschedule, #post .em-recurrence-reschedule { padding:15px 20px; border-left: 4px solid #ffa500; }
	#event-form .em-recurrence-reschedule h4, #post .em-recurrence-reschedule h4 { margin-top:0px; }
	#event-form .recurrence-reschedule-warning, #post .recurrence-reschedule-warning { margin-bottom:25px; color:#c45500; }
	#event-form .recurrence-reschedule-warning p, #post .recurrence-reschedule-warning p { margin-top:0px; font-size:14px; }
	/*Tickets*/
		#event-rsvp-box { margin:10px; }
		#event-rsvp-options label { font-weight:bold; }
		/*Tickets*/
			#em-tickets-form tbody.em-ticket-template { display:none; }
			#em-tickets-form th { width:auto; }
			#em-tickets-form th.ticket-status, .em-tickets-row .ticket-status { width:20px; }
			#em-tickets-form .em-tickets-row .ticket-status span.dashicons { display:block; width:16px; height:16px; line-height:16px; font-size:16px; font-weight: bolder; }
			#em-tickets-form .em-tickets-row .ticket-status.single span.dashicons { cursor:auto; }
			#em-tickets-form .em-tickets-row .ticket-status span.ticket-on { color: #008000; }
			#em-tickets-form .em-tickets-row .ticket-status span.ticket-off { color: #ff0000; }
			#em-tickets-form .em-tickets-row .ticket-status span.ticket_new { color: #808080; }
			#em-tickets-form.em-tickets-sortable .em-tickets-row .ticket-status span.dashicons { cursor:move; }
			#em-tickets-form .em-ticket-sortable-placeholder { border:2px dashed #dedede; background:#efefef; }
			#em-tickets-form .ui-sortable-helper { cursor:move; }
			/* Ticket Forms */
				.em-ticket-form .ticket-options { margin-top:10px; }
				.em-ticket-form > div > div, #em-tickets-form .ticket-dates > div { clear:both; padding-top:4px; }
				.em-ticket-form label { display:block; float:left; min-width:105px; padding-right:5px; }
				#em-tickets-form .ticket-name input, #em-tickets-form .ticket-description textarea { width:50%}
				#em-tickets-form .em-ticket-form-actions { clear:both; }
				#em-tickets-form .ticket-spaces input, #em-tickets-form .ticket-price input { width:80px; }
 				#em-tickets-form .ticket-dates input.em-date-input-loc { width:90px; }
				#em-tickets-form .ticket-dates-from-normal, #em-tickets-form .ticket-dates-from-recurring,
				#em-tickets-form .ticket-dates-to-normal, #em-tickets-form .ticket-dates-to-recurring { display:inline; }
 				#em-tickets-form .ticket-required input, #em-tickets-form .ticket-roles input { width:auto; }
 				#em-tickets-form .ticket-roles div { margin-left:110px; }
	/* The editor */
		#wp-em-editor-content-wrap table { margin-bottom:0px; }
	/* Location form */
		#em-location-data table.em-location-data td, #em-location-data table.em-location-data th { vertical-align:top; border:none; }
		#em-location-data table.em-location-data select { width:100%; }
		#em-location-data table.em-location-data { width:50%; float:left; border:none; }
		#em-location-data .em-location-map-container { width: 50%; height: 300px; float:left; }
		#em-location-data .em-location-map-404, #em-location-data .em-location-map-content { width:100%; height:100%; }
		#em-location-data .em-location-map-404 { vertical-align:middle; text-align: center; }
/* Booking Admin */
	/* Generic Table Info */
	table.em-form-fields td, table.em-form-fields th { text-align:left; vertical-align:top; }
	table.em-form-fields th { padding:0px 20px 5px 0px; }
	/* Bookings Table */
		.em_obj { position:relative; }
		.em_obj .table-wrap { clear:left; padding-top:5px; }
		.em-bookings-table .em-bookings-table-export, .em-bookings-table .em-bookings-table-settings { float:left; display:block; margin:2px 5px; width:25px; height:25px;  }
		.em-bookings-table .em-bookings-table-export { background:url(../images/csv.png) 0px 0px no-repeat; }
		.em-bookings-table .em-bookings-table-settings { background:url(../images/settings.png) 0px 0px no-repeat; }
		/* Settings & Export */
			#em-bookings-table-export, #em-bookings-table-settings { width:500px; height: 75%; }
			#em-bookings-table-export form, #em-bookings-table-settings form { height: 100%; overflow:auto; }
			/* Sorting */
				.em-bookings-table-overlay ul.em-bookings-cols-sortable { list-style-type: none; margin: 0; padding: 0 0 10px; float: left; margin-right: 10px; }
				.em-bookings-table-overlay ul.em-bookings-cols-sortable li { margin: 0 5px 5px 5px; padding: 3px 8px; font-size: 12px; width: 120px; font-weight:normal; cursor:move; }
				.em-bookings-table-overlay ul.em-bookings-cols-sortable li.ui-state-highlight {}
				.em-bookings-table-overlay ul.em-bookings-cols-sortable li.ui-state-default { color:#999; }
				#em-bookings-export-cols-inactive, #em-bookings-cols-inactive { width:300px; }
				#em-bookings-export-cols-inactive li, #em-bookings-cols-inactive li { float:left; }
	/* Single Booking Edit View */
		#em-bookings-admin-booking .em-booking-single-info { display:none; }
		#em-bookings-admin-booking .em-booking-single-form { padding-right:20px; }

/* Printable stuff */
	body#printable { font-family: Gill Sans, Helvetica, Arial, sans-serif; text-align: center; }
	body#printable #container { margin: 0 auto; width: 780px; text-align: left; }
	body#printable table#bookings-table { width: 600px; border-spacing: 0px; }
	body#printable table#bookings-table td { padding: 5px 0; }
	body#printable table#bookings-table td.spaces-number { text-align: right; padding-right: 20px; }
	body#printable table#bookings-table th { text-align: left; margin-left: 5px; }
	body#printable table#bookings-table tr#booked-spaces td{ border-top: 2px solid #999; }
	body#printable table#bookings-table td.total-label { text-align: right; }
	body#printable table#bookings-table tr#booked-spaces td.spaces-number, table#bookings-table tr#available-spaces td.spaces-number { font-weight: bold; }

/* Calendar Styles */
	table.em-calendar td { padding: 2px 4px; text-align: center; }
	table.em-calendar.table tr.days-names { font-weight: bold; }
	table.em-calendar td.eventless-pre, .em-calendar td.eventless-post { color: #ccc; }
	table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a{ color: #aaa; text-decoration:underline; }
	table.em-calendar td.eventful a, table.em-calendar td.eventful-today a { color: #FD7E29; }
	table.em-calendar td.eventful-today a { font-weight: bold; }
	table.em-calendar td.eventless-today, table.em-calendar td.eventful-today { background-color: #CFCFCF; }
	table.em-calendar thead { font-size: 120%; font-weight: bold; }
	table.fullcalendar { border-collapse: collapse; }
	table.fullcalendar td { text-align: left; border: 1px solid #888; }
	div.em-calendar-wrapper { position:relative; }
/*
Maps - if the info balloons don't look right on your site, chances are it's a CSS issue.
Google is VERY sensitive to CSS rules for the infowindows, making it hard to accommodate every theme in WP.
Please edit your theme's CSS to override this
*/
	.em-map-balloon .em-map-balloon-content {
		margin:0px 0px 0px 0px !important;
		padding:0px 0px 20px 0px !important;
		font-size:12px !important;
		color:#000000  !important;
		width:auto !important;
		max-width:none !important;
		height:auto !important;
		max-height:none !important;
	}
	.em-location-map img, .em-locations-map img, #em-map img {
		max-width:none !important;
		background:none !important;
		border:none !important;
		margin:0 !important;
		padding:0 !important;
		height:auto;
		width:auto;
	}

/* Time Picker */
	#start-time, #end-time { width:6.7em;}
	#start-time.error, #end-time.error { border:#cc0000 1px solid; }
	div.time-picker {  position: absolute; height: 191px; width:5em; /* needed for IE */ overflow: auto; background: #fff; border: 1px solid #aaa; z-index: 99; margin: 0; }
	div.time-picker-12hours { width:7em; /* needed for IE */ }
	div.time-picker ul { list-style-type: none; margin: 0; padding: 0; }
	div.time-picker li { cursor: pointer; height: 22px; font: 12px/1 Helvetica, Arial, sans-serif; padding: 4px 3px; }
	div.time-picker li.selected { background: #0063CE; color: #fff; }

/* New custom css */
	.add-new-h2 {
		float: right;
	}
	p.search-box {
		padding-top: 2em;
	}
	.img-single-evnt {
			margin-bottom: 2em;
	}
	.img-single-evnt img {
			border-radius: 150px;
			height: 150px;
			width: 150px;
	}
	span.display-single-evnt-name {
			margin-left: 2em;
	    position: absolute;
	    margin-top: 4em;
	}
	#comments {
			display:none;
	}
	.event-friends {
		float:left;
		width:50% !important;
	}
  .date-section {
		float: left;
    margin-top: 10em;
	}
	.bb-profile-grid h2 {
		display:none;
	}
  nav#subnav.bp-navs.bp-subnavs.no-ajax.user-subnav {
		display: none;
	}
	.bp-dir-hori-nav nav#object-nav {
		margin-bottom:5px !important;
	}
  .playdate-name {
	  margin-top: 2rem;
  }
	h3.event-form-name {
		width: 18%;
    float: left;
	}
	/*.em-date-range {
		float: left;
    width: 49%;
	}*/
	.em-time-range {
		margin-top:0px;
	}
  .events-sections-table {
		margin-bottom: 3em;
	}

	.future-playdates {
		padding: 20px;
    background: blue;
    color: #fff;
    border-radius: 10px;
	}
	.pending-playdates {
		padding: 20px;
    background: red;
    color: #fff;
    border-radius: 10px;
	}
	.past-playdates {
		background: yellow;
		padding: 20px;
		color: #000;
		border-radius: 10px;
		font-weight: bold;
	}

	.addnew-playdate {
		background: green;
		padding: 20px;
		border-radius: 10px;
		color: #fff;
	}
	div.search-box {
		text-align: right;
		padding: 0px;
		width: 15%;
		/*margin: 0 auto;*/
		margin-bottom: 2em;
		margin-left: 14px;
	}
  .no-playdate-count {
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	div.subsubsub a:hover {
		color:#fff !important;
	}

	.css-event-form {
		margin: 0 auto;
    width: 100%;
    /*max-width: 560px;*/
		background: #fff;
		padding: 0px 2rem;
	}

.border-class {
		border-bottom: 2px solid #e2e2e2;
    width: 100%;
    height: 5px;
}

.add-new-label-div {
	margin-top: 1em;
}
.add-new-label-div label {
	font-size: 20px;
	color: #5e4bc7 !important;
}
.add-courses-div {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}

.row label {
	color: #717171;
	font-weight: 600;
}

.ptype {
	margin-bottom: 5px;
}
.rtype {
	margin-right:5px;
}
.column {
  flex: 50%;
}
#post-0 {
	margin-top:2em;
}
h2.widget-title, h2.widget-title a {
	color: #5e4bc7;
  font-size: 18px;
}

/*Lifter css here */
ul.llms-sd-items {
	background: linear-gradient(90deg, rgba(0,176,255,1) 0%, rgba(125,13,231,1) 64%); position:inherit;
}
ul.llms-sd-items a {
	color: #ffffff !important;
}
.course-details-verbose {
	padding-bottom: 10px !important;
}
.lifterlms-course-list .bb-cover-list-item .llms-meta-aplans {
	display: flex;
	position: inherit !important;
}
.em-timezone {
	display:none;
}
.bb-course-items.grid-view .bb-course-item-wrap .bb-cover-list-item .ld-status {
	display: none !important;
}
.total-count {
	margin-left: 5px;
	/*background: #ff0000;*/
	padding: 10px;
	color: red;
	display: inline-flex;
	height: 24px;
	width: 24px;
	border-radius: 20px;
	align-items: center;
	justify-content: center;
	display: none; /*tmp doing change*/
}
.profile-playdate-section {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 30%;
    margin: 0 auto;
	padding: 10px;
}
.date-section-div {
  width: 100%;
  padding: 1rem;
	display:flex;
	background: transparent linear-gradient(90deg, #01ECA4 0%, #697DF0 100%) 0% 0% no-repeat padding-box;
	opacity: 1;;
	justify-content: space-evenly;
  flex-direction: row;
}
.date-time-section {
	display: flex;
    flex-direction: row;
}
.date-time-div {
	margin-right: 1rem;
	color: #fff;
}
.date-data {
	color: #fff;
}
 h2.list-title {display:block;}
.cimg img {width:130px;height:auto;}
.bb-llms-banner {
	background: url("../css/images/doodleimage.jpg") no-repeat;
}
.bb-llms-banner {
	background: url("../css/images/course-bg.png") no-repeat;
	background-color: #fff !important;
}
.single-course.llms-pointer .bb-course-points a.anchor-course-points {color: #000 !important;}
.bb-course-banner-inner h1.entry-title {color: #000 !important;}
.bb-llms-banner:before {background-color: #fff  !important;; color: #000;background-image: none !important;}
.bb-course-banner-inner .author-name, .bb-course-banner-inner .course-date {color: #000 !important;}
.bp-feedback.info {display:none;}
h2.default-title {margin-bottom: 15px !important;}
.bb-course-banner-inner h1.entry-title {min-height: 130px;}
@media only screen and (min-width: 1200px) {
	.floating-button {color: #fff; transform: rotate(1deg); width: 100px; right: 0; top: 350px; position: fixed;}
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
.llms-loop-list.cols-3 .llms-loop-item {
	  width: calc(50% - 100px) !important;
	}
	.floating-button {color: #fff; transform: rotate(1deg); width: 100px; right: 0; top: 350px; position: fixed;}
}

._df_thumb {
	margin: 0px;
	width: 100%;
}

/*li.bb-course-item-wrap:hover {
	transform: translateZ(0) scale(1.2);
	z-index: 99999;
	-moz-box-shadow: 0 0 10px #ccc;
      -webkit-box-shadow: 0 0 10px #ccc;
      box-shadow: 0 0 10px #ccc;
}*/
.bb-card-course-details {
	padding:16px 5px 0 !important;
}
.course-list-section {
	display: flex;
	justify-content: space-around;
	margin: 0 0 0.6875rem !important;
}
input.insert-courses {
	font-size: 12px !important;
	padding: 10px 5px !important;
}

/* single course page css */

.bsection {
	position: absolute;
	top:365px;
	color: #fff;
	z-index: 9999;
	left:10vh;
}
 .bs1 {margin-right: 10px;}

/*Add playdate link in groups page css starts here*/


.create-playdate-group {
	font-size: 14px;
  font-weight: bold;
  float: right;
  margin-right: 10px;
}
.create-playdate-group a {
 	color: #0012ed !important;
}
.create-playdate-group-1 {
	font-size: 14px;
    font-weight: bold;
    float: right;
    margin-right: 10px;
    background: #007cff;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
}
.create-playdate-group-1 a {
 	color: #fff !important;
}
.connection-single-member {
	display: flex;
	justify-content: center;
}
ol.custom-lg {
    counter-reset: kt-counter;
    list-style: none;
    padding-left: 0;
    margin-left: 50px;
}
ol.custom-lg li:before {
    content: counter(kt-counter) ".";
    position: absolute;
    font-size: 40px;
    font-weight: 700;
    text-shadow: 1px 0 0;
    margin-left: -50px;
    height: 1em;
    line-height: 1em;
    color: #9156ad;
}
.fw7 {
    font-weight: 700;
}
.tertiary {
    color: #9156ad;
}
.mb3 {
    margin-bottom: 1rem;
}
ol.custom-lg li {
    counter-increment: kt-counter;
    position: relative;
}
.f2 {
    font-size: 2rem;
}
.lh-solid {
    line-height: 1;
}
.f6 {
    font-size: .875rem;
}
.mb2 {
    margin-bottom: .5rem;
}
@media screen and (min-width: 50em) {
.ml0-ns {
    margin-left: 0;
}
.ml4-ns {
    margin-left: 2rem;
}
.ml5-ns {
    margin-left: 4rem;
}
}


/* course page changes */
.cotinue-playdates {
	width: 27%;
}
.breadcrumbs {
	margin-top:20px !important ;
}
.breadcrumbs a, .breadcrumbs span {
	padding: 0px !important;
}
input[type='button'] {
	background: #6200EA 0% 0% no-repeat padding-box !important;
	border: 1px solid #6200EA !important;
	opacity: 1 !important;
	border-radius: 100px !important;
	padding: 8px !important;
}
.thumb-heart {
	width: 20px;
	height: auto;
}
.bb-course-items.grid-view .bb-course-item-wrap .bb-cover-list-item {
	border: none !important;
}
#primary-navbar {
	justify-content: center !important;
}
.primary-menu>li>a {
	font-size: 18px !important;
}
.cotinue-playdates a {
	text-decoration: none;
	font-size: 1.2rem;
	color: #fff;
}
.bb-course-cover, bb-course-cover a {
	min-height: 200px;
}
a.bb-cover-wrap {
	min-height: 270px;
	border: 1px solid #CCCCCC;
	border-radius: 30px;
}
a.bb-cover-wrap:hover {
	background: transparent linear-gradient(180deg, #08BD85 0%, #293FC2 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    opacity: 0.8;
}
.bb-lms-pagination {
	text-align:center !important;
}
.bb-lms-pagination>* {
	height: 50px;
  display: inline-block;
  font-size: 13px;
  margin-right: 10px;
  border: 1px solid #ececec;
  padding: 9px;
  width: 36px;
  border-radius: 5px;
  font-weight: bold;
}
.single-course.llms-pointer .lifterlms_course_information .llms-categories:before {
	display: none !important;
}
.sp-pcp-row {
  display: flex;
}
/*.sp-pcp-row > div {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}*/
.sp-pcp-post .sp-pcp-post-thumb-area img {
  /*height: 200px !important;*/
  height: auto !important;
  min-height: 200px !important;
  /*border-radius: 30px;*/
  object-fit: cover;
}
.sp-pcp-section img {
  vertical-align: middle !important;
}
.main-chess-box {
	display: flex;
	flex-wrap: wrap;
}
.div-king {
	border: 1px solid #FFAB00;
	border-bottom: 10px solid #FFAB00;
}
.div-queen {
	border: 1px solid #29B6F6;
	border-bottom: 10px solid #29B6F6;
}
.div-rook {
	border: 1px solid #BA68C8;
	border-bottom: 10px solid #BA68C8;
}
.div-knights {
	border: 1px solid #AEEA00;
	border-bottom: 10px solid #AEEA00;
}
.chess-items {
	flex: 0 0 47%;
    padding: 20px;
	margin: 10px;
}
.chess-items img {
	width: 100px;
    padding-right: 10px;
}

#post-6286 h1.entry-title, #post-6312 h1.entry-title {
	text-align: center;
	display: none;
}
#post-6286 h5, #post-6312 h5, .page-id-6330 h2, #books-row-4 p {
	color: #fff;
}
#books-row-4 p {
	margin: 0 0 0.6875rem !important;
}
#books-row-4 a {
	background: #FF2A67;
	padding: 10px 25px 10px 25px; 
	border-radius: 50px;
	color: #fff; 
	margin-bottom: 10px;
}
p#book-enroll {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
#post-6286 a, #post-6312 a {
	background: #fff;
    padding: 5px;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
}
.explore-playdates-sections {
	background-size: cover;
	height: 200px;
	border-radius: 10px;
    margin-right: 15px !important;
	margin-bottom: 30px !important;
}
.explore-play-one-two {
	padding-right:30px !important;
}
#explore-playdates-right-section, #explore-class-right-section {
	margin-top: 30px !important;
}
#explore-play-one img {
  transform-origin: 0 0;
  transition: transform .25s, visibility .25s ease-in;
}

/* The Transformation */
#explore-play-one:hover img {
  transform: scale(2);
}
.explore-play-one-one, .explore-play-one-two, .explore-play-one-two div.vc_column-inner, .explore-play-one-one div.vc_column-inner, .explore-play-one-two-one, .explore-playdates-sections-one, .xplore-play-one-one-right div.vc_column-inner, .explore-class-right div.vc_column-inner {
	background-size: cover;
	height: 200px;
	border-radius: 10px;
	justify-content: center;
    display: flex;
}
.explore-play-one-two-one div.vc_column-inner {
	background-size: cover;
	height: 200px;
	border-radius: 10px;
	justify-content: left;
    display: flex;
}
.explore-play-one-one {
	padding-right: 15px !important;
}
.xplore-play-one-one-right, .explore-class-right {
	padding-left: 15px !important;
}
.page-id-6330 .content-area, .page-id-6469 .content-area {
	padding-top:0px !important;
}
.page-id-6330 .entry-header, #post-6469 .entry-header {
	display: none !important;
}
#books-row-1 div.vc_column-inner {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}
.books-section {
	display: flex;
	align-items: center;
}
.books-h2 {
	margin-left: 1rem;
}
.books-h2 h2, .white-font h6, #books-row-1 h6 {
	color: #fff;
}
.create-playdate {
	background: #FF2A67;
	padding: 10px 25px 10px 25px; 
	border-radius: 50px;
	color: #fff; 
	margin-bottom: 10px;
}
#books-row-1 p {
	color: #fff;
}
.no-playdate-section {
	display:flex;
	align-items: center;
    align-self: center;
	width: 100%;
}
.no-playdate-left-section {
	width: 100%;
	text-align:center;
	top: 30px;
    position: relative;
    height: 105px;
	color:#ffffff;
	background-color: #2a6bc9;
}
.no-playdate-left-section a, .no-playdate-left-section a:hover {
	color:#ffffff;
}
.no-playdate-bg {
	background: url('https://vplaysmart.com/wp-content/uploads/2023/05/my-playdates-1.jpg') no-repeat;
	/*background-color: blue;*/
	height: 200px;
	background-size: contain;
}
@media screen and (min-width: 1071px) and (max-width: 1800px) {
	.bsection {
		top:290px !important;
	}
	.no-playdate-bg {
		width: 50% !important;
	}
	
}
@media screen and (max-width: 1800px) {
	.bb-course-items.grid-view .bb-course-item-wrap {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
}
@media screen and (min-width: 1071px) {
	.bsection {
		top:290px !important;
	}
	
}

@media screen and (min-width: 820px) {
	.single-course.llms-pointer .bb-single-course-sidebar {
	    position: absolute !important;
	    right: 0px !important;
	}
}
@media screen and (min-width: 768px) {
	.single-course.llms-pointer .bb-grid .bb-llms-content-wrap {
		 padding-right: 0px !important;
	}
}

@media screen and (min-width: 681px) {
	.single-course.llms-pointer .bb-llms-content-wrap {
		max-width: 100% !important;
	}
}
@media screen and (min-width: 481px) {
	.sp-pcp-title {
	    min-height: 3.4rem !important;
	}
}

@media screen and (max-width: 480px) {
	.no-playdate-bg {
		display: none;
	}
	.books-section {
		margin-top: 1rem;
	}
	.stem-create-playdate {
		margin-bottom: 2rem !important;
	}
	div.search-box {
		text-align: center;
		padding: 0px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 2em;
		/*margin-left: 14px;*/
	}
	.bsection {
		top: 190px !important;
		left: 0px !important;
		z-index: -1;
		width: 100%;
	}
	.bsection a.button {width: 100%;}
	.em-start-from, .start-text, .full-event-repeat-text {display: block !important;}
	.em-date-end {width: 82%; height: 30px; }
	.bb-course-items.grid-view .bb-course-item-wrap {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.course-top-section {
		flex-wrap: wrap;
	}
	.course-nav-left-section, .course-nav-right-section {
		flex: 0 0 100%;
	}
	input.insert-courses {  
		font-size: 12px !important; 
		padding: 10px 14px !important;
		height: 36px !important
	}
	.bb-two-column {
		justify-content: center !important;
	}
	.bsection1 {
		display: flex;
	}
	.llms-meta {
		width: 100% !important;
	}
	.item-dashboard {
		width: 100% !important;
	}
	/*.sp-pcp-row > div {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}*/
	.chess-items {
		flex: 0 0 98%;
		padding: 20px;
		margin: 10px;
	}
	.bb-two-column {
		display: block !important;
	}
	.bb-left-content {
		flex: 0 0 100% !important;
	}
	.bb-right-content {
		flex: 0 0 100% !important;
	}
	.explore-playdates-sections{
		margin-right: -15px !important;
		margin-bottom: 10px !important;
	}
	.explore-play-one-two {
		padding-right: 0px !important;
	}
	.explore-play-one-two, .explore-play-one-one {
		margin-bottom: 10px;
	}
	.explore-play-one-one {
		padding-right: 0px !important;
	}
	.xplore-play-one-one-right, .explore-class-right {
		padding-left: 0px !important;
	}
	#explore-class-right-section, .explore-class-right, #explore-playdates-right-section {
		margin-top: 10px !important;
	}
	.explore-play-one-one, .explore-play-one-two, .explore-play-one-two div.vc_column-inner, .explore-play-one-one div.vc_column-inner, .explore-play-one-two-one, .explore-playdates-sections-one, .xplore-play-one-one-right div.vc_column-inner, .explore-class-right div.vc_column-inner {
		display: block !important;
	}
	.bb-mobile-panel-inner .bb-primary-menu .current_page_item>a, #top-bar-menu a {
		/*margin-left: 10px !important;*/
	}
	
}