﻿.font-fix a, .font-fix li, .font-fix span, .font-fix h1, .font-fix h2, .font-fix h3, .font-fix h4, .font-fix h5, .font-fix h6, .font-fix p, .font-fix small {
    font-family: Montserrat !important;
}

.height-fix {
    height: 72px !important;
}

.nav-fix a, .nav-fix li, .nav-fix span {
    color: #fff !important;
}
.nav-fix a:hover, .nav-fix li:hover, .nav-fix span:hover {
    text-decoration: none !important;
    color: rgb(255 230 0) !important;
}

.nav-main-fix {
    height: 126px !important;
}

.nav-main-fix a:hover, .nav-main-fix li:hover, .nav-main-fix span:hover {
    text-decoration: none !important;
}

.nav-foot-fix a, .nav-foot-fix li, .nav-foot-fix span {
    color: #fff !important;
}
.nav-foot-fix h3 {
    padding-bottom: 0.75rem !important;
    margin-bottom: 0 !important;
    line-height: 30px !important;
}

.nav-foot-fix a:hover, .nav-foot-fix li:hover, .nav-foot-fix span:hover {
    text-decoration: none !important;
    color: rgb(255 230 0) !important;
}

.nav-subfoot-fix a, .nav-subfoot-fix li, .nav-subfoot-fix span {
    color: rgb(75 19 117) !important;
}

.nav-subfoot-fix a:hover, .nav-subfoot-fix li:hover, .nav-subfoot-fix span:hover {
    text-decoration: none !important;
}

.hover-fix span:hover {
    border-bottom: 2px solid rgb(244 106 108) !important;
}

.mobile-menu-fix {
    height: 51px !important;
}

.mobile-menu-search-input-fix {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}

.items-center input[type="text"] {
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    border-radius: unset !important;
    background: transparent !important;
    transition: none !important;
    font-family: Montserrat !important;
}

.mobile-menu-font-fix a, .mobile-menu-font-fix li, .mobile-menu-font-fix span {
    font-size: 14px !important;
}
.search-bar {
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    border-radius: unset !important;
    background: transparent !important;
    transition: none !important;
    font-family: Montserrat !important;
}

.search-bar-btn {
    font-family: Montserrat !important;
}


/* RESPONSIVENESS FIXES */
@media (max-width: 767px) {
    .nav-foot-fix h3 {
        line-height: 27px !important;
    }
    .nav-foot-fix a, .nav-foot-fix span, .nav-foot-fix li, .nav-foot-fix p {
        font-size: 1rem !important;
        line-height: 24px;
    }
    .nav-subfoot-fix a, .nav-subfoot-fix span, .nav-subfoot-fix p {
        font-size: 1rem !important;
        line-height: 24px;
    }

    .w-screen-xs {
        width: 100vw !important;
    }
}

@media (max-width: 965px) {
    .nav-foot-fix h3 {
        line-height: 27px !important;
    }
    .nav-foot-fix a, .nav-foot-fix span, .nav-foot-fix li, .nav-foot-fix p {
        font-size: 1rem !important;
        line-height: 24px;
    }
    .nav-subfoot-fix a, .nav-subfoot-fix span, .nav-subfoot-fix p {
        font-size: 1rem !important;
        line-height: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .nav-foot-fix h3 {
        line-height: 27px !important;
    }
    .nav-foot-fix a, .nav-foot-fix span, .nav-foot-fix li, .nav-foot-fix p {
        font-size: 1rem !important;
        line-height: 24px;
    }
    .nav-subfoot-fix a, .nav-subfoot-fix span, .nav-subfoot-fix p {
        font-size: 1rem !important;
        line-height: 24px;
    }
}


/* CONTAINER WIDTH FIXES */
@media (min-width:672px) and (max-width: 879px) {
    .container-fix {
        max-width: 672px
    }
}

@media (min-width:800px) and (max-width: 1055px) {
    .container-fix {
        max-width: 800px
    }
}

@media (min-width:1056px) and (max-width: 1439px) {
    .container-fix {
        max-width: 1056px
    }
}

@media (min-width:1440px) and (max-width: 1599px) {
    .container-fix {
        max-width: 1440px;
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width:1600px) and (max-width: 1919px) {
    .container-fix {
        max-width: 1600px;
        padding-left: 192px;
        padding-right: 192px
    }
}

@media (min-width:1920px) {
    .container-fix {
        max-width: 1550px
    }
}