/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/
header#masthead {
    display: flex!important;
}
[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 5 Pro";
}
.login h1 a {
    font-size: 0!important;
}
.login form {
    padding: 26px 24px 46px!important;
    background-color: white!important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13)!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.13)!important;
}

iframe.wp-embedded-content {
    display: none;
}

.navbar-nav .dropdown-menu.show {
    display: inline-block!important;
}
.far.text-body, .fa.text-body {
    color: #b6b6b6!important;
    font-size: 1.15rem!important;
}

#activate-page, .sensei-content, body.page:not(.buddypress) .site-content article:not(.comment), body.single:not(.buddypress):not(.bbpress) .site-content article:not(.comment) {
    padding: initial;
}
.btn:not(.btn-link) {
    padding: 0.8rem 1rem;
    width: inherit;
    letter-spacing: inherit;
    height: 36px;
}
.btn.btn-lg {
    height: 48px!important;
    padding: 1.2rem 1rem!important;;
    max-height: 48px!important;
    min-width: 368px!important;
}
.btn.btn-icon {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    min-height: 24px;
    line-height: 24px;
}
.btn-link {
    background-color: transparent!important;
    width: auto!important;
}
.menu-panel #nav-menu > ul > li.current-menu-item a::after {
    left: 0!important;
}
.menu-panel #nav-menu > ul > li.current-menu-item, body:not(.tablet) .menu-panel #nav-menu > ul > li:hover, #myNoti:hover, #hrefLink:hover, .left-menu:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
}
img.rounded-circle:not('.avatar') {
    width: 36px;
    height: 36px;
}
.btn.btn-primary, button.btn-primary {
    background-color: #ffa300!important;
    border-color: #ffa300!important;
}
.btn.btn-gray-light, button.btn-gray-light {
    background-color: #EEEEEE!important;
    border-color: #EEEEEE!important;
}
.btn:hover, button:hover {
    box-shadow: none;
}
.prev-link, .next-link {
    margin: 0 0.5rem 0.5rem 0;
    padding: 7px 10px;
    background-color: white;
    color: #5b6770!important;
    height: 36px;
    border-radius: 0.25rem;
    border: 1px solid #DDDDDD;
}
.card-notification {
    position: fixed;
    margin-left: 17.4rem;
    margin-top: 4.3rem;
    width: 285px;
}
.card-notification .list-group {
    max-height: 33.5rem;
    overflow: auto;
}
.card-notification .list-group-item {
    padding: 0.75rem 2.5rem!important;
    line-height: 1.2rem;
}
.card-notification .list-group-item:first-child {
    padding-top: 2rem !important;
}
.card-notification .list-group-item:last-child {
    padding-bottom: 2rem !important;
}
.card-notification .text-muted {
    opacity: 0.6;
}
.card-notification.menu-close {
    margin-left: 6.4rem;
}
.left-menu-open .noti-text {
    display: flex;
}
.noti-text {
    display: none;
}
.triangle-left-border {
    position: relative;
}
.triangle-left-border::before, .triangle-left-border::after {
    position: absolute;
    top: 2rem;
    left: -10px;
    content: "";
    width: 0;
    height: 0;
}
.triangle-left-border::before {
    border-top: 10px solid transparent;
    border-right: 10px solid white;
    border-bottom: 10px solid transparent;
    z-index: 1000;
}
.triangle-left-border::after {
    border-top: 10px solid transparent;
    border-right: 10px solid #9098a9;
    border-bottom: 10px solid transparent;
    z-index: 99;
}

.meta-nav i {
    font-size: 11px;
    vertical-align: 1px;
}
body, .menu-panel, .menu-panel #nav-menu .sub-menu-wrap, .bp_components ul li ul li.menupop .ab-sub-wrapper {
    background-color: inherit!important;
}
p.small {
    font-size: 0.875rem!important;
}
.masthead {
    height: 250px;
    min-height: 250px!important;
}
.masthead h1 {
    font-size: 3.5rem!important;
}
.masthead .lines {
    display: table;
    white-space: nowrap;
}
.is-mobile .menu-panel {
    background-color: #ffa300!important;
}
.is-mobile .menu-panel #nav-menu > ul > li > a:not(.open-submenu) {
    margin-left: 2rem;
    padding-left: 0;
    border-bottom: 1px solid rgba(255,255,255,0.4) !important;
}
/*.is-mobile #inner-wrap {*/
/*    margin-top: 0!important;*/
/*}*/
.is-mobile #mastlogo {
    position: fixed;
}
.is-mobile #right-panel {
    /*margin-top: 60px!important;*/
    margin-top: 0!important;
}
.is-mobile .btn-wrap {
    margin-top: -8px!important;
}
.is-mobile .btn-wrap.navbar-light {
    margin-top: -15px!important;
    margin-left: 16px;
}
.is-mobile  #left-panel-inner {
    padding-top: 0!important;
}

