/*
 Theme Name:   SB Restaurant Delivery two
 Theme URI:    https://patatas-restaurant.de/twentyseventeen/  
 Description:  SB restaurant delivery child theme two
 Author:       squarebrackit
 Author URI:   http://squarebrackit.de
 Template:     twentyseventeen
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         twentyseventeen child theme, responsive
 Text Domain:  twentyseventeen-child 
*/

@import url('https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');


/* ----------------------- NAVIGATION STYLES */
body, button, input, select, textarea{
	font-family: 'Roboto', sans-serif;
}
.site-header .menu-scroll-down{ 
    display: none; 
}

/* top navigation */
.navigation-top {
    top: 0px;
    font-size: 14px;
    font-size: 0.875rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9;
	background:#222222;
	border: 1px;
}
.page-header-wrap .navigation-top{
	position:fixed;

	transition: opacity 0.4s ease, top 0.4s ease, margin 0.4s ease;
	-webkit-transition: opacity 0.4s ease, top 0.4s ease, margin 0.4s ease;
	-moz-transition: opacity 0.4s ease, top 0.4s ease, margin 0.4s ease;
}

.menu a.sb-btn:hover,
.page-header-wrap .sb-shipping-adrs-form-wrapper button.sb-btn:hover{
	background: var(--theme-color-title);
	color: var(--theme-color); 
}

.navigation-top.fix-to-top .top-sub-navigation{ 
	display: none;
}
.navigation-top.fix-to-top{ 
	/* background:rgba(0,0,0,0.7); */ 
	top: 0em;
}
.page-header-wrap .navigation-top.fix-to-top{
	position:fixed;
	opacity:0;
	-webkit-animation: appearIn 0.4s forwards  ease;
  -moz-animation:    appearIn 0.4s forwards  ease;
  -o-animation:     appearIn 0.4s forwards  ease; 
  animation:         appearIn 0.4s forwards  ease;
}
.main-navigation .menu{ 
	text-align:right; 
}
.main-navigation a:visited, 
.main-navigation a:active,
.main-navigation a{
	color: #ffffff;
    text-transform: uppercase;
}
.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a {
    color: #f58220;
}

.main-navigation a:hover{
	color: #f58220;
}

.main-navigation .logo-wrap{
	width: 200px;
    display: inline-block;
    top: 15px;
}

.secondary-navigation{
	text-align:right;
}
.secondary-navigation .header-links,
.secondary-navigation .header-social-links{
	display:inline-block; 
}


/*  mobile navigation */
.mobile-menu-link{
	color: var(--theme-color);
    font-size: 1.6em;
    font-weight: 400;
    right: 0.2em;
    top: 0em;
	margin: 0.5em 0em;
	border-radius: 4px;
	position: fixed;
	display: inline-block;
	right: 0.2em;
	line-height: 1;
	text-align: center;
	padding: 0.3em !important;
	z-index: 99;
	color: var(--theme-color-secondary) !important;
	background: rgba(0,0,0,0.7);
	border: 1px solid var(--theme-color-secondary);
	cursor:pointer;
}
.mobile-menu-link:hover{
	color: var(--theme-color-secondary);
	background: rgba(0,0,0,0.4);
}
.mobile-menu-link span:before{ 
	content:"\f0f5";
	font-family: 'fontAwesome'; 
	display: inline-block;
	position: relative;
	vertical-align: middle;
}


#mobile-nav-toggle{
	/* position: fixed; */ 
    position: absolute;
    left: 0.2em;
    top: 1em;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    z-index: 999;
    padding: 0.4em;
    text-align: center;
    border-radius: 50%;
    font-size: 1.6em;
    background: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary-title);
    margin: 0;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
}
#mobile-nav-toggle .icon{
	display: none;
}
/* #mobile-nav-toggle[area-expanded="true"]{
	left:220px; 
} */
#mobile-nav-toggle[area-expanded="true"] .icon-close{
	display: block;
}
#mobile-nav-toggle[area-expanded="false"] .icon-bars{
	display: block;
}



#mobile-navigation{
	position: fixed;
	background-color: rgba(0,0,0,0.95);
	top: 0px;
	left: 0px;
	max-height: 100vh;
	padding: 4em 1em;
	bottom: 0px;
	max-width: 250px; 
	margin-left:0px;
	overflow-y: auto;
	width: 80%;
    z-index: 2;
	/* background-image:url(images/background/back-pattern-light-2.png); */
    box-shadow: 0px 0px 7px 0px rgb(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 7px 0px rgb(0,0,0,0.3); 
    -moz-box-shadow: 0px 0px 7px 0px rgb(0,0,0,0.3);

	transition: left 0.5s ease, opacity 0.5s ease;
	-webkit-transition: left 0.5s ease, opacity 0.5s ease;
	-moz-transition: left 0.5s ease, opacity 0.5s ease;
}

#mobile-navigation .logo-wrap{
    width:120px;
    margin:0 auto;
    text-align: center; 
}

#mobile-navigation[area-expanded="true"]{
	opacity: 1;
	left:0px;
}
#mobile-navigation[area-expanded="false"]{
	opacity: 0;
	left:-250px;
	pointer-events: none;
}

.mobile-navigation .mobile-navigation-outer{
	display: table;
	height: 100%;
	width: 100%;
}
/* .mobile-navigation .logo-wrap{
	margin-bottom: 2em;
} */

.mobile-navigation li.menu-item{
	display: block;
	text-align: left;
}
.mobile-navigation li.menu-item a{
	display: inline-block;
	color:#cccccc;
	padding: 0.2em 0.4em; 
	margin: 0.2em 0.5em;
	font-size: 16px;;	
}
.mobile-navigation li.menu-item.active a,
.mobile-navigation li.menu-item a:hover{
	color:var(--theme-color);
}
#top-menu .menu-item.current_page_item a.sb-btn,
.mobile-navigation li.menu-item.active a.sb-btn,
.mobile-navigation li.menu-item a.sb-btn:hover{
	background: #000;
}
.mobile-navigation li.menu-item.fill a{
	margin: 0.4em 0.5em;
}
.mobile-navigation li.menu-item a.hide{
	display: none;	
}
.mobile-navigation .adrs-wrap{ 
	text-align: center;
}

.mobile-navigation .adrs-wrap h1.section-title{
	/* font-family: 'Oleo Script', cursive; */
	text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    color: var(--theme-color);
    margin-bottom: 0px;
    padding-top: 0px;
    letter-spacing: 1px;
    line-height: 1;
}
.mobile-navigation .adrs-wrap h4{
	font-size: 18px;
    font-size: 1em;
	font-weight: 600;
	color: var(--theme-color-text); 
	padding-top:0px;
}
.mobile-navigation .adrs-wrap a:hover{
	color: var(--theme-color); 
}
.other-content-wrap{
	margin-bottom:1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted var(--theme-color);
}
.mobile-navigation-wrap,
.other-content-wrap .language{
	margin-bottom:1em;
}
.mobile-navigation-wrap{
	padding-bottom: 1em;
	border-bottom: 1px dotted var(--theme-color);
}
.mobile-navigation .trp-ls-shortcode-current-language{ 
	width: 90px;
    border-radius: 0px;
    border: 1px solid var(--theme-color);
    background-color: transparent;
	background-image: linear-gradient(45deg, transparent 50%, var(--theme-color) 50%), linear-gradient(135deg, var(--theme-color)50%, transparent 50%);
    background-position: calc(100% - 8px) calc(1em - 5px), calc(100% - 3px) calc(1em - 5px);
	padding:2px 10px 2px 2px;
	color: var(--theme-color);
}

.mobile-navigation .trp-ls-shortcode-current-language a{ 
	width: auto;
    height: auto;
    padding: 0px 2px;
    margin: 0px 3px;
	font-size: 12px;
}
.mobile-navigation .adrs-wrap a{ 
	color:var(--theme-color-secondary-text); 
}
.mobile-navigation .trp-ls-shortcode-current-language a img{ 
	vertical-align: middle;
}

#mobile-nav .cart-contents{
	border: 2px solid var(--theme-color);
	color:#222;
	border-radius: 30px; 
	padding: 0px 5px;
    margin: 0px;
}
#mobile-nav a.cart-contents span{
	position: relative;
	color:#222;
}
#mobile-nav a.cart-contents span.count span{
	position: absolute;
    font-size: 0.8em;
    color: var(--theme-color-title);
    background: var(--theme-color);
    line-height: 1;
    padding: 1px 3px;
    border-radius: 20px;
    right: -4px;
    top: -3px;
}

ul.language-chooser{
	display: none;
}

.lang-div{
	display: inline-block;
	padding-left: 4px;
}
.lang-div .not-active-lang,
.lang-div .active-lang{
	display: inline-block;
	color:#ffffff;
	padding: 0px 2px;
	margin: 0px 2px;
}
.lang-div .active-lang{
    border: 1px solid #fff;   
}

.mobile-navigation .lang-div .active-lang{
	border: 1px solid var(--theme-color);  
}

/* button styles */


/*-------------------------- COMMON STYLES -------------------- */
.popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    z-index: 999;
}
#notification-box.theme-color{
    background-color: var(--theme-color);
    /* background-image: url(images/background/back-pattern-light.png); */
}
#notification-box.theme-color .remove-btn{
    color:#fff;
}

.allergy-info-popup {
    position: relative;
    background-color: #fefefe;
    width: 100%;
    max-width: 600px;
    min-width: 260px;
}

.allergy-info-popup .popup-content-inside {
    text-align: left;
}
.allergy-info-popup h1 {
    color: var(--theme-color);
    font-weight: 800;
    font-size: 1.4em;
}

.allergy-info-popup p.allergy-content span { 
    display: inline-block;
    padding-right: 7px;
}

.allergy-info-popup .allergy-title {
    color: var(--theme-color-secondary);
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 4px;
    padding-top: 0.2em;
}
.allergy-info-popup p.allergy-content {
    margin-bottom: 0.5em;
    padding-left: 0.5em;
}
.allergy-info-popup p.allergy-content sup {
    color: var(--theme-color-secondary);
}



input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea { 
	border-radius: 0px;
    padding:9px;
    border-radius: 0px;

    transition: border-radius 0.3s ease;
    -webkit-transition: border-radius 0.3s ease;
    -moz-transition: border-radius 0.3s ease; 
}

.fix-to-top{
	position:fixed;
	top:2em;
	z-index: 9;
}

.site-content{
	padding:0px;
	/* background-image:url(images/background/back-pattern-light-2.png); */
}
.page-sections{
	text-align:center;
	padding: 4em 0em;
	/* background-image:url(images/background/back-pattern-light-2.png); */
}
.drinks-extra, .menu-extra, .items-wrapper.is-special,
.page-sections.theme-color{
	background:var(--theme-color);
	/* background-image:url(images/background/back-pattern-light.png); */
}

