/*
 Theme Name:   Divi LMS for LifterLMS
 Description:  eLearning & Courses Divi Child Theme for LifterLMS
 Author:       Pee-Aye Creative
 Author URI:   http://peeayecreative.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * ===== NOTES ==================================================================
 * 
 * New to Divi? Take our full Divi course: https://www.peeayecreative.com/product/beyond-the-builder-the-ultimate-divi-website-course/
 * 
 * Learn cool tricks and features with our Divi tutorials: https://www.peeayecreative.com/blog/
 * 
 * Discover our premium Divi products: https://www.peeayecreative.com/shop/
 * 
 * =============================================================================== */


/*MISCELLANEOUS STYLING
 -------------------------------------------------*/

:root {
   --farbverlauf: linear-gradient(135deg, #99dee2, #5d9cba);
   --dunkelblau: #1D2447;
   --sekundaer: #6baac3;
}

/*blog author round image with border*/

.pa-blog-author .et_pb_main_blurb_image img {
   border-radius: 100px;
   border: 2px solid var(--sekundaer);
   padding: 2px;
}


/*fix potentially pixelated logo*/

#logo {
   -webkit-transform: initial;
}


/*replace Google+ icon with Instagram icon in person module*/

.et_pb_member_social_links .et_pb_google_icon:before {
   content: 'e09a' !important;
}


/*vertical align content in columns*/

.pa-vertical-align {
   display: flex;
   flex-direction: column;
   justify-content: center;
}


/*overlay for parallax sections*/

.pa-overlay .et_parallax_bg:before,
.pa-overlay:before {
   content: "";
   display: block;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background-color: rgba(17, 17, 17, 0.5);
}


/*MENU
 -------------------------------------------------*/


/*style dropdown menu on desktop*/

@media (min-width: 980px) {
   .pa-main-menu li ul {
      padding: 10px 0;
      width: 260px;
      background: var(--dunkelblau);
      border-radius: 6px;
      box-shadow: 0 12px 40px -6px rgba(0, 0, 0, 0.3);
   }
}


/*reduce dropdown spacing*/

.pa-main-menu li li {
   padding: 0;
}


/*increased width of dropdown list items*/

.pa-main-menu li li a {
   width: 240px;
}


/*increase width of dropdown list items*/

.pa-main-menu li li a {
   width: 240px;
}


/*add dropdown point on top*/

.pa-main-menu nav>ul>li>ul:after {
   position: absolute;
   left: 20%;
   margin-left: -20px;
   top: -20px;
   width: 0;
   height: 0;
   content: '';
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid var(--dunkelblau);
}


/*stop menu hover fade transition*/

.pa-main-menu li li:hover a {
   opacity: 1 !important;
}


/*hide color of background in dropdown list items on hover*/

.pa-main-menu li li a:hover {
   background-color: transparent !important;
}


/*change Divi hamburger menu to X*/

.mobile_nav.opened .mobile_menu_bar:before {
   content: '\4d';
}


/*remove the border from the top of the mobile menu*/

.et_mobile_menu {
   border-top: none;
}


/*hide the submenu items on mobile*/

.et_mobile_menu li ul.hide {
   display: none !important;
}


/*adjust the parent menu items on mobile*/

.et_mobile_menu .menu-item-has-children {
   position: relative;
}


/*adjust the parent menu items on mobile*/

.et_mobile_menu .menu-item-has-children>a {
   background: transparent;
}


/*position and style the submenu icons*/

.et_mobile_menu .menu-item-has-children>a+span {
   position: absolute;
   right: 0;
   top: 0;
   padding: 10px 20px;
   font-weight: bold;
   cursor: pointer;
}


/*icon for closed submenu*/

span.menu-closed:before {
   content: "\33";
   display: block;
   color: var(--dunkelblau);
   font-size: 18px;
   font-family: ETmodules;
}


/*icon for open submenu*/

span.menu-closed.menu-open:before {
   content: "\4d";
   color: var(--sekundaer);
}


/*adjust border under mobile menu items*/

.et_mobile_menu li:not(:last-child) a {
   border-bottom: 2px solid #F0F5F8;
}


/*remove border under last mobile menu item*/

.et_mobile_menu li:last-child a {
   border-bottom: none;
}


/*HEADING UNDERLINES
 -------------------------------------------------*/


/*transition for accent line below left aligned headings*/

