/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/




/* Nav color option */
#mvp-nav-menu ul li a, span.mvp-nav-soc-head, nav.mvp-fly-nav-menu ul li.menu-item-has-children:after, nav.mvp-fly-nav-menu ul li.menu-item-has-children.tog-minus:after, nav.mvp-fly-nav-menu ul li a, span.mvp-fly-soc-head {
    color: #0a1529;
}

/* Social Icons Colors */
span.mvp-nav-soc-but {
    float: right;
    font-size: 20px;
    line-height: 1;
    padding: 15px 8px;
    color: #ffffff;
}

/* Top Bar Color */
#mvp-top-nav-wrap {
    width: 100%;
    height: 50px;
    z-index: 50;
    background-color: #0a1529;
}

/* Search Icon Color */
span.mvp-nav-search-but {
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 15px 0;
    color: #ffffff;
}


#mvp-foot-wrap {
    background: #dcdcdc;
    padding-top: 30px;
}

.mvp-feat1-text, .mvp-feat4-main-text {
    padding: 50px 10% 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    width: 80%;
}

#mvp-top-nav-cont {
    border-bottom: 0px solid rgba(12, 242, 145, 0.2);
    width: 100%;
}

///////////////////////////

@media (min-width: 769px) {
    .mvp-fly-but-wrap span, ul.mvp-fly-soc-list li a  {
        background: #0a1529;
    }
}

@media (max-width: 768px) and (min-width: 416px) {
    .mvp-fly-but-wrap span {
        background: #dcdcdc;
    }
}

@media (max-width: 415px) and (min-width: 0px) {
   .mvp-fly-but-wrap span {
        background: #dcdcdc;
    }
}


/////////////////////////


h1.mvp-post-title, .mvp-cat-head h1, #mvp-404 h1, h1.mvp-author-top-head, #woo-content h1.page-title, .woocommerce div.product .product_title, .woocommerce ul.products li.product h3 {
    font-family: 'Roboto', sans-serif;
}
.mvp-cat-head h1 {
    color: #f6e7a1;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .02em;
    line-height: 1;
    padding: 15px 0;
    text-transform: uppercase;
    font-style: italic;
}


ul.mvp-side-tab-list li span.mvp-side-tab-head {
    float: left;
    font-size: .8rem;
    font-weight: 700;
    padding: 12px 14px;
    text-transform: uppercase;
}