/*
 Theme Name:   Storefront Child
 Description:  Custom Shop
 Author:       Sebastian Stegh
 Author URI:   httpw://www.sebastianstegh.at
 Template:     storefront
 Version:      1.0
 Text Domain:  storefront-child
*/

/*load special fonts */


@font-face {
    font-family: 'caudex';
    src: url('fonts/caudex-regular-webfont.woff2') format('woff2'),
         url('fonts/caudex-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Raleway';
    src: local('Raleway Black Italic'), local('Raleway-BlackItalic'),
        url('fonts/Raleway-BlackItalic.woff2') format('woff2'),
        url('fonts/Raleway-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Black'), local('Raleway-Black'),
        url('fonts/Raleway-Black.woff2') format('woff2'),
        url('fonts/Raleway-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Bold'), local('Raleway-Bold'),
        url('fonts/Raleway-Bold.woff2') format('woff2'),
        url('fonts/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'),
        url('fonts/Raleway-BoldItalic.woff2') format('woff2'),
        url('fonts/Raleway-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'),
        url('fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'),
        url('fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'),
        url('fonts/Raleway-ExtraLight.woff2') format('woff2'),
        url('fonts/Raleway-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Italic'), local('Raleway-Italic'),
        url('fonts/Raleway-Italic.woff2') format('woff2'),
        url('fonts/Raleway-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'),
        url('fonts/Raleway-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Raleway-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Light'), local('Raleway-Light'),
        url('fonts/Raleway-Light.woff2') format('woff2'),
        url('fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Light Italic'), local('Raleway-LightItalic'),
        url('fonts/Raleway-LightItalic.woff2') format('woff2'),
        url('fonts/Raleway-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Medium'), local('Raleway-Medium'),
        url('fonts/Raleway-Medium.woff2') format('woff2'),
        url('fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
        url('fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'),
        url('fonts/Raleway-MediumItalic.woff2') format('woff2'),
        url('fonts/Raleway-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway'), local('Raleway-Regular'),
        url('fonts/Raleway-Regular.woff2') format('woff2'),
        url('fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'),
        url('fonts/Raleway-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Raleway-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Thin'), local('Raleway-Thin'),
        url('fonts/Raleway-Thin.woff2') format('woff2'),
        url('fonts/Raleway-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway Thin Italic'), local('Raleway-ThinItalic'),
        url('fonts/Raleway-ThinItalic.woff2') format('woff2'),
        url('fonts/Raleway-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* css Basic Styling */
body{
    font-family: Raleway, sans-serif;
    font-weight: normal;
}

.site-search{
    display:none;
    width: 0;
}

#main{
	padding-top: 0;
}

.woocommerce-products-header{
	padding:0 !important;
}

.site-branding{
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.site-title{
    font-size: 48px !important;
    font-family: Caudex;
    font-weight: normal;
    font-style: normal;
	text-transform: uppercase;
    text-align: center;
    width: 100%;
	/*margin-top: 30px!important; */
	color: lightgray!important;
}

.site-title a{
	color: gray!important;
}
.site-description{
    font-size: 18px !important;
    font-family: Raleway;
    font-weight: normal;
    text-align: center;
	text-transform: uppercase;
}

/* Menu Items ausblenden */

.page-item-7{
    display: none !important;
}
.page-item-8{
    display: none !important;
}

/* Menu in Versalien */

.menu{
    text-transform: uppercase !important;
}

/* Home verbergen */

.page-id-196 .entry-title {
    display:none;
}
.page-id-196 section {
    display:none;
}
.page-item-3{
    display:none !important;
}

/* titel ausblenden */
 .entry-title {
    display:none;
}

.page-title{
    display:none !important;
}

.product_title {
	display: block !important;
}

.storefront-breadcrumb{
	margin: 0;
}
/* hide slider navigation */

.wp-block-jetpack-slideshow_button-pause{
    display:none!important;
}
.wp-block-jetpack-slideshow_button-next{
    display: none!important;
}
.wp-block-jetpack-slideshow_button-prev{
    display: none!important;
}

/* Hide WooCommerce */

.site-info a{
    display: none!important;
}
.site-info a.privacy-policy-link{
    display: block!important;
}
.site-info span{
    display: none!important;
}

.product_meta{
	display:none;
}

/* Breadcrum nav ausblenden*/

.woocommerce-breadcrumb{
	display:none;
}

/* posting zeit ausblenden */
/*.entry-header{
	display:none;
} */
.post-author{
	display:none;
}
.post-comments{
	display:none;
}
.alpha{
	display: block !important;
}

/* Product Info instead of Additional Information */
.additional_information_tab a {
  content: 'Product Info' !important;
}
.additional_information_tab a:after {
  content: 'Product Info' !important;
}
.additional_information_tab a:first-child {
  content: 'Product Info' !important;
}
#tab-additional_information h2{
	content: 'Product Info' !important;
}

/*stretch Menu */
.nav-menu{
	display:flex!important;
	justify-content: space-between!important;
	margin-right: 50px !important;
}

.storefront-primary-navigation{
	border-top: solid 1px lightgray !important;
}
/* home */
.wp-block-jetpack-slideshow{
	margin-bottom:2.5em !important;	
}

/* product page */
.woocommerce-product-gallery{
	width: 60% !important;
}
.summary{
	width: 35% !important;
}
.flex-viewport{
	height: 400px !important;
}
.wc-tabs-wrapper{
	padding-top:0 !important;
}
.entry-summary{
	margin-bottom:0px;
}
@media (min-width: 768px){
	.entry-summary{
		margin-bottom:0px !important;
	}
	.woocommerce-tabs{
		padding-top:0 !important;
	}
}
#tab-title-reviews{
	display: none;
}
.additional_information_tab {
	
}
.related{
	display:none !important;
}
.price{
	margin:0 !important;
}
.legal-price-info{
	margin-bottom: 15px!important;
}
.product_title{
	margin-bottom: 10px!important;
}
.variations_form{
	padding-top: 0 !important;
}
.woocommerce-product-attributes-item__label, .woocommerce-product-attributes-item__value {
	padding: 0.5em !important;
}

@media(min-width: 568px){
	.product_title entry-title{
		width: 100%;
	}
	.summary{
		width: 100%!important;
	}
	.woocommerce-product-gallery{
		width: 100%!important;
		margin-bottom:0!important;
	}
}
@media(min-width: 360px){
	.product_title entry-title{
		width: 100%;
	}
	.summary{
		width: 100%!important;
	}
	.woocommerce-product-gallery{
		width: 100%!important;
		margin-bottom:0!important;
	}
}

/* about styling */
#post-205{
	display:flex !important;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
#post-205 header{
	width: 33%;
	order:2;
}
#post-205 .entry-content{
	width:62%;
	order:1;
}
.edit-link{
	width: 100%;
	order: 3;
}

