/*
Theme Name: YourNextBigWin WP
Theme URI: https://yournextbigwin.com/
Author: OpenAI
Description: WordPress theme rebuild for the YourNextBigWin playingi page.
Version: 1.0.0
Text Domain: yournextbigwin
*/

html {
    box-sizing: border-box;
}

:root {
    --ynbw-background: #fe5b09;
    --ynbw-background-rgb: 254, 91, 9;
    --ynbw-background-overlay: #2f196c;
    --ynbw-background-overlay-rgb: 47, 25, 108;
    --ynbw-background-glow: #a23eda;
    --ynbw-background-glow-rgb: 162, 62, 218;
    --ynbw-text: #ffffff;
    --ynbw-hero-pill-start-rgb: 207, 48, 135;
    --ynbw-hero-pill-end-rgb: 40, 2, 85;
    --ynbw-heading-bar-rgb: 53, 0, 140;
    --ynbw-footer: #4a1f93;
    --ynbw-footer-strip: #441f69;
}

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

body {
    margin: 0;
    min-width: 320px;
    color: var(--ynbw-text);
    background-color: var(--ynbw-background);
    background-image:
        linear-gradient(180deg, rgba(var(--ynbw-background-rgb), 0) 0%, rgba(var(--ynbw-background-rgb), 0) 39%, rgba(var(--ynbw-background-rgb), .78) 68%, var(--ynbw-background) 95%),
        url("assets/img/casino-bg-top-banner.webp"),
        radial-gradient(circle at 74% 5%, rgba(var(--ynbw-background-glow-rgb), .5) 0 15%, rgba(var(--ynbw-background-glow-rgb), 0) 45%);
    background-size: 100% 1120px, 100% auto, 1400px 900px;
    background-position: top, top center, top right;
    background-repeat: no-repeat, no-repeat, no-repeat;
    padding: 16px 0 32px;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

.UCg_bordder--contener,
.ynbw-container {
    width: 1200px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.GOv_roww--widthh .UCg_bordder--contener {
    display: flex;
    align-items: center;
    flex-flow: column;
    gap: 24px;
}

.custom-logo,
.WyT_subtitl--foter {
    width: auto;
    height: 90px;
}

.site-title-fallback {
    color: var(--ynbw-text);
    font-weight: 700;
}

.DMw_underlinee--nav,
.ynbw-hero-title {
    max-width: 550px;
    margin: 0 auto;
    color: var(--ynbw-text);
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 66px;
}

.DMw_underlinee--nav span,
.ynbw-hero-title mark {
    display: flex;
    width: fit-content;
    height: 84px;
    margin: 0 auto;
    padding: 13px 44px 0;
    color: var(--ynbw-text);
    border-radius: 100px;
    background: linear-gradient(267deg, rgba(var(--ynbw-hero-pill-start-rgb), .4) -5.32%, rgba(var(--ynbw-hero-pill-end-rgb), .4) 110.47%);
    backdrop-filter: blur(10px);
}

.site-header {
    margin-bottom: 40px;
}

.site-main h2,
.entry-content h2 {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    margin: 40px 0 -40px;
    padding: 12px 24px;
    color: var(--ynbw-text);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background: rgba(var(--ynbw-heading-bar-rgb), .7);
    backdrop-filter: blur(5px);
    font-family: Epilogue, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content table {
    color: var(--ynbw-text);
}

.site-footer {
    width: 100%;
    margin: 42px auto 0;
    padding: 0 24px 32px;
    border-radius: 0;
    background: transparent;
}

.site-footer .UCg_bordder--contener {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-flow: column;
    gap: 18px;
}

.site-footer .custom-logo,
.site-footer .WyT_subtitl--foter {
    height: 70px;
}

.footer-logo-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    width: fit-content;
    max-width: min(760px, 100%);
    margin: 0 auto;
    padding: 14px 28px;
    list-style: none;
    border-radius: 18px;
    background: var(--ynbw-footer-strip);
}

.footer-logo-strip li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 12px;
}

.footer-logo-strip a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.footer-logo-strip img {
    width: auto;
    max-height: 39px;
}

@media screen and (max-width: 1200px) {
    body {
        background-size: 100% 78vw, 100% auto, 800px 800px;
        background-position: top, top center, top right -438px;
        padding-bottom: 24px;
    }

    .UCg_bordder--contener,
    .ynbw-container {
        width: 100%;
        padding-right: 24px;
        padding-left: 24px;
    }

    .custom-logo,
    .WyT_subtitl--foter {
        height: 60px;
    }

    .DMw_underlinee--nav,
    .ynbw-hero-title {
        max-width: 340px;
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 0;
    }

    .DMw_underlinee--nav span,
    .ynbw-hero-title mark {
        height: 53px;
        padding: 10px 31px 0;
        backdrop-filter: blur(2px);
    }

    .site-footer {
        width: 100%;
        padding: 0 24px 28px;
    }

    .site-footer .custom-logo,
    .site-footer .WyT_subtitl--foter {
        height: 56px;
    }

    .footer-logo-strip {
        width: 100%;
        gap: 8px 12px;
        padding: 16px;
        border-radius: 16px;
    }

    .footer-logo-strip li {
        min-height: 46px;
        padding: 0 6px;
    }

    .footer-logo-strip img {
        max-height: 32px;
    }
}

@media screen and (max-width: 991px) {
    .site-main h2,
    .entry-content h2 {
        min-height: 44px;
        font-size: 14px;
        line-height: 20px;
        background: rgba(var(--ynbw-heading-bar-rgb), .92);
    }
}