.page-sections.has-background{
	background-size:120% auto;
	background-position:center;
	background-attachment:fixed;
}
.page-sections .content-wrapper{
	/* background: rgba(255,255,255,0.7); */
	padding: 1em;
	max-width:1400px; 
	margin:0 auto;
}




.page-sections .content-wrapper .section-text{
	font-size:18px;
}
.page-sections.has-background .content-wrapper{
	background: rgba(255,255,255,0.8);
}

.drinks-extra .drinks-extra-title,
.menu-extra .menu-extra-title,

.page-sections .form-title-wrap h1,
.page-sections .section-title{
    font-family: 'Roboto Slab', serif;
    text-align: center;
    font-size: 3em;
    color: var(--theme-color-secondary);
    margin-bottom: 0.5em;
    padding-top: 0px;
    line-height: 1;
    font-weight: bold;
}
.drinks-extra .drinks-extra-subtitle,
.menu-extra .menu-extra-subtitle,
.page-sections .menu-subtitle,
.page-sections .form-sub-title-wrap h1,
.page-sections .section-subtitle{
	margin: 0px 0px 1em 0px;
    padding: 0px;
    font-size: 1.3em;
    font-weight: 700;
    color: #000000;
}
.drinks-extra .drinks-extra-title,
.menu-extra .menu-extra-title,
.page-sections.theme-color .menu-title,
.page-sections.theme-color .form-title-wrap h1,
.page-sections.theme-color .section-title{
	color:#ffffff;
}
.drinks-extra .drinks-extra-subtitle,
.menu-extra .menu-extra-subtitle,
.page-sections.theme-color .menu-subtitle,
.page-sections.theme-color .form-sub-title-wrap h1,
.page-sections.theme-color .section-subtitle{
	color:#ffffff;
}

.page-sections .menu-title{
    color:var(--theme-color);
    display: block;
    font-size: 35px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}
.page-sections .menu-title .menu-subtitle{
    color:var(--theme-color-title);
    display: block;
    font-size: 25px;
    font-weight: 400;
}

.menu-links-archive{
    padding: 0;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
    background: #efefef;
    border-radius: 10px;
}
.menu-links-archive li{
    display: inline-block;
    padding: 0px 2px;
    margin:4px;
}
.menu-links-archive li a{
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
}
.menu-links-archive li a span{
    position:relative;
	display:inline-block;
	padding:2px 4px;
	font-weight: 600;
    border-radius: 4px;
    z-index:4;
    font-size: 1em;
    letter-spacing: 0.5px;

    
    color:var(--theme-color-secondary);
    border:2px solid var(--theme-color-secondary); 

    border-radius: 40px; 

	transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -webkit-transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -moz-transition: border-radius .3s ease, background .3s ease, color .3s ease;
}

.menu-links-archive li.current-menu a,
.menu-links-archive li.current-menu a span{
	pointer-events: none;
}
.menu-links-archive li a span:hover,
.menu-links-archive li.current-menu a span{
    background:var(--theme-color);
    color:var(--theme-color-text); 
    border:2px solid var(--theme-color); 

}

.page-sections .section-title.theme-color-secondary{
	color:var(--theme-color-secondary);
}


.page-sections .section-title.white{
	color:#ffffff;
}

.price-big{
	font-weight: bold;
    color: #fff;
    background: var(--theme-color-secondary);
    margin-left: 4px;
    border-radius: 8px;
    font-size: 1.2em;
}


ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.social-links a{
	display: inline-block;
    text-align: center;
    line-height: 1;
    margin: 4px;
    font-size: 17px;
	padding:3px;
    border-radius: 50%;
}
.social-links a:hover{
	color:var(--theme-color);
}

/* .social-links:not(.no-back) a{
	background:#ffffff;
	
	box-shadow:0px 0px 0px 0px rgba(245,130,32,0.5);
	-webkit-box-shadow:0px 0px 0px 0px rgba(245,130,32,0.5);
	-moz-box-shadow:0px 0px 0px 0px rgba(245,130,32,0.5);
}

.social-links:not(.no-back) a:hover{
	box-shadow:0px 0px 0px 6px rgba(245,130,32,0.5);
	-webkit-box-shadow:0px 0px 0px 6px rgba(245,130,32,0.5);
	-moz-box-shadow:0px 0px 0px 6px rgba(245,130,32,0.5);
}

.social-links.theme-color:not(.no-back) a{
	background:#ffffff;
} */
.social-links.theme-color a{ 
	color:var(--theme-color-secondary);
}
.social-links.theme-color-secondary a{ 
	color:#ffffff;
}
.social-links.theme-color-secodnary a{ 
	color:var(--theme-color);
}

/* .social-links:not(.no-back) a:hover{
	box-shadow:0px 0px 0px 6px rgba(245,130,32,0.5);
	-webkit-box-shadow:0px 0px 0px 6px rgba(245,130,32,0.5);
	-moz-box-shadow:0px 0px 0px 6px rgba(245,130,32,0.5);
} */

.hentry{
	margin:0 auto;
}

.sl-cols{
	display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: stretch;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    align-items: stretch;
}
.sl-cols .sl-col{
	flex-grow: 1;
	/* padding:5px; */
}
.form-li .sl-cols .sl-col-1{
	width: 30%;
    min-width: 150px;
}

.sl-date-col, .sl-time-col{
	margin-bottom:1em;
}
/*--- align div in center ---*/
.outer {
    display: table;
    position: absolute;
    height: 100vh;
	min-height:100vh;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

a.inline-link{
    font-weight: 600;
    /* color: var(--theme-color); */
    text-decoration: underline;
}

/*--------------------- input radio styles --------------*/
.radio-style-wrapper input[type="radio"]{
	display:none;
}
.radio-style-wrapper label{ /* (RADIO CHECKED) IMAGE STYLES */
	position:relative;
   padding:4px;
   padding-left:20px;
   /* border:1px solid rgba(244,148,11,1);
   color:rgba(244,148,11,1); */
   /* background:#ffffff; */
   cursor:pointer;
   transition: color 0.3s ease, background 0.3s ease;
   -webkit-transition: color 0.3s ease, background 0.3s ease;
   -moz-transition: color 0.3s ease, background 0.3s ease;
}
.radio-style-wrapper label:before{ /* (RADIO CHECKED) IMAGE STYLES */
   content:"";
   width:14px;
   height:14px;
   position: absolute;
    left: 0px;
	top:8px;
	border-radius:50%;
   box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 0px rgba(244,148,11,1),inset 0px 0px 0px 7px rgba(244,148,11,0);
   -webkit-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 0px rgba(244,148,11,1),inset 0px 0px 0px 7px rgba(244,148,11,0);
   -moz-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 0px rgba(244,148,11,1),inset 0px 0px 0px 7px rgba(244,148,11,0);
	
	transition:box-shadow 0.3s ease;
	-webkit-transition:box-shadow 0.3s ease;
	-moz-transition:box-shadow 0.3s ease;
   
}

.radio-style-wrapper input[type="radio"]:checked  + label:before{ /* (RADIO CHECKED) IMAGE STYLES */
   box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 2px #ffffff,inset 0px 0px 0px 7px rgba(244,148,11,1);
   -webkit-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 2px #ffffff,inset 0px 0px 0px 7px rgba(244,148,11,1);
   -moz-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 2px #ffffff,inset 0px 0px 0px 7px rgba(244,148,11,1);
}

/*------------------------- checkbox styles -------------*/
.checkbox-style-wrapper input[type="checkbox"]{
	display:none;
}
.checkbox-style-wrapper label{ 
	position:relative;
   padding:4px;
   padding-left:20px;
   cursor:pointer;
   transition: color 0.3s ease, background 0.3s ease;
   -webkit-transition: color 0.3s ease, background 0.3s ease;
   -moz-transition: color 0.3s ease, background 0.3s ease;
}

.checkbox-style-wrapper label:before{
   content:"";
   width:14px;
   height:14px;
   position: absolute;
    left: 0px;
	top:8px;
   box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 0px rgba(244,148,11,1),inset 0px 0px 0px 7px rgba(244,148,11,0);
   -webkit-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 0px rgba(244,148,11,1),inset 0px 0px 0px 7px rgba(244,148,11,0);
   -moz-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 0px rgba(244,148,11,1),inset 0px 0px 0px 7px rgba(244,148,11,0);
	
	transition:box-shadow 0.3s ease;
	-webkit-transition:box-shadow 0.3s ease;
	-moz-transition:box-shadow 0.3s ease;
   
}

.checkbox-style-wrapper input[type="checkbox"]:checked  + label:before{ 
   box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 2px #ffffff,inset 0px 0px 0px 7px rgba(244,148,11,1);
   -webkit-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 2px #ffffff,inset 0px 0px 0px 7px rgba(244,148,11,1);
   -moz-box-shadow:0px 0px 0px 2px rgba(244,148,11,1),inset 0px 0px 0px 2px #ffffff,inset 0px 0px 0px 7px rgba(244,148,11,1);
}

/*-------- page not found */
section.not-found{
	text-align: center;
}
section.not-found .pnf-title{
	color: var(--theme-color-secondary);
    padding-top: 0.2em;
    font-size: 1.5em;
    font-weight: bold;
} 
section.not-found .search-form-wrap{
	position: relative;
	display: inline-block;
	margin:0 auto;
	width:97%;
	max-width: 500px;
	text-align: center;
} 
section.not-found .search-form-wrap input{
    display: inline-block;
    position: relative;
    width: calc(100% - 100px);
    vertical-align: middle;
    margin: 0px;
	line-height: 1;
} 
section.not-found .search-form-wrap button{
	position: relative;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
	line-height: 1;
	bottom:auto;
	top:auto;
	padding:0.4em;
} 
.pnf-404-wrap .pnf-404-4, 
.pnf-404-wrap .pnf-404-img{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3;
} 

.pnf-404-wrap .pnf-404-4{
	font-size: 8em;
	font-weight: bold;
	color: var(--theme-color);
} 
.pnf-404-wrap .pnf-404-img{
	width: 100px;
    height: 100px;
    box-shadow: inset 0px 0px 0px 10px rgba(var(--theme-color-rgb),1);
    -webkit-box-shadow: inset 0px 0px 0px 10px rgba(var(--theme-color-rgb),1);
    -moz-box-shadow: inset 0px 0px 0px 10px rgba(var(--theme-color-rgb),1);
    border-radius: 50%;
} 
.pnf-404-wrap .pnf-404-img-wrap{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
} 

#page-404-nav li{
	display: inline-block;
	margin:4px;
	color: var(--theme-color);
}
#page-404-nav li a{
	display: inline-block;
	font-weight: bold;
	padding:2px 7px; 
	color: var(--theme-color-title);
	border:2px solid var(--theme-color);
	background: var(--theme-color);
	border-radius: 30px;
	letter-spacing: 1px;

	transition: background 0.3s ease, color 0.3s ease;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
}
#page-404-nav li a:hover{
	color: var(--theme-color);
	background: var(--theme-color-title);
}

