/*
Theme Name: OMG Promo
Theme URI: https://omgcasino.com/
Author: Yagna P (Blazesoft)
Description: A custom WordPress theme for OMG Casino promotions.
Version: 1.0.0
Tags: casino, gaming, omg
Text Domain: omg-casino-promo
*/

:root {
    --secondary-font: "Jost", sans-serif;
    --primary-font: "Open Sans", sans-serif;
    --bg-color: #000000;
    --sec-bg-color: #0F1115;
    --header-height: 3.5rem;
    --nav-width: 70px;
    --yellow-span: #E2C562;
    --link-color: #DFBC5F;
    --gradient-gold-start: #f7de7c;
    --gradient-gold-middle: #fff3a5;
    --gradient-gold-end: #b27f2b;
    --border-color:#4A4A50;
    --gradient-gold: linear-gradient(180deg, var(--gradient-gold-start) 12.81%, var(--gradient-gold-middle) 49.05%, var(--gradient-gold-end) 82.19%);
}

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

/* Apply Primary Font (Times New Roman) Globally */
body {
    font-family: var(--primary-font);
    font-size: var(--normal-font-size);
    background: var(--bg-color);
    /* margin: var(--header-height) 0 0 0; */
}

h1,.mainTitle  {
    font-family: var(--secondary-font);
    background: var(--gradient-gold);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -4%;
    text-align: center;
    vertical-align: middle;
}

h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 129%;
    letter-spacing: -4%;
}
.secondTitle {
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 129% !important;
    letter-spacing: -4% !important;
}
p {
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    letter-spacing: 0%;
}

