/* NOTE: This plugin is designed to work with LifterLMS using the Kadence theme or a Kadence Child Theme */
/* NOTE THAT FONT SIZES ARE IN REMs with base text size set to 62.5%. This means 1rem=10pixels. If your theme doesn't have the font-size set to 62.5%, please change all desired font sizes in rems to px accordingly. */
/* ALSO NOTE THAT some styles in this plugin stylesheet target the Kadence theme color palette options to work with LightMode/DarkMode switching */
/* styles in this stylesheet
	**Dashboard styles (styles for all dashboard pages)
	**Course Pages
	**Grades Page
	**Group Pages
	**Notifications Page
	**Orders History
	**Typography (minimal tweaks for LifterLMS)
	**Membership Pages
	**Footer
*/
.header-navigation ul li.menu-item > a {
	font-size: 1.7rem;
}
.content-area a:not(.button), .content-area not:wp-block-llms-access-plan-button a:not(.llms-button-primary) {
	color: var(--global-palette1) !important;
  }

.content-area a:not(.button):hover, #colophon.site-footer a:hover {
	color: var(--global-palette5) !important;
  }
*:focus {
	outline: 2px solid !important;
	outline-color: var(--global-palette1) !important;
}
.header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	border-top: 1px solid rgba(255,255,255,0.1);
  }
.header-navigation .header-menu-container ul ul li.menu-item:hover {
	border-bottom: 1px solid var(--global-palette7);
	border-top: 1px solid var(--global-palette7);
  }


/* Dashboard styles (styles for all dashboard pages) */
.kb-user-info-name {
	font-size: 2.8rem;
  }

.kadence-llms-dash-nav-right .llms-sd-nav::before, .kadence-llms-dash-nav-left .llms-sd-nav::before {
  content: 'Navigation';
  background-color: var(--global-palette1);
  color: var(--global-palette7);
  width: 100%;
  display: block;
  padding: 5px 0 5px 10px;
  font-size: 1.8rem;
  font-weight: 900;
}
.llms-notification-list-item .llms-notification-footer .llms-notification-date, .llms-notification-list-item .llms-notification-footer a {
	color: var(--global-palette4);
	font-size: 1.6rem;
  }
/* dashboard pages with sidebar */
.dashboard .llms-sd-title {
	display: none; /*hides title area dashboard home so "dashboard" doesn't display 3 times at the top*/
}
.llms-loop .llms-loop-item.course.entry  {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 4px 4px 10px #ccc;
	box-shadow: 4px 4px 15px var(--global-palette7);
  }
  .llms-sd-item.current {
	border-bottom: 1px dashed !important;
	border-color: var(--global-palette2) !important;
	border: transparent;
	background-color: var(--global-palette7);
  }
  .llms-sd-grades .llms-table .llms-progress .llms-progress-bar {
	  border-radius: 200px 0 0 200px;
  }
  .llms-table tbody tr:nth-child(2n+1) td, .llms-table tbody tr:nth-child(2n+1) th, .llms-table tfoot tr, .llms-table tfoot td {
	  background-color: var(--global-palette7) !important;
	}
 .logged-in .llms-sd-layout-columns {
    display: grid !important;
    grid-template-columns: 1fr 4fr;
  }  



  /* end dashboard pages with sidebar */

/* styling progress bar on Dashboard and Courses Page */
.llms-loop-item-content .llms-progress {
	margin: 10px 2% 0;
	width: 96%;
	padding-right: 8px;
	border-radius: 50px 0 0 50px;
	height: auto;
	border-color: var(--global-palette-highlight);
}
.llms-loop-item-content .llms-progress .llms-progress-bar {
	height: 20px;
	border-radius: 50px;
	border: 0px solid #ddd;
	background-color: #ddd;
}
.llms-progress .progress-bar-complete {
	border-radius: 50px 0 0 50px;
}
.llms-loop-item-content .llms-progress .progress__indicator {
	display: block;
	font-size: 1.8rem;
	font-weight: 900;
	color: var(--global-palette-highlight);
}
.llms-loop-item-content .llms-loop-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 2.6rem;
}
.llms-loop-link:focus {
	border: 5px solid var(--global-palette1);
	  border-radius: 6px !important;  
  }
.post-type-archive-course .page-title.archive-title span {
	font-size: 6.0rem;
  }
  .post-type-archive-course .page-title.archive-title {
	font-size: 0;
  }
/* end styling progress bar on Dashboard and Courses Page */


