@layer screens, theme, layout, utilities;
@import "./screens.css";

body.bricks-is-frontend .brxe-toggle:focus {
    outline: unset;
}

body.show-top-promo .top-promo-slide {
    top: 0;
    visibility: visible;
}

body.show-search-slide .search-slide {
    left: 0;
    visibility: visible;
}

body.show-top-promo, body.show-search-slide {
    overflow: hidden;
}

body.show-search-slide .search-open,
body:not(.show-search-slide) .search-close {
    display: none;
}

.top-promo-slide,
.search-slide {
    transition: 250ms all cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.social-button {
    transition: 250ms transform cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.social-button:hover {
    transform: translate(0.4rem, -0.4rem);
    cursor: pointer;
    /* border-color: #000 !important; */
}

.instagram-button svg {
    border-radius: 5px;
}

.instagram-button:hover {
    background: linear-gradient(
        120deg,
        #405DE6,
        #5B51D8,
        #833AB4,
        #C13584,
        #E1306C,
        #FD1D1D,
        #F56040,
        #F77737,
        #FCAF45,
        #FFDC80
    );
    background-blend-mode: luminosity;
}

.instagram-button:hover path {
    fill: var(--white);
}

.instagram-button:hover svg{
    background: linear-gradient(
        120deg,
        #405DE6,
        #5B51D8,
        #833AB4,
        #C13584,
        #E1306C,
        #FD1D1D,
        #F56040,
        #F77737,
        #FCAF45,
        #FFDC80
    );
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: transparent;
}

.facebook-button:hover {
    background-color: #0866FF !important;
}

.facebook-button:hover i{
    color: var(--white) !important;
}

.bp-following-btn i {
    display: none;
}