/*
 Theme Name:   Storefront Child
 Description:  ACT Shops Override
 Author:       Michael Kinzl
 Author URI:   
 Template:     storefront
 Version:      1.0
 Text Domain:  storefront-child
*/

/* ------------------------------------ */
/* Color Schema                         */
/* ------------------------------------ */

:root {
    --primary: #023973;
    --secondary: #004993;
    --green: #3cb44a;
    --red: #ea1f25;
    --warning: #ba2121;
    --invalid: #c03618;
    --bg-gray: #f6f6f6;
    --bg-dark: #efefef;
    --border-color: #ccc;
    --border-checkout: #b2b2b0;
    --border-dark: #a8a8a8;
    --text-color: #333;
    --bff-green: #023973;
    --bff-magenta: #023973;
    --box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
}

/* ------------------------------------ */
/* Links                                */
/* ------------------------------------ */

.widget-area .widget a:hover,
.widget-area .widget a.current {
    color: var(--primary) !important;
}

/* ------------------------------------ */
/* Header                               */
/* ------------------------------------ */

@media (min-width: 768px) {
    .storefront-secondary-navigation .secondary-navigation {
        background-image: url('../../../assets/img/act-shop.png');
        height: 140px;
        margin-bottom: -20px;
        background-repeat: no-repeat;
        background-size: 220px 60px;
        background-position: top 52px right 22px;
    }
}

/* ------------------------------------ */
/* Menu                                 */
/* ------------------------------------ */

.storefront-primary-navigation {
    border-top: solid 1px var(--primary);
    border-bottom: solid 1px var(--primary);
    background-color: var(--primary);
}

.site-header .primary-navigation ul.menu li > a,
.site-header .primary-navigation ul.menu li.current-menu-item > a {
	color: #ffffff !important;
}
.site-header #site-navigation ul.menu li.current-menu-item > a {
	border-bottom: solid 2px #ffffff;
}

.site-header nav.secondary-navigation a:hover {
	color: var(--primary) !important;
}
.site-header nav.secondary-navigation ul.menu li.current-menu-item > a {
	color: var(--primary) !important;
}

/* ------------------------------------ */
/* Cart                                 */
/* ------------------------------------ */

.site-header-cart .cart-contents {
    color: #ffffff !important;
}
.site-header-cart .cart-contents .count {
	opacity: 1;
}

/* ------------------------------------ */
/* Footer                               */
/* ------------------------------------ */

footer {
    border-top: solid 1px var(--primary);
    background-color: var(--primary) !important;
}
footer a,
footer span,
.footer-menu a{
	color: #ffffff !important;
}

.site-footer {
	color: #fff;
}

/* ------------------------------------ */
/* Mobile                               */
/* ------------------------------------ */

@media (max-width: 768px) {
    .storefront-primary-navigation {
        background-color: #ffffff;
        border: none;
    }
}

/* ------------------------------------ */
/* Sidebar                              */
/* ------------------------------------ */

#secondary .widget li,
#secondary .wp-block-woocommerce-product-categories li {
    position: relative
}

#secondary .widget li::before,
#secondary .wp-block-woocommerce-product-categories li::before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: -16px;
  height: 12px;
  width: 12px;
  background-image: url('../../../assets/img/arrow-right.png');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}