@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Modak&display=swap');

body { color: #8A1618; background: #DFDFB8; }
body:before { content: ''; background-image: url('../../matienzo/imgs/pattern4.jpg'); background-size: auto; opacity: 1; }
@media only screen and ( max-width: 448px ) {
	body:before { background-size: 100% auto; }
}

#topbar { z-index: 2; }

#topbar #back { position: relative; z-index: 0; }
#topbar #back .back_trigger { display: flex; position: relative; padding: 0; background-color: transparent; border: none; cursor: pointer; z-index: 2; transition: all 0.3s ease-out 0s; }
#topbar #back .back_trigger { float: left; margin: 12px 20px 0px; background: #E1DFB9; border: 1px solid #AAAAAA; }
#topbar #back .back_trigger .back_label { padding: 11px; color: #AAAAAA; font-family: var(--font-base); font-size: 14px; font-weight: 600; }
#topbar #back .back_trigger .back_label { padding-top: 12px; padding: 8px; text-transform: uppercase; }
#topbar #back .back_trigger .back_label { display: flex; align-items: center; }
#topbar #back .back_trigger .back_label span { margin-left: 4px; margin-right: 4px; }
#topbar #back .back_trigger .back_label svg { width: 24px; height: 24px; fill: #8A1618;}
#topbar #back .back_trigger .back_label svg path { stroke: #AAAAAA;}

#topbar #back .back_trigger:hover { background: #AAAAAA; }
#topbar #back .back_trigger:hover .back_label { color: #E1DFB9; }
#topbar #back .back_trigger:hover .back_label svg path { stroke: #E1DFB9;}

@media only screen and (max-width: 900px) {
	#topbar #back .back_trigger .back_label span { display: none; }
	#topbar #menu .menu_trigger .menu_label { display: none; }
}
@media only screen and (max-width: 780px) {
	.page h2:not(.not-sticky) { _padding-left: 50px; text-align: center; }
}
@media only screen and (max-width: 660px) {
	#topbar #back .back_trigger { margin: 8px 10px 0px; }
}
@media only screen and (max-width: 400px) {
	#topbar #back .back_trigger { margin: 8px 0px 0px; }
}

#topbar #menu .menu_trigger,
#topbar #menu .menu_content { color: #DFDFB8; background: #8A1618; }

#topbar #menu .menu_trigger .menu_label, 
#topbar #menu .menu_content .menu_item { color: #DFDFB8; }
.line { stroke: #DFDFB8; }

#header .rrss .sm {  }
	#header .rrss .sm a { margin: 0px 10px 0px; }
	#header .rrss .sm a svg { width: 20px; height: 20px; }
	#header .rrss .sm a #Dribbble-Light-Preview { fill: #8A1618; }
	
	#Dribbble-Light-Preview { fill: #8A1618; }

#header .location { font-size: 0.9rem; line-height: 1.1em; }

.page.page_menu-food { color: #252531; }

.page h2 { color: #DFDFB8; font-family: Modak; font-weight: 400; z-index: 1; }
.page h2:not(.not-sticky) { color: #DFDFB8; }
.page h2:not(.not-sticky):before { background: #252531; }

.cat_image { max-width: 100%; }
.full_content { position: relative; margin-left: -13px; width: calc(100% + 26px); max-width: calc(100% + 26px); }
.next_to_title { margin-bottom: 20px; }