/*
Theme Name:     SKRN Progression Child
Description:    Child Theme for SKRN Progression
Author:         Progression Studios
Template:       skrn-progression

*/


/*
 * Global Color Variables
*/
:root {
    --seek-body: #555555;
    --seek-accent: #c69f42;
    --seek-hover: #231f20;

    --seek-grey: #c3c3c3;
    --seek-lightgrey: #e7e7e7;

    --seek-yoga: #3f738d;
    --seek-meditatie: #705b42;
    --seek-series: #495b38;
    --seek-documentaires: #b8658c;
	--seek-films: #b8658c;
	--seek-interviews: #79093a;
	--seek-werkvloer: #79093a;
    --seek-academy: #0e6d69;
}


/**
* Sidebar Menu
*/
#sidebar-nav-pro {
    height: calc(100vh - 90px);
}

body.admin-bar nav#sidebar-nav-pro {
    height: calc(100vh - 90px - 32px);
}

#sidebar-nav-pro .menu-dashboard-navigation-container {
    max-height: 100%;
    overflow-y: auto;
}

#sidebar-nav-pro .menu-dashboard-navigation-container::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#sidebar-nav-pro .menu-dashboard-navigation-container::-webkit-scrollbar-thumb {
    height: 100px;
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: var(--seek-lightgrey);
}

#sidebar-nav-pro .menu-dashboard-navigation-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--seek-grey);
}

#sidebar-nav-pro .menu-dashboard-navigation-container::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

#sidebar-nav-pro .menu-dashboard-navigation-container::-webkit-scrollbar-corner {
    background-color: transparent;
}

#sidebar-nav-pro ul.sf-menu {
    padding: 1px 0;
}

#sidebar-nav-pro ul.sf-menu li {
    float: none;
}

#sidebar-nav-pro ul.sf-menu li.menu-item a,
ul.mobile-menu-pro.collapsed li a {
    padding: 16px 10px;
    border: 1px solid transparent;
    border-bottom-color: var(--seek-lightgrey);
}

ul.mobile-menu-pro.collapsed li a {
    border-left-width: 0;
    border-right-width: 0;
}

#menu-dashboard-navigation.mobile-menu-pro.collapsed li a{
    padding: 10px 20px;
}

#sidebar-nav-pro ul.sf-menu li.menu-item.current-menu-item a,
ul.mobile-menu-pro.collapsed li.current-menu-item a {
    border-color: var(--seek-accent);
}

#sidebar-nav-pro ul.sf-menu li.menu-item a:hover,
#sidebar-nav-pro ul.sf-menu li.menu-item.sfHover a,
ul.mobile-menu-pro.collapsed li a:hover,
ul.mobile-menu-pro.collapsed li.sfHover a{
    border-color: var(--seek-hover);
}

#sidebar-nav-pro ul.sf-menu li .progression-studios-menu-title {
    white-space: normal;
    word-break: break-word;
}

#sidebar-nav-pro ul.sf-menu li .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li .progression-studios-menu-title .menu-text {
    font-family: Goodlife;
    font-size: 200%;
    font-weight: 200;
    color: var(--seek-body);
}

ul.mobile-menu-pro.collapsed li .progression-studios-menu-title .menu-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    margin-bottom: 11px;
}

#sidebar-nav-pro ul.sf-menu li.color_yoga .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_yoga .progression-studios-menu-title .menu-text {
    color: var(--seek-yoga);
}

#sidebar-nav-pro ul.sf-menu li.color_meditatie .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_meditatie .progression-studios-menu-title .menu-text {
    color: var(--seek-meditatie);
}

#sidebar-nav-pro ul.sf-menu li.color_series .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_series .progression-studios-menu-title .menu-text {
    color: var(--seek-series);
}

#sidebar-nav-pro ul.sf-menu li.color_documentaires .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_documentaires .progression-studios-menu-title .menu-text {
    color: var(--seek-documentaires);
}

#sidebar-nav-pro ul.sf-menu li.color_films .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_films .progression-studios-menu-title .menu-text {
    color: var(--seek-films);
}

#sidebar-nav-pro ul.sf-menu li.color_interviews .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_interviews .progression-studios-menu-title .menu-text {
    color: var(--seek-interviews);
}

#sidebar-nav-pro ul.sf-menu li.color_werkvloer .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_werkvloer .progression-studios-menu-title .menu-text {
    color: var(--seek-werkvloer);
}