/* ----------------------- HEADER STYLES */
/* .custom-header-media:before{
    background:rgba(0,0,0,0.4); 
} */
.custom-header-img:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	width:100%;
	height:100%;
    background:rgba(0,0,0,0.1); 
}
.site-header{
	background:transparent;
}
.header-title{
	font-weight: 800;
    /* font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; */
	font-family: 'Roboto Slab', serif;
    font-size: 3em;
    color: #fff;
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: 0px;
    text-shadow: 0px 0px 8px rgb(0 0 0 / 50%);
}


.sb-footer-navigation .trp-ls-shortcode-language a.trp-ls-disabled-language,
.mobile-navigation .trp-ls-shortcode-language a.trp-ls-disabled-language,
.top-sub-navigation .trp-ls-shortcode-language a.trp-ls-disabled-language{
    color: #9f9f9f;
}

.home-header-content #sb-shipping-adrs{
	border-radius: 0px;
    color: rgb(245 130 32);
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1.5px;
    padding: 7px 8px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    border: 1px solid #fff;
}

.site-header .address-form-outer,
.site-header .page-title-outer{
	display:table;
	width:100%;
	height:100%;
}
.address-form-outer .adrs-form-text{
	color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0em;
}

.address-form-outer .address_time_out{
    color: #ffffff;
}

.page-header .site-branding .wrap,
.page-header .site-branding{
	width:100%;
	height:100%;
	z-index: 0;
	padding-top: 6em;
}
.page-header .site-branding .sb-shipping-adrs-form-content li{
	text-align:center;
}
.page-header .site-branding .sb-shipping-adrs-form-content .form-ul{
	width:100%;
}



/*-------------------------- HOME PAGE STYLES -------------------- */

.home-header-outer{
	z-index:8;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px; 
	height:100%;
	width:100%; 
	min-height:100%;
	background: rgba(0,0,0,0.3);
}
.home-header-outer .sb-btns-wrap{
	text-align:center;
}
.home-header-outer .logo-wrap{
	width: 70%;
    margin: 0 auto;
    max-width: 500px;
}

#home-about-us .content-wrapper{
    max-width: 700px;
}

.home-services-wrap ul{
	text-align: center;
}
.home-services-wrap ul li{
	text-align: center; 
	display: inline-block;
	width: 22%;
	padding:8px; 
	vertical-align: top; 
}
.home-services-wrap ul li .icon{
	display: block;
    text-align: center;
    height: auto;
    width: auto;
}
.home-services-wrap ul li .icon svg{
	display: inline-block;
	margin:0 auto;
	width:80px; 
	height: auto;
}
.home-services-wrap ul li .icon img{
	display: inline-block;
	margin:0 auto;
	max-width:200px;  
	height: auto;
}
.home-services-wrap ul li .title{
	margin:0 auto;
	font-size: 17px;
	font-weight: 600;
	padding:0px;
}
.home-services-wrap ul li .subtitle{
	margin:0 auto;
	font-size: 16px;
	font-weight: 600;
	padding:0px;
}
.home-services-wrap ul li .desc{
	font-size: 14px;
	color:#888888;
}

/*----------------------------*/
#about-us-page-section .section {
    text-align: center;
    margin-bottom: 4em; 
}

#about-us-page-section .section .img,
#about-us-page-section .section .text{
    display: inline-block;
    width: 46%;
    vertical-align: middle;
}
#about-us-page-section .section .img{
    text-align: center;
}
#about-us-page-section .section .img img{
    max-width: 600px; 
    width:95%;
}
#about-us-page-section .section .text{ 
    text-align: left;
    color:#888888;
}
#about-us-page-section .section .section-title{ 
    font-weight: bold;
    font-size: 2em;
    padding-bottom: 1em;
}

#about-us-page-section .section .text .section-title{ 
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    /* margin-bottom: 1em; */
}
#about-us-page-section .section .text .section-text{
    font-size: 16px;
    padding-top:1em;
}
#about-us-page-section .section.black-wood-back{
    background-image:url(https://schoene-burger.de/wp-content/uploads/2021/06/black-wood.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color:#fff;
    text-align: center;
    padding:2em 0.4em 0em 0.4em;
}
#about-us-page-section .section.black-wood-back .section-content{
    display: inline-block;
    margin:0 auto;
    width:95%;
    max-width: 600px; 
}
#about-us-page-section .section.black-wood-back .section-title{
    font-weight: bold;
    font-size: 2em;
    padding-bottom: 1em;
}



/*-------------------------- BUSINESS LUNCH PAGE STYLES -------------------- */
.business-lunch-archive .bl-archive{
    width: 95%;
    max-width: 1200px;
    margin:0 auto;
}

.section-title .c-date{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #3a3a3a;
    padding-top:0.7em;
}
.bl-archive .items-wrapper{
    margin-top:1em;
}
.bl-archive .bl-item-title-wrapper{
    margin:0px;
}
.bl-archive .bl-item-title{
    font-family: 'Roboto Slab', serif;
    margin:0px;
}
.bl-archive .bl-item-title-desc{
    margin:0px;
    padding-top:8px;
}
.bl-archive .item-name-wrapper{
    line-height: 1.5;
    padding-bottom: 0em;
    font-size: 18px;
    font-weight: bold;
}
.bl-archive .item-name-wrapper .item-price-wrapper{
    float: right;
    padding-left: 8px;
}
.bl-archive  .bl-items-ul .item-desc{
    margin: 0px;
    font-size: 15px;
    color: #6f6f6f;
}

.bl-archive  .bl-items-ul{
    margin-top:1.2em;
}
.bl-archive  .bl-items-ul li{
    display: inline-block;
    width: 45%;
    max-width: 700px;
    padding:4px;
    margin:0px 10px 1em 10px;
    border-radius: 8px;
    vertical-align: top;
    border: 1px solid #efefef;
}

.menu-header-desc{
    padding:0.5em;
    font-weight: bold;
}

.item-name-wrapper{
    display: inline-block;
    font-family: 'Roboto Slab', serif;
    font-size: 1.5em;
    color: #696969;
    font-weight: 800;
    margin-bottom: 0px;
    vertical-align: middle;
    border-bottom: 1px dotted #afafaf;
}
.item-name-wrapper .item-price{
   color:var(--theme-color); 
}
.item-name-wrapper .item-taste{
    font-size: 0.8em;
    font-weight: 600;
    color:var(--theme-color);
}

.items-header-wrap .items-title-wrap .menu-item-title{
    font-size: 1.2em;
    color:var(--theme-color);
    font-weight: bold;
    margin:0.75em 0 0 0 ;
}




/*-------------------------- Gallery PAGE STYLES -------------------- */
.gallery-page-images-wrap .gallery-archive-img{
    display: inline-block;
    width:22%;
    margin:0.5em;
    max-width: 400px;
    min-width: 85px;

}
.gallery-page-images-wrap .gallery-archive-img .img-wrapper{
    width:100%;
    height: auto;
}
.gallery-page-images-wrap .gallery-archive-img img{
    width:100%;
    height: auto;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);

    box-shadow: 0px 0px 0px 2px var(--theme-color-secondary), 0px 0px 0px 0px rgba(0,0,0,0.7) ;
    -webkit-box-shadow: 0px 0px 0px 2px var(--theme-color-secondary), 0px 0px 0px 0px rgba(0,0,0,0.7) ;
    -moz-box-shadow: 0px 0px 0px 2px var(--theme-color-secondary), 0px 0px 0px 0px rgba(0,0,0,0.7) ;

    transition: box-shadow 0.3s ease, transform 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease, transform 0.3s ease;
    -moz-transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.gallery-page-images-wrap .gallery-archive-img:hover img{

    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02); 

    box-shadow: 0px 0px 0px 2px var(--theme-color-secondary), 0px 0px 12px 0px rgba(0,0,0,0.7) ;
    -webkit-box-shadow: 0px 0px 0px 2px var(--theme-color-secondary), 0px 0px 12px 0px rgba(0,0,0,0.7) ;
    -moz-box-shadow: 0px 0px 0px 2px var(--theme-color-secondary), 0px 0px 12px 0px rgba(0,0,0,0.7) ;
}



/*-------------------------- CONTACT PAGE STYLES -------------------- */
#contact-page-address .sb-address{
	color:#666666;
}
#contact-page-address .sb-address .address-wrap{
	font-weight:bold;
	margin-bottom:0.6em;
}
#contact-page-address .address-outer{
	display:table;
	height:100%;
	width:100%;
}

#contact-page-address .sb-address .link-wrap{
	margin-bottom:0.6em;
}
#contact-page-address .opening-hours-wrap ul{
	text-align:center;
}
#contact-page-address .opening-hours-wrap li{
	width: 95%;
    max-width: 500px;
	font-size: 15px;
    margin: 0 auto;
    color: #666666;
    text-align: right;
    padding: 0.2em;
    margin: 0.2em auto;
    border-bottom: 1px dotted rgba(0,0,0,0.7);
}
#contact-page-address .opening-hours-wrap li:last-child{
    border-bottom: 1px dotted rgba(0,0,0,0);
}
#contact-page-address .opening-hours-wrap li.current-day{
	color: var(--theme-color);
}
#contact-page-address .opening-hours-wrap li .day{
	font-weight:bold;
	float:left;
}

#contact-page-address .sb-address a{
	color:#666666;
}
#contact-page-address .oh-wrap{
	background: #efefef;
    padding: 8px;
    border-radius: 10px;
}
#contact-page-address .sb-address a:hover{
	color:var(--theme-color);
}
#contact-page-address .section-title{
	font-size: 2em;
	margin-bottom: 1em;
}

#contact-page-contact{
	background:#efefef;
}

/*------------- reviews page --------------*/
.page-sections.reviews-archive{
    background: #efefef;
}

.review-archive-items .sb-by{
    color: var(--theme-color);
}
.review-archive-items .sb-by span{
    color: #9a9a9a;
    font-size: 0.6em;
}
.review-archive-items .sb-review-date{
    color: #9a9a9a;
    font-size: 0.7em;
}

/*-------------------------- FOOTER STYLES -------------------- */


