#course-container .spinner {
    height: 75px;
    width: 75px;
    border: 6px solid;
    border-color: #243952 transparent #243952 transparent;
    border-radius: 50%;
    animation: spin 1.3s ease infinite;
    margin: auto;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

body.single-product #product-hero .dc-btn.course-btn,
.dc-btn.course-btn {
    font-size: 1.125em;
    background-color: #3FB487;
}

body.single-product #product-hero .dc-btn.course-btn:hover,
.dc-btn.course-btn:hover {
    background-color: #4ACA98;
}

.dc-creativeclub-section, .dc-event-replay-cat {
    background: transparent linear-gradient(180deg, #F9F8F7 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    padding-top: 72px;
}

.dc-creativeclub-section h2,
.dc-creativeclub-section .h2,
.dc-event-replay-cat h2 {
    font-size: 36px;
}

.post-categories a {
    margin-bottom: 7px;
}

/* Buttons */

.card.product-card .card-header.dc-btn-red,
.dc-btn-red {
    background: transparent linear-gradient(90deg, #DE3066 0%, #B51F5E 100%) 0% 0% no-repeat padding-box;
    margin-bottom: 10px;
}


.card.product-card .card-header.dc-btn-red:hover,
.dc-btn-red:hover {
    background: transparent linear-gradient(90deg, #DE3066 0%, #DE3066 100%) 0% 0% no-repeat padding-box;
}

.product-course .dc-btn-red,
.product-replays .dc-btn-red,
.product-course .dc-add-to-cart {
    min-width: 351px;
}

.creative-club, .event-register {
    padding-top: 40px;
    text-align: center;
}

.creative-club a.dc-btn-red {
    background: transparent linear-gradient(90deg, #DE3066 0%, #B51F5E 100%) 0% 0% no-repeat padding-box;
}

.event-register a.dc-btn {
    background: #00A0D0;
}

.creative-club a.dc-btn-red, .event-register a.dc-btn {    
    border-radius: 4px;
    padding: 15px 40px;
    color: white;
    text-decoration: none !important;
    font-size: 22px;
}

.creative-club a.dc-btn-red:hover {
    color: #FFFFFF !important;
}

/* Non Member Call to Action */

.image-container {
    position: relative;
    display: inline-block;
}

.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .hover-image {
    opacity: 1;
}

.nav-divider {
    margin: 15px 12px 0;
}

/* CreativeClub Menu */


button.dropdown-item {
    background-color: unset;
    color: #212529;
    padding: 8px 24px;
    border: none;
    font-size: 14px;
    font-family: 'rothorndc_demi_bold', sans-serif;
    font-weight: normal;
    width: auto;
}

button.dropdown-item:focus,
button.dropdown-item:hover {
    background-color: #F8F7F8;
    color: #212529;
}

@media (min-width:1244px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown>.dropdown-menu {
        top: 123px;
    }
}

@media (min-width:960px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown>.dropdown-menu {
        top: 122px;
    }
}

ul.creativeclub-nav {
    background: transparent linear-gradient(90deg, #D83A41 0%, #D5274B 49%, #C62669 100%) 0% 0% no-repeat padding-box;
    border-radius: 15px 15px 0px 0px;
    margin-top: 4px;
}

ul.creativeclub-nav .nav-divider{
    background-color: #fff;
    margin: 13px 12px 0;
    opacity: 0.2;
}

@media (max-width:1243px) {
    ul.creativeclub-nav {
        margin-top: 5px;
    }
}

.navbar-nav.creativeclub-nav a.nav-link {
    padding: 10px 12px 5px 12px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 12px 12px 7px 12px;
}

ul.creativeclub-nav a.nav-link i {
    color: #fff;
}

ul.creativeclub-nav a.nav-link:hover {
    color: #00C0E2;
}

#navbarDropdown-courses::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 16.5px;
    margin-right: 0px;
    margin-bottom: -2.5px;
    background-image: url(../images/icon-mainmenu-courses.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.creativeclub-nav #navbarDropdown-courses::before {
    background-image: url(../images/icon-mainmenu-courses-white.svg);
}

#navbarDropdown-event-replays::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 16.5px;
    margin-right: -8px;
    margin-bottom: -2.5px;
    background-image: url(../images/icon-mainmenu-events-replays.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.creativeclub-nav #navbarDropdown-event-replays::before {
    background-image: url(../images/icon-mainmenu-events-replays-white.svg);
}

.creativeclub-nav-container .navbar-nav.creativeclub-nav .nav-item.dropdown a.nav-link:hover,
.creativeclub-nav-container .navbar-nav.creativeclub-nav a.nav-link:hover {
    color: #F8F7F8;
}

@media (min-width: 960px) {

    .creativeclub-nav-container .nav-item.dropdown:hover a.nav-link,
    .creativeclub-nav-container .nav-item-no-drop:hover a.nav-link {
        color: #F8F7F8;
        border-bottom-color: #fff;
    }
}

@media (max-width:959px) {
    .creativeclub-nav-container {
        margin-left: -16px;
    }

    ul.creativeclub-nav {
        border-radius: 0px;
        padding-left: 16px;
    }

    #secondary-cat-navbar ul.creativeclub-nav.navbar-nav .nav-link {
        border-bottom: 1px solid rgba(227, 226, 225, 0.2);
        color: #fff;
    }

    #secondary-cat-navbar ul.creativeclub-nav.navbar-nav li.nav-item:last-child .nav-link {
        border-bottom: none;
    }

    #navbarDropdown-courses::before,
    #navbarDropdown-events-replays::before,
    .creativeclub-nav #navbarDropdown-courses::before,
    .creativeclub-nav #navbarDropdown-events-replays::before {
        background-image: none;
        margin-right: 0px;
        width: 0px;
    }
}

/* Members Page */

/* Banner */

#creativeclub-banner img {
    display: none;
    margin: 0;
    width: 100%;
}

#creativeclub-banner img.promo-small {
    display: block
}

@media (min-width: 720px) {

    #creativeclub-banner img.promo-medium {
        display: block;
    }

    #creativeclub-banner img.promo-small {
        display: none;
    }
}

@media (min-width: 1200px) {

    #creativeclub-banner img.promo-large {
        display: block;
        width: 100%;
    }

    #creativeclub-banner img.promo-small,
    #creativeclub-banner img.promo-medium {
        display: none;
    }
}