/*========================================
    Color scream
=========================================*/
/*light link color*/
a{color: #141414;}
a:hover { text-decoration: none;}
a:active { color: #666; text-decoration: none;}
mark{ color: #fff; font-weight: 600;}
/* =================================================
    OPTIONAL:  Box Background color (vision)
=================================================== */
.partner,
.box > .icon-box > .info,
div.price2,
.thumbnail-overlay i,
.right-side-widget .menu li a{
    background-color: #f5f5f5;
    background: #f5f5f5;
}
/*========================================
    OPTIONAL: Border Color
=========================================*/
.piko-li,
.piko-thub,
.team1 .box .caption,
.box > .icon-box > .info{
    border-color: #f4f4f4;
}

/* ============================
     Background color
============================== */

.piko-thub{
    background-color: #fff
}

.box > .icon-box > .image:after{
    background-color: #fcfcfc;
}

#piko-hamburger2 span,
.footer .social-effect-1b .social-icon:after,
.footer2-box .tagcloud a,
.woocommerce a.added_to_cart{    
    background-color: #141414;   
    background: #141414;   
}
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu.shop-cart > li > a:hover,
.piko-layout-header.piko-layout-header-dark-mobile,
.piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-search-toggler > i,
.piko-layout-header .piko-navbar .piko-brand > .cart > a i,
.piko-layout-header .piko-topbar .piko-brand > .cart > a i,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu.shop-cart > li.piko-active > a,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu.shop-cart > li:hover > a,
.blog-right .media .media-left a p,
.social-effect-1b .social-icon:hover,
.footer .social-effect-1b .social-icon,
.project-view .social-share ol.breadcrumb li a,
.social-model ul li a,
.blog_date2 p a,
.footer p,
.footer .link li a,
.vc_message_box a,
.nav-tabs li a,
.btn-p3:hover,
.btn-p4,
.owl-theme .owl-controls .owl-buttons div,
#filter>li,
.footer2-box .tagcloud a:hover,
.right-side-widget .tagcloud a,
.right-side-widget .menu li a,
.woocommerce .right-side-widget ins,
.mobile-shop-cart p.total span.amount,
.pagination > .nav-links > a, .pagination > .nav-links > span,
.blog_date2 p:last-child,
.blog_date2 p:last-child span,
.woocommerce nav.woocommerce-pagination ul li span,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li > .piko-link:focus,
.piko-layout-header.piko-layout-header-light-mobile .piko-brand > .piko-hor-nav-toggler:hover > .piko-line,
#clients h3,
.project-view .social-share ul li a i, .blog-view .social-share ul li a i,
.blog-comment ol li  h4,
.blog-comment ol li li  h4{
    color: white !important;
}

.woocommerce span.onsale,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.badge,
.blog_date strong,
.blog_date p,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.recent-project figure .project-link a,
.get-quote .layer p,
.service-menu li.current-menu-item a,
.team1.team-m .box:hover figcaption i a,
.pricing-box3 h4,
.pagination > .nav-links > span.current,
.btn-warning,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
.piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.piko-layout-header .piko-navbar .piko-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a:hover,
.back-top,
.project-view .social-share ul li:hover i, .blog-view .social-share ul li:hover i,
.social-model ul li:hover a,
.footer .social-effect-1b .social-icon:hover{
    color: #fff !important;
}
.footer .social-effect-1b .social-icon,
.team1.team-m .box:hover figcaption i a:first-child,
.team1.team-m .box:hover figcaption i a,
.badge{
    border-color: #141414;
}
.box > .icon-box > .image {
    box-shadow: 0 0 0 3px;
}
/* =================================================
    OPTIONAL:  white
=================================================== */
.team1.team-m .box figure figcaption a:hover,
.carousel-indicators li,
.social-effect-1a .social-icon:hover,
.list-group a:hover, .list-group a:focus, .list-group a:active,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.recent-project figure .project-link a:hover,
.pricing-box3:hover h4,
.back-top:hover{
    color: #141414 !important;
}
@media (min-width: 992px) {
    .piko-layout-header .piko-navbar.light .piko-mega-menu > .nav.navbar-nav > li > .piko-link:hover{
        color: #fff !important;
    } 
}
@media (max-width: 991px) {
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > .active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li.piko-active > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a,
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li.piko-active > .piko-link, 
    .piko-layout-header .piko-navbar .piko-mega-menu.piko-mega-menu-dark-mobile > .nav.navbar-nav > li:hover > .piko-link{
        color: #ffb600 !important;
    }
}