/*---------------------------------------------------------------------------- SB RESTAURANT DELIVERY 19.jan.2021 */

/* ----------- COMMON STYLES --------------- */
input + button, input + input[type="button"], input + input[type="submit"]{
    padding:0.3em 0.6em;
}
.woocommerce-cart-form .button:hover,
.button:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.btn-wrap a:hover,
.main-navigation .menu-item.outline a:hover,
.main-navigation .menu-item.fill a:hover,
.mobile-navigation li.fill a:hover,
.outline a:hover,
a.button:hover,
.button,
button[type="submit"],
input[type="button"],
input[type="submit"],
.btn-wrap a,
.main-navigation .menu-item.outline a,
.main-navigation .menu-item.fill a,
.mobile-navigation li.fill a,
.outline a,
a.button,
.widget_shopping_cart .buttons a, 
.sb-btn{
	position: relative;
	display: inline-block;
	margin:0.5em;
	padding:0.3em 0.6em;
	font-size: 15px;
	font-weight: 400; 
	background: var(--theme-color);
	color: var(--theme-color-text); 
    border:2px solid var(--theme-color);   
    border-radius:40px;
    cursor:pointer;
	transform: scale(1);
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
	letter-spacing: 1px;
    /* text-transform: uppercase; */
    font-weight: 600;
    
    transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -webkit-transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -moz-transition: border-radius .3s ease, background .3s ease, color .3s ease;
}

.widget_shopping_cart .buttons a,
.sb-btns-wrap a:hover,
.sb-btns-wrap a:active{
	background: var(--theme-color); 
	color: var(--theme-color-text);   
}
.widget_shopping_cart .buttons a{
    padding: 0.5em 0.8em;
}
button:hover:not( .mejs-container > button ), button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
    background: #000;
}



.home-header-content .sb-btn:hover, 
.theme-color .button:hover,
.theme-color button[type="submit"]:hover,
.theme-color input[type="button"]:hover,
.theme-color input[type="submit"]:hover,
.theme-color .btn-wrap a:hover,
.theme-color .main-navigation .menu-item.outline a:hover,
.theme-color .main-navigation .menu-item.fill a:hover,
.theme-color .mobile-navigation li.fill a:hover,
.theme-color .outline a:hover,
.theme-color a.button:hover,
.theme-color .sb-btn:hover,
.home-header-content .sb-btn, 
.theme-color .button,
.theme-color button[type="submit"],
.theme-color input[type="button"],
.theme-color input[type="submit"],
.theme-color .btn-wrap a,
.theme-color .main-navigation .menu-item.outline a,
.theme-color .main-navigation .menu-item.fill a,
.theme-color .mobile-navigation li.fill a,
.theme-color .outline a,
.theme-color a.button,
.theme-color .sb-btns-wrap a:hover,
.theme-color .sb-btns-wrap a:active,
.woocommerce-error .sb-btn,
.theme-color .sb-btn{ 
	background: var(--theme-color-title);
	border: 2px solid var(--theme-color-title);
	color: var(--theme-color);
	position: relative;
    transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -webkit-transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -moz-transition: border-radius .3s ease, background .3s ease, color .3s ease; 
}

.theme-color .sb-btns-wrap a:hover,
.theme-color .outline a:hover,
.theme-color a.button:hover,
.theme-color .sb-btn:hover{
	background: var(--theme-color);
	color: var(--theme-color-title);
}

.home-header-content .sb-btn:hover, 
.theme-color-secodnary .button:hover,
.theme-color-secodnary button[type="submit"]:hover,
.theme-color-secodnary input[type="button"]:hover,
.theme-color-secodnary input[type="submit"]:hover,
.theme-color-secodnary .btn-wrap a:hover,
.theme-color-secodnary .main-navigation .menu-item.outline a:hover,
.theme-color-secodnary .main-navigation .menu-item.fill a:hover,
.theme-color-secodnary .mobile-navigation li.fill a:hover,
.theme-color-secodnary .outline a:hover,
.theme-color-secodnary a.button:hover,
.theme-color-secodnary .sb-btn:hover,
.theme-color-secodnary .button,
.theme-color-secodnary button[type="submit"],
.theme-color-secodnary input[type="button"],
.theme-color-secodnary input[type="submit"],
.theme-color-secodnary .btn-wrap a,
.theme-color-secodnary .main-navigation .menu-item.outline a,
.theme-color-secodnary .main-navigation .menu-item.fill a,
.theme-color-secodnary .mobile-navigation li.fill a,
.theme-color-secodnary .outline a,
.theme-color-secodnary a.button,
.theme-color-secodnary .sb-btns-wrap a:hover,
.theme-color-secodnary .sb-btns-wrap a:active, 
.theme-color-secodnary .sb-btn{
	background: var(--theme-color);
	color: var(--theme-color-title);
}

.widget_shopping_cart .buttons a,
a.button,
a.active,
a.button:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	line-height: 1;
	font-size: 15px;
    font-weight: 600;
    padding: 0.4em 0.8em; 
   
}

.cart_totals  a.buttons{     
    padding: 0.8em 0.5em;   
}

a.add_to_cart_button:hover,
a.add_to_cart_button{
	margin:0px;
} 

.sb-btns-wrap > li{
	display: inline-block;
}
.sb-btns-wrap > li a:hover{
	display: inline-block;
    color: var(--theme-color);
    background: var(--theme-color-text);
}

/* sections */
.page-sections{
	background-color: #ffffff;
}

.page-sections .section-title{
	color:var(--theme-color);
}
.page-sections .section-subtitle{
	color:var(--theme-color-title);
	margin-bottom:0.4em;
	/* font-family:"Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; */
	/* font-family: 'Roboto', sans-serif; */
}
.page-sections .section-description{
	color:#888888;
}


.page-sections.theme-color{
	background-color: var(--theme-color);
}
.page-sections.theme-color .section-title{
	color: var(--theme-color-title);
}
.page-sections.theme-color .section-subtitle{
	color: var(--theme-color-text);
}
.page-sections.theme-color .section-description{
	color: var(--theme-color-text);
}
.page-sections .section-description .big{
	font-size: 1.3em;
}

.page-sections.theme-color-secondary{
	background-color: var(--theme-color-secondary); 
}
.page-sections.theme-color-secondary .section-title{
	color: var(--theme-color-secondary-title);
}
.page-sections.theme-color-secondary .section-subtitle{
	color: var(--theme-color-secondary-text);
}
.page-sections.theme-color-secondary .section-description{
	color: var(--theme-color-secondary-text);
}


/*---------- HEADER STYLES ----------*/
.home-header-wrap{
	position: relative;
	width: 100%;
	/* height:100%;
	min-height: 100vh; */
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
.home-header-wrap .header-bottom{
	position: relative;
    width: 100%;
    height: auto;
    padding-top: 2em;
    padding-bottom: 1em;
    overflow: hidden;
    min-height: 200px;
    z-index: 0; 
    background: var(--theme-color);
}

.home-header-wrap .header-bottom .home-header-outer{ 
	position: relative; 
}
.home-header-wrap .logo-wrap{ 
	width:150px; 
}

.header-content{
	position: relative;
    width: 100%;
    height: auto;
    padding: 12em 1em 1em 1em;
    min-height: 400px;
    text-align: center;
}

.header-content .content-wrap{
	padding:0.4em;
	display: inline-block;
	text-align: center;
	border-radius: 8px; 
}
.header-content .content-wrap .home-header-text-wrap,
.header-content .content-wrap .home-header-img-wrap{
    vertical-align: middle;
	display: inline-block;
	text-align: center;
    width: 45%; 
}
.header-content .content-wrap h1,
.header-content .content-wrap h2{
	margin:0px;
	padding:0px;
}

.header-content .content-wrap .home-header-logo-text{
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 0.4em;
    padding-bottom: 0.4em;
    color: var(--theme-color-text);
    border-bottom: 1px solid var( --theme-color-text);
}
.header-content .content-wrap .home-header-title{
	font-size: 2em;
	font-weight: bold;
	color:var( --theme-color-title);
}
.header-content .content-wrap .home-header-subtitle{ 
	font-size: 1.5em;
    font-weight: 400;
    color:var( --theme-color-title);
}

.header-content .content-wrap .home-header-text-wrap{ 
    padding: 1em 0.3em;
    background: rgba(0,0,0,0.8);
    border-radius: 8px;
}
.header-content .content-wrap .home-header-text-wrap .home-header-title{
    font-size: 4em;
    color: var(--theme-color);
    line-height: 1;
	font-family: 'Roboto Slab', serif;
    margin-bottom:20px;
    font-weight: 400;
}
.header-content .content-wrap .home-header-text-wrap .home-header-subtitle{
    font-size: 4em;
    font-weight: bold;
    line-height: 1;
    color: var(--theme-color-text);
	font-family: 'Roboto', sans-serif;
}
.header-content .content-wrap .home-header-text-wrap .home-header-text{
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
	font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}
.header-content .content-wrap .home-header-text-wrap .home-header-text .big-text,
.header-content .content-wrap .home-header-text-wrap .home-header-text .highlight{
    font-size: 1.4em;
    color: var(--theme-color);
}

.header-content .content-wrap .logo-wrap{
	display: inline-block;
	margin:0 auto;
	width:60%;
	max-width: 400px;
	min-width: 200px;
}

.logo-wrap{
	padding:3px; 
}
.logo-wrap img{
	width: 100% ;
	height: auto;
}

/*----------- navigation top ------------*/
.navigation-top{
    position:fixed;
    width: 100%;
    height: auto;
    padding-top: 0em;
    padding-bottom: 0.4em; 
	background: transparent;
}
.navigation-top-wrap .main-navigation{
	background: rgba(0,0,0,0.9);
    min-height: 40px; 
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(159,123,12,0) 100%);
}