.llms-access-plans .llms-access-plan-title {
	background-color: var(--global-palette-btn-bg);
	color: var(--global-palette-btn);
}
 .llms-access-plans .llms-access-plan-description, .llms-access-plans .llms-access-plan-price .lifterlms-price, .llms-access-plans .llms-access-plan-schedule {
	color: var(--global-palette3);
  }

  .wp-site-blocks .post-thumbnail {
	display: flex;
	height: 0;
	padding-bottom: 66.67%;
	overflow: hidden;
	position: relative;
	align-content: center;
	align-items: center;
  }

  #archive-container .post-thumbnail .post-thumbnail-inner {
	display: flex;
	overflow: hidden;
	height: auto;
	position: relative;	
	align-content: center;
	align-items: center;
	flex-direction: column;
	justify-content: space-around;
  }






.primary-sidebar .wp-block-post-featured-image img {
	border-radius: 12px;
}

.site-main-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard, #mobile-header {
	border-bottom: 3px solid;
	border-color: var(--global-palette1);
}

.llms-loop .llms-loop-item-content .llms-loop-title {
color: var(--global-palette3);
}
.llms-loop .llms-loop-item-content .llms-meta, .llms-loop-item-content .llms-author {
  color: var(--global-palette4) !important;
	font-size: 1.7rem;
}




/* course pages */
.llms-instructor-info .llms-instructors .llms-author {
	color: var(--global-palette5);
  }
 .primary-sidebar .llms-progress {
	align-content: center;
 }
 .primary-sidebar .llms-progress .llms-progress-bar, .wp-block-llms-course-progress .llms-progress .llms-progress-bar {
	height: .6em;
  	top: .2em;
	border: 1px solid;
	border-radius: 200px 0 0 200px;
 }
 .llms-syllabus-wrapper .llms-section-title + .llms-lesson-preview {
	border-top: 1px solid var(--global-palette4) !important;
 }
 .llms-syllabus-wrapper .llms-lesson-preview {
	border-left: 1px solid var(--global-palette4) !important;
	border-right: 1px solid var(--global-palette4) !important;
 }
 .llms-syllabus-wrapper .llms-lesson-preview:last-child {
	border-bottom: 1px solid var(--global-palette4) !important;
  }
  .llms-lesson-preview .llms-lesson-link.llms-lesson-link-locked {
	background: transparent !important;
  }
  .llms-lesson-preview .llms-lesson-link:hover, .llms-lesson-preview .llms-lesson-link:hover {
	background: var(--global-palette8);
  } 
  .llms_review {
	background-color: unset !important;
	border: 1px solid var(--global-palette1);
	border-radius: 12px;
  }
  .llms-form-field [type="text"], .llms-form-field [type="password"], .llms-form-field [type="email"], .llms-form-field [type="url"], .llms-form-field [type="tel"], .llms-form-field [type="number"] {
	background-color: transparent !important;
  }
  .llms-tooltip::after {
	border-top: 8px solid #8a2a2a;
	}
  .llms-tooltip {
	  font-size: 2.0rem;
	  background-color: #8a2a2a;
  }
  .llms-lesson-preview section {
	background: var(--global-palette8);
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
  }
  .llms-lesson-preview section:hover {
	background: var(--global-palette9);
	outline: 1px solid var(--global-palette4)
}
/* end course pages */

/* grades page */
  .llms-sd-grades .llms-progress .llms-progress-bar {
	color: var(--global-palette4);
	border: 1px solid var(--global-palette1);
  }

