/* ------- *
 * DIVIDER *
 * ------- */

.divider {
    position: relative;
    height: 7px;
    width: 120px;
    margin-bottom: 15px!important;
}

.divider:before {
    content: '';
    width: 100%;
    height: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
}

.divider-text {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: -38px;
    margin-left: 130px;
}

 .scrummaster-divider {
    border-top-color: var(--scrummaster);
    box-shadow: inset 40px 0 0 0 var(--scrummaster);
    color: var(--scrummaster);
}

.po-divider {
    border-top-color: var(--po);
    box-shadow: inset 40px 0 0 0 var(--po);
    color: var(--po);
}

.leader-divider {
    border-top-color: var(--leader);
    box-shadow: inset 40px 0 0 0 var(--leader); 
    color: var(--leader);
} 

.agteam-divider {
    border-top-color: var(--agteam);
    box-shadow: inset 40px 0 0 0 var(--agteam); 
    color: var(--agteam);
}

.organization-divider {
    border-top-color: var(--organization);
    box-shadow: inset 40px 0 0 0 var(--organization); 
    color: var(--organization);
}

.kanban-divider {
    border-top-color: var(--kanban);
    box-shadow: inset 40px 0 0 0 var(--kanban); 
    color: var(--kanban);
}



/* --------------------- *
 * INLINE NAVIGATION BAR *
 * --------------------- */

.btn-inline {
    background-color: transparent;
    border-color: transparent;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--gray);
}



/* -------------- *
 * JOURNEY STYLES *
 * -------------- */

.journey-box {
    background-size: contain;
    background-position: top 25px center;
    background-image: url(https://defo0p6yzl68u.cloudfront.net/production/journey-pages/journey-line-min.png);
    background-repeat: no-repeat;
}

@media screen and (min-width: 960px) {
    .journey-box {
        background-position: top 0 center;
    }
}

.journey-box div.card {
    background-color: transparent;
}

.credential-size {
    width: 150px;
}



/* ----------- *
 * SERVICE BOX *
 * ----------- */

#more-courses {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 570px auto;
}

.service-leader {
    background-image: url(https://defo0p6yzl68u.cloudfront.net/production/journey-pages/agile-leader_mask-02-min.png)!important;
}

.service-po {
    background-image: url(https://defo0p6yzl68u.cloudfront.net/production/journey-pages/product-owner_mask-02-min.png)!important;
}

.service-scrummaster {
    background-image: url(https://defo0p6yzl68u.cloudfront.net/production/journey-pages/scrum-master_mask-02-min.png)!important;
}

.service-journey {
    background-image: url(https://defo0p6yzl68u.cloudfront.net/production/journey-pages/agile-journey_mask-min.png)!important;   
}