footer p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.footer_nav{
    display: contents;
}
.footer_menu_label{
    font-weight: 700;
    font-size: 16px;
    line-height: 180%;
    color: var(--yellow-span);
}
.home-layout__bottom-button-container {
    display: none;
    position: fixed;
    inset-inline-end: 0;
    inset-block-end: 0;
    z-index: 99999;
    inline-size: 100%;
    justify-content: center;
    gap: .625rem;
    background-color: var(--black, #000);
    padding: .875rem 1.625rem;
    border-block-start: .0625rem solid var(--border-color, #4a4a50);
}
.header {
    width: 100%;
    height: var(--header-height);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1rem;
    transition: .5s;
}

.sticky-header {
    background-color: rgb(from var(--black, #000) r g b / 65%);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}

.header_toggle {
    font-size: 1.5rem;
    cursor: pointer;
}

.l-navbar {
    border-right: 1px solid var(--border-color);
    position: fixed;
    top: 0;
    left: -30%;
    width: var(--nav-width);
    height: 100vh;
    background-color: var(--sec-bg-color);
    padding: .5rem 1rem 0 0;
    transition: .5s;
}

.nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.menu_inner {
    display: flex;
    column-gap: 1rem;
}

.menu_inner.active_menu {
    background-color: #1d2939;
    padding: 8px;
    border-radius: 8px;
    margin-left: -8px;
}

.nav_list .nav_name {
    display: none;
}

.body-pd .nav_list .nav_name {
    display: block;
}

.nav_logo,
.nav_link {
    font-weight: 600;
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    column-gap: 1rem;
    padding: .5rem 0 .5rem 1.5rem;
}

.nav_link {
    position: relative;
    color: var(--first-color-light);
    margin-bottom: 1.2rem;
    transition: .3s;
}

.nav_link:hover {
    color: var(--white-color);
}


.show {
    left: 0;
}

/* .body-pd {
    padding-left: calc(var(--nav-width) + 1rem);
} */

.active {
    color: var(--white-color);
}

.active::before {
    content: '';
    position: absolute;
    left: 0;
    width: 2px;
    height: 32px;
}

.height-100 {
    height: 100vh;
}

footer {
    font-family: var(--primary-font, "Open Sans", sans-serif);
}

.footer-divider {
    border: 2px solid var(--border-color);
    margin-top: 20px;
    width: 100%;
}


.footer-menu a {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 180%;
    letter-spacing: -2.5%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
}
.menu_lists{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.sp_login-home-header-top {
    border-radius: 12px;
    border: 2px solid var(--border-color);
    padding: 14px 40px;
    background: var(--sec-bg-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -4%;
    vertical-align: middle;
}

.sp_sign-up-home-header-top {
    color: var(--sec-bg-color);
    background: var(--yellow-span);
    border-radius: 12px;
    padding: 14px 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -4%;
    vertical-align: middle;
    border: none;
}

.blog-post:not(.fb):not(.insta) {
    min-height: 305px;
}
.blog-post.fb,
.blog-post.insta {
    min-height: 277px;
}

.blog-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
}

.blog-content span.text-white {
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0%;
}

.blog-post {
    border: 1px solid var(--yellow-span);
    border-radius: 33px;
    display: flex;
    justify-content: space-between;

}

.big-yellow {
    color: var(--yellow-span);
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -4%;
}

.ends-in.counter {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
}

.ends-in.counter span {
    color: var(--yellow-span);
}

p.prize-pool {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -4%;
    color: var(--yellow-span);
}

a.btn-learn-more {
    background: var(--yellow-span);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -4%;
    color: var(--sec-bg-color);
    text-decoration: none;
    border-radius: 12px;
    padding: 8px 22px;
    margin-top: 20px;
}
.sealMain{
    width: 3.438rem;
}
.social-btns {
    display: flex !important;
    align-items: center;
    padding: 7px 10px;
    justify-content: center;
    gap: 7px;
    background: #034CE3;
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -4%;
    border-radius: 12px;
    margin-bottom: 4px;
    width: 60%;
}

.insta-btn {
    background-color: #D8439C;
}

.promotion-text {
    background: var(--gradient-gold);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -4%;
    text-align: center;
    vertical-align: middle;
}

.seo-section h2 {
    font-size: 20px;
    line-height: 100%;
}

.seo-section p,
.seo-section li {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.seo-section h3,
.seo-section h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.seo-section a {
    color: var(--yellow-span);
    font-weight: 700;
}

#toggleContent {
    cursor: pointer;
    transform: rotate(180deg);
}

#toggleContent.rotated {
    transform: rotate(360deg);
    transition: transform 0.3s ease;
}

.custom-home-btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 8px 16px;
    background: var(--sec-bg-color);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mobile-menu {
    display: none;
}

.back-icon {
    width: 7px;
}

/* .detail-desc{
    color: #EAECF0;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0%;
    text-align: center;
} */

.open-fonts {
    font-family: var(--primary-font, "Open Sans", sans-serif);
}

.next-promotion {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.next-promotion span{
        color: var(--yellow-span);
}
.promo_link,
span.next a,
.promo_link:hover,
span.next a:hover {
    color: var(--yellow-span);
}

.post-info {
    border: 1px solid var(--yellow-span);
    padding: 40px;
    border-radius: 33px;
}

.banner-main {
    background: #2C323F;
    border-radius: 33px;
    border-width: 1px;
}

.banner-main h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 142%;
    text-align: left;
}

.lastModify {
    font-size: 18px;
    font-weight: 400;
}

.join-now a {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -4%;
    color: #101828;
    background: var(--yellow-span);
    padding: 12px 55px;
    border-radius: 12px;
    text-decoration: none;
}

.menu-divider {
    border-top: 1px solid var(--border-color);
    margin: 20px 0;
}

.menu-divider-bottom {
    border-top: 1px solid var(--border-color);
    margin: 10px 0;
}

.post-content * {
    color: #fff;
}

.post-content a {
    color: var(--yellow-span);
    font-size: 16px;
    font-weight: 700;
}

.post-content h2,
.post-content h3 {
    font-size: 20PX;
    font-weight: 700;
}

.post-content P {
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0%;
}

.terms-conditions {
    border: 1.5px solid var(--border-color);
    padding: 20px;
    border-radius: 33px;
}

h2.sec-title {
    cursor: pointer;
    position: relative;
    /* Enable positioning for the icon */
    padding-right: 30px;
    /* Add space for the icon */
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

h2.sec-title::after {
    content: "";
    position: absolute;
    top: 50%;
    /* Vertically center the icon */
    right: 3%;
    transform: translateY(-50%) rotate(0deg);
    /* Center alignment adjustment */
    width: 20px;
    /* Adjust as per your icon's size */
    height: 20px;
    /* Adjust as per your icon's size */
    background-image: url('/wp-content/uploads/2025/04/tandc.svg');
    /* Path to your SVG */
    background-size: contain;
    /* Scale the icon appropriately */
    background-repeat: no-repeat;
    /* Ensure no repeating of the icon */
    transition: transform 0.3s ease-in-out;
    transform: translateY(-50%) rotate(180deg);
}

/* Rotate icon when the parent is active */
h2.sec-title.active::after {
    transform: translateY(-50%) rotate(0deg);
    /* Rotate the icon */
}

.tc-cnc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0%;

}
.sp_sign-up-home-header-top img{
    position: absolute;
    right: -20px;
    top: 4px;
}
/* 404 page */
.no-content {
    background: #0F1115;
    border: 1px solid #E2C562;
    border-radius: 33px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem;
}
.error-text-404{
    font-size: 30px;
    font-weight: 700;
}
.next-mob-link a{
    color: #fff;
    text-decoration: none;
}
.error404 .custom-home-btn {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.no-content h2{
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}
.no-content p{
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -4%;
}
.no-content-inner{
    padding: 1.5rem calc(22.5% - 5rem);
}
.no-content-inner a{
    color: var(--yellow-span);
    font-weight: 700;
}
.no-content a.btn-learn-more{
    display: block;
    text-align: center;
}
.sp_login-home-header-top, .sp_sign-up-home-header-top{
    display: none;
}

/* Geo block popup start */
.modal {
    background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    border-radius: 33px;
    border: 1px solid var(--GOLD-FINAL, #E2C562);
    background: var(--Gray-900, #0F1115);
}
.error-dialog-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
p.error-dialog-title {
    background: var(--Linear, linear-gradient(180deg, #F7DE7C 12.81%, #FFF3A5 49.05%, #B27F2B 82.19%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    text-transform: uppercase;
    padding: 20px;
}
.modal-body {
    padding: 1.3rem;
}
p.error-dialog-content {
    color: #d0d5dd;
    font-size: 1.125rem;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
}
a.error-dialog-btn.btn.btn-secondary.btn-learn-more {
    font-weight: 900;
    font-size: 20px;
}

.welcome-popup-text {
    margin-top: -309px;
}
.welcome-popup .join-now{
    margin-top:15px;
}
.welcome-popup {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.welcome-popup img{
    width: 90%;
    margin: 0 auto;
}
.welcome-popup-title {
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.96px;
    background: linear-gradient(180deg, #F7DE7C 12.81%, #FFF3A5 49.05%, #B27F2B 82.19%);
    -webkit-background-clip: text;
    color: transparent;
}
.welcome-popup-subtitle {
    font-size: 31.408px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1.256px;
    background: linear-gradient(180deg, #F7DE7C 12.81%, #FFF3A5 49.05%, #B27F2B 82.19%);
    -webkit-background-clip: text;
    color: transparent;
    margin: 5px auto;
}

.welcome-popup-amount {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #F7DE7C 12.81%, #FFF3A5 49.05%, #B27F2B 82.19%);
    -webkit-background-clip: text;
    color: transparent;
}

.welcome-popup-amount p {
    line-height: normal;
    margin: 0 10px 0px 0px;
    letter-spacing: -0.948px;
}

.welcome-popup-amount {
    font-size: 67.576px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -2.703px;
}
.custom-close {
    position: absolute;
    top: 11%;
    right: 21%;
    background: url(/promotions/wp-content/uploads/2025/09/XCircle.svg) no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
    width: 30px;
    z-index: 5;
    height: 30px;
    filter: unset;
}
.welcombonus-footer{
    margin-top: 10px;
}
.welcombonus-footer p {
    color: #FFF;
    text-align: center;
    font-family: Jost;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.52px;
    width: 45%;
    margin: 14px auto;
}

.lang-wrapper {
    position: relative;
    display: inline-block;
}
.lang-toggle:hover {
    filter: brightness(1.2);
}
.lang-toggle {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    padding: .54rem;
    border-radius: .5rem;
    background: rgba(0, 0, 0, 0);
    color: var(--gold-300, #e9cb68);
    user-select: none;
    font-weight: 600;
    block-size: 2.875rem;
    inline-size: auto;
    min-inline-size: 3rem;
    border: .0625rem solid var(--gold-500, #cb9f3a);
    font-size: var(--font-text-sm-size, .875rem);
    line-height: var(--font-text-sm-height, 1.25rem);
}
span.lang-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 1.5rem;
    inline-size: 1.5rem;
    font-size: 1rem;
}
.lang-toggle .arrow {
    transition: transform .2s ease-in-out;
    font-size: .75rem;
    line-height: 1;
}
.lang-wrapper.open .arrow {
    transform: rotate(180deg);
}
@keyframes expand-from-top {
    0% {
      opacity: 0;
      transform: scaleY(0);
    }

    100% {
      opacity: 1;
      transform: scaleY(1);
    }
  }

  @keyframes collapse-to-top {
    0% {
      opacity: 1;
      transform: scaleY(1);
    }

    100% {
      opacity: 0;
      transform: scaleY(0);
    }
  }
.lang-menu {
    display: none;
    list-style:none;
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    z-index: 1000;
    background: var(--gray-900, #0F1115);
    border-radius: .5rem;
    box-shadow: 0 .25rem .375rem -.0625rem rgba(0, 0, 0, .1), 0 .125rem .25rem -.0625rem rgba(0, 0, 0, .06);
    -webkit-margin-before: .25rem;
    margin-block-start: .25rem;
    padding: .25rem;
    border: .0625rem solid var(--gray-700, #344054);
    min-inline-size: 3rem;
    transform-origin: top;
    animation: expand-from-top .2s ease-out forwards;
    animation-fill-mode: both;
}
.lang-menu.closing {
    display: block;
    animation: collapse-to-top .2s ease-in forwards;
    animation-fill-mode: both;
}
.lang-menu li a, .lang-menu li span {
    text-decoration:none;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    border-radius: .25rem;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    inline-size: 100%;
    color: var(--gold-300, #e9cb68);
    font-size: var(--font-text-sm-size, .875rem);
    line-height: var(--font-text-sm-height, 1.25rem);
}
.lang-menu li a:hover {
    background: #111;
}
/* Show dropdown */
.lang-menu.show {
    display: block;
}