.videos {
    background: #FEF5E2;
    position: relative;
    padding: 50px 0;
}

.videos__headline {
    padding-bottom: 30px;
}

.video-content {
    position: relative;
}

.video-wrap {
    position: relative;
    height: 182px;
}

.video-wrap img {
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(32,43,82,0.1);
}

.video-bttn {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.video-bttn svg {
    width: 100%;
}

.video-gallery-wrapper {
    padding: 60px 0;
    background-color: #FEF5E2;
}

.page-id-480 .masthead--innerpage__wave svg path,
.page-id-480 .cta svg path,
.tax-video_category .masthead--innerpage__wave svg path,
.tax-video_category .cta svg path {
    fill: #FEF5E2 !important;
}

.media-gallery__item-link:before {
    background: none !important;
}

.video-gallery-wrapper .block-heading {
    margin-bottom: 40px;
}

.video-gallery-wrapper .block-heading h3 {
    color: #004A46;
    font-size: 46px;
    font-weight: normal;
    font-family: 'Quicksand', sans-serif;
    line-height: 60px;
}

.video-listing-container .card-item{
	margin-bottom:30px;
}

.video-listing-container a.card {
    background-color: #fff;
}

.video-listing-container a.card:hover {
    background-color: rgba(246, 194, 84, 0.5);
}

.video-listing-container a.card:hover .video-button__cta,
.video-listing-container a.card:hover .video-button__cta::after {
    color: #CB4E96;
}

.video-listing-container .card__description {
    min-height: 150px !important;
    margin-bottom: 40px;
}

.video-listing-container h3 {
    font-size: 19px;
    color: #004A46;
    font-weight: normal;
    line-height: 23px;
}

.video-listing-container p {
    color: #004A46;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    font-family: 'Quicksand', sans-serif;
}

.video-listing-container .video__bottom {
    padding-bottom: 20px;
    position: absolute;
    width: 90%;
    bottom: 0;
}

.video-listing__pagination {
    text-align: center;
    margin: 40px 0 20px;
}

.video-listing__pagination .js-load-more-progress {
    display: block;
    margin: 7px auto;
    width: 645px;
    height: 5px;
}

.video-listing__pagination .load-more__btn {
    margin: 20px auto;
}

.video-listing__pagination .load-more__btn.is-disabled {
    background-color: #4f4f4f;
    display: none;
}

.video-categories a.active-tax {
    padding-right: 53px;
}

.video-categories a.active-tax:before {
    display: block;
    content: '\e914';
    font-family: 'icomoon';
    position: absolute;
    right: 30px;
    font-weight: 400;

}


/* background: */
progress::-webkit-progress-bar {
    background-color: #fff;
    width: 100%;
}

progress {
    background-color: #fff;
}

/* value: */
progress::-webkit-progress-value {
    background-color: #F6C254 !important;
}

progress::-moz-progress-bar {
    background-color: #F6C254 !important;
}

progress {
    color: #F6C254;
}

.video-categories {
    margin: 40px 0 60px;
    text-align: center;
}

.video-button__cta {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #CB4E96;
}

.video-button__cta::after {
    content: '\e914';
    font-family: 'icomoon';
    position: relative;
    color: #CB4E96;
    font-size: 12px;
    font-weight: normal;
    padding-left: 6px;
}

.video__bottom {
    text-align: center;
}

@media (min-width: 768px) {
    .videos {
        padding: 50px 0 60px 0;
    }
    
    
    .video-wrap {
        height: 368px;
    }
    
    .video-wrap img {
        border-radius: 30px;
    }
    
    .video-bttn {
        width: 80px;
        height: 80px;
    }

    .video__bottom {
        display: block;
        padding-bottom: 20px;
    }

}

@media (min-width: 1200px) {
    .videos {
        padding: 96px 0 77px 0;
    }
    
    .videos__headline {
        padding-bottom: 40px;
    }
    
    .video-wrap {
        height: 607px;
    }
    
    .video-wrap img {
        border-radius: 47px;
    }
    
    .video-bttn {
        width: 104px;
        height: 104px;
    }

    .image-button__bottom {
        padding-bottom: 24px;
    }

    .video-button__cta {
        font-size: 16px;
        padding-bottom: 4px;
    }

    .card:hover .video-button__cta,
    .card:hover .video-button__cta::after {
        color: #F6C254;
    }

    .card:hover .video-button__cta {
        border-bottom: 2px solid #F6C254;
    }
}

/* COMBINATION */
.videos + .module > svg path {
    fill: #FEF5E2 !important;
}

/*
*** -----------------------------------
** Screen Resizing -------------------------------------TEMP DISABLED
*** -----------------------------------

@media ( min-width: 1280px ) and ( max-width: 1799px ) {
    section.videos {
        padding: 0;
    }
    
    section.videos > .container {
        transform: scale( 0.8 ) !important;
        -moz-transform: scale( 0.8, 0.8 ) !important;
        -ms-transform: scale( 0.8 ) !important;
        -webkit-transform: scale( 0.8 ) !important;
    }
}*/