.single-course h1,
.single-course h2,
.et-db #et-boc .et_pb_text h2 {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


/*accent line below left aligned headings*/
.single-course h1:after,
.single-course h2:after,
.et-db #et-boc .et_pb_text h2:after {
   display: table;
   content: "";
   width: 60px;
   height: 2px;
   /* Höhe der Linie */
   background: var(--farbverlauf);
   margin: 14px 0px 14px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

/*accent line below left aligned headings on hover*/
.single-course h1:hover:after,
.single-course h2:hover:after,
.et-db #et-boc .et_pb_text h2:hover:after {
   width: 120px;
   /* Breite der Linie beim Hover */
   background: var(--farbverlauf);
   /* Farbverlauf bleibt */
}


/*transition for accent line centered below headings*/

.pa-centered-heading-line h1,
.pa-centered-heading-line h2 {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


/*accent line centered below headings*/
.pa-centered-heading-line h1:after,
.pa-centered-heading-line h2:after {
   display: table;
   content: "";
   width: 60px;
   height: 2px;
   /* Höhe der Linie */
   background: var(--farbverlauf);
   /* Farbverlauf */
   margin: 14px auto 14px !important;
   /* Zentrierte Ausrichtung */
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

/*accent line centered below headings on hover*/
.pa-centered-heading-line h1:hover:after,
.pa-centered-heading-line h2:hover:after {
   width: 120px;
   /* Breite der Linie beim Hover */
   background: var(--farbverlauf);
   /* Farbverlauf bleibt */
}

/*TESTIMONIALS
 -------------------------------------------------*/


/*testimonial 1*/

.pa-speech-bubble-1 {
   position: relative;
}


/*testimonial 1 arrow*/

.pa-speech-bubble-1:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 0;
   height: 0;
   border: 20px solid transparent;
   border-top-color: var(--dunkelblau);
   border-bottom: 0;
   margin-left: -20px;
   margin-bottom: -20px;
}


/*testimonial 2*/

.pa-speech-bubble-2 {
   position: absolute;
}


/*testimonial 2 arrow*/

.pa-speech-bubble-2:after {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   width: 0;
   height: 0;
   border: 20px solid transparent;
   border-bottom-color: #00d263;
   border-top: 0;
   margin-left: -20px;
   margin-top: -20px;
}


/*testimonial 3*/

.pa-speech-bubble-3 {
   position: relative;
}


/*testimonial 3 arrow*/

.pa-speech-bubble-3:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 0;
   height: 0;
   border: 20px solid transparent;
   border-top-color: var(--sekundaer);
   border-bottom: 0;
   margin-left: -20px;
   margin-bottom: -20px;
}


/*BLOG FEED
 -------------------------------------------------*/


/*adjust the styles of the fullwidth blog feed*/

.pa-blog-fullwdith .et_pb_post {
   margin-bottom: 60px;
   padding: 32px;
   border-radius: 6px;
   box-shadow: 0px 2px 18px 0px #e8edfb;
}


/*adjust the size of the featured image in the fullwidth blog feed*/

.pa-blog-fullwidth .entry-featured-image-url {
   display: block;
   position: relative;
   margin-bottom: 30px;
   margin: -32px -32px 30px;
}


/*round the corners of the featured image in the blog grid feed*/

.pa-blog-fullwidth .et_pb_post a img {
   border-radius: 6px 6px 0 0;
}


/*adjust the spacing in the blog grid feed*/

.pa-blog-grid .et_pb_blog_grid .et_pb_post {
   padding: 32px;
}


/*adjust the size of the featured image in the blog grid feed*/

.pa-blog-grid .et_pb_post .entry-featured-image-url {
   display: block;
   position: relative;
   margin-bottom: 30px;
   margin: -32px -12px 30px;
}


/*adjust the styles of the blog grid feed*/

.pa-blog-fullwidth .et_pb_post {
   margin-bottom: 75px;
   padding: 32px;
   border-radius: 6px;
   box-shadow: 0px 2px 18px 0px #e8edfb;
}


/*style the blog read more button*/

