/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

body {
    padding-top: 44px;
    background-color: #f5f5f5;

    @media (min-width: 992px) {
        padding-top: 100px;
    }

    &.page-dark {
        background-color: var(--bg-black);
        /* color: #FFF; */

        #brxe-fynnrj .exchange-title {
            color: #fff;
        }
    }
}

.mobile-menu{
    .mobile-menu--link{
        &[aria-current="page"]{
            color: var(--bg-green); 
        }
    }
}

.splide__pagination{
    position: relative;
    width: 100%;
    justify-content: center;
    bottom: 0;
    margin-top: 10px;
    @media (min-width: 992px) {
        margin-top: 20px;
    }
    .splide__pagination__page{
        background-color: rgba(255, 255, 255, .33);
        &.is-active{
            background-color: var(--bg-green);
        }
    }
}

.custom-marquee {
    position: relative;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.custom-marquee__track {
    display: inline-flex;
    align-items: center;
    width: max-content;
    animation: custom-marquee-move var(--marquee-time, 12s) linear infinite;
    animation-play-state: paused;
    will-change: transform;
}

.custom-marquee.is-ready .custom-marquee__track {
    animation-play-state: running;
}

.custom-marquee__item {
    display: inline-block;
    flex-shrink: 0;
    padding-right: 2rem;
    translate: -500px 0;
}

@keyframes custom-marquee-move {
    from {
        transform: translateX(0);
    }

    to {
        transform: translate3d(calc(-1 * var(--marquee-distance, 0px)), 0, 0);
    }
}


.custom-media {
    height: 100%;
    width: 100%;
}

video.custom-media__asset {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

img.custom-media__asset {
    height: 100%;
    width: 100%;
}

.brxe-filter-radio .bricks-button,
.brxe-filter-checkbox .bricks-button {
    line-height: 1em;
    color: var(--bg-black);
    padding-top: .6em;
    padding-right: .8em;
    padding-bottom: .6em;
    padding-left: .8em;
    position: relative;
    border: 1px solid transparent;
    border-radius: 90px;
    background-color: #F5F5F5;
    transition: all 300ms ease;
    text-transform: none;
    background-clip: padding-box;
}
.brxe-filter-radio .bricks-button:after,
.brxe-filter-checkbox .bricks-button:after {
    background-image: linear-gradient(90deg, var(--bg-green), var(--bg-blue) 100%);
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
    z-index: -1;
    width: auto;
    height: auto;
    border-radius: 90px
}

.brxe-filter-radio .bricks-button:hover,
.brxe-filter-radio[data-mode="button"] .bricks-button.brx-option-active,
.brxe-filter-checkbox .bricks-button:hover,
.brxe-filter-checkbox[data-mode="button"] .bricks-button.brx-option-active {
    background-color: transparent !important;
    color: var(--bg-black) !important;
}


.input,
input:not([type=submit]),
select,
textarea {
    background: transparent;
    border: unset;
    border-bottom: 1px solid currentColor;
    font-size: 18px;

    @media (min-width: 992px) {
        font-size: 22px;
    }
}

#brx-footer {
    .form-group {
        padding: 0;
    }

    form {
        border-bottom: 1px solid #656565;
    }

    input {
        border-bottom: unset;
    }

    .bricks-button {
        color: #FFF;
    }
}

.exchange-title {
    .exchange-wrapper {
        .exchange-text__word {
            display: flex !important;
            flex-wrap: nowrap;
            min-width: max-content;
        }
    }
}


.section-headline-dot.brx-draggable:empty {
    min-width: 0;
    min-height: 0;
}





/* HAMBURGER ICONS */
/*START OF GLOBAL CLASSES*/
svg.ham {
    --icon-size: 5rem;
    width: var(--icon-size);
}
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
}
.is-active .hamRotate {
    transform: rotate(45deg);
}
.is-active .hamRotate180 {
    transform: rotate(180deg);
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
    stroke: currentColor;
}

/*END OF GLOBAL CLASSES*/
/*ham8*/
.ham8 .top {
    stroke-dasharray: 40 160;
}

.ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
}
.ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
}
.is-active .ham8 .top {
    stroke-dashoffset: -64px;
}
.is-active .ham8 .middle {
    transform: rotate(90deg);
}
.is-active .ham8 .bottom {
    stroke-dashoffset: -64px;
}

.privacy-wrapper{
    padding: 0!important;
}

.privacy-table-container{
    overflow-x: auto!important;
    .privacy-table{
        @media (max-width: 992px) {
            width: 1000px;
        }
    }
}