.header-sub-nav .header-sub-nav-left {
    /* display: inline-block; */
    display: none;
}
.header-sub-nav .header-sub-nav-left .nav-left-wrap:not(.mobile),
.header-sub-nav .header-sub-nav-right .nav-right-wrap{
	display: inline-block;
    vertical-align: middle;
	padding:0.4em 1em;
	border-radius: 40px;
	background-color: #ffffff;
	line-height: 1;
	text-align: center;
	color:#222222;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}
.header-sub-nav .header-sub-nav-right{
	float: right;
    padding-right: 1em;
}
.header-sub-nav .header-sub-nav-right a {
	display: inline-block;
    padding: 0px;
    width: 35px;
    height: 35px;
    font-size: 22px;
    line-height: 1.5;
    position: relative;
	color:#222222;
	background: var(--theme-color-text);
    border-radius: 50%;

	transition: background 0.3s ease,color 0.3s ease;
	-webkit-transition: background 0.3s ease,color 0.3s ease;
	-moz-transition: background 0.3s ease,color 0.3s ease;
}
.header-sub-nav .header-sub-nav-right a:hover{
	background: var(--theme-color);
	/* color: var(--theme-color-text); */
}

.header-sub-nav .header-sub-nav-left .nav-left-wrap{
	display: inline-block;
    vertical-align: middle;
}
.header-sub-nav .header-sub-nav-left .nav-left-wrap.mobile{
	position: relative;
    left: 0.2em;
    top: 0em;
    top: 0em;
    display: inline-block;
    line-height: 1;
    width: 42.7px;
    height: 42.7px;
    vertical-align: middle;
    z-index: 999;
    font-weight: bold;
    font-size: 2em;
    padding: 0.4em;
    text-align: center;
    border-radius: 50%;
    font-size: 2em;
    background: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary-title);
    margin: 0;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
}
.header-sub-nav .header-sub-nav-left .nav-left-wrap.mobile a{
	font-size: 0.8em;
    color: #fff;
}
.header-sub-nav .header-sub-nav-left .btn-label{
	font-size: 13;
	font-weight: 400;
}
.header-sub-nav .header-sub-nav-left a.btn{
	display: block;
	font-size: 17px;
	font-weight: 800;
}

.header-sub-nav .header-sub-nav-right a.cart-contents{
	display: inline-block;
    color: #222222;
    width: auto;
    height: auto;
    border-radius: 40px;
    padding-left: 0.4em;
    padding-right: 0.4em;
    
}
.header-sub-nav .header-sub-nav-right a.cart-contents:not(.empty){
	border: 2px solid var(--theme-color); 
}

.header-sub-nav .header-sub-nav-right a.cart-contents span.count,
.header-sub-nav .header-sub-nav-right a.cart-contents span.count span,
.header-sub-nav .header-sub-nav-right a.cart-contents span.amount{
	color:#222222;
}
.header-sub-nav .header-sub-nav-right a.cart-contents span.amount{
	font-size: 16px; 
}
.header-sub-nav .header-sub-nav-right a.cart-contents span.count span{
	position: absolute;
    right: -1px;
    top: -4px;
    padding: 2px;
    line-height: 1;
    font-size: 12px;
    background: var(--theme-color);
    border-radius: 30px;
}


.main-navigation .menu a:visited, 
.main-navigation .menu a:active,
.main-navigation .menu a{
	color: var(--theme-color-title);
	font-size: 12px;
    font-weight: 600;
}
#top-menu .menu-item a,
.main-navigation .menu a:hover{
	color: var(--theme-color-text);
}

#top-menu .menu-item a,
.main-navigation .menu a{ 
	text-transform: uppercase;
	padding:4px 5px; 
	margin:2px 4px;
	box-shadow: 0px 0px 0px 0px var(--theme-color);
	-webkit-box-shadow: 0px 0px 0px 0px var(--theme-color);
	-moz-box-shadow: 0px 0px 0px 0px var(--theme-color);

	transition: box-shadow 0.3s ease;
	-webkit-transition: box-shadow 0.3s ease; 
	-moz-transition: box-shadow 0.3s ease;
}
#top-menu .menu-item a.cart-contents,
.main-navigation .menu a.cart-contents{
    color: var(--theme-color-text);
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    box-shadow: none;
    transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -webkit-transition: border-radius .3s ease, background .3s ease, color .3s ease;
    -moz-transition: border-radius .3s ease, background .3s ease, color .3s ease;
}

#top-menu .menu-item a.cart-contents:hover,
.main-navigation .menu a.cart-contents:hover{
    color: var(--theme-color-text);
    border-top-left-radius:0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
    box-shadow: none;
}

/* #top-menu .menu-item a,
#top-menu .menu-item a:active,
#top-menu .menu-item a:visited, */
.navigation-top .current-menu-item > a:active, 
.navigation-top .current-menu-item > a:visited, 
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a:visited, 
.navigation-top .current_page_item > a:active, 
.navigation-top .current_page_item > a { 
	/* background: var(--theme-color);  */
	color:var(--theme-color);
}

ul.menu a.hide{
    display: none; 
}
#top-menu .menu-item.current_page_item a,
#top-menu .menu-item a:hover,
.main-navigation a:hover{
	color: var(--theme-color); 

	/* border:1px solid var(--theme-color); */ 
}



.secondary-navigation{
	text-align:right;
}
.secondary-navigation .header-links,
.secondary-navigation .header-social-links{
	display:inline-block; 
}


.sb-top-nav-wrap{
    float:right;
}

.top-sub-navigation{
	background:var(--theme-color);
}
.top-sub-navigation .wrap{
	padding: 0.4em 3.4166666666667em;
}
.top-sub-navigation .address-wrap li,
.top-sub-navigation .address-wrap{
	display:inline-block;
	color:#fff;
	font-size:13px;
}
.top-sub-navigation .address-wrap .address-details-wrap{
	display: inline-block;
}
.top-sub-navigation .address-wrap li{
	margin-right:8px;
}
.top-sub-navigation .address-wrap li a{
	color:#fff;
}
.top-sub-navigation .address-wrap i{
	color: var(--theme-color-secondary);
}
.top-sub-navigation .social-links-wrap{ 
    /* display:inline-block; */
    float:right;
}
.top-sub-navigation .social-links-wrap .social-links{
	display:inline-block;
}
.top-sub-navigation .social-links-wrap a{
	width: auto;
	height: auto;
	padding:0px 2px;
	margin: 0px 3px;
	font-size:14px;
}
.top-sub-navigation .cart-totals-wrap{
	display: inline-block;
}

.sb-footer-navigation .trp-ls-shortcode-current-language,
.top-sub-navigation .trp-ls-shortcode-current-language{
	width: 90px;
    border-radius: 0px;
    border: 1px solid #fff;
    background-color: transparent;
	background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
    background-position: calc(100% - 8px) calc(1em - 5px), calc(100% - 3px) calc(1em - 5px);
	padding:2px 10px 2px 2px;
	color: #fff;
}
.sb-footer-navigation .trp-ls-shortcode-current-language a,
.top-sub-navigation .trp-ls-shortcode-current-language a{
    color: #fff;
	font-size: 12px;
}
.mobile-navigation .trp-language-switcher > div > a > img,
.sb-footer-navigation .trp-language-switcher > div > a > img,
.top-sub-navigation .trp-language-switcher > div > a > img{
    vertical-align:middle;
}

.sb-footer-navigation .trp-ls-shortcode-language,
.mobile-navigation .trp-ls-shortcode-language,
.top-sub-navigation .trp-ls-shortcode-language{
    border-radius: 0px;
}

.sb-footer-navigation .trp-ls-shortcode-language,
.top-sub-navigation .trp-ls-shortcode-language a{
    color: rgba(203,24,32,1);
	font-size: 12px;
}

/*
*
* theme 2 header styles
*
*/
.sb-top-right-nav,
.sb-top-left-nav{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: calc(50% - 120px);
    top:0px;
   
}
.sb-top-right-nav{
    text-align: left;
    right: 0px;  
	float:right;
}
.sb-top-right-nav.auto{
    width: calc(100% - 120px);
    text-align: right;
}
.sb-top-right-nav .menu-top-menu-container{
    display: inline-block;
}
.sb-top-right-nav .nav-account{
    display: inline-block;
}
.sb-top-right-nav .nav-account .wrap{
    padding:0px;
}
.sb-top-right-nav .nav-account .wrap .sbwoo-btns-wrap{
    border-left: 1px solid #fff;
    padding-left:7px;
}
.sb-top-right-nav .nav-account .wrap a{
    display: inline-block;
    padding: 0.1em 0.5em;
}
.sb-top-left-nav{
    text-align: left;
    left: 0px; 
}
.sb-top-left-nav ul.nav-menu{ 
    text-align: right;
}


.main-navigation .logo-wrap{
	top: 0px;
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    width: 200px;
}
.main-navigation .logo-wrap.left{
	top: 10px;
    margin-bottom: 0;
    position: absolute;
    left: 2em;
    margin-left: 0px;
    background: #000000;
    max-width: 150px;
    width:150px;
    height:auto;
}



.main-navigation .logo-wrap a{
	padding: 0px;
    text-align: center;
}
.main-navigation .logo-wrap{
    transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
    -webkit-transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
    -moz-transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
}
.main-navigation .logo-wrap a img{
	position: relative;
    /* top:10px; */

    transition: transform 0.3s ease, width 0.3s ease;
    -webkit-transition: transform 0.3s ease, width 0.3s ease;
    -moz-transition: transform 0.3s ease, width 0.3s ease;
}

.navigation-top .header-sub-nav{ 
	position: relative;
	display: block;
	margin-top: 1em;
    z-index: 1;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;

}
.navigation-top.animate-logo .header-sub-nav{
	margin-top: 0em;
}

.navigation-top:before{
	content:"";
	position: absolute;
	width:100%;
	height: 100%;
	z-index: -1;
	pointer-events: none; 

	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	background:rgba(255,255,255,0); 

	transition: transform 0.3s ease, background 0.3s ease;
	-webkit-transition: transform 0.3s ease, background 0.3s ease;
	-moz-transition: transform 0.3s ease, background 0.3s ease;
}
.navigation-top.animate-logo:before{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	background:rgba(0,0,0,1);
	
}

.main-navigation .sb-header-nav{
    display: inline-block;
    width: 100%;
    padding: 0.2em 0em;
    padding-top: 2em;
}

/* .navigation-top.animate-logo .main-navigation .logo-wrap a img{
    width:70%; 
} */
.navigation-top.animate-logo .main-navigation .logo-wrap{
    width:120px;
    height:auto;
} 

/* .main-navigation .logo-wrap a:after,
.main-navigation .logo-wrap a:before{
	content: ' ';
    position: absolute;
    background: none;
    border: 4px solid;
    border-color: transparent #a3a3a3 #a3a3a3 transparent;
    display: block;
    width: 8px;
    height: 8px;
    left: -8px;
    top: -0;
    z-index: 30000;
}
.main-navigation .logo-wrap a:after{
    left: auto;
    right: -8px;
    border-color: transparent transparent #a3a3a3 #a3a3a3;
} */

/* end */

/*------------------ home -----------*/
.home-header-outer {
    z-index: 8;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    min-height: 100%;
    background: rgba(0,0,0,0);
}