.is-mobile #mastlogo {
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);
}

.navbar-toggler-icon::before {
    display: none;
}
.mobile-header-outer {height: 70px!important;}
.masthead .lines::before, .masthead .lines::after {
    border-top: 2px solid #9a908d;
    content: '';
    display: table-cell;
    position: relative;
    top: 1.25rem;
    width: 84px;
}
.masthead .lines::before {
    right: 8%;
}
.masthead .lines::after {
    left: 8%;
}
body.left-menu-open #nav-menu>ul>li>a, body.left-menu-open .menu-panel .menupop>a {
    color: white!important;
}
#mobile-menu {margin-top: 70px}
.is-mobile #mastlogo #logo .boss-logo.large {
    padding: 17px 50px 17px 20px;
    height: auto;
    width: 264px!important;
    object-fit: contain;
}
.is-mobile .boss-logo.small {display: none}
/*body:not(.tablet) .menu-panel #nav-menu > ul > li:hover {*/
    /*background-color: #f5920e!important;*/
/*}*/
/*body {*/
    /*font-size: 0.875rem;*/
/*}*/
body, p {
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p {
    line-height: inherit!important;
    font-weight: inherit!important;
}
p, li, a, .menu-panel #nav-menu > ul li > a:not(.open-submenu) i {
    font-size: 1rem!important;
}
.header-navigation ul li a {
    font-size: 1rem!important;
}
.header-navigation ul li a [class^="icon-"], .header-navigation ul li a [class*=" icon-"] {
    font-size: 1.7rem;
    position: absolute;
    margin: 0 0 0 -14px;
    left: 50%;
}

#mobile-logo ul li a [class^="icon-"], #mobile-logo ul li a [class*=" icon-"] {
    font-size: 1.5rem;
    position: absolute;
    left: 30%;
    top: -58%;
}

