body {
    background-color: #1a2247;
}

.play-now-header-button {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
    z-index: 1000
}

.play-now-header-button > .content {
    background: #64991e linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
    color: white;
    font-size: 0.9rem;
    font-weight: 400;
    min-height: 36px;
    padding: 20px;
    text-align: center;
    transition: clip-path 1s, padding 1s, background 1s;
    width: 32px;
}

@media (max-width: 768px) {
    .play-now-header-button {
        display: none;
    }
}

.button-green:hover {
    color: #fff;
}

.header-bar {
    position: absolute;
    top: 0;
}

.header-avatar-button {
    cursor: pointer;
    position: absolute;
    right: 125px;
    top: 10px;
    filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
    z-index: 1000
}

@media (max-width: 768px) {
    .logged-in .header-bar-logo {
        display: none;
    }

    .logged-in .header-avatar-button {
        left: 10px;
        right: initial;
    }
}

.header-avatar-button > .content {
    background: #5c308a;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
    color: white;
    font-size: 0.9rem;
    font-weight: 400;
    min-height: 36px;
    padding: 20px;
    text-align: center;
    transition: clip-path 1s, padding 1s, background 1s;
    width: 32px;
}

.header-avatar-display {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    top: 5px;
    width: 20px;
}


.header-bar-logo {
    height: 60px !important;
}

.header-bar-logo img {
    margin-top: 10px;
    height: 45px;
}

.header-bar-alt {
    background-color: #1a2247 !important;
    color: #fff;
}

.header-bar-nav-item a {
    color: #fff !important;
}

.header-bar-suggestSearch {
    display: none;
}

.body-container {
    margin-top: 0;
}

.main-container h2 {
    display: inline-block;
    margin-top: 1.5rem;
}

.page-1 .body-container {
    margin-top: 80px;
}

.page-footer {
    background-color: #3a4578 !important;
}

.brick-id-18,
.brick-id-13 {
    background-color: #161926;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%230f111a' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%233e476c' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%233b4468' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23394163' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23363e5f' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23343c5b' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23323956' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%232f3652' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%232d334e' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%232a314a' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23282e46' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23262b41' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%2323283d' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23212639' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%231f2335' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%231d2131' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%231a1e2e' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23181c2a' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23161926' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    color: #fff;
}

.brick-id-13 img {
    margin: 5rem 0 2rem;
}

.brick-id-13 .control-content {
    padding-bottom: 3rem;
}

.brick-14 {
    font-size: 1.75rem;
    padding: 1rem 0;
    text-transform: uppercase;
}

.brick-14 p {
    margin-bottom: 0;
}

.brick-id-15 {
    background-color: #1a2247;
    color: #fff;
    padding: 3rem 0;
}

/* video brick */
.brick-id-16 {
    padding-bottom: 2rem;
}

.brick-id-16 video {
    width: 70%;
}


/* discord */
.brick-id-17 {
    background: #efefef;
    color: #3d4852;
    padding: 2rem 0;
}

/* get started now */
.brick-id-18 {
    color: #fff;
    padding: 2rem 0;
    text-align: center;
}

.brick-id-18 h2 {
    text-transform: uppercase;
}

.marble-card-placeholder-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
}

.marble-card-placeholder {
    align-items: center;
    background: #1a2047;
    border: 5px solid #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 10px -2px rgb(0 0 0 / 75%);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 250px;
    justify-content: center;
    margin: 0.5rem;
    width: 160px;
}

.marble-card-placeholder .fa {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.childrenlist-cardsCssGrid-entry-cover-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
}

/** user profile
 ==================================== */

.page-20 {
    overflow: hidden;
}

.quiqqer-fu-registrationSignUp {
    margin: 3rem auto !important;
    max-width: 1400px;
}

.quiqqer-fu-registrationSignUp-registration {
    align-items: center;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

/** user profile
 ==================================== */

.quiqqer-frontendUsers-profile-container {
    display: inline-block;
    min-height: 400px;
    width: 100%;
}

.quiqqer-fupc-category {
    margin-bottom: 1rem;
}

.quiqqer-frontendUsers-controls-profile {
    margin-top: 1rem;
}

.quiqqer-fupc-category-items-item {
    border: 1px solid #ddd;
    border-bottom: none;
    clear: both;
    color: #333;
    display: flex;
    float: left;
    line-height: 40px;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.quiqqer-fupc-category.quiqqer-fupc-category--open .quiqqer-fupc-category-header {
    border-bottom: none !important;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item {
    background: #fff;
}

.quiqqer-fupc-category .quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active,
.quiqqer-fupc-category .quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover {
    background: #fff;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item:last-child {
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.quiqqer-fupc-category-items-item:before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active,
.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover {
    background: none;
}

.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active:before,
.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover:before {
    width: 4px;
}

.quiqqer-fupc-category-items-item .fa {
    line-height: 40px;
}

.quiqqer-fupc-category-items-item--active span:nth-child(2),
.quiqqer-fupc-category-items-item--active,
.quiqqer-products-search-suggest-form .input-search-icon:hover {
    color: #3986dd;
}

.quiqqer-fupc-category-items-item:before {
    background: #3986dd;
}

.quiqqer-fu-login-container h2 {
    text-align: center;
}

.quiqqer-fu-registrationSignUp-registration-email label .icon {
    height: 45px !important;
    width: 40px !important;
}

/** user profile
 ==================================== */

.content-template-faq-list-category {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    background: #f5f5f5 !important;
    padding: 20px !important;
    margin: 20px !important;
    width: calc(50% - 40px) !important;
}