@charset "UTF-8";

/*
Theme Name: Innocent
Theme URI:
Author: Peppermint
Author URI: https://gamewin.quad.eu/
Description: Custom WordPress theme designed for <code>Innocent Lottery</code>.
Version: 1.0
Tags: innocent, company, custom, marketing, agency
*/

@font-face {
    font-family: 'Innocent';
    src: url('./assets/fonts/InnocentSans-Bold.woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'Innocent';
    src: url('./assets/fonts/InnocentSans-Light.woff2');
    font-weight: 300;
}

body {
    font-family: 'Innocent';
}

@media (min-width: 1536px) {
    .container {
        max-width: 1120px !important;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1120px !important;
    }
}

h2 {
    font-size: clamp(2rem, 1.5395rem + 1.8421vw, 3.75rem) !important;
}
.fs-small {
    font-size: clamp(1.5rem, 1.0724rem + 1.7105vw, 3.125rem) !important;
    line-height: 1.2;
}

h3 {
    font-size: clamp(1.5rem, 1.2368rem + 1.0526vw, 2.5rem) !important;
}

p {
    font-size: clamp(1.125rem, 0.7632rem + 1.4474vw, 2.5rem) !important;
}

.footer-link {
    font-size: clamp(1.25rem, 0.1471rem + 3.6765vw, 2.5rem) !important;
}

.reward:hover img {
    transform: scale(1.05);
}

.button-wrapper:hover img {
    transform: scale(1.1);
}

input:hover,
input:focus {
    outline-style: solid;
    outline-width: 2px !important;
    outline-color: #20A7B6;
}

@media (min-width: 1024px) {
    input:hover,
    input:focus {
        outline-width: 4px !important;
    }
}

.bg-menu {
    background-color: #B30838;
}

/* Ukrycie recaptcha */
.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
}

/* Lottery styles */

ul li {
    line-height:1.6;
}

.results--wrapp {
    font-size: 24px;
    font-weight: bold;
    padding: 12px;
}

canvas {
    display: block;
    margin: 0 auto;
}
.draw-cta button {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

.wheel-wrapper {
    position: relative;
    z-index: 2;

}
.wheel-wrapper img {
    position: absolute;
    top: 7.5%;
    left: 7.3%;
    width: 85%;
    height: 85%;
    z-index: 5;
}

/* .draw-cta {
    width: 100%;
} */

.one-col {
    grid-template-columns: 1fr;
}

@media (min-width: 998px) {
    .one-col {
        grid-template-columns: 100% 0;
        transition: 0.3s;
    }
    .two-col {
        grid-template-columns: 50% 50% !important;
    }
}