.header-navigation > div > ul {
    padding: 12px 0 0;
}
.menu-panel #nav-menu > ul li > a:not(.open-submenu) i {
    padding-right: 2rem!important;
    color: white!important;
}
.site-header .right-col {
    background-color: white!important;
}
.list_arrow, footer.entry-meta, .bp-group-discussion, .menu-panel #nav-menu>ul>li:last-child>a::after, .header-notifications, .name.has_updates, .course-author, .course-lesson-count, .morecontent, #lessons_list .lesson h4 a::before, .course-inner .price, #quiz_list .completed:before, #quiz_list .notcompleted:before, .ld-item .completed:before, .ld-item .in-progress:before, .ld-item .notcompleted:before, .learndash .type-list .topic-completed:before, .learndash .type-list .topic-notcompleted:before, .pop.user-pop-links, .header-account-login .user-link span.name {
    display: none!important;
}
/*.header-account-login img {*/
/*    margin: 16px 0 0 6px!important;*/
/*}*/
.header-account-login img {
    width: 36px!important;
    height: 36px!important;
}
.header-account-login .dropdown-menu {
    margin-top: -1rem!important;
}
body.left-menu-open[data-logo="1"] #mastlogo .site-title {
    text-align: left!important;
    padding-left: 5px;
}
#primary.site-content {
    width: 100%!important;
}
.left-menu-open #nav-menu>ul>li>a:after {
    background-color: rgba(255,255,255,.3)!important;
}
body:not(.left-menu-open) .menu-panel #nav-menu > ul li > a:not(.open-submenu) i {
    font-size: 1.2rem!important;
    padding-right: 3rem!important;
}
body:not(.left-menu-open) #nav-menu>ul>li>a:after {
    background-color: rgba(255,255,255,.7)!important;
    left: 16px!important;
    width: 25px!important;
}
.menu-panel #nav-menu > ul > li.current-menu-item>a:after {
    background-color: transparent!important;
}
body.left-menu-open[data-logo="1"] #mastlogo, body.left-menu-open[data-logo="1"] .site-header .left-col.table, .site-header .left-col .table, .header-links, .header-account-login, .header-navigation>div>ul {
    margin-bottom: 0!important;
    height: 70px!important;
}
.header-links {
    position: absolute;
    left: 0;
    top: 0;
    margin: 1.25rem 1rem;
}
.site-header .right-col {
    width: 0!important;
    min-width: 0!important;;
}
.sidebar-btn, #lessons_list .lesson h4 a, .learndash_topic_dots.type-list ul li a, #learndash_lessons #lessons_list .lesson-meta, .dropdown-item:hover {
    color: #5b6770!important;
}
#lessons_list .lesson h4 a {
    padding: 10px 34px;
}
body #mastlogo {
    min-height: 70px!important;
}
body.is-desktop.left-menu-open[data-logo="1"] #left-panel-inner, body.is-desktop:not(.left-menu-open)[data-logo="1"] #left-panel-inner, #left-panel-inner {
    padding-top: 70px!important;
}
body.is-desktop:not(.left-menu-open)[data-logo="1"] #right-panel, body.is-desktop.left-menu-open[data-logo="1"] #right-panel, #right-panel {
    margin-top: 70px!important;
}
.menu-panel #nav-menu .sub-menu-wrap>a {
    background-color: rgb(255, 163, 40)!important;
    color: white!important;
}
#mastlogo #logo img {
    width: 30px!important;
}
body.left-menu-open #mastlogo #logo img {
    width: 137px!important;
}
.header-inner .middle-col {
    width: 55%;
}
.search-wrap {
    max-width: 100px;
}
.search-wrap, .search-wrap input[type=text] {
    border-radius: 36px;
    height: 36px;
    text-align: right;
}
.search-wrap input[type=text] {
    padding-right: 50px!important;
}
.site-header .search-form {
    width: 230px!important;
}
.site-header .search-form .searchform {
height: 36px!important;
}
button.searchsubmit {
    height: 36px;
    font-size: 14px;
    width: 36px;
}
button.searchsubmit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.7rem 0;
    width: 1px;
    height: 1rem;
    background-color: #ddd;
}
.header-navigation ul li a {
    font-weight: bolder;
}
.header-navigation ul li a {
    position: relative;
    display: inline;
    margin: 0 10px;
    padding: 0 0 3px;
    color: #CCCCCC!important;
    border-bottom: 2px solid transparent;
}
.header-navigation ul li:hover a {
 border-color: #ffa328;
}
.course-inner {
    height: auto;
    -webkit-box-shadow: 0 .5rem 2.5rem rgba(0,0,0,.08)!important;
    -moz-box-shadow: 0 .5rem 2.5rem rgba(0,0,0,.08)!important;
    box-shadow: 0 .5rem 2.5rem rgba(0,0,0,.08)!important;
}
.course-inner, .course-image {
    border-radius: 6px 6px 0 0;
}
.course-inner.disabled {
    position: relative;
    filter: grayscale(1.0);
}
.course-inner.disabled::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    cursor: not-allowed;
}
.course-inner.disabled .course-image img {
    filter: grayscale(1.0);
}
.entry-title, .entry-title a {
    font-size: 22px!important;
}
.course-flexible-area header h2 {
    border-bottom: none!important;
}
.course-flexible-area header h2, .sensei-course-meta, .course-inner p.entry-content, .course-lesson-count {
    padding: 0 1rem;
}
.course-flexible-area header h2 a {
    font-size: 17px!important;
    color: #333333!important;
}
.entry .caption {
    min-height: 100px;
    border-bottom: 1px solid #ddd;
    height: 0!important;
}
.entry .caption p {
    font-size: 13px!important;
    line-height: 16px!important;
    color: rgba(51, 51, 51, 0.8)!important;
}
.course-inner section.entry {
    padding: 1rem 0 0;
}
.ld_course_grid_button a.button {
    color: #ffa328!important;
    border: 0!important
}
.ld_course_grid_button a.button:hover {
    box-shadow: none!important;
}
.single-sfwd-courses article header h1, .entry-content h1, .comment-content h1 {
    font-size: 1.5rem!important;
}

#lessons_list .lesson h4, #quiz_list>div h4, .ld-item, .learndash_topic_dots.type-list ul li {
    padding: 0.75rem;
    background-color: #f7f7f7;
}
.ld-item, .learndash_topic_dots.type-list ul li {
    padding-left: 2.65rem;
    background-color: white!important;
}
#learndash_profile #course_list h4>a:after, .learndash #lessons_list .completed:before, .learndash #lessons_list .in-progress:before, .learndash #lessons_list .notavailable:before, .learndash #lessons_list .notcompleted:before, .learndash .type-list .topic-completed:before, .learndash .type-list .topic-notcompleted:before {
    font-size: 14px!important;
    margin-right: 0!important;
    margin-left: 0!important;
    top: 12px!important;
    left: 16px;
    width: auto!important;
}
.ld-item .completed:before, .ld-item .in-progress:before, .ld-item .notcompleted:before, .learndash .type-list .topic-completed:before, .learndash .type-list .topic-notcompleted:before {
    content: "\f144"!important;
    top: -4px!important;
    left: 3rem!important;
    color: #b6b6b6;
    font-size: 16px!important;
}
.expanded .fa-chevron-down::before {
    content: "\f077"!important;
}