/* groups pages */
.llms-groups-card-list .llms-group {
	border-color: var(--global-palette1) !important;
	background-color: var(--global-palette8) !important;
}
.llms-groups-card-list .llms-group:hover {
	background-color: var(--global-palette7) !important;
}
.llms-groups-card-list .llms-group:hover h2 {
	text-decoration: underline;
	text-decoration-style: dotted;
}
.llms-sd-widgets .llms-sd-widget {
	background: var(--global-palette9) !important;
	border: 1px solid var(--global-palette1);
	/* color: var(--global-palette1) !important; */
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 10px 10px 20px;
	  margin-left: 10px;
	padding: 0 0 20px;
  }
  .llms-sd-widgets .llms-sd-widget .llms-sd-date {
	color: var(--global-palette1);
	background-color: var(--global-palette9) !important;
  }
  .llms-sd-widgets .llms-sd-widget .llms-sd-widget-title {
	background-color: var(--global-palette1);
  }
  .llms-donut {
	border: 1px solid var(--global-palette1);
	color: var(--global-palette1);
	background-color: #d5d5d5;
  }
  .llms-donut .inside {
	border: 1px solid var(--global-palette1);
	background-color: var(--global-palette9);
	color: var(--global-palette3) !important;
  }
  .llms-donut svg path {
	stroke: var(--global-palette1);
  }
  .llms-sd-widgets .llms-sd-widget .llms-sd-date {
	background-color: var(--global-palette9) !important;
	color: var(--global-palette3);
	opacity: 1;
  }
  .llms-sd-widgets .llms-sd-widget .llms-sd-date .diff {
	font-size: 1.8rem !important;
	color: var(--global-palette3) !important;
	opacity: 1 !important;
  }
  .llms-group-content .llms-group-card-header {
	background: none;
  }
  .llms-group-member-action.action--leave-group {
	background-color: #c00;
	font-size: 1.6rem;
  }
  .llms-group-member-action.action--leave-group::before {
	content: '!!';
  }
  .llms-group-member-action.action--leave-group::after {
	content: 'Immediate Action - This cannot be undone!';
	font-size: 1.4rem;
  }
  .llms-group-member-action.action--leave-group:hover {
	background-color: #f00 !important;
  }
  .llms-group-card-main .llms-progress .llms-progress-bar {
	height: .6em;
  	top: .2em;
	border: 1px solid;
	border-radius: 200px 0 0 200px;
 }
 .llms-group-card-header .llms-group-card-title .fa {
	color: var(--global-palette1) !important;
 }
 .llms-group-card-header .llms-group-button.ghost .fa {
	color: var(--global-palette6) !important;
}
.fa.fa-camera {
	border-radius: 50%;
	background-color: #aaa;
	padding: 5px;
}
.llms-group-profile-header .llms-group-logo .edit-logo {
	opacity: 1 !important;
  }
/* end groups pages */

/* notifications page */
.llms-notification-icon {
	background: #fff;
	border-radius: 50%;
  }
  .llms-sd-notification-center {
	background: var(--global-palette8) !important;
	border: 1px solid var(--global-palette4) !important;
  }
  .llms-sd-notification-center .llms-notification {
	background-color: var(--global-palette8);
	color: var(--global-palette4);
  }
  .llms-notification .llms-notification-title {
	color: var(--global-palette4);
  }
  .llms-sd-notification-center .llms-notification {
	border-top-color: var(--global-palette4) !important;
  }
  .llms-notification .llms-notification-body .llms-mini-cer {
	background: unset;

  }
  /* end notifications page */


  /* orders history page */
  .orders-table .llms-order-item:nth-of-type(even) {
	background-color: var(--global-palette9) !important;
  }
  .orders-table .llms-order-item:nth-of-type(odd) td {
	background-color: var(--global-palette8) !important;
  }
  .llms-order-item.llms-completed .llms-status.llms-completed {
	background-color: #E4EEE2 !important;
	color: #37642B !important;
	border: 2px solid #37642B !important;
	opacity: 1;
  }

/* typography */

body p {
	line-height: 1.3;
}
.entry-header h1.entry-title {
	line-height: 1.0;
}
.single-lesson h2:first-of-type {
	margin-top: 20px;
}


/* end typography */

 .logged-in .llms-sd-layout-columns {
    display: grid;
    grid-column: 2fr 3fr;
    grid-template-columns: 1fr 4fr;
  }

#search-drawer .drawer-inner {	
	background: rgba(36, 106, 149, 0.95) !important;
  }	
#search-drawer .drawer-inner .kadence-search-icon-wrap {
	color: #fff !important;
	opacity: 1;
  }
  #search-drawer .drawer-inner .kadence-search-icon-wrap:hover {
	scale: 1.5;
  }
  #search-drawer .drawer-inner .drawer-content .search-submit {
	opacity: 0 !important;
  }
  .popup-drawer .search-field::placeholder {
	color: #fff !important;
	opacity: .9 !important;
  }
  .popup-drawer .search-form {
	  border: 1px solid #fff !important;
	  border-radius: 3px;
  }
  

.content-style-boxed .content-bg {
	background: var(--global-palette9) !important;
	border: 1px solid var(--global-palette1);
	border-radius: 12px;
	overflow: hidden;
  }
  #search-drawer .drawer-inner .drawer-content .search-field {
	box-shadow: none !important;
  }

