/* 
Theme Name: Schulthesskerzen Storefront Child
Version: 1.0 
Description: Child theme for Storefront. 
Author: luginbuehl.com
Author URI: http://luginbuehl.com
Template: storefront 
*/

* {
    outline: none !important;
}

body, button, input, textarea, select {
	font-family: "Josefin Sans", sans-serif;
	font-weight: normal;
}

p, li {
	font-size: 1.25rem;
}

.alpha, h1 {
    font-size: 2em;
}

h2 {
    font-size: 30px;
}

h1.product_title {
    margin-bottom: 0;
}

.entry-content a {
    text-decoration: underline;
}

/* custom-logo dimensions */
.site-header .site-branding img{
	height: 65px;
}

/* Custom Menu */
button.menu-toggle, button.menu-toggle:hover {
	border: none;
	margin: 0;
	top: 15px;
}

button.menu-toggle:before, button.menu-toggle span:before, button.menu-toggle:after {
	background-color: #27368d;
	height: 6px;
    width: 38px;
	border-radius: 0px;
}

button.menu-toggle::before {
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
}

button.menu-toggle::after {
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
}

.top-header {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

#woocommerce-product-search-field-0 {
    background-color: #eae2db;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: none;
}

.site-search .widget_product_search form::before {
    top: 10px;
    left: 14px;
}

/* Shift Nav */
.shiftnav.shiftnav-skin-light {
    background-color: #e9e2db !important;
}

.shiftnav-toggle-button {
    display: none !important;
    background: none !important;
    float: right;
    margin-top: 5px;
    padding-right: 0 !important;
    padding-top: 14px !important;
}

/* repositionierung menu hamburger */
.shiftnav-toggle {
	position:relative;
	top:-72px;
}
.site-search {
	position:relative;
	left:-40px;
}

@media screen and (max-width: 767px) {
	.shiftnav-toggle {
		display: block !important;
		position: static;
    }
}

/* ende repositionierung menu hamburger */
.shiftnav-toggle-button .fa {
    color: #27368d;
    font-size: 41px;
    margin-right: 0 !important;
    margin-top: 2px;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
    background: #27368d !important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target {
    font-size: 18px !important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    font-size: 17px !important;
}

#menu-hauptmenue a {
    color: #333;
}

#menu-hauptmenue .current-menu-item > a {
    color: #FFF;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu {
    background-color: #f8f8f8 !important;
}

/* Breadcrumb */
.storefront-breadcrumb {
	background-color: #f8f8f8;
}

.woocommerce-result-count, .storefront-sorting {
    font-size: 16px;
}

/* Sidebar */
.widget-area .widget a:not(.button) {
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
}

.widget .widget-title, .widget .widgettitle {
    font-size: 18px;
}

li, .widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
	padding-left: 0;
	margin-bottom: .3rem;
}

.widget_product_categories ul .children {
	padding-left: 1.25rem;
	margin-top: .2rem;
}

ul.product-categories > li {
	margin-bottom: 1rem;
}

/* Single Post */
.hentry.type-post .entry-meta {
    display: none;
}

.hentry.type-post .entry-content {
    float: none;
    width: 100%;
}

.page-numbers {
    font-size: 16px;
}

/* Icons (Sidebar, Breadcrumbs) */
.widget_product_categories ul li::before, .woocommerce-breadcrumb a:first-of-type::before, .widget_product_categories ul li.current-cat::before {
	content: none;
}

footer .fab {
    margin-right: 10px;    
}

footer p {
    font-size: 16px;
    margin-bottom: 0;
}

.footer-widgets {
    padding-top: 0;
    border: none;
}

.site-footer {
    padding: 80px 0;
}

footer .widget {
    margin: 0;
}

.single-product div.product p.price {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1rem;
}

.single-product div.product table.variations {
    font-size: 1.25rem;
}

.widget-area .widget a, .hentry .entry-header .posted-on a, .hentry .entry-header .byline a {
    color: #333;
}

.single-product div.product .product_meta a {
    font-weight: normal;
}

.single-product div.product form.cart {
    padding-top: 0;
}

.single-product div.product .single_variation .price {
    font-size: 1.25rem;
}

.custom-select-produkt-2 {
  position: relative;
  width: 200px;
}

.custom-select-produkt-2::before {
  color: #fff;
  font-size: 20px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 10px;
}

.custom-select-produkt-2::after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #222222 transparent transparent transparent;
    }

.custom-select-produkt-2 select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #eae2db;
  border: none;
  border-radius: 3px;
  color: #222;
  cursor: pointer;
  height: 35px;
  outline: none;
  padding-left: 10px;
  width: 100%;
}

.custom-select-produkt-2 select option {
  color: #666;
}

.custom-select-produkt-2 select::-ms-expand {
  display: none;
}

.custom-select-produkt-2 select:focus::-ms-value {
  background-color: transparent;
}

.product-categories > li > a {
    font-weight:bold !important;
}

.woocommerce-shipping-destination strong {
    font-weight: normal;
}

a.checkout-button{
    text-decoration: none;
}

.product-quantity {
    font-weight: normal;
}

.woocommerce-message, .woocommerce-info {
    background-color: #27368d;
}

.woocommerce-cart-form .product-name a {
    font-size: 1.2rem;
}

.order-total td {
    font-size: 1.25rem;
}

.woocommerce-cart-form .product-quantity {
    font-weight: bold;
}

.woocommerce-product-details__short-description p {
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.site-header {
		border-bottom: 3px solid #eae2db;
	}
	.storefront-breadcrumb {
		padding: 0.8rem 0;
	}
	.shiftnav-toggle-button {display: block !important;}
	
    .woocommerce-active .site-header .site-search {
        width: 20.73913%;
        float: left;
    }
}