/* 
 Theme Name:   Café de Paris
 Theme URI:    https://cafedeparis-brasserie.ch
 Description:  
 Author:       Café de Paris
 Author URI:   https://cafedeparis-brasserie.ch
 Template:     kadence
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

.back-button {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 999;
}

/* Menu styles */
/* Welcome container */
#welcome-container {
	background-color: white;
	position: fixed;
	z-index: 20;
	height: 100vh;
    top: 0;
	padding: 20px;
}
/* Menu header  */
#menu-header {
	z-index: 15;
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	transform: translate3d(0,0,0);
	background: #ffffff;
	background: #ffffff;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 94%, rgba(255, 255, 255, 0) 100%);
}

/* Disable wp admin bar for this specific page */
body.page-id-28923 #wpadminbar {
	display: none !important;
}

body.disabled-scroll {
	overflow: hidden;	
}

#masthead {
  z-index: 10;
}

.rohs-post__dialog {
	padding: 22px !important;
	min-width: 80% !important;
}

@media (min-width: 600px) { 
	.rohs-post__dialog {
		max-height: 80vh !important;
	}
}

.rohs-post-modal__content.open .rohs-post__container__image {
	/*
	height: 100%;
	object-fit: cover;
	*/
}

.rohs-categories-filter { padding-left: 0 !important }

.rohs-post__overlay {
	z-index: 15;
}

.rohs-post__content__title {
	font-size: 1.5rem;
}


a.menu-nav.active,
a.menu-nav:focus,
/* a.menu-nav:active, */
a.menu-nav:hover {
	background: #b59f6b !important;
	border-color: #b59f6b !important;
	color: white !important;
}

body.home img.custom-logo {
	filter: invert(100%);
}

body.home div.primary-menu-container ul li a {
	color: white !important;
}

img.rohs-container-image {
	border-radius: 2px;
}

.rohs-accent {
	background-color: #35302D;
}

.rohs-post {
	position: relative;
	margin: 20px 0;
	cursor: pointer;
}

.rohs-post__content__title {
	line-height: 1.2;
}

.rohs-post__content__description {
	white-space: preserve-breaks;
	line-height: 1.5;

	max-height: 30vh;
 	overflow-x: scroll;
  	overflow-x: hidden;
	margin: 20px 0;

}

.rohs-post__content__more_content {
	white-space: preserve-breaks; 
	line-height: 1.5;

	max-height: 30vh;
 	overflow-x: scroll;
  	overflow-x: hidden;
	margin: 20px 0;
}

.rohs-post__content__origin {
	font-style: italic;

	white-space: preserve-breaks; 
	line-height: 1.5;

	max-height: 30vh;
 	overflow-x: scroll;
  	overflow-x: hidden;
	margin: 20px 0;
}

.rohs-post__content__allergies {
	white-space: preserve-breaks; 

	font-style: italic;
	color: #b59f6b;
	font-size: 11pt;
}

.rohs-post__content__price {
	background: #b59f6b;
	color: white;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
}

.rohs-post__content__price_floating {
	position: absolute;
	background: #b59f6b;
	color: white;
	display: inline-block;
	padding: 2px 8px;
	border: ;
	border-radius: 999px;
	left: -10px;
	top: -10px;
}

.rohs-accent .rohs-post__content__title {
	color: white;
}

.rohs-accent .rohs-button-filter {
	background: white;
}

.rohs-accent .rohs-button-filter:hover, .rohs-button-filter:focus {
	border-color: #b59f6b;
}

.wp-block-rohs-filterable-posts-modal {
	min-height: 50vh;
}

/* Customize menu filter */
.rohs-button-filter span.rohs-button-filter__inner {
  display:inline-block;
  padding:5px 15px;
  font-size: 0.9rem;
}

.rohs-categories-filter {
  padding-left: 0 !important;
  display: flex;
  justify-content: center;
}