a.more-link {
   font-size: 18px;
   color: #ffffff !important;
   background-color: var(--dunkelblau);
   border: 2px solid var(--dunkelblau);
   font-weight: 700;
   margin-top: 20px;
   display: block;
   text-align: center;
   padding: 10px 30px;
   border-radius: 100px;
   text-transform: capitalize;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


/*style the blog read more button on hover*/

a.more-link:hover {
   color: var(--dunkelblau) !important;
   border: 2px solid var(--dunkelblau);
   background-color: #ffffff;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


/*SIDEBAR WIDGETS
 -------------------------------------------------*/


/*width date styling*/

.widget_recent_entries span.post-date {
   font-size: 16px;
   display: block;
}


/*widget links*/

.et_pb_widget a {
   color: #000000;
   line-height: 1.5em;
}


/*widget categories adjustment*/

.widget_categories ul li {
   margin-bottom: .1em;
}


/*all widget titles*/

h4.widgettitle {
   letter-spacing: 1px;
}


/*line after all widget titles*/

h4.widgettitle:after {
   background-color: #ddd;
   content: "";
   display: inline-block;
   height: 1px;
   position: relative;
   vertical-align: middle;
   width: 100%;
}


/*single post meta and links*/

#left-area .post-meta a,
.expand-divi-below-tags a,
.nav-previous a,
.nav-next a,
.et_pb_widget a,
.et_pb_post .post-meta a,
.et_pb_title_meta_container a,
.single-post p a {
   color: var(--dunkelblau) !important;
   padding-bottom: 1px;
   border-bottom: 1px solid #ddd;
   font-weight: 500;
}


/*single post meta and links on hover*/

#left-area .post-meta a:hover,
.expand-divi-below-tags a:hover,
.nav-previous a:hover,
.nav-next a:hover,
.et_pb_widget a:hover,
.et_pb_post .post-meta a:hover,
.et_pb_title_meta_container a:hover,
.single-post p a:hover {
   border-bottom-color: var(--dunkelblau);
}


/*single post meta and links*/

.post-meta,
.expand-divi-below-tags,
.nav-previous,
.nav-next,
.et_pb_widget a {
   text-transform: uppercase;
   letter-spacing: 1px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
}


/*tagcloud styling to match*/

.tagcloud a {
   display: inline;
   padding: 0;
   padding-bottom: 1px;
   background: none;
   font-size: 16px !important;
   border-radius: 0;
   margin-right: 4px;
}


/*tag cloud styling on hover*/

.tagcloud a:hover {
   background: none;
}


/*put widget date on its own line*/

.widget_recent_entries span.post-date {
   font-size: 14px;
   display: block;
}


/*widget search input area*/

.widget_search input#s {
   height: 48px !important;
   border-radius: 6px;
   background: #ffffff;
   ;
   border-color: var(--dunkelblau);
}


/*widget search button*/

.widget_search input#searchsubmit {
   border-left: 1px solid var(--dunkelblau);
   height: 48px !important;
   width: 96px;
}


/*widget search button*/

.widget_search input#searchsubmit {
   background: var(--dunkelblau);
   border-color: var(--dunkelblau);
   color: #ffffff;
   border-radius: 6px;
}


/*round corners of images in sidebar*/

.et_post_meta_wrapper img,
#sidebar img {
   border-radius: 6px;
}


/*add drop cap to first letter of first paragraph of all blog posts*/

.single-post p:first-of-type:first-letter {
   font-size: 3em;
   background: var(--dunkelblau);
   color: #ffffff;
   border-radius: 6px;
   float: left;
   display: inline-block;
   text-align: center;
   margin: 10px 20px 0px 0;
   padding: .5em;
   vertical-align: middle;
}


/*WP-PAGENAVI STYLING
 -------------------------------------------------*/


/*styles the wp-pagenavi pagination links*/

.wp-pagenavi a {
   padding: 0.4em 0.8em !important;
   font-size: 1.2em !important;
   color: #ffffff;
   line-height: 1.2em;
   background: var(--dunkelblau);
   transition: all .5s;
   border-radius: 6px;
   font-weight: bold !important;
   ;
}


/*styles the wp-pagenavi pagination links*/

.wp-pagenavi span {
   padding: 0.4em 0.8em !important;
   font-size: 1.5em !important;
   color: var(--dunkelblau);
   line-height: 1.5em;
   background: var(--dunkelblau);
   transition: all .5s;
   border-radius: 6px;
   font-weight: bold !important;
   ;
}


/*styles the wp-pagenavi current page number*/

.wp-pagenavi span.current {
   color: #ffffff !important;
   background: var(--dunkelblau) !important;
   border-radius: 6px;
}


