/*
Theme Name: Sensei + Uncode
Description: Built by WP Explainer
Author: WP Explainer
Author URI: https://wpexplainer.com
Template: uncode
Text Domain: uncode
Version: 1.8
*/

/*** colors ***/
.grey {color:#c5c5c5;}
.light-blue {color:#1a44bc;}
.dark-blue {color:#1239a7;}
.yellow {color:#fff000;}
.light-salmon {color:#eea6a7;}
.dark-salmon {color:#fc8b82;}
.light-gold {color:#b79943;}
.dark-gold {color:#997f33;}
.light-green {color:#64ce9b;}
.dark-green {color:#50ab7f;}

/* typography */
.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode_text_column {
    margin-top:4px;
}

body .post-content table a,
body .post-content p a:not(.btn):not(.my-messages-link):not(.view-results),
.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode_text_column:not(.my-messages-link) a {
    font-weight:600;
    color: #1a44bc;
    text-decoration:underline;
    transition: text-decoration-color .2s ease-in-out;
}

body .post-content table a:hover,
body .post-content p a:not(.btn):not(.my-messages-link):not(.view-results):hover,
.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode_text_column:not(.my-messages-link) a:hover {
    text-decoration-color: transparent;
}

body .post-content table a {
    color: #1a44bc;
    font-weight:700;
}

pre.wp-block-code {
    margin: 12px 0;
    padding: 0;
}

.style-light code {
    background-color: #dedede;
    font-size:14px !important;
}

/* extension typography */
div.text-top-reduced {padding:0;}

small, figcaption {
    font-size: 18px;
    padding-top: 14px;
}

.entry-summary {font-size:18px;}

body.search h1.entry-title a {
    font-size:24px;
}

.vc_custom_heading_wrap.subheading {margin-top:0;}
.vc_custom_heading_wrap.margin-top-8 {margin-top:8px !important;}
.vc_custom_heading_wrap.margin-top-16 {margin-top:16px !important;}

.messagebox_text {
    color: #000;
}

/* imagify / WebP / logo */
.logo-container .logo-image picture {
    width:auto;
    height:100%;
    background-size: 100% 100%;
}

/* uncode list */
.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode-wrapper.uncode-list {
    margin-top:0;
    margin-bottom: 22px;
    padding-left: 22px;
}

.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode-wrapper.uncode-list ul:not(.menu-smart):not(.nav-tabs):not(.pagination) li {
    padding-left: 22px;
    line-height: 1.2;
    padding-bottom: 6px;
}

.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode-wrapper.uncode-list ul:not(.menu-smart):not(.nav-tabs):not(.pagination) li i.fa {
    margin-right: -16px;
    left: -22px;
}

.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode-wrapper.uncode-list ul:not(.menu-smart):not(.nav-tabs):not(.pagination) li a:not(.btn) {
    font-weight:400;
}

.main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode-wrapper.uncode-list > p {display:none;}

.main-container .row-container .row-parent .single-internal-gutter .heading-text.subheading {margin-top:0;}

/*** table design ***/
body.single-post .post-content table {
    background-color: #fff;
}

body.single-post .post-content table thead th {
    font-weight: 700;
    font-size: 17px;
}

body.single-post .post-content table tbody tr:nth-child(even) {
    background-color: #f7f9ff;
}

table td, table th {
    font-weight: 300;
}

/*** layout corrections ***/
@media all and (min-width: 960px){header {z-index: inherit;}}

body.uncode-btn-circle input[type="submit"]:not(.btn-default-shape):not(.btn-round):not(.btn-square) {
    border-radius:5px !important;
}

.main-container .row-container .row-parent .row-parent .single-internal-gutter .uncont>:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]),
.main-container .row-container .row-parent .single-internal-gutter .uncont>:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]) {
    margin-top: 12px !important;
}

/*** extension layout ***/
@media all and (min-width: 960px){header {z-index: inherit;}}

@media all and (max-width:1400px){
    .vc_row.learn-wordpress .row .single-block-padding {
        padding: 30px 10px;
    }

    .vc_row.learn-wordpress .vc_custom_heading_wrap h3 {
        font-size: 20px;
    }
}

.uncont.unradius-std {
    overflow:hidden;
}

.firefox .main-wrapper {
    display: table;
}

/*** blog ***/
/* single post */
.post-content .post-media + .post-title-wrapper {
    margin-top: 36px;
}

body.single-post .post-content h2:not([class*="fontsize-"]),
body.single-post .post-content .h2:not([class*="fontsize-"]) {
    font-size: 34px;
}

/*** extension blog ***/
body.single-post .main-container .post-body .row-container .double-top-padding {padding-top:36px;}

ul.post-categories li a {
    font-size: 16px;
    font-weight: 700;
    color: #1239a7;
    text-transform: uppercase;
    text-decoration:underline;
    text-decoration-color: transparent;
    transition: text-decoration-color .2s ease-in-out;
}

ul.post-categories li a:hover,
ul.post-categories li a:focus {
    color:#1239a7 !important;
    text-decoration-color:#1239a7;
}

.isotope-system.posts-module .tmb-no-bg:not(.tmb-content-lateral).tmb .t-entry-text > .t-entry-text-tc {
    margin-top: -35px;
    background-color: #f7f7f7;
    width: 80%;
    padding-right: 15px !important;
}

/* blog filtering */
.grid-filters ul.menu-smart a {
    background-color: #1239a7;
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    border:2px solid #1239a7;
    font-size: 14px !important;
    font-weight: 400 !important;

}
.isotope-filters.menu-light .menu-smart > li.active > a,
.isotope-filters.menu-light .menu-smart > li a.active,
.isotope-filters.menu-light .menu-smart a:hover,
.isotope-filters.menu-light .menu-smart a:focus {
    border:2px solid #1239a7;
    background-color:transparent;
    color:#000;
}

.isotope-filters.grid-filters ul.menu-smart li.filter-cat-2056,/* gravity forms tutorials */
.isotope-filters.grid-filters ul.menu-smart li.filter-cat-2535 /* sensei lms tutorials */ {
    display:none !important;
}

/* blog comments */
.comment-content .comment-meta-item, .comment-content .comment-reply-link span {
    font-size: 14px;
}

.comment-content .comment-reply-link span {
    font-weight:700;
}

/*** social share ***/
.share-button.share-inline .social.top li.social-xing {display:none !important;}

/* extension navigation */
.row-navigation.row-navigation-light {
    outline-color: inherit;
    background-color: inherit;
    border-radius:0 !important;
}

/* extension sidebar */
.col-widgets-sidebar .widget-container .widget-title {
    border-bottom: 0;
    padding-bottom: 0;
}

body.single-post .main-container .row-container div.col-lg-4.col-widgets-sidebar .double-bottom-padding {
    padding-bottom:0 !important;
}

/*** extension buttons ***/
.style-light input[type="submit"] {
    background-color:#1239a7;
    border-color:#1239a7;
    color:#fff;
    font-size: 16px;
}

.style-light input[type="submit"]:hover,
.style-light input[type="submit"]:focus {
    background-color:#1a44bc;
}

.style-light .btn-default, .style-dark .style-light .btn-default, .tmb-light .t-entry-text .btn-default,
.style-dark .tmb-light .t-entry-text .btn-default, .tmb-dark .t-overlay-inner .btn-default {
    color: #ffffff !important;
    background-color: #113397 !important;
    border-color: #113397 !important;
}

/*** extension download icons ***/
.uncode-single-media.download-file {
    display: inline-block;
    margin-top: 5px !important;
    padding-right: 80px;
}

.uncode-single-media.download-file .wpb_heading.wpb_singleimage_heading {
    font-family: 'proxima-nova', sans-serif;
    font-size: 15px;
    position: relative;
    top: 22px;
    left: 60px;
    margin-top: 0;
}

.uncode-single-media.download-file .single-media-link,
.uncode-single-media.download-file .uncode-single-media-wrapper {
    max-width: 50px;
    border-radius: 5px;
    overflow: hidden;
}

.uncode-single-media.download-file figcaption {
    font-size: 15px;
    position: relative;
    top: -38px;
    left: 60px;
}

.uncode-single-media.download-file.premium .wpb_heading.wpb_singleimage_heading,
.uncode-single-media.download-file.premium figcaption {
    color:#9c9c9c;
}

/*** extension accordion ***/
.uncode-accordion:not(.default-typography) .panel-title > a span {
    font-size: 16px !important;
    letter-spacing: 0 !important;
}

.style-light .uncode-accordion .panel-title > a {
    color: #fff !important;
    background-color: #1a44bc;
    padding: 18px 26px;
}

.style-light .uncode-accordion .panel-title > a:hover,
.style-light .uncode-accordion .panel-title.active > a {
    background-color:#1239a7;
}

.style-light .panel-title > a span:after {
    margin-right: 26px;
    color: #fff !important;
}

.style-light .panel-group .panel-heading + .panel-collapse .panel-body {
    padding: 26px !important;
}

.uncode-accordion .panel-group .panel {border:none;}

/*** extension tabs ***/
.nav-tabs > li > a span {
    font-size: 16px !important;
}

.text-left.nav-tabs > li > a {
    padding: 14px 18px 20px 0 !important;
}

.tabs-left > li.active > a {
    color: #fff !important;
    background-color: #1a44bc;
}

.vertical-tab-menu {width: 35%;}

.vertical-tab-contents {width: 65%;}

@media all and (min-width: 570px) {
    .tab-content.vertical {
        max-width: 700px;
    }
}

@media all and (max-width: 669px) {
    .vertical-tab-menu {
        float:none;
        clear: both;
        display: block;
        width: 100% !important;
    }
    .vertical-tab-contents {
        float:none;
        clear: both;
        display: block;
        width: 100% !important;
        margin-top:16px;
    }
}

.uncode-wrapper .tab-content > .tab-pane {
    padding-top: 0 !important;
}

/*** menu ***/
@media all and (min-width: 960px) {
    body.hmenu .menu-primary .menu-horizontal .menu-smart > li > a,
    .navbar-cta ul.menu-smart > li > a {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
}

/*** extension menu ***/
.menu-light .menu-smart a:hover,
.menu-light .menu-smart a:focus {
    color: initial;
}

.menu-horizontal ul.menu-smart ul {
    max-width:24em !important;
    width:auto !important;
}

@media all and (min-width:690px){
    .menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) {
        width:auto !important;
    }
}

@media all and (max-width:959px) {
    .mobile-additional-icon .additional-icon-container {
        top: -2px;
    }
}

/* extension menu newest */
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:hover,
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:focus,
.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover,
.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:focus,

body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a,
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li a.active,
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a,
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a,
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a,

.menu-light .menu-smart > li.active > a,
.menu-light .menu-smart > li a.active,
.menu-light .menu-smart > li.current-menu-ancestor > a,
.menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a,
.submenu-light .menu-smart ul li.current-menu-parent > a,
.submenu-light .menu-smart ul li.active > a,
body[class*=hmenu-] .submenu-light .menu-smart ul a:hover,
body[class*=hmenu-] .submenu-light .menu-smart ul a:focus {
    color:#000 !important;
}

.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover,
.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:focus {
    background-color:transparent !important;
}

/* cta menu */
.menu-smart > li > a > div > div > div.btn {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu-smart > li > a > div > div > div.btn span {
    letter-spacing: 0;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

/*** extension cta menu ***/
/* desktop */
@media all and (min-width:960px) {

    .menu-smart > li > a > div > div > div.btn span {
        -webkit-transition: color .3s ease-in-out;
        -moz-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
    }

    .navbar-cta ul.menu-smart > li > a {
        font-weight: 700 !important;
    }

    .navbar-cta ul.menu-smart > li.my-account > a,
    .navbar-cta ul.menu-smart > li.signup > a {
        padding: 13px 22px !important;
        border: 2px solid #1a44bc;
        border-radius: 23px;
        color:#000 !important;
        font-weight:700;
        height: auto;
        -webkit-transition: color .3s ease-in-out;
        -moz-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
    }

    body.hormenu-position-left:not(.hmenu-center-split):not(.hmenu-center-double):not(.menu-overlay):not(.rtl) .navbar-cta:not(.navbar-nav-last) > ul > li:last-child > a:hover,
    body.hormenu-position-left:not(.hmenu-center-split):not(.hmenu-center-double):not(.menu-overlay):not(.rtl) .navbar-cta:not(.navbar-nav-last) > ul > li:last-child > a:focus,
    .navbar-cta ul.menu-smart > li.my-account > a:hover,.navbar-cta ul.menu-smart > li.my-account > a:focus,
    .navbar-cta ul.menu-smart > li.signup > a:hover, .navbar-cta ul.menu-smart > li.signup > a:focus {
        background-color: #1a44bc !important;
        color:#fff !important;
    }

    body.hormenu-position-left:not(.hmenu-center-split):not(.hmenu-center-double):not(.menu-overlay):not(.hmenu-center) .menu-container:not(.menu-borders) .navbar-cta > ul {
        padding-left: 55px !important;
    }
}

/* mobile cta menu */
@media all and (max-width:959px) {

    .navbar-cta {text-align:center;}

    .navbar-cta ul.menu-smart {
        max-width:280px;
        margin:0 auto;
    }

    .navbar-cta ul.menu-smart > li {
        width: 50%;
        float: left;
        text-align: center;
    }

    .navbar-cta ul.menu-smart > li > a {
        font-weight:400;
        padding: 45px 0 10px 0;
    }

    .navbar-cta ul.menu-smart > li > a i.fa-dropdown {display:none;}

    .navbar-cta ul.menu-smart > li.login > a {
        background: url(../png/menu-icon-80-login.png) no-repeat center 0;
        background-size: 40px 40px;
    }

    .navbar-cta ul.menu-smart > li.signup > a {
        background: url(//wpexplainer.com/wp-content/themes/uncode-child/images/menu-icon-80-user.png) no-repeat center 0;
        background-size: 40px 40px;
    }

    .navbar-cta ul.menu-smart > li.menu-item-object-logout > a {
        background: url(//wpexplainer.com/wp-content/themes/uncode-child/images/menu-icon-80-logout-2.png) no-repeat center 0;
        background-size: 40px 40px;
    }

    .navbar-cta ul.menu-smart > li.my-account > a {
        background: url(//wpexplainer.com/wp-content/themes/uncode-child/images/menu-icon-80-user.png) no-repeat center 0;
        background-size: 40px 40px;
    }
}

/* navigation */
.pagination > li .current, .navigation > li .current, .pagination > li .current:hover,
.navigation > li .current:hover, .pagination > li .current:focus, .navigation > li .current:focus {
    background-color: #c0b460 !important;
    color: #ffffff !important;
}

/* search field */
@media (min-width: 960px){
    .overlay.overlay-search .search-container form .search-container-inner input,
    .overlay.overlay-search .search-container .search-container-inner i {color: #fff;}
}

/*** audio player ***/
.mejs-container {
    margin-bottom:20px !important;
}

.mejs-offscreen {
    display:none !important;
}

.mejs-controls div.mejs-time-rail {
    width: calc(100% - 190px) !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    top: -1px !important;
    height: 6px !important;
}

/*** video player ***/
.sensei-course-video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.sensei-course-video-container::after {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.sensei-course-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*** extension footer ***/
/* general */
footer .footer-center {
    padding-top: 40px;
    padding-bottom: 40px;
}

.style-light.footer-scroll-top i {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 24px;
    background-color: #1a44bc !important;
    border-color: #1a44bc !important;
}

.footer-scroll-top.footer-scroll-higher {bottom: 33px;}
.footer-scroll-top {right: 33px;}

/* footer menu */
footer .widget-container .widget-title {
    text-transform: none;
    font-size: 20px;
    margin-bottom: 16px;
}

footer.site-footer .widget-container ul li {
    text-transform: none;
    height: 26px;
}

footer.site-footer .widget-container ul li:last-of-type {border:none;}

footer.site-footer .uncode_text_column a:hover {
    color:inherit;
    text-decoration:underline;
}

footer.site-footer .uncode_text_column.footer-links a,
footer.site-footer .widget-container ul li a {
    color: #97b2ff !important;
    font-size:16px;
}

footer.site-footer .uncode_text_column.footer-links a:hover,
footer.site-footer .widget-container ul li a:hover {
    color: #97b2ff !important;
    text-decoration:underline 1px;
}

footer.site-footer .widget-container ul li a:before {display:none;}

footer .footer-last p {
    font-size: 14px !important;
    color: #4f2100;
    font-weight: 500;
}

@media all and (min-width:960px){
    .wpb_column.footer-border .uncoltable .uncell {
        border-bottom:1px solid #1a44bc;
    }
}

/* extension footer paddings */
footer.site-footer .wpb_column.footer-widget-padding {
    padding-top: 25px;
}

footer.site-footer .wpb_column.footer-column1 > .uncol > .uncoltable > .uncell {
    padding-bottom:16px;
}

footer.site-footer .wpb_column.footer-column2 > .uncol > .uncoltable > .uncell {
    padding-bottom:17px;
}

/* extension recaptcha */
.grecaptcha-badge[data-style="inline"] {display:none !important;}

.grecaptcha-badge[data-style="bottomright"] {
    bottom: 90px;
}