.home-sections .items-wrap{
	padding: 1em 0em;
}
.home-sections .items-wrap .item{
	position: relative;
	display: inline-block;
	vertical-align: top; 
	margin:8px;
	margin-bottom:12px; 
	width: 23%;
	width: calc(25% - 20px);
	min-width: 130px; 
	max-width: 500px; 
}
.home-sections .items-wrap .item.has-no-img{
	position: relative;
	display: inline-block;
	vertical-align: top; 
	margin:8px;
	margin-bottom:12px; 
	width: auto;
	min-width: auto; 
	max-width: 500px; 
}
.home-sections .items-wrap .item a{
	display: inline-block;
}
.home-sections .items-wrap .item .item-name-wrap{
	position: relative;
	display: inline-block;
	background:var(--theme-color-secondary);
}


.home-sections .items-wrap .item-title{ 
	margin:0px;
	padding:4px;
	font-size: 16px;  
	font-weight: 600; 
}
.home-sections .items-wrap .item-title .price{ 
	padding-left:4px;
}

.page-sections.theme-color-secondary .items-wrap .item-title{
	color: var(--theme-color-secondary-title);
}
.page-sections.theme-color .items-wrap .item-title{
	color: var(--theme-color-title);
}
.home-sections .items-wrap .img-wrap img{
	border-radius: 8px;
	display: inline-block; 
	border:1px solid #fff;
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3); 
}

.home-sections .items-wrap .item .item-name-wrap{
	position: relative;
	display: inline-block;
	background:var(--theme-color-secondary);
	border-radius: 8px;
	padding:2px 7px; 
    border:1px solid #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);

	transition: border-radius 0.3s ease;
	-webkit-transition: border-radius 0.3s ease;
	-moz-transition: border-radius 0.3s ease; 
}
.home-sections .items-wrap .item a:hover .item-name-wrap{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.home-sections .items-wrap .item .item-name-wrap .item-title{
	position: relative;
	display: inline-block;
	color:var(--theme-color-secondary-title); 
	font-weight: 600; 	 
}
.page-sections.theme-color-secondary .items-wrap .item .item-name-wrap{
	position: relative;
	display: inline-block;
	background:var(--theme-color); 
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px; 
	padding:2px 7px; 
}
.page-sections.theme-color-secondary .items-wrap .item .item-name-wrap .item-title{
	position: relative;
	display: inline-block;
	color:var(--theme-color-title);   	
}
.home-sections .items-wrap .item .item-name-wrap .item-title .price{
	font-weight: 400;	
}

.home-sections .items-wrap a:hover .img-wrap img{  
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03); 
}

.home-sections.has-side-img .content-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}
.home-sections.has-side-img.left .content-wrapper{
    flex-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
}
.home-sections.has-side-img .content-wrapper .content{
    position: relative;
    padding:1em;
    border-radius: 10px;
    border:2px solid var(--theme-color);
    margin-right: 1.5em;  
    max-width: 650px;
}
.home-sections.has-side-img.left .content-wrapper .content{
    margin-left: 1.5em;  
}
.home-sections.has-side-img .content-wrapper figure{
    position: relative;
    width: 100%;
    max-width: 600px;
    min-width: 300px;
}
.home-sections.has-side-img .content-wrapper figure img{
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

.page-sections.contact-section {
	background-color: var(--theme-color);
    background-image: url(https://patatas-restaurant.de/wp-content/uploads/2021/10/patatas-slider-img-3.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.contact-section .delivery-time-wrap{
	width: 95%;
    margin: 0 auto;
    max-width: 600px;
    border-radius: 10px;
    background: rgba(0,0,0,0.95);
    padding: 1em;
}
.contact-section  .delivery-time-wrap h2.label{
	color: var(--theme-color);
	/* font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;  */
	font-family: 'Roboto Slab', serif;
    font-size: 3em;
    /* font-weight: 600;   */
}
.contact-section  .delivery-time-wrap li{
	padding:4px;
	margin:4px 0px;
	border-top:1px dotted var(--theme-color-text);
	text-align: right;
	line-height: 1.2;
}
.contact-section  .delivery-time-wrap li:nth-child(1){
	padding:4px;
	margin:4px 0px;
	border-top:1px dotted transparent;
}

.contact-section  .delivery-time-wrap li .time,
.contact-section  .delivery-time-wrap li .day{
	font-size: 17px;
	color:var(--theme-color-text);
}
.contact-section  .delivery-time-wrap li .day{
	float:left;
	font-weight: 600; 
}
.contact-section  .delivery-time-wrap li.current-day{
    background: var(--theme-color-title);
    color:var(--theme-color); 
	border-top:1px dotted transparent;
}
.contact-section  .delivery-time-wrap li.current-day .time, 
.contact-section  .delivery-time-wrap li.current-day .day{
    color:var(--theme-color); 
}



/* ---------------- discount info --------------*/
.discount-section:not(.has-background) {
	background-color:var(--theme-color-title); 
}

.discount-section .discount-wrap{
	display: block;
    width: 95%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0.5em;
    border: 4px dashed var(--theme-color);
    margin-bottom: 1em;
}
.discount-section .discount-wrap .section-discount-text{  
	font-size: 50px;
	color: var(--theme-color-secondary-text);
	margin:4px;
	padding:4px;
	font-weight: bold;
}

.discount-section .discount-wrap .section-code .code{
	display: inline-block;
    padding: 2px 4px;
    background: var(--theme-color-secondary-text);
    margin: 13px;
    font-size: 30px;
    color: var(--theme-color);
    font-weight: 600;
    border: 2px dashed #ffffff;
    box-shadow: 0px 0px 0px 5px var(--theme-color-secondary);
    -webkit-box-shadow: 0px 0px 0px 5px var(--theme-color-secondary);
    -moz-box-shadow: 0px 0px 0px 5px var(--theme-color-secondary);
}
.discount-section .discount-wrap .section-code{
	padding:0px;
}

.discount-section .discount-wrap .section-code .select-all-text textarea{
    font-size: 30px;
    font-weight: 600;
    color: var(--theme-color-title);
    padding:0px;
    text-align: center; 
    border:0px solid transparent;
    overflow: hidden;
    background: var(--theme-color-secondary);
}

.discount-section .discount-wrap .section-code .after-code,
.discount-section .discount-wrap .section-code .before-code{
	display: block;
	font-size: 18px;
	font-weight: 600;
}
.discount-section .discount-wrap .section-note{
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	font-size: 16px;
	color:  var(--theme-color);
	margin:4px auto;
}
.discount-section .discount-wrap .section-subtitle{
	color:  var(--theme-color-text);
}
/*------------------------ min orders discount ------*/
.min-orders-discount-section .discount-wrap{
    padding: 8px;
    border: 4px dotted var(--theme-color-secondary); 
    width: 95%;
    margin: 0 auto;
    max-width: 800px; 
}
.min-orders-discount-section h1{
    margin:0.2em 0em;
    padding: 2px 0px;
    line-height: 1; 
}
.min-orders-discount-section .user-name{
    font-size: 20px;
    font-weight: bold;
    color: var(--theme-color);
}
.min-orders-discount-section .user-name .greetings{
    margin-right: 5px;
    font-weight: 200;
}
.min-orders-discount-section .discount-title .discount-val{  
    display: block;
    text-align: center;
    font-size: 3em;   
    font-weight: 600;
    color: var(--theme-color-secondary);  
}
.min-orders-discount-section .description .order-no,  
.min-orders-discount-section .subtitle .order-no,  
.min-orders-discount-section .description .discount-val,  
.min-orders-discount-section .subtitle .discount-val{  
    font-weight: bold;
    font-size: 1.2em;
}
.min-orders-discount-section .discount-title .order-no{  
    font-size: 1.2em;
    display: inline-block;
    font-weight: 600;
    color: var(--theme-color-secondary); 
}
.min-orders-discount-section .subtitle{
    display: inline-block;
    background: var(--theme-color-secondary);
    color: var(--theme-color-secondary-title);  
    margin:0.2em auto; 
    padding:2px 4px;
}

/* ---------------- shop --------------*/
.cart-offer{
    text-align: center;
}

.cart-offer .cart-offer-content{
    width:95%;
    max-width: 1100px;
    background:#efefef;
    margin:0 auto;
    text-align: center;
}
.cart-offer .title{
   font-weight: bold;
   color:var(--theme-color);
   margin:0px;
   padding:4px;
   font-size: 19px;
}
.cart-offer .subtitle{
   font-weight: 600;
   margin:0px;
   padding:4px;
   font-size: 18px;
}
.cart-offer .description{
   font-weight: 400;
   margin:0px;
   padding:4px;
   font-size: 17px;
}

.select-all-text {
    position: relative;
}
.select-all-text textarea{
    position: absolute;
    width: 100%;
    height:100%;
    top:0px;
    left:0px;
    padding:2px;
    resize: none; 
}

/* ---------------- IMPRINT --------------*/
#imprint-page-section .imprint-header{
    padding:0.5em;
    margin-bottom:1em;
    background:#efefef;  
}

#imprint-page-section a{
    text-decoration: underline;  
}
#imprint-page-section a:hover{
    color: var(--theme-color);
    
}

#imprint-page-section .imprint-header h2,
#imprint-page-section .imprint-header h3,
#imprint-page-section .imprint-header h4,
#imprint-page-section .imprint-header p,
#imprint-page-section .imprint-header h1{ 
    margin:4px;
    padding:4px;
    line-height: 1;  
}


#imprint-page-section .imprint-header .firma-name{
    font-weight: bold;
    color: var(--theme-color);
    margin-bottom:10px;
}
#imprint-page-section .imprint-header .firma-owner{  
    font-weight: bold;
}

#imprint-page-section .imprint-header .firma-address{
    font-size: 18px; 
    font-weight: 600;
}

#imprint-page-section .imprint-header p b{
    font-weight: bold;
    color: var(--theme-color);
}

/*
*
* general popup section
*
*/
#general-popup{
	display: none;
	position: fixed;
	width:100%;
	left:0px;
	top:0px;
	z-index: 999; 
	height:0px;
	height:100%;
	height:100vh;
	min-height: 100vh;
	background: rgba(0,0,0,0.3); 	
}
#general-popup.active{
    display: inherit;
}
#general-popup h1,
#general-popup h2{
    margin: 0em;
    padding: 0.2em;
    line-height: 1;
}
#general-popup .outer{
    display: table;
    position: absolute;
    height: 100vh;
	min-height:100vh;
    width: 100%;
}
#general-popup .middle{
    display: table-cell;
    vertical-align: middle;
}
#general-popup .inner{
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
#general-popup .popup-content{
    position: relative;
    width: 95%;
    height: 80%;
    max-width: 600px;
    max-width: 600px;
    overflow: hidden;
    padding-top: 2em;
    margin: 0 auto;
    background: #fff;

    /* background-color: #cb1820;
    background-image: url(images/background/back-pattern-light.png);
    background-size: 100px; */
    background-size: auto 100%;

    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.7);
}
#general-popup .remove-popup{
    display: inline-block;
    position: absolute;
    top: 0em;
    right: 0em;
    color: #696969;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
}