/*styles the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
   color: #ffffff !important;
   background: var(--dunkelblau) !important;
}


/*color of next and previous links*/

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
   color: #ffffff !important;
}


/*styles the wp-pagenavi pages text*/

.wp-pagenavi .pages {
   background: none;
}


/*remove border and align to the center*/

.wp-pagenavi {
   border-top: none;
   text-align: center;
}


/*FOOTER EMAIL OPTIN
 -------------------------------------------------*/


/*make email optin inline with one field*/

@media (min-width: 767px) {
   .et_pb_newsletter_fields .et_pb_newsletter_field {
      flex-basis: calc(100% - 225px) !important;
   }

   .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
      flex-basis: 210px !important;
   }
}


/*force email optin button to correct position*/

a.et_pb_newsletter_button.et_pb_button {
   margin-top: 0px;
}


/*MOBILE FOOTER MENU
 -------------------------------------------------*/


/*show desktop menu on phone*/

@media (max-width: 980px) {
   .pa-footer-menu .et_pb_menu__menu {
      display: flex !important;
   }

   /*show desktop menu on phone*/
   .pa-footer-menu .et_mobile_nav_menu {
      display: none !important;
   }
}

header.et-l.et-l--header {
   z-index: 99999;
   position: relative;
}


/*LIFTER COURSE GRID
 -------------------------------------------------*/


/*courses in the grid*/

.llms-loop-item-content {
   background: #ffffff;
   border-radius: 6px;
   margin: 18px;
   height: auto;
   min-height: 240px;
   box-shadow: 0px 2px 18px 0px #e8edfb;
}


/*grid featured images*/

.llms-loop-item-content .llms-featured-image {
   border-radius: 6px 6px 0 0;
}


/*fix the height of the progress bar*/

.llms-loop-item-content .llms-progress {
   height: 40px;
}


/*adjust the spacing and color of the progress bar*/

.llms-loop-item-content .llms-progress .llms-progress-bar {
   background-color: #fff;
   margin: 16px;
}


/*style the grid course title*/

.llms-loop-item-content .llms-loop-title {
   padding: 2px 16px;
   font-size: 26px;
   line-height: 1.3em;
   transition: all .3s ease;
}


/*grid title color on hover*/

.llms-loop-item-content .llms-loop-title:hover {
   color: var(--dunkelblau);
   transition: all .3s ease;
}


/*hide the instructor name and avatar*/

.llms-loop-item-content .llms-author:last-child {
   display: none;
}


/*remove bullets from pagination*/

.llms-pagination ul {
   list-style-type: none;
}

.llms-pagination ul li .page-numbers {
   text-decoration: none;
   color: #ffffff;
   line-height: 2.5em;
   background: #e8edfb;
   border-radius: 50px;
   padding: 6px 20px;
   font-weight: bold;
   margin: 0 4px;
   transition: all .3s ease;
}

.llms-pagination ul li .page-numbers.current {
   text-decoration: none;
   color: #ffffff;
   line-height: 2.5em;
   background: var(--dunkelblau);
   border-radius: 50px;
   padding: 6px 20px;
   font-weight: bold;
   transition: all .3s ease;
}

.llms-pagination ul li .page-numbers:hover {
   background: var(--dunkelblau);
   color: #ffffff !important;
   transition: all .3s ease;
}


/*LIFTERLMS STYLING
 -------------------------------------------------*/


/* Clean Up Members Dashboard */

.llms-access-plan-featured,
.llms-my-certificates,
.llms-my-achievements {
   display: none;
}


/* Dashboard Colors */


/*hide dashboard title*/

h3.llms-sd-section-title {
   display: none;
}


/*mydashboard page - remove separators*/
.llms-student-dashboard .llms-sd-item .llms-sep {
   display: none;
}

/*style the dashboard links*/
a.llms-sd-link {
   padding: 10px 20px;
   background: var(--dunkelblau);
   color: #ffffff;
   margin: 6px;
   display: flex;
   border-radius: 6px;
   transition: all .3s ease;

}

/*style the dashboard links on hover*/

a.llms-sd-link:hover {
   background: var(--dunkelblau);
   transition: all .3s ease;
}


/*lifter buttons*/