.gform_button, button#llms-redeem-voucher-submit, button#llms_mark_complete, button#llms_review_submit_button, #bbp_topic_submit, #bbp_reply_submit, .llms-access-plan-footer .button	 {
	font-size: 2.0rem !important;
}
button.ghost {
	font-size: 1.6rem;	
}
.content-area .wp-block-llms-access-plan-button a:hover {
	color: var(--global-palette-btn-hover) !important;
}

/* membership archive styling */
.post-type-archive-llms_membership .llms-loop-item-content, .llms-membership-list .llms-loop-item-content {
	border-radius: 12px;
	box-shadow: 04px 04px 10px #ccc;
	box-shadow: 4px 4px 15px var(--global-palette7);
  }
 .llms-membership-list .llms-featured-image.llms-placeholder {
	aspect-ratio: 16 / 9 !important;
	max-height: 225px !important;
	max-width: 100%;
	overflow: hidden !important;
	opacity: 1;
	object-fit: contain;
	object-position: center;
	display: flex;
 }
  .llms-membership-list .content-bg {
	background-color: rgba(0,0,0,0);
	box-shadow: none;
  }
  /* end membership archive styling */

  /* BBPress Forums Styling */
  .forum.bbpress h1.entry-title {
	font-size: 4.0rem;
  }
  #bbpress-forums li.bbp-header .forum-titles li {
	font-size: 1.6rem;
	color: var(--global-palette4);
  }
  .bbp-topic-title span, .bbp-topic-title span a, li.bbp-body li.bbp-topic-freshness, li.bbp-body li.bbp-topic-freshness a, #bbpress-forums .bbpress-reply-head .bbpress-reply-head-abovetitle, #bbpress-forums fieldset.bbp-form label {
	font-size: 1.8rem !important;
	color:  var(--global-palette4) !important;
  }
  #bbpress-forums div.bbp-the-content-wrapper input[type="button"], #bbpress-forums fieldset.bbp-form input[type="text"], #bbpress-forums fieldset.bbp-form select {
	font-size: 1.6rem !important;
	color: var(--global-palette4);
  }
  .bbp-author-avatar {
	display: none;
  }
	.bbpress .wp-site-blocks #bbpress-forums .bbp-forum-info .bbp-forum-content {
	color: var(--global-palette4) !important;
  	font-size: 1.8rem !important;
	/* note that fontsize is a little higher due to another rule setting it at 80% */
  }
  #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
	border-radius: 50%;
  }
  #bbpress-forums #bbp-single-user-details {
	width: 100%;
	max-width: 250px;
	margin-right: 25px;
  }
  #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
	background: var(--global-palette7);
	opacity: .8;
	border-top: 1px solid var(--global-palette1);
	border-bottom: 1px solid var(--global-palette1);
  }
  .bbp-user-page .single-entry .entry-header::before {
	content: 'Forum Member';
  }
  .bbpress .search-form .search-submit[type="submit"]:hover, .search-form .search-submit[type="submit"]:focus {
	color: transparent !important;
  }
  .bbpress .search-form .search-submit[type="submit"]:hover ~ .kadence-search-icon-wrap {
	color: var(--global-palette7);
  }
  .bbpress .search-field {
	border: 1px solid var(--global-palette1);
	border-radius: 6px;
	overflow: hidden;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 1.6rem;
  }
  .bbpress .search-form::placeholder {
	color: var(--global-palette7) !important;
  }
  .content-area .pageCTA a {
	display: inline-block;
	border: 1px solid var(--global-palette1) !important;
	padding: 5px 20px;
	background-color: var(--global-palette1);
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
	transition-duration: 0.3s !important;
  }
  
  .content-area .pageCTA a:hover {
	background-color: var(--global-palette2) !important;
	color: #eee !important;
	text-decoration: underline !important;
	text-decoration-style: dotted !important;
  }
  
 
  /* end BBPress Forums Styling */