#sidebar-nav-pro ul.sf-menu li.color_academy .progression-studios-menu-title .menu-text,
ul.mobile-menu-pro.collapsed li.color_academy .progression-studios-menu-title .menu-text {
    color: var(--seek-academy);
}

#sidebar-nav-pro ul.sf-menu li .progression-megamenu-image>img,
ul.mobile-menu-pro li .progression-megamenu-icon>img {
    max-height: 48px;
    max-width: 100%;
}

ul.mobile-menu-pro>li {
    background-color: white;
}

ul.mobile-menu-pro li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

#videohead-pro #main-nav-mobile {
    position: absolute;
    top: 100%;
    right: 0;
}


/**
* Video List Section Title
*/

h2.progression-studios-skrn-post-list-title {
    display: flex;
    align-items: center;
}

h2.progression-studios-skrn-post-list-title>img {
    max-height: 48px;
    margin-right: 5px;
}

h2.progression-studios-skrn-post-list-title>span {
    font-family: Goodlife;
    font-weight: 200;
    margin-top: -10px;
}


/**
* Dashboard Header Top Left
*/
@media (min-width: 960px) {
    header#videohead-pro {
        display: flex;
    }
}

#video-search-header {
    margin-left: auto;
    margin-right: auto;
}

#dashboard-header-left {
    float: left;
    display: block;
    height: 90px;
    line-height: 90px;
    color: var(--seek-body);
    padding: 0 15px;
}

@media (max-width: 499px) {
    #dashboard-header-left {
        display: none;
    }
}

#video-search-header #video-search-header-filtering {
    position: fixed;
    left: 160px;
    top: 90px;
}

body.admin-bar #video-search-header #video-search-header-filtering {
    top: calc(90px + 32px);
}

#video-search-header input[type=text] {
    padding-left: 80px;
}

#video-search-header #search-icon-more {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    height: 90px;
}

#video-search-header #search-icon-more.with-text {
    padding-right: 65px;
    background-position-x: right;
    width: auto;
}

#video-search-header #search-icon-more-text {
    color: #a0a0a0;
}


/**
* Dashboard Header Search Filters
*/
ul.skrn-video-search-columns .column-search-header.disabled h5 {
    color: #cbcbcb;
}

ul.skrn-video-search-columns select {
    min-height: 40px;
    height: 40px;
    line-height: 38px;
    color: var(--seek-body);
    font-size: 13px;
    padding: 5px 20px 5px 12px;
    border-color: #ced4da;
    border-radius: 4px;
    transition: all .350s ease-in-out;
}

ul.skrn-video-search-columns select:disabled {
    opacity: .5;
}

ul.skrn-video-search-columns.skrn-video-search-count-7 li.column-search-header {
    width: calc((100% / 7) - 60px);
}

ul.skrn-video-search-columns.skrn-video-search-count-7 ul.video-search-type-list li {
    padding-right: 12px;
    width: calc(100% - 12px);
}

ul.skrn-video-search-columns.skrn-video-search-count-7 li.column-search-header:nth-child(4n):after,
ul.skrn-video-search-columns.skrn-video-search-count-7 li.column-search-header:nth-child(6n):after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 1px;
    background-repeat: repeat-all;
    background-size: 1px 6px;
    background-image: url(images/dotted-search.png);
}

ul.skrn-video-search-columns.skrn-video-search-count-7 li.column-search-header:nth-child(7n):after {
    display: none;
}


/**
* Video listing (Archive)
*/
.progression-video-index-content {
    display: flex;
}

.progression-video-index-content .progression-video-title-container {
    flex-grow: 1;
    flex-shrink: 1;
}

.progression-studios-video-index h2.progression-video-title{
    width: auto;
    word-break: break-word;
}

.progression-video-index-content .progression-studios-video-index-excerpt p {
    line-height: 1.3;
}

.progression-video-index-content .progression-video-niveau {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 15px;
    line-height: 1;
}

@media (max-width: 1367px) and (min-width:1025px){
    .progression-video-index-content{
        flex-wrap: wrap;
    }
    .progression-video-index-content .progression-video-niveau{
        margin-left: auto;
        margin-bottom: 8px;
        order: 1;
    }
    .progression-video-index-content .progression-video-title-container{
        order: 2;
    }
}