.llms-button-action,
.llms-button-danger,
.llms-button-primary,
.llms-button-secondary {
   border: 2px solid var(--dunkelblau);
   color: #ffffff !important;
   background-color: var(--dunkelblau) !important;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.6em;
   padding: .7em 1.3em;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
   display: block;
   margin: 0;
   margin-top: 10px;
   text-transform: none;
   letter-spacing: 0px;
   border-radius: 6px;
   ;
}


/*lifter buttons on hover*/

.llms-button-action:hover,
.llms-button-danger:hover,
.llms-button-primary:hover,
.llms-button-secondary:hover {
   border: 2px solid var(--dunkelblau);
   color: var(--dunkelblau) !important;
   background-color: transparent !important;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}

.llms-lesson-link {
   height: 70px;
}


/*previous and next button links*/

.llms-lesson-preview .llms-lesson-link {
   background: #F0F5F8 !important;
   border-radius: 6px;
   transition: all .3s ease;
}


/*previous and next button links on hover*/

.llms-lesson-preview .llms-lesson-link:hover {
   background: #00d263;
   color: #ffffff !important;
   transition: all .3s ease;
}


/*previous and next button links on hover*/

.llms-lesson-preview .llms-lesson-link:hover .llms-pre-text,
.llms-lesson-preview .llms-lesson-link:hover .llms-lesson-title {
   color: #6baac3 !important;
   transition: all .3s ease;
}


/*add arrow to previous link*/

.llms-prev-lesson .llms-lesson-preview .llms-pre-text:before {
   content: "#";
   font-family: ETModules;
   position: absolute;
   left: 15px !important;
   font-size: 18px;
}


/*add arrow to next link*/

.llms-next-lesson .llms-lesson-preview .llms-pre-text:before {
   content: "$";
   font-family: ETModules;
   position: absolute;
   right: 15px !important;
   font-size: 18px;
}


/*align next lesson button text to the right*/

.llms-next-lesson .llms-pre-text {
   text-align: right !important;
   margin-right: 23px;
}


/*align next lesson button text to the right*/

.llms-next-lesson .llms-lesson-preview .llms-lesson-title {
   text-align: right;
}


/*move text to the right for the arrow*/

.llms-prev-lesson .llms-pre-text {
   margin-left: 23px;
}

.llms-notice.llms-error {
   background: var(--sekundaer);
   border-color: var(--sekundaer);
   padding: 18px;
   border-radius: 6px;
   color: #ffffff;
}

.et_pb_widget_area li {
   list-style-type: none;
}


/*style the course progress bar*/

.llms-quiz-ui .llms-progress,
.llms-progress .llms-progress-bar {
   background-color: #e8edfb;
   height: 20px;
   border-radius: 50px;
}


/*overall progress bar*/

.llms-progress {
   margin: 0 0 30px;
}


/*color of completed part of progress bar*/

.llms-progress .progress-bar-complete {
   background-color: #00d263;
   border-radius: 50px;
}


/*progress indicator text*/

.progress__indicator {
   line-height: 1.6em;
   margin-left: 7px;
   font-weight: bold;
}

.section-header {
   border-top: 2px solid #e8edfb;
   padding-top: 10px;
   margin-top: 10px;
}


/*color of completion checkmark*/

.llms-widget-syllabus .llms-lesson-complete.done,
.llms-widget-syllabus .lesson-complete-placeholder.done {
   color: #00d263;
}


/*return to course button*/

.single-llms_quiz .llms-return {
   font-weight: bold;
}

.llms-video-wrapper {
   margin-bottom: 20px;
}


/*video player background*/

.mejs-container {
   background: transparent !important;
}


/*video player border radius*/

.mejs-container * {
   border-radius: 0px;
}


/*video player controls*/

.mejs-container .mejs-controls {
   border-radius: 6px;
   width: 96%;
   margin-left: 2%;
   margin-right: 2%;
   margin-bottom: 2%;
   background: var(--dunkelblau) !important;
}


/*video player time styling*/

.mejs-controls .mejs-time-rail .mejs-time-total {
   border-radius: 6px;
}


/*set the width of the rows inside the Post Content module*/

.et-l .et-l--post .et_builder_inner_content .et_pb_row {
   width: 100% !important;
}


/*remove the top section spacing on LifterLMS pages with the Divi Builder*/

.et-l .et-l--post .et_builder_inner_content .et_pb_section:first-child {
   padding-top: 0 !important;
}


/*make the lesson preview list on the course page fullwidth*/

.llms-lesson-preview {
   width: 100%;
}