#general-popup .remove-popup:before{
    display: inline-block;
    content: "\f158";
    font-family: 'dashicons';
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}
#general-popup .remove-popup:hover:before{
    color: #ff0000;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
#general-popup .popup-content .popup-scroll{
    width: 100%;
    height:100%;
    overflow-x: hidden;
    overflow-y: auto;
	padding:5px;
	max-height: 60vh; 
}
#general-popup .popup-content{
    border-radius: 8px; 
}
#general-popup .note{
    color: #ff0000;
    font-weight: 600;
    font-style: italic;
    padding: 0px;
    margin: 4px;
}
#general-popup .popup-image{
	width:100%;
	height: auto;
}
#general-popup .title{
	font-size: 20px;
	font-weight: bold;
	margin:0px;
	padding:2px 4px;
	color: var(--theme-color);
}
#general-popup .subtitle{
	font-size: 18px;
	font-weight: 600;
	margin:0px;
	padding:2px 4px;
}
#general-popup .description{ 
	margin:0px;
	padding:2px 4px;
}


#general-popup .popup-content.discount{ 
   border:4px dotted rgba(212,175,55,1);

   box-shadow:0px 0px 0px 4px #ffffff;
   -webkit-box-shadow:0px 0px 0px 4px #ffffff;
   -moz-box-shadow:0px 0px 0px 4px #ffffff; 
}
#general-popup .discount-text{
   display: inline-block;
   font-size: 35px;
   font-weight: bold;
   color:rgba(212,175,55,1);
}

#general-popup .discount .title{
    font-size: 2em;
    color: #D4AF37;
    font-weight: bold;
}

#general-popup .discount .subtitle{
    font-size: 1.5em;
    color:var(--theme-color);
	font-weight: bold;
	margin:0px;
	padding:4px;
}

#general-popup .discount .code .after-code, 
#general-popup .discount .code .before-code{ 
	display: block;
    font-size: 17px;
    font-weight: bold;
}
#general-popup .discount .code .code-text{ 
	display: inline-block;
    font-size: 30px;
    font-weight: 600;
    background: rgba(212,175,55,1);
    padding: 4px;
    margin: 12px;
    color: #fff;
    border: 2px dashed #fff;
    box-shadow: 0px 0px 0px 4px rgba(212,175,55,1);
    -webkit-box-shadow: 0px 0px 0px 4px rgba(212,175,55,1);
    -moz-box-shadow: 0px 0px 0px 4px rgba(212,175,55,1);
}
#general-popup .discount .code .code-text textarea{ 
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    padding:0px;
    text-align: center; 
    border:0px solid transparent;
    overflow: hidden;
    background: rgba(212,175,55,1);
}


/*---------- footer --------------- */
.site-info{
	width:100%;
	border-top: 1px dotted #fff;
}

.site-info a{
	color: #ffffff;
	text-decoration: none; 
}

.site-footer{
	position:relative;
	background:#000000;
	margin:0px;
	/* background-image:url(images/background/back-pattern-light.png);  */
}
.home-map{
	width:100%;
	height:350px;
	/* margin-top:2em; */
	border-top:2px solid #ffffff;
}

.footer-wrap{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:1em 0.5em;
}
.footer-columns-ul > li.sl-col{
	color:#fff;
	/* width:33%; */
	padding:0.5em 1em;
	text-align: left;
}
.footer-columns-ul > li .opening-hours li{
	font-size: 12px;
	font-weight: 400;
	border-bottom: 1px dotted #afafaf;
	padding:2px;
}
.footer-columns-ul > li .opening-hours li.current-day{
	color:var(--theme-color);
}
.footer-columns-ul > li .opening-hours li:last-child{
	font-size: 12px;
	font-weight: 400;
	border-bottom: 1px dotted transparent;
	
}
.footer-columns-ul > li .opening-hours li span.day{
	display: inline-block;
	min-width: 50px;
	padding-right: 0.6em; 
	font-weight: 700;
}
.footer-columns-ul > li .opening-hours li span.time{
	float:right;
}
.footer-columns-ul > li .footer-payment-methods li{
	position: relative;
	display: inline-block;
}
.footer-columns-ul > li .footer-payment-methods li img{
	position: relative;
	display: inline-block;
	max-height: 30px;
}


.footer-columns-ul .column-title{
	position: relative;
	font-size: 1.3em;
	font-weight: 700;
	color:#fff;
	/* border-bottom:1px solid #fff; */
}
.footer-columns-ul .column-title:before{
	content: "";
    position: absolute;
    height: auto;
    width: 40px;
    top: 100%;
    border-bottom: 2px solid var(--theme-color);
}
.footer-logo{
	display: table;
	height:100%;
	min-height:100%;
	text-align:center;
	margin:0 auto;
	margin-bottom:1.4em;
}

.footer-logo-wrap{
	width:70%;
	max-width:400px;
	margin:0 auto;
}
.footer-columns-ul .sb-address .address-wrap{ 
	font-weight:700;
	font-size: 12px;
	padding-left: 0em;
}

.footer-columns-ul .sb-address a,
#footer-nav li a{
	font-size: 12px;
	padding:4px;
	margin: 0.2em 0.5em 0.5em 0em;
}
#footer-nav li a{
	padding: 4px;
    color: var(--theme-color-text); 
    display: block;
    margin: 0.2em 0.5em 0.5em 0em;
    line-height: 1;
	text-align: left;
	transition: transform 0.1s ease;
	-webkit-transition: transform 0.1s ease;
	-moz-transition: transform 0.1s ease;
}
.footer-columns-ul .sb-address a:hover,
#footer-nav li a:hover{
	color:var(--theme-color); 
	transform: translateX(2px);
}
#footer-nav li a.hide,
#footer-nav li a.empty{
	display:none;
}
/* .site-footer{
	background-color: #222222; 
} */
.site-footer .footer-payment-methods{
	margin-left:4px; 
}

.site-footer .footer-wrap a{
	color: var(--theme-color-text);
	font-size: 12px;
}
.site-footer .footer-wrap a{
	color: var(--theme-color-text);
	font-size: 12px;
}
.site-footer .footer-wrap .social-links a{
	display: inline-block;
    text-align: center;
    line-height: 1;
    margin: 4px;
    font-size: 17px;
	padding:3px;
    width: auto;
    height: auto;
    border-radius: 50%;
}
.site-footer .footer-wrap .social-links{
	border-top: 1px dotted #fff;
    margin-top: 1em;
    padding-top: 0.5em;
}
.site-footer .footer-wrap a:hover{
	color: var(--theme-color); 
}