/* blog styling */

.post{
	display:flex !important;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post header{
	width: 100%;
	order: 1;
	display: flex;
	flex-direction: column;
}
.post header .posted-on{
	order:2;
}
.post header h2{
	order:1;
	margin: 0;
}
.post aside{
	display: none;
}
.post .entry-content{
	order:2;
	display: flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content: flex-start:
}
.post .entry-content img{
	width: 50%;
	margin: 0;
	align-self: flex-end;
	margin-bottom: -400px;
}
.post .entry-content p{
	width: 50%;
	max-width 50%!important;
	align-self: flex-start;
}
.post .entry-content ul{
	width: 50%;
	max-width 50%!important;
	box-sizing:border-box;
	margin:0;
}
.my-account{
	display: none!important;
	width: 50% !important;
}
@media(min-width: 360px){
	.post .entry-content img{
		align-self: flex-start;
		width: 100%;
		margin: 0;
		margin-bottom: 10px!important;
	}
	.post .entry-content p{
		width: 100%;
	}
	.post .entry-content ul{
		width: 100%
		margin:0;
	}
}
@media (min-width: 1100px){
	.post .entry-content img{
	width: 50%;
	margin: 0;
	align-self: flex-end;
	margin-bottom: -400px !important;
}
.post .entry-content p{
	width: 50%;
	max-width 50%!important;
	align-self: flex-start;
}
.post .entry-content ul{
	width: 50%;
	max-width 50%!important;
	box-sizing:border-box;
	margin:0;
	}}
@media (min-width: 768px){
		.post .entry-content img{
		width: 50%;
		margin: 0;
		align-self: flex-end;
		margin-bottom: -300px !important;
	}
	.post .entry-content p{
	width: 50%;
	max-width 50%!important;
	align-self: flex-start;
}
.post .entry-content ul{
	width: 50%;
	max-width 50%!important;
	box-sizing:border-box;
	margin:0;
	}
}