/*
Theme Name: Minuteman Child Theme
Theme URI: http://example.com/twenty-twenty-two-child/
Description: Minuteman Pewter Child Theme
Author: Todd Taylor
Template: storefront
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: child theme
Text Domain: minuteman-child-theme
*/

/*  Add some shadows ... */

/* Shadow for header logo */
.site-header .site-branding img {
box-shadow: 0px 0px 12px 6px #00000045;#d7d7d7;
}

/* Shadow for beneath header */
.site-header {
box-shadow: #141b3870 0 0px 15px 15px;
padding-top: 5px;
padding-bottom: 0;
}


/* remove the bottom margin of the header - removes space betweenheader and homepage image */
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0;
}


/* Add a shadow to the products images */
.woocommerce ul.products li {
    text-align: center;
    box-shadow: 0 0 20px 2px #d7d7d7;}

/* Adjust the buttons on the product images */
.woocommerce a.button {
color: #fff !important;
    background: #21286A !important;
    font-size: 15px;
    font-weight: 500 !important;
    padding: 12px 20px !important;
    text-transform: capitalize;
    border-radius: 5px !important;}


/* for the "account" icon at the top of the header
 * this icon didn't exist in the them, so I added it
 */

/* Don't be purple after visiting */
a.site-header-account:visited {
  color: #333333;
  text-decoration: none;
}
/* make the account icon small */
.site-header-account {
  width: 3%;
  text-decoration: none;
  color: #333333;
}

/*# overide navigation size	to make room for 3% of account icon */

.woocommerce-active .site-header .main-navigation {
	width: 70%;
}

/* Make account icon disappear if screen is smaller than 768px like shopping cart */
@media screen and ( max-width: 768px ) {
				.site-header-account  {
					display:none;
				}
}

/* compressing borders of header elements */
.site-branding {
    margin-bottom: 5px;
}

.main-navigation {
    padding-top: 2px;
    padding-bottom: 2px;
}

.site-header-cart .cart-contents, .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Make the navigation menu BOLD font */
.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle, .site-header-cart .cart-contents .count {
    color: #333333;
    font-weight: bold;
    opacity:1

}

/* Make a little more room under the product button */
ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
    margin-bottom: 1em;
}