/*  
	Theme Name: ROESTSTAETTE MASTER
	Version: 1.0 
	Description: Child theme for Woo. 
	Author: Woo
	Author URI: http://woocommerce.com 
	Template: storefront  */
	
	/* --------------- Theme customization starts here ----------------- */
	@charset "UTF-8";
	
	a:focus,
	*:focus { outline: none !important; } 
	
	a,
	a:link,
	a:visited,
	#menu_toggle { 
		outline:none; 
		text-decoration: none;
	}
	
	a.copylink {
		cursor: pointer;
		text-decoration: underline !important;
		color: #000;
		transition: all .3s ease;
	}
	
	a.copylink:hover {
		opacity: .6 !important;
		
	}
	
	
	/* ------------------------ 
	BASICS GRID
	------------------------ */
	.col-12 {
	    width: 100%;
	}
	.col-11 {
	    width: 91.66666666666666%;
	}
	.col-10 {
	    width: 83.33333333333334%;
	}
	.col-9 {
	    width: 75%;
	}
	.col-8 {
	    width: 66.66666666666666%;
	}
	.col-7 {
	    width: 58.333333333333336%;
	}
	.col-6 {
	    width: 50%;
	}
	.col-5 {
	    width: 41.66666666666667%;
	}
	.col-4 {
	    width: 33.33333333333333%;
	}
	.col-3 {
	    width: 25%;
	}
	.col-2 {
	    width: 16.666666666666664%;
	}
	.col-1 {
	    width: 8.333333333333332%;
	}
	.col {
	    float: left;
	}
	.col-6, .col-5, .col-4, .col-3 { vertical-align: top; }

	/* ------------------------ 
	HANDHELD-FOOTER-BAR
	------------------------ */
	.site-footer .storefront-handheld-footer-bar a:not(.button) {color: #000 !important;}
	.storefront-handheld-footer-bar ul li.cart .count {background-color: #000;}
	
	
	/* ------------------------ 
	Z-index
	------------------------ */
	#header_overlay .sub-navigation,
	.single #share { z-index: 1;}
	
	.page-template-cat-all .header_image #site-navigation,
	.page-template-cat-all .header_image .nav-logo,
	.single #but-overview,
	#header_overlay .main-navigation { z-index: 2;}
	
	#header_overlay { z-index: 3;}
	
	.masthead-outer { z-index: 4;}
	
	.site-header { z-index: 20; }
	
	.masthead-outer #search_container { z-index: 21; }
	.widget_product_search form:after { z-index: 22; }
	.widget_product_search form button { z-index: 23; }
	
	.nicescroll-rails { z-index: 100 !important; }
	
	 /*mobile-nav*/
	 #m-overlay.open { z-index: 4; }
	 #main-nav { z-index: 100; }
	 #sub-nav,
	 #sub-nav .sub { z-index: 0; }
	 #sub-nav.open,
	 #sub-nav.open .sub { z-index: 111; }
	 
	 /* shop alert*/
	 .woocommerce-message {z-index: 999 !important }
	

	/* ------------------------ 
	BUT / BG-IMAGES
	------------------------ */
	/* labels */
	.label.new {background: url("picts/_but/but-new.png") bottom center no-repeat; }
	.label.sale {background: url("picts/_but/but-sale.png") bottom center no-repeat; }
	.label.aktion {background: url("picts/_but/but-aktion.png") bottom center no-repeat; }
	
	/* icon lang (mobile) */
	#mobile-all .wpml-ls-current-language {
		background: url('picts/_icons/svg/icon-language.svg') bottom center no-repeat; 
		background-position: 0px 4px; 
	}
	
	/* icon desk cart (desk) */
	#desk-cart.cart {
		background: url('picts/_icons/svg/icon-basket.svg') bottom center no-repeat; 
		background-position: 68px 7px; 
	}
	
	/* icon mobile cart black*/	
	#mobile-all .cart.black,
	body.search #mobile-all .cart,
	body.error404 #mobile-all .cart,
	body.single-product.zubehoer #mobile-all .cart,
	body.single-product.merch #mobile-all .cart,
	.my-account.first-login #mobile-all .cart,
	.my-account.woocommerce-lost-password #mobile-all .cart {
		background: url('picts/_icons/svg/cart-m3-black.svg') bottom center no-repeat; 
	}
	
	/* icon mobile cart white*/
	#mobile-all .cart,
	body #mobile-head.open .cart,
	body.search #mobile-head.open .cart,
	body.error-404 #mobile-head.open .cart,
	body.single-product.zubehoer #mobile-head.open .cart,
	body.single-product.merch #mobile-head.open .cart,
	.my-account.first-login #mobile-head.open .cart,
	.my-account.woocommerce-lost-password #mobile-head.open .cart {
		background: url('picts/_icons/svg/cart-m3-white.svg') bottom center no-repeat; 
	}
	
	/* icon maps (desk) */
	.icon-maps {
		background: url('picts/_icons/icon-maps-small.png') bottom center no-repeat; 
		width: 19px;
		height:35px; 
	}
	
	.academy-logo .inner { 
		background: url('picts/_logo/svg/barista-logo-black.svg') bottom center no-repeat;
		background-size: 149px 163px; 
	}
	
	/* but home headerpict */
	.but.header { width: 100%; height:54px;}
	.but.header.white { 
		background: url("picts/_but/but-header-white.png") bottom center no-repeat; 
	}
	.but.header.black { 
		background: url("picts/_but/but-header-black.png") bottom center no-repeat; 
	}
	
	
	/* but */
	#variations .add-to-cart button,
	#variations .add-to-cart button:hover,
	.single-product .add-to-cart button,
	.single-product .add-to-cart button:hover,
	.add_to_cart_button, 
	.add_to_cart_button:hover,
	.shop.overview .woomscart, 
	.shop.overview .woomscart:hover,
	.wc-backward,
	.wc-backward:hover,
	.but,
	.order-again .button,
	.order-again .button:hover { 
		background: url("picts/_but/but-style1.png") bottom center no-repeat; 
	}
	
	
	.but.bigger { background-size: 216px 54px;}
	.but.shop,
	.loadmore_container .ajax-load-more-wrap .alm-load-more-btn,
	.products.columns-1 .add_to_cart_button,
	.single-product .single_variation_wrap button,
	.single-product #wrapper_cart form button, 
	.kurse-overview .add_to_cart_button,
	.kurse-overview .add_to_cart_button:hover {
		background: url("picts/_but/but-style2.png") bottom center no-repeat; 
	}
	.loadmore_container .ajax-load-more-wrap .alm-load-more-btn {
		width: 216px;
		height:54px;
	}


	/*.single-product #wrapper_cart form button,*/
	.but.kurse {
		background: url("picts/_but/but-style3.png") bottom center no-repeat; 
		text-align: center;
		width: 210px;
		height:56px;
		color: #000 !important;
	}
	.but.more,
	#newsletter .mc4wp-form-theme-light input[type="submit"],
	.detail #download-box .but {
		background: url("picts/_but/but-style1_white.png") bottom center no-repeat; 
		text-align: center;
		width: 216px;
		height:54px;
		color: #000 !important;
		background-color: transparent !important;
	}
	
	#newsletter .subscripe_but:hover { opacity: .7; }
	
	/* arrows */
	.arrow-but {
		background: url("picts/_arrow/arrow-but.png") bottom center no-repeat; 
		text-align: right;
		width: 10px;
		height:16px;
		float: right;
		margin: 5px 25px 0 0;
	}
	/* bg-shapes */
	#academy .bg_image {
		background: url("picts/_shapes/barista-shape.png") bottom center no-repeat; 
		text-align: center;
		width: 700px;
		height:370px;
		margin: 0 auto;
	}
	#newsletter .bg_image {
		background: url("picts/_shapes/nl-bg.png") bottom center no-repeat; 
	}
   .trenner {
		background: url("picts/_shapes/trenner.png") bottom center no-repeat; 
		width: 102px;
		height:13px;
	}
	
	#workshops .bg_image {
		background: url("picts/_shapes/barista-shape-small.svg") bottom center no-repeat; 
		text-align: center;
		width: 340px;
		height:611px;
		margin: 0 auto;
	}
	#workshops .bg_image .shape_logo { 
		background: url("picts/_shapes/barista-shape-logo2.png") bottom center no-repeat; 
		text-align: center;
		margin: 0 auto;
	}
	
	/* detail back to overview */
	.detail .link-icon {
		background: url("picts/_arrow/arrow-black-left-small.png") bottom center no-repeat;
		height: 20px;
		width: 20px; 
	}
	
	/* detail-products download icon */
	#download-box .download-icon {
		background: url("picts/_icons/icon-download.svg") bottom center no-repeat; 
		margin: 0 auto;
		height: 30px;
		width: 50px;
	}
	
	/* language icon */
	.lang {
		margin: -10px auto 50px;
		width: 50px;
		height: 30px;
	}
	.barista.detail .lang {
		margin: 0px auto;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		
		top: 10px;
		left: 10px;
		position: absolute;
	
	}
	.lang.en { background: url("picts/_icons/icon-en.png") bottom center no-repeat; }
	.lang.de { background: url("picts/_icons/icon-de.png") bottom center no-repeat; }
	
	
	/* ------------------------ 
	ALL FOR ALL
	------------------------ */
	a:focus {outline: 0;}
	html {
	    margin-top: 0px;
	}
	body {
	    width: 100%;
	    position: relative;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	   
		font-family: DIN-next-reg;
		line-height: 1.4;
		color: #000;
	}
	/*body, html { background: #191919; }*/
	
	#page, 
	.col-full,
	.footer_byline {
		margin: 0 auto; 
		padding: 0px;
	}
	
	.page-template .content-area,
	.single-post.right-sidebar .content-area {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
	}
	
	.site-main { margin-bottom: 2.6em; background: #fff; }
	.page-template .content-area { background: #fff; }
	
	.page-template .sourcing,
	.page-template .roasting {background: #000; }
	
	.inline {display: inline-block;}
	.inline_wrapper {font-size: 0px;}
	
	.centered {margin: 0 auto; text-align: center;}
	img { border-radius: 0px; }
	
	.buttext {text-align: center; }
	.but.more .buttext {padding-left: 20px;  }
	
	.button, .button:hover, .button:active, .button:focus,
	button, button:hover, button:active, button:focus,
	.woomscart.button, .woomscart.button:hover, .woomscart.button:active, .woomscart.button:focus,
	.signup-success input[type="submit"]:active,
	.signup-success input[type="submit"]:focus {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-color: transparent;
		border: 0px;
		
	}
	

	/* ------------------------ 
	FONTS
	------------------------ */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    font-weight: normal!important;
	    line-height: 1;
	    color: #000;
	}
	h1, p { line-height: 1.1; }
	
	
	.mc4wp-form-theme input[type="text"],
	.mc4wp-form-theme input[type="email"] {
		font-family: DIN-next-reg;	
	}
	
	h2, h2.alpha, .headline, .titel, 
	.tel, .copyright,
	.main-navigation ul.menu>li>a, ul.menu>li>a,
	footer .footer-nav li a,
	#cookies, #cookies .but_accept,
	/*#newsletter .subscripe_but,*/
	.barista #workshops .price { letter-spacing: -1px;}
	
	.headline.smaller,
	.but,
	.add_to_cart_button,
	#contact_form .but input.wpcf7-submit,
	.footer_byline ul.menu>li>a { letter-spacing: 0px; }
	
	#quotes .quotes,
	#textbox .quotes {
		text-transform: uppercase;
		font-family: FloodStd;
	}
	
	.main-navigation ul.menu>li>a, 
	ul.menu>li>a,
	
	.footer_byline ul.menu>li>a,
	footer .footer-nav li a,
	.menu-footer ul, .menu-footer ul li a,
	.copyright, 
	#quicklinks .headline, 
	#quicklinks ul li,
	#follow_icons .headline,
	
	h2, h2.alpha, h3,
	.headline, .headline.smaller,
	.titel, .subtitel,
	
	.but,
	.add_to_cart_button,
	#contact_form .but input.wpcf7-submit,
	.tel, .copyright,
	#cookies, #cookies .but_accept,
	#newsletter .subscripe_but,
	.barista #workshops .price,
	.extra,
	.detail a .link,
	#download-box .copy,
	.button.wc-backward {
		text-transform: uppercase;
		font-family: DINPro-condbold;
	}
	
	/* ------------------------ 
	FONTS COLOR
	------------------------ */
	 #hero_product .headline,
	 #newsletter .headline, #newsletter .copy,
	 a, ul.menu li.current-menu-item > a { color: #fff; }
	 #hero_product .headline.black { color: #000; }
	 
	 .copy, .small_copy, h2, .headline, .titel,
	.widget .widgettitle { color: #000; text-align: center; }
	 
	 .kurse .infoline a,
	.subhead, .date, .price, .but, .copy.big,
	.mc4wp-form-theme input[type="submit"] {color: #8a8a8a; }
	.mc4wp-form-theme input[type="submit"] {font-weight: 400 !important; }
	
	.but,
	.add_to_cart_button,
	.custom-but,
	#variations .add-to-cart button,
	.single-product .add-to-cart button,
	.single-product .single_variation_wrap button,
	.single-product #wrapper_cart form button,
	.order-again .button { color: #fff !important; word-spacing: 3px !important;}
	.grey { color: #8a8a8a !important; }
	.black { color: #000; }
	
	/* ------------------------ 
	BG COLOR
	------------------------ */
	.bg-light-grey { background: #eee; }

	
	/*footer font*/
	.menu-footer ul, .menu-footer ul li a,
	.copyright, 
	#quicklinks .headline, 
	#quicklinks ul li,
	#follow_icons .headline { 
		color: #fff; 
	}
	#quicklinks .headline,
	#follow_icons .headline  {
		padding: 30px 0;
	}
	
	.c_red { color: red; }
	
	

	
	/* ------------------------ 
	HEADER / ICONS
	------------------------ */
   .site-header {padding-top: 0em; border: none; }

	/* -- Font -- */
	.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a,
	.wpml-ls-statics-shortcode_actions a,
	.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a,
	.wpml-ls-statics-shortcode_actions a:hover,
	
	#custom-search,
	#custom-account a,
	#custom-wishlist,

	.woocommerce-active .site-header #desk-cart:before   {
		color: #fff;
		text-transform: uppercase;
		font-family: DINPro-condbold;	
	}
	
	/* -- Lang -- */
	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-left: 13px;}
	.wpml-ls-legacy-dropdown,
	.wpml-ls-legacy-dropdown a,
	.wpml-ls-legacy-dropdown a span  { width: 100% !important }
	.wpml-ls-legacy-dropdown a span {
		vertical-align: top; 
		line-height: 1.2em;
		 padding: 0px;
		 margin: 0px;
	}
	
	.wpml-ls-statics-shortcode_actions,
	.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu,
	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
	
	.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a,
	.wpml-ls-statics-shortcode_actions a,
	.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a,
	.wpml-ls-statics-shortcode_actions a:hover  {
		background: transparent; 
		border: none;
	}
	
	#masthead .inline-me#custom-sprache {
		padding: 0px; 
		margin-top: 7px;
		position: relative;
	}
	
	#masthead .inline-me#custom-sprache:before {
		position: absolute;
		left: -12px;
		top: 5px;
		content: "";
		background: url("./picts/_icons/icon-language.svg") no-repeat;
		width: 15px;
		height: 15px;	
	}
	
	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { 
		right: auto;
		left: 3px;
		background: #161616;
	}
	
	li.wpml-ls-item a:hover {color: #777;}
	
	/* ------------------------ 
	SEARCH CONTAINER
	------------------------ */
	#search_container {
		position: fixed;
		padding: 12px 0;
		background: #161616;
		top: 0px;
		margin-top: -62px;
		transition: .3s ease;
	}
	
	#search_container.show-55,
	#search_container.show-0 { margin-top: 0px}
	#search_container.show-55 { top: 60px;}
	#search_container.show-0 { top: 0px;}
	
	.widget_product_search form input[type=search],
	.widget_product_search form button[type=submit] {
		text-transform: none;
		border-radius: 4px;
		background: #fff;
	}
	
	.search_inner .widget,
	.search_inner form { margin: 0px; }
	
	.search_inner {
		max-width: 800px;
		margin: 0 auto;
	}
	
	/* ------------------------ 
	PRODUCT SEARCH
	------------------------ */
	.widget_product_search form::before {
		margin-left: 5px;
		color: #000;
		}
	.widget_product_search form input[type=search] {
		width: 80%;
		padding: 8px 40px;
		color: #000;
		font-family: DIN-next-reg;
	}
	
	/*close*/
	.widget_product_search form:after {
		display: inline-block;
	}
	
	.widget_product_search form button[type=submit] { 
		display: inline-block; 	
		position: relative;
		height: 38px; 
		width: 70px; 
		margin-left: 15px; 
		
		font-family: DINPro-condbold;
		text-transform: uppercase;
		font-weight: normal;
		
		clip: rect(0px,0px,0px,00px); 
		-webkit-clip-path: inset(0%); 
		clip-path: inset(0%); 		
	}
	
	.widget_product_search form:hover:after,
	.widget_product_search form button:hover {
	   transition: .4s ease;
	   opacity: .4;	
	}
	.widget_product_search form button:hover {
	    opacity: .6;	
	}
	
	/* ------------------------ 
	BLOG SEARCH
	------------------------ */
	.single-post .search_inner .widgets_on_page {background: transparent !important;}
	.widgettitle {display: none; }
	#Widget_Searchfunktion ul {
		padding: 0px; 
		margin: 0px; 
		list-style: none;
	} 
	
	.widget_search form::before {
		margin-left: 40px;
		color: #000;
	} 
	
	.widget_search form:not(.wp-block-search) input[type="search"],
	.widget_search form input[type="search"]  {
		width: 80%;
		padding: 6px 40px;
		color: #000;
		font-family: DIN-next-reg;
	}
	
	.widget_search form:not(.wp-block-search) input[type="submit"],
	.widget_search form input[type="submit"] {
		display: inline-block; 	
		position: relative;
		height: 38px; 
		width: 70px; 
		margin-left: 15px; 
		
		font-family: DINPro-condbold;
		text-transform: uppercase;
		font-weight: normal;
		
		clip: rect(0px,0px,0px,00px); 
		-webkit-clip-path: inset(0%); 
		clip-path: inset(0%); 		
	}
	
	.close-search .fal { position: relative; margin-left: 250px; }
	
	.close-search {
		color: #000;
		position: absolute;
		cursor: pointer;
		top: 20px;
	}

	/* #overlay-dark */
	#overlay-dark {
		position: fixed; 
		display: none; 
		width: 100%; 
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.7); 
	}
	#overlay-dark.open {display: block; }