/*
Theme Name:   Bricks Child
Template:     bricks
*/

/* That's the old languages switcher.. KEEP IT HIDDEN! */
.brxe-dropdown {
    display: none;
}
/* ************************ */

/* This is the new and active languages switcher. It's been hidden until all translations are good! */
.gp-wpml-languages-switcher {
    position: relative;
    padding-bottom: 20px;
    margin-top: 20px;
	/* Temporary */
/*     display: none; */
}
/* ************************ */

.gp-wpml-languages-switcher .dropdown-trigger {
    color: var(--bricks-color-huxvpe);
    cursor: pointer;
    font-weight: 700;
    font-size: clamp(1.4rem, 1.1vw, 1.6rem);
    transition: all 0.2s ease-in-out;
}

.gp-wpml-languages-switcher:hover .wpml-shortcode-wrapper {
    display: block;
}

.gp-wpml-languages-switcher .wpml-shortcode-wrapper {
    display: none;
    transform: translateY(10%);
    animation: slideUp;
    animation-fill-mode: forwards;
    animation-duration: 0.2s;
}

.gp-wpml-languages-switcher .wpml-shortcode-wrapper {
    position: absolute;
    left: 0;
    top: 105%;
    height: 105px;
    width: 110%;
    border-radius: 10px;
    font-size: clamp(1.4rem, 1.1vw, 1.6rem);
    font-family: "Satoshi";
    font-weight: 700;
    background-color: rgba(27, 27, 24, 0.8);
    margin-top: -20px;
}

.wpml-shortcode-wrapper .js-wpml-ls-legacy-dropdown {
    width: auto !important;
    border-radius: 10px 10px 0 0;
}

.wpml-ls-first-item {
    border-radius: 10px 10px 0 0;
    background-color: transparent;
}

.wpml-ls-legacy-dropdown > ul > li:hover {
    background-color: transparent !important;
}

.wpml-ls-legacy-dropdown > ul li a {
    transition: all 0.3s ease-in-out;
}

.wpml-ls-legacy-dropdown > ul > li a:hover span {
    color: #e21f26;
}

.wpml-ls-legacy-dropdown > ul > li:hover > a {
    background-color: transparent !important;
}

.wpml-ls-legacy-dropdown a {
    border: none !important;
    border-radius: 10px 10px 0 0;
    padding: 8px 10px;
}

.wpml-ls-legacy-dropdown a:hover {
    background-color: rgba(27, 27, 24, 0.8) !important;
    color: var(--bricks-color-huxvpe);
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    background-color: transparent !important;
    color: var(--bricks-color-huxvpe) !important;
    border-top: none !important;
    border-radius: 10px 10px 0 0;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
    display: none !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    visibility: visible !important;
    border-top: none !important;
    /*background-color: rgba(27, 27, 24, 0.8);*/
    border-radius: 0 0 10px 10px;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:hover  a.wpml-ls-item-toggle {
    background-color: transparent !important;
    color: var(--bricks-color-huxvpe);
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    background-color: transparent !important;
    color: var(--bricks-color-huxvpe) !important;
}

/*This is to fix the post tiles content not showing on mobile size issue*/
.blog-archive {
	aspect-ratio: unset !important;
}
/* .blog-archive, .featured-posts-tiles {
	aspect-ratio: unset !important;
} */

@keyframes slideUp {
    0%   {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0);
    }
}


/*------------------------------------------*/

.dynamic-footer-nav-menu {
    display: none;
}