/* 
* put your own css code here 
* don't update templates css file.
* because it's regularly get updated
*/

@media screen and (max-width: 800px) {
    .slogan {
        font-size: 15px !important;
    }
}

.main-header.stricky {
    background: white;
    color: black;
}

.social-links {
    float: unset;
    top: unset;
}

.lang-and-social {
    display: flex;
    justify-content: end;
    gap: 1rem;
    top: 6px;
}

#polyglotLanguageSwitcher {
    margin: 0 !important;
    float: unset !important;
}

@media (max-width: 768px) {
    .lang-and-social {
        justify-content: center;
    }
}


@media (min-width: 701px) {
    .show-mobile {
        display: none !important;
    }
}

.header-top {
    border-bottom: 1px solid #eee;
}

.main-header.stricky-fixed .header-top {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    transition: margin-top .4s ease, visibility .4s ease, opacity .4s ease;
}

.main-header.stricky-fixed .header-top * {
    visibility: visible !important;
    color: black !important;
}

.header-contact-info ul li i::before {
    color: black !important;
}

.social-links ul li i::before {
    color: black !important;
}

.header-top .header-top-content #polyglotLanguageSwitcher span::before {
    color: black !important;
}