/*==================================
Theme Color All Codes Variable
==================================*/

:root {
    --theme-general-color: #797979;
    /* theme gray color */

    --theme-primary-color: #1378bb;
    /* theme primary color ok*/

    --theme-secondary-color: #222222;
    /* theme secondary color ok*/

    --theme-white-color: #fff;
    /* theme white font color ok*/

    --theme-warning-color: #fec43c;
    /* theme warning/yellow font color ok*/

    --theme-light-color: #ededed;
    /* theme light gray color ok*/

    --theme-gray-color: #f8f9fc;
    /* theme gray color ok*/

    --theme-dark-color: #222222;
    /* theme dark color ok*/

    --theme-primary-opacity-color: rgba(191, 128, 114, .8);
    /* theme primary opacity color */

    --theme-secondary-opacity-color: rgba(70, 70, 84, .8);
    /* theme secondary color ok*/

    --theme-dark-opacity-color: rgba(27, 27, 30, .8);
    /* theme dark opacity color */

    --theme-white-opacity-color: rgba(255, 255, 255, 0.5);
    /* theme white color */

    --theme-white-opacity90-color: rgba(255, 255, 255, 0.9);
    /* theme white color */
}


/*==================================
Font Variable
==================================*/

:root {
    --theme-general-font: 'Poppins', sans-serif;
    
    /* Font use for normal text and general text ok*/

    --theme-hiperlink-font: 'Roboto', sans-serif;
    /* Font use for link text ok*/

    --theme-highlight-font: 'Roboto', sans-serif;
    /* Font used in title or special area ok*/

    --theme-extra-font: 'Poppins', sans-serif;
    /* Extra Font ok*/
}


/*==================================
Extra CSS
==================================*/

[class*="owl-nav-"] .nav-btn .prev-icon::before {
    content: "\f053";
}

[class*="owl-nav-"] .nav-btn .next-icon::before {
    content: "\f054";
}

.nav-pills .nav-link {
    text-transform: capitalize;
    color: var(--theme-dark-color);
}

.nav-pills .nav-link.active {
    color: var(--theme-primary-color);
}

.top-quantity {
    font-size: 15px;
}

.navbar {
    justify-content: flex-start;
}

.navbar-expand-lg .navbar-nav .nav-link {
   font-size: 16px;
   position: relative;
}


.navbar-expand-lg .navbar-nav .dropdown-toggle::after {
    content: '';
    right: 0px;
    top: 45%;
    position: absolute;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.footer-widget ul li a {
    font-family: var(--theme-general-font);
}