.footer-fixed-link{
    position: fixed;
    left: 0px;
    display: inline-block;
    bottom: 0.5em;
    z-index: 8;

    
}
.footer-fixed-link a.fixed{

    padding: 0.2em 0.4em;

    box-shadow: 2px 2px 12px -2px rgba(var(--theme-color-rgb),0.6);
    --webkit-box-shadow: 2px 2px 12px -2px rgba(var(--theme-color-rgb),0.6);
    --moz-box-shadow: 2px 2px 12px -2px rgba(var(--theme-color-rgb),0.6);

    /* -webkit-animation: anim-shadow  0.4s infinite  ease;
  -moz-animation:    anim-shadow  0.4s infinite  ease;
  -o-animation:     anim-shadow  0.4s infinite  ease; 
  animation:         anim-shadow  0.4s infinite  ease; */

  background: linear-gradient(70deg, #751012, #751012, #f2e9e5, #751012, #751012);
    background-size: 1000% 1000%;

    -webkit-animation: animGradient 7s ease infinite;
    -moz-animation: animGradient 7s ease infinite;
    -o-animation: animGradient 7s ease infinite;
    animation: animGradient 7s ease infinite;

  border:3px solid transparent;

}
.footer-fixed-link a.fixed span{
    position: relative;
}
.footer-fixed-link a.fixed:before{
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: inherit;
    /* background: #000; */ 

}

.footer-fixed-link.left{
    left: 0px;
}

/*------------------------ ANIMATIONS ----------*/
ul.products li.product .button.loading {
    opacity: 1;
}
ul.products li.product .button.loading:before { 
    opacity: 0.4;
}

.loading-animate{
	position:absolute;
	display: none;
}

.loading .loading-animate{
	display: inline-block;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:rgba(255,255,255,0.7);
	text-align: center;
	margin:0 auto;
	border-radius: 30px; 
}

.loading .loading-animate:after{
	content: "\f1ce";
    font-family: 'fontAwesome';
	position:absolute;
	left:0px;
	top:0px;
	line-height:1;
}

.loading{
	pointer-events: none;
	cursor: wait;
}


.loading .loading-animate:after,
.loading:not(.shipping-btn):not(.has-loading-animate):after{
	position: absolute;
    display: flex;
	justify-content: center;
	font-size: 25px;
    align-items: center;
    height: 100%;
	width: auto;
	pointer-events: none;
	color:var(--theme-color); 
	margin: 0 auto;
    left: 0px;
	right: 0px;
	
	-webkit-animation: rotate 1s infinite linear;
  -moz-animation:    rotate 1s infinite linear;
  -o-animation:     rotate 1s infinite linear; 
  animation:         rotate 1s infinite linear;
}

/*  rotate */
@-webkit-keyframes rotate {
  0%   { -webkit-transform:rotate(0deg)}
  100% { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate { 
  0%   { -moz-transform:rotate(0deg)}
  100% { -moz-transform:rotate(360deg);}
}
@-o-keyframes rotate {
  0%   { -o-transform:rotate(0deg)}
  100% { -o-transform:rotate(360deg);}
}
@keyframes rotate {
  0%   { transform:rotate(0deg)}
  100% { transform:rotate(360deg);}
}
/*  appear in */

@-moz-keyframes appearIn { 
	from   { opacity:0}
	to { opacity:1;}
}
@-webkit-keyframes appearIn{
	from   { opacity:0}
	to { opacity:1;}
}
@-o-keyframes appearIn {
	from   { opacity:0}
	to { opacity:1;}
}
@keyframes appearIn {
	from   { opacity:0}
	to { opacity:1;}
}

@-webkit-keyframes animGradient {
    0%{background-position:0% 19%}
    50%{background-position:100% 82%}
    100%{background-position:0% 19%}
}
@-moz-keyframes animGradient {
    0%{background-position:0% 19%}
    50%{background-position:100% 82%}
    100%{background-position:0% 19%}
}
@-o-keyframes animGradient {
    0%{background-position:0% 19%}
    50%{background-position:100% 82%}
    100%{background-position:0% 19%}
}
@keyframes animGradient {
    0%{background-position:0% 19%}
    50%{background-position:100% 82%}
    100%{background-position:0% 19%}
}

/*  rotate */
@-webkit-keyframes anim-shadow {
    0%   { -webkit-box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    50% { -webkit-box-shadow: -4px -4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    100% { -webkit-box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    
  }
  @-moz-keyframes anim-shadow  { 
    0%   { -moz-box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    50% { -moz-box-shadow: -4px -4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    100% { -moz-box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
  }
  @-o-keyframes anim-shadow  {
    0%   { -o-box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    50% { -o-box-shadow: -4px -4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    100% { -o-box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
  }
  @keyframes anim-shadow  {
    0%   { box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    50% { box-shadow: -4px -4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
    100% { box-shadow: 4px 4px 13px 0px rgba(var(--theme-color-rgb), 0.6);}
  }

.custom-header-media:before{
	z-index: 0;
}

.site-content{
	position: relative;
	z-index: 1;
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-left: 1em;
    padding-right: 1em;
}

/*------------------- my account page section ------------ */
#my-account-page-section #customer_login h2:first-child{ 
	padding-top: 0;
	/* font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; */
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 0px;
	padding-top: 0px;
	line-height: 1;
	margin-bottom: 1em;
	color:var(--theme-color);
}
#my-account-page-section #customer_login .col-2, 
#my-account-page-section #customer_login .col-1{ 
	border:1px solid #afafaf;
	padding:6px;
	margin-bottom: 2em; 
}

/* --------------------------- media screens ----------------*/
@media only screen and (max-width: 1095px) {
	.products-page-wrap .products-wrap{
		max-width: 65%;
	}
    .header-content .content-wrap .home-header-text-wrap .home-header-title{
        font-size: 2.5em;
    }
    .header-content .content-wrap .home-header-text-wrap .home-header-subtitle{
        font-size: 3.5em;
    }
}
@media only screen and (max-width: 905px) {
	.products-page-wrap .products-wrap{
		width:100%;
		max-width: 700px;
	}

	.products-page-wrap .product-min-cart-wrap{ 
		width: 100%;
		max-width: 600px;
		min-width: 250px;
		text-align: center;
		margin-left:0px;
		margin-bottom: 2em;
		margin-top: 2em;
	}
	.products-page-wrap .widget_shopping_cart{
		width: 95%;
		max-width: 700px;
		top:0px;
		text-align: left;
	}
    .home-services-wrap ul li{
        width:45%;
    }

}
@media only screen and (max-width: 768px) {
	.header-sub-nav .header-sub-nav-right .nav-right-wrap{ 
        position: fixed;
        bottom:1em;
        right:1em;    
    }
	.header-sub-nav .header-sub-nav-right .nav-right-wrap{ 
        position: fixed;
        bottom:1em;
        right:1em;    
    }
	.footer-wrap{
		padding-bottom: 3.6em; 
	}

    .header-content .content-wrap .home-header-text-wrap, .header-content .content-wrap .home-header-img-wrap{
        width:100%;
        text-align: center;
    }
    .header-content .content-wrap .home-header-img-wrap{
        max-width: 400px; 
    }
    .home-header .header-content{
        padding: 9em 0.2em 0.4em 0.2em;
    }

    .header-content .content-wrap .home-header-text-wrap .home-header-title{
        font-size: 2em;
    }
    .header-content .content-wrap .home-header-text-wrap .home-header-subtitle{ 
        font-size: 3em;
    }
    .home-services-wrap ul li{ 
        width:95%;
    }

    #about-us-page-section .section .img, #about-us-page-section .section .text{
        width: 95%;
    }
    #about-us-page-section .section .img img{
        max-width: 450px;
    }

    .main-navigation .logo-wrap.left{
        width: 120px;
        height: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
        top:0px;
    }

    .navigation-top.animate-logo .main-navigation .logo-wrap.left{
        width: 120px;
        height: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .navigation-top-wrap .main-navigation,
    .navigation-top .navigation-top-wrap {  
        margin-top: 0px;
    }

    .ibanner .da-slider h2{
        font-size: 17px;
    }
    .ibanner .da-slider p{
        font-size: 14px;
    }
    .nx-slider-container{
        padding-top: 100px; 
    }
    

    .review-archive-items {
        margin: 8px 8px 2em 8px;
        padding: 4px;
        width: 96%;
    }

    .bl-archive  .bl-items-ul li{
        width: 95%;
        max-width: 600px;
    }
    .bl-archive  .bl-items-ul .item-desc{
        font-size: 15px;
    }
    .home-sections.has-side-img.left .content-wrapper .content,
    .home-sections.has-side-img .content-wrapper figure,
    .home-sections.has-side-img .content-wrapper .content{
        max-width: 95%;
        width: 95%;
        margin:0em auto;
    }
    .home-sections.has-side-img .content-wrapper figure{
        margin-top:1.5em;
    }
    .home-sections.has-side-img.left .content-wrapper,
    .home-sections.has-side-img .content-wrapper{ 
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column; 
    }
    .item-name-wrapper{
        font-size: 1em;
    }
    .item-desc{
        font-size:14px;
        color:#6f6f6f;
    }
}

@media screen and (max-width: 58.5em){
	.main-navigation .logo-wrap {
		width: 150px;
        margin-left: -70px;
	}
    /* .main-navigation .logo-wrap:after,
    .main-navigation .logo-wrap:before{
        bottom: -20px;
        border-width: 10px 37.8px;
    } */
    .sb-top-right-nav, .sb-top-left-nav{
        width:calc(50% - 90px);
    }
    .navigation-top .wrap{
        padding-top: 0.1em;
        padding-bottom: 0.1em;
    }
    /* .main-navigation .logo-wrap a{
        padding:0px 12px; 
    }
    .main-navigation .logo-wrap a img{
        top:0px;
    } 
     .navigation-top.animate-logo .main-navigation .logo-wrap a img {
        width: 80%;
    } */
    .navigation-top.animate-logo .header-sub-nav {
        margin-top: 0.7em;
    }
    .main-navigation a{
        font-size: 0.9em;
    }
    
	.sb-top-nav-wrap {
		float: none;
		text-align: center;
		float: none;
		text-align: center;
		margin-top: 0.2em;
	}
	.sb-top-nav-wrap ul.menu{
		text-align: center;
	}
	.footer-columns-ul > li.sl-col{
		/* width:98%; */
		max-width: 450px;
		margin-top: 1em;
	}
	.footer-columns-ul .column-title {
		font-size: 1.6em;
	}
	.post-type-archive-product .site-content .wrap {
		padding-left: 0.4em;
		padding-right: 0.4em;
	}
}
@media screen and (max-width: 48em){
    .header-sub-nav .header-sub-nav-left .nav-left-wrap:not(.mobile){ 
        display: none;
    }
    .site-header .menu-scroll-down{
        display: none; 
    }
	.top-sub-navigation .address-wrap .address-details-wrap{
		display: none;
	}
	.home-header-outer .logo-wrap{ 
		display: none;
	}
	.sb-top-nav-wrap{
		display: none;
	}
	.top-sub-navigation{
		display: none;
	}
	.main-navigation{
		padding: 0em 0.2em;
        padding-bottom: 1em;
        margin-top: 1em;
	}
	.drinks-extra .drinks-extra-title, 
	.menu-extra .menu-extra-title, 
	.page-sections .menu-title, 
	.page-sections .form-title-wrap h1, 
	.contact-section .delivery-time-wrap h2.label,
	.page-sections .section-title{
		font-size: 2.2em;
	}
	.drinks-extra 
	.drinks-extra-subtitle, 
	.menu-extra .menu-extra-subtitle, 
	.page-sections .menu-subtitle, 
	.page-sections .form-sub-title-wrap h1, 
	.page-sections .section-subtitle{
		font-size: 1.1em;
	}
	.footer-columns-ul .column-title {
		font-size: 1.3em; 
	}
	.header-title{
		font-size: 2em;
	}

	#contact-page-address .sl-col{
		width:98%;
		max-width: 450px;

	}
	#contact-page-address .sl-col.oh-wrap{
		margin-top: 2em;
		padding-top: 2em;
		border-top: 1px dotted #ffffff;

	}

	.header-cat > li a{
		font-size: 12px;
	}
	.header-cat > li{
		margin: 2px;
	}
    .products .prod-thumbnail-wrap img {
        border-radius: 10px;
    }
	
	.header-cat > li a span{
		padding: 0px 4px;
	}

	.post-type-archive-product .site-content .wrap{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
}

@media screen and (max-width: 500px){
	.home-sections .items-wrap .item{
		/* min-width: ; */
		width: 40%;
		width: calc(45% - 17px);
	}
	.home-sections .items-wrap .item-title{
		font-size: 16px; 
	}
}
@media screen and (max-width: 568px){
	.contact-form-wrap .form-ul li:nth-child(2) .sl-cols .sl-col.first,
	.reservation-form-wrap .form-ul li:nth-child(3) .sl-cols .sl-col.first{
		margin-right: 0px;
	}
	
	.button, button[type="submit"], 
	input[type="button"], 
	input[type="submit"], 
	.btn-wrap a, 
	a.button, 
	.sb-btn{
		font-size: 16px;
    	padding: 0.5em 0.4em;	 
	}

	/*.outer.home-header-outer{
		 position: relative;
		background: #ffffff;
		background-image: url(images/background/back-pattern-light.png); 
		padding-bottom: 1em;  
	}*/
}


@media screen and (min-width: 48em){
    .header-sub-nav .header-sub-nav-left .nav-left-wrap.mobile{
        display: none !important; 
    }

	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, 
	.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 0;
	}
	body:not(.has-sidebar):not(.page-one-column) .page-header, 
	body.has-sidebar.error404 #primary .page-header, 
	body.page-two-column:not(.archive) #primary .entry-header, 
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 36%;
		height: 400px;
		width:100%;
	}
	.navigation-top {
		bottom: inherit;
		position: fixed;
	}
	.navigation-top .navigation-top-wrap{
		margin-top:0px; 
	}
	.wrap,
	.navigation-top .wrap {
		max-width: 1200px;
	}
	.main-navigation a {
		padding: 0.5em 1em;
		letter-spacing: 1px;
	}
	.site-content {
		padding: 0 0 0;
	}
	.mobile-menu-link, 
	#mobile-nav-toggle{
		display: none !important;
	}
	.site-info{
		width:100%;
	}

	.entry-content{
		float:none !important;  
		margin:0 auto; 
	}
	
}