.llms-lesson-preview .llms-lesson-link {
   height: auto;
}


/*aling course title text to the left*/

.llms-syllabus-wrapper .llms-section-title {
   text-align: left;
}


/*remove spacing on lesson preview title*/

.llms-lesson-preview .llms-lesson-title {
   margin: 0;
   padding-bottom: 0;
}


/*remove spacing below lesson preview counter*/

.llms-lesson-preview .llms-lesson-counter {
   margin-bottom: 0;
   font-weight: bold;
}


/*add some space above the instructor section*/

.llms-instructor-info {
   margin-top: 20px;
}


/*course instructor section*/

.llms-instructor-info .llms-instructors .llms-author {
   background: #F0F5F8;
   border-radius: 10px;
   border-top: none;
   text-align: center;
   margin: 0px 0px 30px;
   padding: 60px 30px 30px;
}


/*border around course instructor*/

.llms-instructor-info .llms-instructors .llms-author .avatar {
   border: 2px solid #6baac3 !important;
}

@media (min-width: 600px) {

   /*background and border radius for 2 column course access section*/
   .llms-access-plans.cols-2 .llms-access-plan {
      width: 48%;
      background: #F0F5F8;
      border-radius: 10px;
   }

   /*add spacing to right of first column in 2 column section*/
   .llms-access-plans.cols-2 .llms-access-plan:first-child {
      margin-right: 4%;
   }

   /*background and border radius for 1 column course access section*/
   .llms-access-plans.cols-1 .llms-access-plan {
      background: #F0F5F8;
      border-radius: 10px;
   }
}


/*access plan titles*/

.llms-access-plan-title,
.llms-access-plan .stamp {
   background: var(--dunkelblau) !important;
   color: #ffffff !important;
   border-radius: 10px 10px 0 0;
   line-height: 1.8em;
   font-size: 1.2em;
}


/*remove border and add border radius to access plan sections*/

.llms-access-plan-footer {
   border-bottom: none;
   border-radius: 10px;
}


/*hide background to make way for background on entire column*/

.llms-access-plan .llms-access-plan-footer,
.llms-access-plan .llms-access-plan-content {
   background: transparent;
}


/*remove border on course access section*/

.llms-access-plan-content {
   margin: 0;
}


/*remove border on course access section*/

.llms-access-plan-footer {
   margin: 0;
}


/*hide the space for trial pricing*/

.llms-access-plan-footer .llms-access-plan-pricing {
   display: none;
}





/*Wallner Marketing CSS on top
 -------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
   font-weight: 600 !important;
   letter-spacing: 0px !important;
   line-height: 1.15em !important
}

h1, h2 {
   letter-spacing: -1px !important;
}

strong {
   font-weight: 600;
}

.llms-lesson-preview {
   border: 0px !important;
   margin-bottom: 10px !important
}

.llms-syllabus-wrapper .llms-section-title+.llms-lesson-preview {
   border-top: 0px;
}

.llms-widget-syllabus .lesson-title a {
   text-decoration: none;
}

.section-header {
   border-top: 1px solid #0e1a28;
}

.llms-widget-syllabus .section-title {
   margin-bottom: 10px;
}

.llms-widget-syllabus ul li ul {
   margin: 0 0 10px 0;
}

.llms-loop-item-content .llms-loop-title:hover {
   color: #6baac3;
}

.llms-widget-syllabus a {
   color: #0e1a28;
   transition: all .3s ease;
}

.llms-widget-syllabus a:hover {
   color: #6baac3;
}

.llms-widget-syllabus .lesson-title.done a {
   color: #0e1a28;
}

.llms-loop-item-content {
   box-shadow: 0px 2px 80px 0px rgba(31, 77, 224, 0.05);
   border: 1px solid #fff;
   transition: all .3s ease;
   background-color: #fff;
}

.llms-loop-item-content:hover {
   border: 1px solid #0e1a28;
   background-color: #fff;
}

.llms-instructor-info .llms-instructors .llms-author {
   border: 0px solid #dedede;
}

.logged-in .llms-sd-layout-columns .llms-sd-nav .llms-sd-items .llms-sd-item a {
   padding: 10px 0;
   font-size: 14px;
   font-weight: 500;
   padding: 10px 15px 10px 15px;
   line-height: 1.3em;
}

.llms-form-fields label:not(.llms-field-html label) {
   font-weight: 500;
   font-size: 14px;
}

.llms-form-field {
   padding: 0 10px 8px;
}

.llms-parent-course-link {
   font-weight: 600;
   margin-bottom: 20px;
}

/* .llms-sd-item.redeem-voucher,
.llms-sd-item.dashboard,
.llms-sd-item.view-courses,
.llms-sd-item.my-grades,
.llms-sd-item.view-memberships,
.llms-sd-item.view-achievements,
.llms-sd-item.view-certificates,
.llms-sd-item.view-favorites,
.llms-sd-item.notifications,
.llms-sd-item.orders {
   display: none !important;
} */

