/*
 Theme Name:   Skydive Ostschweiz
 Description:  Das ist nur ein Child-Theme, welches vom Storefront Theme erbt und spezifische Elemente für Skydive Oschweiz ersetzt. 
 Author:       Lukas Kurtz
 Author URI:   https://www.10min.ch
 Template:     storefront
 Version:      1.0
 Text Domain:  SkydiveOstschweiz
*/


/* Reduce the height of the header and align header picture */
header#masthead {
    background-repeat: no-repeat !important;
	background-image: url("https://webshop.skydive-ostschweiz.ch/wp-content/uploads/2020/05/bg_skydiveostschweiz.png");
	background-size: cover;
	background-color: #cb2146 !important;
	padding-bottom: 0em;
	padding-top: 1em;
}

/* Reduce the height of the footer*/
.site-footer {
    padding: 0.5em 0 0.7em !important;
	background-repeat: no-repeat !important;
	background-image: url("https://webshop.skydive-ostschweiz.ch/wp-content/uploads/2020/05/bg_skydiveostschweiz.png");
	background-size: cover;
	background-color: #cb2146 !important;
}
.site-info {
    padding: 0.5em 0 !important;
}

/* hide header title on products and categories */
.woocommerce-products-header {
    display: none !important;
}


/* Masthead */
#masthead.site-header {
	height: 170px !important;
	width: 100% !important;
	margin-bottom:0px
}

/* Correct Mobile Navigation Background Issue */
.menu-toggle {
	background-color: #cb2146!important;
}

.handheld-navigation {
	background-color: #cb2146!important;
}

/* Mobile CSS for Masthead */
@media only screen and (max-width: 320px) {
	#masthead.site-header {
	height: 80px!important;
	margin-bottom:0px;
}
}

/* Masthead menu */
.storefront-primary-navigation a, .cart-contents a {
	margin:0 0 0 0;
}

.main-navigation ul {
	padding:0 0 10px 4px!important;
}
.main-navigation li {
	height:38px!important;}

/* Mobile CSS for Masthead menu */
@media only screen and (max-width: 320px) {
.main-navigation ul {
	background:#cb2146!important;
}
}

/* Header area */
.site-header {
	padding-top:0.5em;
}

.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
	margin-bottom: -45px;
}