/*!
Theme Name: Brisk Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: brisk
Version: 1.0.0
Text Domain: brisk
*/

/* GENERAL */
.btn-border-none a {
    border: none !important;
}

.event {
    position: relative;
}

.event > div {
    z-index: 1;
}

.event::after {
    content: '';
    width: 100px;
    height: 100%;
    position: absolute;
    background: #33363F;
    top: 0;
    right: 0;
    border-radius: 0 20px 20px 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 100%);
}

.influencers-container .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {
    position: relative;
    margin-bottom: 10px;
}

.influencers-container .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title::after {
    content: '';
    width: 75px;
    height: 4px;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 37px);
    background: #D9D9D9;
}

.elementor-widget-image-box .elementor-image-box-img img {
    margin: 0 auto;
}

#kapcsolat .elementor-widget-form form .elementor-field-type-submit {
    display: none !important;
}

#kapcsolat .elementor-widget-form form .elementor-field-group-contact_checkbox {
    justify-content: center;
    text-align: center;
}

#kapcsolat .elementor-widget-form form .elementor-field-group-contact_checkbox input {
    width: 1em;
    height: 1em;
    background-color: var(--e-global-color-uicore_primary);
    border-radius: 2px;
    vertical-align: middle;
    border: 4px solid var(--e-global-color-uicore_primary);
    appearance: none;
    -webkit-appearance: none;
    outline: 2px solid #ffffff;
    cursor: pointer;
}

#kapcsolat .elementor-widget-form form .elementor-field-group-contact_checkbox input:checked {
    background-color: #ffffff;
}

#kapcsolat .elementor-widget-form form .elementor-field-group-contact_checkbox label a {
    color: #ffffff;
    text-decoration: underline;
}

#prize-popup,
#prizes .prize-description,
#settings-popup,
#simulator-settings .setting-description {
    display: none;
}

#prize-popup .close:hover {
    cursor: pointer;
}

#header {
    transition: all 0.2s ease-in-out;
}

#header.nav-up {
    top: -72px;
}

#header.nav-down {
    background-color: #000;
}

#header .elementor-widget-nav-menu .menu-item.back {
    display: none;
}

@media only screen and (min-width: 768px) {
    .helmet::after,
    .event-calendar::after {
        content: '';
        display: block;
        background: url(images/circle.svg) center no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 1;
    }

    .helmet::after {
        width: 600px;
        height: 600px;
        top: calc(50% - 300px);
        right: -400px;
    }

    .event-calendar::after {
        width: 380px;
        height: 380px;
        bottom: -100px;
        right: -300px;
    }

    .circles-bg {
        background-image: url(images/circle.svg), url(images/circle.svg);
        background-size: 120px, 60px;
        background-position: 5% 100%, 7% 30%;
        background-repeat: no-repeat;
    }

    .circles-bg:after {
        content: '';
        display: block;
        width: 200px;
        height: 200px;
        background: url(images/circle.svg) center no-repeat;
        background-size: contain;
        position: absolute;
        top: -50px;
        right: 20px;
    }
}

@media only screen and (min-width: 1025px) {
    .helmet::after {
        right: -250px;
    }

    .event-calendar::after {
        width: 400px;
        height: 400px;
        right: -250px;
    }
}

@media only screen and (min-width: 1400px) {
    .helmet::after {
        right: -150px;
    }

    .event-calendar::after {
        right: -150px;
    }
}

@media only screen and (min-width: 1450px) {
    .car-bg {
        background-image: url(/wp-content/uploads/2025/07/MCL39_LN_overhead_8K-Allwyn-Velo-JD-full-min.png);
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 550px auto;
    }

    .car-bg > .e-con-inner {
        max-width: 40% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .programs-carousel {
        position: relative !important;
        inset: unset !important;
    }

    #header .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown {
        width: 100vw !important;
        height: calc(-60px + 100vh);
        background: #000;
    }
}

@media only screen and (max-width: 768px) {
    .sm-no-bg-image {
        background-image: none !important;
    }
}

@media only screen and (max-width: 1200px) {
    .circles-bg {
        background-size: 80px, 40px;
        background-position: 2% 100%, 5% 10%;
    }

    .circles-bg:after {
        width: 100px;
        height: 100px;
        top: -50px;
        right: 20px;
    }

    #simulator-settings .floating-car {
        display: none;
    }
}