/*** Category game page ***/

@font-face {
    font-family: 'Manrope-Regular';
    src: url("../fonts/Manrope-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope-ExtraBold';
    src: url("../fonts/Manrope-ExtraBold.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url("../fonts/RobotoCondensed-Light.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.core-generic-category-page {
    max-width: 1060px;
    margin: 0 auto;
}

.core-generic-category-caption {
    font-size: 50px;
    color: #20AF41;
    padding: 0;
    margin: 50px 0 40px;
}

.core-pages-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.core-pages-wrapper .core-page-item {
    max-width: 240px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0.1rem 0.8rem rgba(0, 0, 0, 0.15);
}

.core-generic-image-block {
    width: 100%;
    height: 100px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.core-generic-thumbnail-img {
    width: 100%;
}

.core-generic-news-block {
    padding: 20px;
}

.core-generic-news-block p {
    margin: 0;
}

.core-generic-news-block .core-news-date {
    font-family: 'Manrope-Regular', sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
}

.core-generic-news-block .core-news-title {
    font-family: 'Manrope-ExtraBold', sans-serif;
    font-size: 20px;
    margin: 5px 0;
}

.core-generic-news-block .core-news-content {
    font-family: 'Manrope-Regular', sans-serif;
    font-size: 12px;
    color: #828282;
    margin: 5px 0 10px;
}

.core-generic-news-block .core-read-news {
    font-family: 'Manrope-ExtraBold', sans-serif;
    font-size: 16px;
    color: #20AF41;
    margin: 5px 0;
}

.core-generic-news-block .core-read-news a:hover,.core-generic-news-block .core-read-news a:focus {
    text-decoration: none;
}

.core-pages-welcome-content {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.core-pages-welcome-content .core-pages-welcome-offer-headline {
    font-family: 'Manrope-ExtraBold', sans-serif;
    color: #20AF41;
}

.core-pages-welcome-content .core-pages-welcome-offer {
    font-family: 'Manrope-ExtraBold', sans-serif;
    font-size: 50px;
    margin: 10px 0;
}

.core-pages-welcome-content .core-pages-welcome-sub-offer {
    font-size: 20px;
    font-family: 'Manrope-ExtraBold', sans-serif;
    margin-bottom: 20px;
}

.core-page-cta {
    display: block;
    width: 200px;
    height: 50px;
    font-size: 20px;
    font-family: 'Manrope-ExtraBold', sans-serif;
    text-transform: none;
    text-align: center;
    line-height: 2.4;
    letter-spacing: 0;
    text-decoration: none;
    background-color: #2CA24C;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 2;
}

.core-page-cta:hover {
    text-decoration: none;
    background-color: #1e873a;
}

.core-generic-category-page .jittery-button {
    animation: jittery 5s infinite;
}

@keyframes jittery {
    5%, 50% {
        transform: scale(1);
    }
    10% {
        transform: scale(0.9);
    }
    15% {
        transform: scale(1);
    }
    20% {
        transform: scale(1) rotate(-1deg);
    }
    25% {
        transform: scale(1) rotate(1deg);
    }
    30% {
        transform: scale(1) rotate(-2deg);
    }
    35% {
        transform: scale(1) rotate(2deg);
    }
    40% {
        transform: scale(1) rotate(0);
    }
}

.core-welcome-promo-code {
    margin: 10px 0;
}
.core-welcome-promo-code p {
    display: inline;
    font-family: 'Manrope-ExtraBold', sans-serif;
}
.core-game-category-page .core-significant-terms {
    font-size: 10px;
    text-align: justify;
}

.core-significant-terms p {
    font-size: 10px;
    text-align: justify;
    line-height: 12px;
    color: #ADADAD;
}

.core-generic-category-page .how-to-claim-block {
    max-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Manrope-Regular', sans-serif;
    font-size: 16px;
    background-color: #F4F4FB;
    border-radius: 10px;
    margin: 40px auto 70px;
    padding: 20px;
}

.core-generic-category-page .how-to-claim-image {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.core-generic-category-page .how-to-claim-step {
    max-width: 250px;
}

.core-generic-category-page .how-to-claim-step p {
    margin: 0;
}

.core-generic-category-page .how-to-claim-step span {
    display: block;
    font-family: 'Manrope-ExtraBold', sans-serif;
}

.core-generic-category-page span.promo-code{
    display: inline;
}

.core-generic-category-page .how-to-claim-block .divider {
    display: block;
    width: 3px;
    height: 50px;
    background-color: #292F36;
    margin: 0 20px;
}

.core-category-page-content {
    max-width: 1000px;
    margin: 0 auto 70px;
}

.core-category-page-content h2 {
    font-family: 'Manrope-ExtraBold', sans-serif;
    font-size: 25px;
}

.core-category-page-content h3 {
    font-family: 'Manrope-ExtraBold', sans-serif;
    font-size: 20px;
}


/*** Mobile ***/

@media screen and (max-width: 1156px) {
    .core-generic-category-page.core-generic-category-content {
        padding: 0 20px;
    }
    .core-generic-category-caption {
        padding: 0 20px;
    }
    .core-pages-welcome-content .core-pages-welcome-offer {
        font-size: 30px;
    }
    .core-generic-category-page .how-to-claim-block {
        flex-wrap: wrap;
        max-width: 380px;
        margin: 40px auto;
        padding: 30px;
    }
    .core-generic-category-page .how-to-claim-block .divider {
        width: 75%;
        height: 1px;
        margin: 20px auto;
    }
}

@media screen and (max-width: 600px) {
    .core-pages-wrapper .core-generic-image-block {
        display: none;
    }
    .core-pages-wrapper {
        justify-content: center;
    }
    .core-pages-wrapper .core-page-item {
        max-width: 100%;
        margin-right: 0;
    }
    .core-generic-news-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .core-generic-news-block .core-news-title {
        font-size: 16px;
    }
    .core-generic-news-block .core-news-date {
        order: 1;
        margin: 0;
    }
    .core-generic-news-block .core-read-news {
        font-size: 12px;
        order: 2;
        margin: 0;
    }
    .core-generic-category-page .how-to-claim-block {
        margin: 40px auto 50px;
    }
    .core-generic-category-page .how-to-claim-block .divider {
        height: 2px;
    }
}

@media screen and (max-width: 320px) {
    .core-generic-category-caption {
        font-size: 30px;
    }
}