.progression-video-index-content .progression-video-niveau > strong {
    font-size: 13px;
}

.progression-video-index-content .progression-video-niveau .progression-video-niveau-orbs {
    display: block;
    margin-top: 5px;
}

.progression-video-index-content .progression-video-niveau .progression-video-niveau-orbs .inactive,
.video-director-mega-sidebar .progression-video-niveau .progression-video-niveau-orbs .inactive,
.video-intensiteit-mega-sidebar .progression-video-niveau .progression-video-niveau-orbs .inactive{
    opacity: .4;
}

.progression-studios-video-index h2.progression-video-title a:hover {
    color: var(--seek-accent);
}

.progression-studios-video-index.type_yoga h2.progression-video-title a:hover,
.progression-studios-video-index.type_yoga .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-yoga);
}

.progression-studios-video-index.type_meditatie h2.progression-video-title a:hover,
.progression-studios-video-index.type_meditatie .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-meditatie);
}

.progression-studios-video-index.type_series h2.progression-video-title a:hover,
.progression-studios-video-index.type_series .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-series);
}

.progression-studios-video-index.type_documentaires h2.progression-video-title a:hover,
.progression-studios-video-index.type_documentaires .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-documentaires);
}

.progression-studios-video-index.type_films h2.progression-video-title a:hover,
.progression-studios-video-index.type_films .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-films);
}

.progression-studios-video-index.type_interviews h2.progression-video-title a:hover,
.progression-studios-video-index.type_interviews .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-interviews);
}

.progression-studios-video-index.type_werkvloer h2.progression-video-title a:hover,
.progression-studios-video-index.type_werkvloer .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-werkvloer);
}

.progression-studios-video-index.type_academy h2.progression-video-title a:hover,
.progression-studios-video-index.type_academy .progression-video-niveau .progression-video-niveau-orbs {
    color: var(--seek-academy);
}


.progression-studios-video-index .progression-video-index-duration,
.progression-studios-video-index .progression-video-index-gratis {
    color: white;
    background-color: var(--seek-accent);
    font-size: 13px;
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: 12px;
    line-height: 1;
    padding: 5px;
}

.progression-studios-video-index .progression-video-index-gratis{
    top: 12px;
    bottom: auto;
    text-transform: uppercase;
}

.progression-studios-video-index.type_yoga .progression-video-index-duration {
    background-color: var(--seek-yoga);
}

.progression-studios-video-index.type_meditatie .progression-video-index-duration {
    background-color: var(--seek-meditatie);
}

.progression-studios-video-index.type_series .progression-video-index-duration {
    background-color: var(--seek-series);
}

.progression-studios-video-index.type_documentaires .progression-video-index-duration {
    background-color: var(--seek-documentaires);
}

.progression-studios-video-index.type_films .progression-video-index-duration {
    background-color: var(--seek-films);
}

.progression-studios-video-index.type_interviews .progression-video-index-duration {
    background-color: var(--seek-interviews);
}

.progression-studios-video-index.type_werkvloer .progression-video-index-duration {
    background-color: var(--seek-werkvloer);
}

.progression-studios-video-index.type_academy .progression-video-index-duration {
    background-color: var(--seek-academy);
}


/**
* Video detail (Single)
*/
.content-sidebar-section.video-sidebar-section-title {
    padding-top: 35px;
}

h2.content-sidebar-sub-header {
    padding-top: 10px;
}

ul.video-grenes-mega-sidebar li {
    display: block;
}

.content-sidebar-section .content-sidebar-terms ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.content-sidebar-section .content-sidebar-terms ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}


.content-sidebar-section .content-sidebar-terms ul li>a {
    color: var(--seek-body);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-bottom: 10px;
}

.content-sidebar-section .content-sidebar-terms ul li>a:hover {
    color: #9d9d9d;
}

.content-sidebar-section .content-sidebar-terms .divider {
    margin: 0 5px;
}

ul.video-intensiteit-mega-sidebar a {
    color: var(--seek-body);
}

ul.video-intensiteit-mega-sidebar a:hover {
    color: #9d9d9d;
}

ul.video-intensiteit-mega-sidebar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

ul.video-intensiteit-mega-sidebar li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

ul.video-intensiteit-mega-sidebar li:after {
    content: ', ';
}

ul.video-intensiteit-mega-sidebar li:last-child:after {
    display: none;
}