.lesson .drop-list {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1;
    color: rgba(0,0,0,.5);
}
.lesson p.lesson-meta {
    padding: 10px 16px;
}
#leardash_upload_assignment u, #learndash_course_materials h4, #learndash_lesson_topics_list h2, #learndash_uploaded_assignments h2, #lesson_heading, #quiz_heading, .single-sfwd-lessons u {font-size: 16px!important;}
.single-sfwd-courses .course-header, .single-sfwd-courses .entry-content {padding: 0!important;}
.progress-wrap .percent, .progress-wrap .course-completion-rate {margin-top: -2px; font-size: 0.875rem; font-weight: 800;}
.progress-wrap .percent {float: right;}
dd.course_progress {margin: 0!important; border: 0!important; height: 6px!important; background-color: #d7d7d7!important; border-radius: 0.25rem;}
dd.course_progress div.course_progress_blue {background-color: #ffa328!important;height: 6px!important;border-radius: 0.25rem;}
.card-title.text-body {color: #9ea0a2 !important;}
.gform_wrapper .ginput_container input[type=text], .ginput_container .gform_wrapper input[type=url], .ginput_container .gform_wrapper input[type=email], .gform_wrapper .ginput_container input[type=tel], .gform_wrapper .ginput_container input[type=number], .gform_wrapper .ginput_container input[type=password], .gform_wrapper .ginput_container textarea, input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, .select2-container--default .select2-selection--single {
    height: 40px;
    border: none;
    background-color: #f7f7f7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #495057;
    border-radius: 0.1875rem;
    font-size: 14px;
    padding: 0.375rem 0.75rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 1.5;
}
#sfwd-mark-complete {margin-bottom: 0!important;}
#sfwd-mark-complete input[type=submit] {padding: 7px 14px;}
/*#secondary {position: absolute; right: 0; width: 326px; top: 7.2rem;}*/
#secondary.widget-area {width: auto; height: 100%;}
#secondary.widget-area .widget {padding: 20px!important;}
.widgettitle {margin-bottom: 14px!important; font-size: 16px!important;}
.course_navigation .learndash_topic_widget_list a>span {margin-left: 36px!important;padding-top: 3px;}
#course_navigation .learndash_topic_widget_list li a:after {position: absolute; left: 0}
#secondary .lesson a  {max-width: 70%;}
.widget_course_return {display: flex; padding: 1rem 0;}
.widget_course_return a {padding-left: 4px;}
#course_navigation .learndash_topic_widget_list ul {margin: 20px 0 -5px 30px!important}
#course_navigation .learndash_topic_widget_list li a {padding: 0!important;}
.lesson_completed {color: #1EC9A4}
.lesson_incomplete {color: #cbcaca}
.mobile-header-inner {margin-bottom: 0!important; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);}
#mobile-logo img {margin-top: 15px!important; max-height: 30px!important;}
#mobile-logo a {max-height: auto!important;}
.text-gray {color: #1EC9A4!important;}

.badge.rounded-circle {
    position: absolute;
    top: 0;
    left: 0;
    margin: -12px 0 0 12px;
    padding: 1px;
    width: 14px;
    height: 14px;
    font-size: 10px!important;
    line-height: 14px!important;
    color: #FFA300;
}

.left-menu-open .badge.rounded-circle {
    margin: -6px 0 0 9px;
}


/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
@media screen and (max-width: 991px) {
    .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {height: 500px;}
}

/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {
    .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {height: 400px;}
    .text-center-sm {text-align: center;}
}

/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {


}

@media screen and (max-width: 480px) {
    .maxbutton-14.maxbutton.maxbutton-bigsignup {height: 36px!important;}
    .img-fluid {margin-bottom: 2rem}
    .slick-prev {left: -12px!important;}
    .slick-next {right: -17px!important;}
    .is-mobile .masthead h1 {font-size: 2rem!important;}
    .is-mobile .icon-4x {font-size: 3rem}
    .is-mobile .masthead {height: 300px; min-height: 300px!important;}
}

/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {
    .masthead h1 {font-size: 28px!important;}
    .masthead h2 {font-size: 24px!important;}
    .masthead h3 {font-size: 22px!important;}
    .masthead h4 {font-size: 18px!important;}
    .masthead h5 {font-size: 12px!important;}
}

/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


}

/* .wistia_embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0 !important;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}
.wistia_embed #wistia_chrome_68 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
} */

/* @media screen and (max-width: 480px) {
    .wistia_embed {height: 300px!important;}
} */

#menu-buddypanelcanon .sub-menu {
    background-color: #ffa300 !important;
}

#menu-buddypanelcanon .sub-menu li a {
    color: white !important;
}

#menu-buddypanel .sub-menu {
    background-color: #ffa300 !important;
}

#menu-buddypanel .sub-menu li a {
    color: white !important;
}

body.left-menu-open #left-panel-inner #scroll-area {
    width: 230px !important;
}
.after-none:after {
    content: none !important;
}