.llms-my-memberships {
   display: none;
}

.llms-student-dashboard .llms-sd-title {
   margin: 0 0 20px 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 15px;
   margin: 0 0 0 0;
   text-align: center;
}

.mejs-cannotplay {
   color: red !important;
}

.mejs-cannotplay, .mejs-cannotplay a {
   color: #6baac3 !important;
}

.llms-quiz-ui .llms-progress, .llms-progress .llms-progress-bar {
   background-color: #fff;
}

.llms-quiz-ui .llms-progress,
.llms-progress .llms-progress-bar {
   border-radius: 6px;
   box-shadow: 0 0 25px rgba(29,36,71,0.15)
}

.progress__indicator {
   font-size: 15px;
   margin-top: 3px;
}

.center-video {
   border-radius: 6px;
}

.llms-lesson-button-wrapper {
   margin: 40px 0px;
   text-align: left;
}

.llms-lesson-button-wrapper {
   font-weight: 600;
}

.llms-complete-lesson-form button {
   margin: 0px !important
}

.llms-complete-lesson-form .llms-form-field {
   padding: 0px !important;
}

.llms-loop-item-content .llms-meta,
.llms-loop-item-content .llms-author,
.llms-loop-item-content .llms-loop-title,
.llms-lesson-counter {
   color: #0e1a28;
}

.llms-lesson-preview .llms-lesson-link:visited {
   color: #0e1a28;
}

.llms-lesson-title, .lesson-title>a {
   color: #0e1a28 !important;
   transition: all 0.3s ease-in-out;
}

.lesson-title>a:hover {
   color: #6baac3 !important;
}

.llms-lessons-count {
   font-weight: 600;
}

.logo_container a #logo,
.dipi-zoom-logo .et_pb_menu__logo {
   position: relative;
   z-index: 999999999;
}

.llms-video-wrapper .center-video>.wp-video,
.llms-video-wrapper .center-video .fluid-width-video-wrapper,
.llms-video-wrapper .center-video iframe,
.llms-video-wrapper .center-video object,
.llms-video-wrapper .center-video embed {
   position: relative;
   padding-top: 0%;
}

.llms-video-wrapper .center-video {
   padding-top: 0%;
}

.mejs-container * {
   border-radius: 6px;
}

input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
   color: #0e1a28;
}

th {
   background-color: #F0F5F8;
   font-weight: 600;
   padding: 10px;
}

td {
   padding: 10px;
}

table {
   width: 100%;
   border-collapse: collapse;
}

td, th {
   border: 1px solid #ddd;
}

.presto-player__wrapper .presto-player__logo {
   opacity: 1;
}

#llms-privacy-policy>label {
   font-size: 13px !important;
}

.llms-access-plan-restrictions {
   display: none;
}

.llms-access-plan-footer {
   padding: 15px 15px 30px 15px;
}

.llms-loop-item-content {
   box-shadow: -1px 2px 40px rgba(29,36,71,0.2);
}

.llms-lesson-preview .llms-lesson-counter,
.llms-lesson-preview .llms-free-lesson-svg,
.llms-lesson-preview .llms-lesson-complete,
.llms-lesson-preview .llms-lesson-complete-placeholder {
  display:inline-block;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
   background:#6baac3 !important
 }
 
.et-menu .menu-item-has-children > a:first-child::after {
   color: #6baac3;
 }
 
 .llms-loop-item-content .llms-meta,
.llms-loop-item-content .llms-author {
  margin-bottom:0;
}

.llms-loop-item-content .llms-loop-title {
   margin:10px 0px 0px 0px;
 }

.llms-sd-grades .llms-table .llms-progress .progress__indicator {
   top: -.2em;
 }
 
 .llms-button-secondary {
   margin: 10px 0px !important;
 }