/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@media (min-width: 960px) and (max-width: 1250px) {

    body #logo-container-mobile {
        padding-right: 15px;
    }

    /*body .logo-image.main-logo {
        height: 18px !important;
    }*/    

    body #menu-main-nav,
    body ul.menu-smart {
        padding: 0 10px;
    }

    body .font-size-menu, body div.menu-container:not(.isotope-filters) ul.menu-smart>li>a:not(.social-menu-link), body div.menu-container:not(.vmenu-container):not(.isotope-filters) ul.menu-smart>li>a:not(.social-menu-link), body .menu-smart>li>a>div>div>div.btn {
        font-size: 13px !important;
        padding: 0 8px !important;
    }

    body .menu-primary .menu-icons.menu-smart>li>a {
        padding: 0 6px;
    }

    body .menu-primary .menu-icons.menu-smart>li>a i {
        font-size: 15px;
    }
}

@media (min-width: 960px) {

    body .menu-dark .menu-smart>li.active>a, body .menu-dark .menu-smart>li a.active, body .menu-dark .menu-smart>li.current-menu-ancestor>a, body .menu-dark .menu-smart>li.current-menu-item:not(.menu-item-type-custom)>a {
        color: #fff !important;
        font-weight: 700;
    }

    body .menu-primary .menu-icons.menu-smart>li>a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body .menu-primary .menu-icons.menu-smart>li:not(:last-child)>a::before {
        position: absolute;
        content: '';
        width: 2px; height: 15px;
        background: #fff;
        right: -1px; top: 50%;
        transform: translateY(-5px);
    }

    body .menu-primary .menu-icons.menu-smart {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 1251px) {

    body .menu-primary .menu-icons.menu-smart>li:not(:last-child)>a::before {
        height: 18px;
    }
}

@media (max-width: 767.99px) {

    body .font-size-menu-mobile, body .menu-container:not(.isotope-filters) ul.menu-smart .drop-menu a:not(.social-menu-link) {
        font-size: 13px !important;
    }

    body .font-size-menu-mobile, body .menu-container:not(.isotope-filters) ul.menu-smart .drop-menu a:not(.social-menu-link) i.fa-dropdown {
        top: 16px;
    }
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Regular-Web.woff2') format('woff2'),
         url('fonts/Graphik-Regular-Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Semibold-Web.woff2') format('woff2'),
         url('fonts/Graphik-Semibold-Web.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Bold-Web.woff2') format('woff2'),
         url('fonts/Graphik-Bold-Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'HuluStyle';
    src: url('fonts/hulustyle-extralight-webfont.woff2') format('woff2'),
         url('fonts/hulustyle-extralight-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'HuluStyle';
    src: url('fonts/hulustyle-light-webfont.woff2') format('woff2'),
         url('fonts/hulustyle-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HuluStyle';
    src: url('fonts/hulustyle-regular-webfont.woff2') format('woff2'),
         url('fonts/hulustyle-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HuluStyle';
    src: url('fonts/hulustyle-medium-webfont.woff2') format('woff2'),
         url('fonts/hulustyle-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HuluStyle';
    src: url('fonts/hulustyle-bold-webfont.woff2') format('woff2'),
         url('fonts/hulustyle-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'HuluStyle';
    src: url('fonts/hulustyle-extrabold-webfont.woff2') format('woff2'),
         url('fonts/hulustyle-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'HuluStyle';
    src: url('fonts/hulustyle-heavy-webfont.woff2') format('woff2'),
         url('fonts/hulustyle-heavy-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}