#pjax-wrapper {
    min-height: unset;

} 
a {color:#3D94C2} 

.copyright {font-family:"Inter";font-size:.8em;text-align:center;} 

@media (min-width: 1280px) {
     .post-type-archive-mpcs-course .mpcs-cards .column.col-4 {
         width: 24.22222222%;
         margin-right: .5em;
         margin-bottom: 2em;
    }
}
 .mpcs-lesson[data-elementor-type="single-post"]{
    padding:0px
}
.left-lesson-course ul li{margin-bottom:15px;}
 .lesson-container {
     font-family: Georgia, Times, "Times New Roman", serif;
     font-size:20px;
     font-weight:400;
     line-height:32px;
     letter-spacing: -0.003em;
     font-style: normal;
     font-variant: normal;
     max-width:680px;
}
 .lesson-container .elementor-widget-theme-post-content p {
    margin-top:2em;
    margin-bottom: -0.46em;
}
.lesson-container .elementor-widget-theme-post-content p:first-of-type {
    margin-top:0;
}
 .lesson-container .elementor-widget-theme-post-content {
    color:#242424
}
 .lesson-container h1 {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, serif;
     font-size: 42px;
     font-weight: 700;
     line-height: 52px;
     color: #242424;
}
 .lesson-container h2 {
     font-size: 24px;
     font-weight: 600;
     line-height: 30px;
     margin-top: 1.95em;
     margin-bottom: -0.28em;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, serif;
}
 .lesson-container h3 {
     font-size: 22px;
     font-weight: 400;
     line-height: 25px;
     margin-top: 1.95em;
     margin-bottom: -0.28em;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, serif;
     text-decoration:underline;
}
 .lesson-container blockquote {
     font-size: 21px;
     font-weight: 400;
     line-height: 30px;
}
 .lesson-container pre,.lesson-container code {
     font-size: 16px;
     font-weight: 400;
     line-height: 18.5714px;
     background-color: #333333;
     color:#ffffff;
     padding: 3px;
     position: relative;
     display: inline-block;
}

 .mpcs-breadcrumbs {
    display:none
}
 .lesson-container img {
     display: block;
     height: auto;
     max-width: 100%;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
     border-radius:5px;
     margin:50px auto 
}
 .lesson-container img[alt="arrow down"] {
    box-shadow:none
}
 .lesson-container ol, .lesson-container ul {
     padding: 0;
     list-style: none;
     list-style-image: none;
}
 .lesson-container ul li, .lesson-container ol li {
     margin-top: .75em;
     margin-left: 30px;
     list-style-type: disc;
     overflow-wrap: break-word;
     word-break: break-word;
}
 .lesson-container ul li:first-child,.lesson-container ol li:first-child {
    margin-top: 2.14em;
}
.lesson-container ul li ul li, .lesson-container ol li ul li {
  list-style-type: circle;
  margin-top:.75em!important;
}

 .lesson-container figure.wp-caption img {
    margin-bottom:0px
}
 .lesson-container figure.wp-caption {
    margin-bottom:50px;
}
 .lesson-container figcaption.wp-caption-text {
     font-size:14px;
     margin-top:15px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, serif;
     line-height:20px;
     font-weight:400;
     color: #333333;
}
 .lesson-container .embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .lesson-container .embed-container iframe, .lesson-container .embed-container object, .lesson-container .embed-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .left-lesson-nav {
     color:#ffffff;
     font-family: "Inter", Sans-serif!important;
}
 .left-lesson-nav h2 {
    font-size:1.5em;
    margin-bottom:40px;
   	color:#000000;
}
  .left-lesson-nav h3 {
      font-size: 1em;
      color: #000000;
      margin-bottom: 0;
      text-transform: uppercase;
      line-height: 1.5em;
      font-weight: 500;
  }
 .left-lesson-nav a {
    color:#777A8F;
    font-size:.9em
}
 .left-lesson-nav ol.mpcs-lessons {
     margin-bottom:20px;
     padding-left:0px;
}
 .left-lesson-nav ol.mpcs-lessons li.mpcs-lesson {
     display:block;
     padding:5px 0px;
     display:flex;
    align-items:center;
}
 .left-lesson-nav ol.mpcs-lessons li.mpcs-lesson:before {
    content: "\f036";
    font-family: "FontAwesome";
    color: #555555;
    font-size: 0.90em;
    margin-right: 10px;
}
 ol.mpcs-lessons li.mpcs-lesson::marker {
}
 li.mpcs-lesson.mpcs-lesson-complete a:after{
     font-family:"Font Awesome 5 Free";
     content:"\f058";
     margin-left:7px;
     color:#00d2d3 
}
 .lesson-container #mpcs-lesson-navigation {
     margin-top: 50px;
     padding-top: 50px;
     font-family: "Inter";
     border-top: 1px solid #DADFE1;
}
 .lesson-container #mpcs-lesson-navigation button {
    color:rgba(75, 101, 132,1.0);
    border-color:rgba(75, 101, 132,1.0)
}
 .lesson-container #mpcs-lesson-navigation button:hover {
    color:#ffffff;
    background-color:rgba(75, 101, 132,1.0)
}
 @media (max-width: 780px) {
     .lesson-container #mpcs-lesson-navigation {
        font-size: .7em;
    }
}
 .lesson-container .alert {
     box-sizing: border-box;
     background-color: #BDFFE1;
     width: 100%;
     position: relative;
     top: 0;
     left: 0;
     z-index: 300;
     padding: 20px 40px;
     color: #333;
     margin:2em auto;
     line-height: 1.6em;
     font-size:18px;
}
 .lesson-container .alert.yellow {
    background-color: rgba(247, 215, 148,0.5);
}
 .lesson-container .alert.red {
    background-color: rgba(255, 184, 184,1.0)
}
 .lesson-container .alert h2 {
     font-size: 22px;
     line-height: 22px;
     color: #232323;
     margin-top: 0;
     margin-bottom:0.5em 
}
 .lesson-container .alert p {
     margin-top: 1.2em;
}
 .lesson-container .alert a {
     color: #3D94C2;
     font-weight: bold;
}
/*** COURSES ARCHIVE PAGE ***/

 .post-type-archive-mpcs-course .page-content {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
 .post-type-archive-mpcs-course .page-content article.post {
    width:30%;
    background-color:#f5f5f5;
    margin-bottom:15px;
    border-radius:5px;
    padding:10px;
    font-family:"Roboto";
    position:relative;
    overflow:hidden;
    min-height:200px;
}
 .post-type-archive-mpcs-course .page-content article.post h2 a{
    font-size:.7em;
    z-index:100;
    position:relative;
}
 .post-type-archive-mpcs-course .page-content article.post img.wp-post-image {
    position:absolute;
    top:0;
    left:0;
    z-index:10
}
 .post-type-archive-mpcs-course .page-content article.post p {
    display:none
}
/*** ONECMS COURSES PAGE /onecms-courses/ ***/
.course-description-list-hidden .mpcs-section {display:none!important}

 @media screen and (min-width: 768px) {
     .mpcs-course-list .mpcs-card-wrapper {
         width: 30%;
    }
}
 .mpcs-course-list .mpcs-cards {
     justify-content:space-around;
     font-family: "Inter";
     font-weight: normal;
}
/** COURSE INTRO PAGE**/
/*each section .mpcs-course .mpcs-section {
}*/
.course-container {max-width:680px;}
.custom-course-listing {font-family:"Inter";}
.custom-course-listing .mpcs-course-title {display:none}
.custom-course-listing li {
  background-color:#f9f9f9;
  margin:5px 0px;
  list-style-type:none;
}
.custom-course-listing li:before {
    content: "\f036";
    font-family: "FontAwesome";
    color: #555555;
    font-size: 0.90em;
    margin-right: 10px;
}
li.mpcs-lesson.mpcs-lesson-complete a:after {display:none;}

.custom-course-listing li a {color:#777A8F}
@media screen and (min-width: 1025px) {
	.course-list-left {height:100%!important}
}
@media screen and (max-width: 1024px) {
  	.no-height-full-mob.elementor-section.elementor-section-height-full {height:auto}
}
/*--------------------------------------------------------------
 # Tutorial Read Podcast Player for Lessons
--------------------------------------------------------------*/
.tutorial-read-player {
    .wpb-audio-player.whiteControllers {height:100px;}
    .jp-audio.advance-single-player-div {overflow:visible;}
    &:before{display:block;content:"Listen to this tutorial";color:#000000;font-size:15px;font-family:"Inter"}
    .player_advance {height:100px;}
    .podcastHeader,.jp-image,.podcastTimelineFooter {display:none!important}
    .wpb-audio-player.whiteControllers .AudioControls {
        max-height:100px;
        min-height:100px;
        flex-basis:100%!important;
        width:100%;
        .podcastMeta {
            .podcastPlayPauseBtn {
                height:100px;
                .jp-play-pause-btn.AudioPlay {
                height:60px;}
            }
            .episodeNameActions {
                height:100px!important;
            }
        }
    }

}

#revertButton {display:none}
.player-container.fixed {
  	bottom: 15px;
    right: 15px;
    width: 200px;
    z-index: 10000;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    .wpb-audio-player.whiteControllers {
        height:70px!important;
    .AudioControls {
        height:70px!important;
        max-height:70px;
        min-height:70px;
        padding:0 10px 0 0;
         .podcastMeta .episodeNameActions {
            height:70px!important;
            .episodeTitle {font-size:14px!important}
        }
    }
    }
    .podcastPlayPauseBtn {
        height:70px!important;
        .AudioPlay {height:30px!important}
        .AudioPlay .fa-stack .fa-circle, .AudioPlay .fa-stack .fa-circle {font-size:30px!important;}
        .AudioPlay .fa-stack .fa-play, .AudioPlay .fa-stack .fa-play,
      	.AudioPlay .fa-stack .fa-pause, .AudioPlay .fa-stack .fa-pause  {font-size:15px!important;margin-left:0px!important;}
        .AudioPlay .fa-stack, .AudioPause .fa-stack {line-height:30px!important}
    }

    .podcastPlayActions {display:none!important}
    button#revertButton {
        display:block; 
        position:absolute;
        border:0;
        top:-7px;
        right:-7px;
        font-family:arial;
        font-size:.7em;
        color:#333;
        background-color:rgba(165, 177, 194,0.7);
        padding:0;
        height:20px;
        width:20px;
        border-radius:20px;
        &:hover {
            cursor:pointer
        }
    }
}
@media only screen and (max-width: 550px) {
  .wpb-audio-player.whiteControllers .AudioControls .podcastMeta {height:70px!important}
  .wpb-audio-player.whiteControllers .AudioControls .podcastMeta .podcastPlayPauseBtn .AudioPlay .fa-stack .fa-play, 
  .wpb-audio-player.whiteControllers .AudioControls .podcastMeta .podcastPlayPauseBtn .AudioPlay .fa-stack .fa-pause {
  	font-size:22px;
  }
}
/* search results*/
.post-type-mpcs-lesson .ee-post__title__heading:before {content:"Lesson";font-size:10px;color:#555555;margin-right:10px;background-color:rgba(99, 205, 218,.40);padding:2px 6px;border-radius:20px;}
.post-type-mpcs-course .ee-post__title__heading:before {content:"Course";font-size:10px;color:#555555;margin-right:10px;background-color:rgba(120, 111, 166,.30);padding:2px 6px;border-radius:20px;}

/* Related Content*/
/* Container for the whole section */
.related-lessons-container {
    margin-top: 40px;
    padding: 25px;
    background: #f9f9f9;
    border-radius: 8px;
  	font-family: "Inter", Sans-serif!important;

}

/* Main Title "Related Lessons" */
.related-main-title {
    font-size: 24px;
    margin-top:0!important;
    padding-top:0;
    margin-bottom: 25px!important;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
  text-decoration:unset!important;
}

/* Course Name Headers */
.related-course-title {
    font-size: 16px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 0px!iportant;
    padding-bottom:0px!important
}

/* The List of Links */
.related-lessons-list {
    list-style: none; /* No bullets */
    padding: 0;
    margin: 0!important;
}

.related-lessons-list li {
    margin-bottom: 8px;
}
ul.related-lessons-list li:first-child {
    margin-top: 8px;
}

.related-lessons-list a {
    text-decoration: none;
    color: #0073aa;
    font-size: 16px;
    transition: all 0.2s;
}

.related-lessons-list a:hover {
    color: #005177;
    text-decoration: underline;
}