/* Lifter LMS Focus Mode in Dark Mode Styling */
.color-switch-dark.llms-focus-mode .llms-focus-mode-wrapper .llms-focus-mode-sidebar {
	background-color: #262C38;
}
.color-switch-dark.llms-focus-mode .llms-focus-mode-wrapper .llms-focus-mode-header {
	background-color: #262C38;
}
.llms-focus-mode .llms-focus-mode-wrapper .llms-focus-mode-wrapper {
	background-color: var(--global-palette9);
}
.llms-focus-mode .llms-focus-mode-wrapper .llms-focus-mode-body {
 	background-color: var(--global-palette9);   
}
.llms-focus-mode .llms-focus-mode-content .llms-focus-mode-title {
 	color: var(--global-palette4);  
}
.llms-focus-mode .llms-focus-mode-footer {
    background-color: var(--global-palette9);
}
.llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-header {
 	color: var(--global-palette4);
    font-size: 1.8rem;
}
.color-switch-dark.llms-focus-mode .llms-focus-mode-sidebar-toggle, .color-switch-dark.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle {
 	background-color: #2f3747;   
}
.llms-focus-mode .llms-focus-mode-sidebar-toggle:hover, .color-switch-dark.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle:hover {
 	background-color: var(--global-palette1) !important;   
}
.llms-focus-mode .llms-focus-mode-sidebar-toggle svg {
 	fill: var(--global-palette4);   
}
.llms-focus-mode .llms-focus-mode-header-nav .llms-focus-mode-nav-btn {
 	font-size: 1.8rem;   
}
.llms-focus-mode .llms-focus-mode-nav-btn {
    background-color: #5094F7;
    color: var(--global-palette4);
}
.llms-focus-mode-wrapper a:hover {
	color: var(--global-palette4);    
}
.llms-focus-mode .llms-focus-mode-header .llms-progress .llms-progress-bar {
  border: 1px solid var(--global-palette4);
  border-radius: 50px 0 0 50px;
}
.llms-focus-mode-title {
  padding-top: 40px;
  font-size: 2.8rem !important;
}
/* end Lifter LMS Focus Mode in Dark Mode Styling */


  .kadence-color-palette-toggle.kadence-color-toggle:focus-visible {
	outline: 4px solid var(--global-palette1) !important;
	border: 2px solid var(--global-palette7);
  }
  .llms-quiz-ui .llms-quiz-counter {
	display: none;
	color: var(--global-palette3);
  }
  
  .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker {
	color: var(--global-palette3);
  }
  
  input {
	  border-color: var(--global-palette3) !important
  }
  .ql-toolbar.ql-snow {
	  background-color: #ddd !important;
  }

  /* footer styling */
  #colophon.site-footer  {
	border-top: 2px solid var(--global-palette1);
	background-color: var(--global-palette9);
  }
  .site-top-footer-wrap, .site-middle-footer-wrap {
	border-bottom: 1px solid var(--global-palette1);
  }
  .site-bottom-footer-wrap, .site-bottom-footer-wrap p {
	font-size: 1.6rem !important;
	margin-bottom: 10px !important;
	margin-top: 0 !important;
  }
  /* end footer styling */

  @media only screen and (min-width: 300px) {
	#archive-container.item-image-style-beside .post-thumbnail-inner img {
		padding: 0;
		border-right: none;
	}
	.llms-cols .llms-col-2, .llms-cols .llms-col-3, .llms-cols .llms-col-4 {
		width: 100%;
		margin: 5px 0;
	  }
	  .bbp-forum-topic-count, .bbp-forum-reply-count, .bbp-forum-freshness {
		display: none;
	}
	#bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title {
		width: 100% !important;
	  }
  }

@media only screen and (min-width: 768px) {
	#archive-container.item-image-style-beside .post-thumbnail-inner img {
		padding: 15px 25px;
		border-right: 1px solid var(--global-palette4);
	}

.kadence-llms-dash-nav-left nav.llms-sd-nav {
	position: absolute;
	left: 0;
	width: 20% !important;
	border-right: 1px solid var(--global-gray-400) !important;
}

  .kadence-llms-dash-nav-left .llms-student-dashboard 
   {
    padding-left: 23% !important;
    position: relative;
    min-height: 850px !important;
  }
	.kadence-llms-dash-nav-right .llms-student-dashboard {
		min-height: 850px !important;
		padding-right: 23% !important;
	}
	.kadence-llms-dash-nav-right nav.llms-sd-nav {
	position: absolute;
	right: 0;
	width: 20% !important;
	border-left: 1px solid var(--global-gray-400) !important;
	}
	.llms-cols .llms-col-2 {
		width: 48%;
		margin: 5px 1%;
	  }
	  .llms-cols .llms-col-3 {
		width: 30%;
		margin: 5px 1%;
	  }
	  .llms-cols .llms-col-4 {
		width: 23%;
		margin: 5px 1%;
	  }
	  .bbp-forum-topic-count, .bbp-forum-reply-count, .bbp-forum-freshness {
		display: block;
	}
	#bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title {
		width: 78% !important;
	  }
	  
}