/*
 Theme Name:   Rise & Shine
 Theme URI:    http://riseandshine.elegantchildthemes.com/
 Description:  A Restaurant Child Theme built for Divi
 Author:       Carrie Green & GruffyGoat
 Author URI:   http://gruffygoat.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*------------------------------------------------*/
/*----------[Menus (Food & Drink) Style]----------*/
/*------------------------------------------------*/

.section-menu-category {
	position: relative;		/* Allow menu offering row to overlay menu category section */
	overflow: hidden;		/* Hide category content in case menu is shorter than category */
}

.menu-category-description.hide {
	visibility: hidden;
}

.fw-menu {
	/* Default settings for a menu. Default will have no transition effects (no class below specified) */
	padding-bottom: 0px !important; 
	width: 100%;
	max-width: 100%;
	height: inherit;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -2;
	border: 0 double #021218;
	
	/* Kick in some hardware acceleration if available */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.fw-menu.open-fade-in {
	-webkit-transition: opacity 1s ease-in-out, max-height 1s ease .4s, z-index 0s ease 1s, border-width 1s ease;
	-moz-transition: opacity 1s ease-in-out, max-height 1s ease .4s, z-index 0s ease 1s, border-width 1s ease;
	-o-transition: opacity 1s ease-in-out, max-height 1s ease .4s, z-index 0s ease 1s, border-width 1s ease;
	transition: opacity 1s ease-in-out, max-height 1s ease .4s, z-index 0s ease 1s, border-width 1s ease;
}
.fw-menu.scroll-from-top {
	max-height: 0;
	-webkit-transition: max-height 1s ease-out 0s, opacity 0s ease 1s, z-index 0s ease 1s, border-width 1s ease;
	-moz-transition: max-height 1s ease-out 0s, opacity 0s ease 1s, z-index 0s ease 1s, border-width 1s ease;
	-o-transition: max-height 1s ease-out 0s, opacity 0s ease 1s, z-index 0s ease 1s, border-width 1s ease;
	transition: max-height 1s ease-out 0s, opacity 0s ease 1s, z-index 0s ease 1s, border-width 1s ease;
}
.fw-menu.scroll-from-left {
	max-width: 0 !important;
	-webkit-transition: max-width .7s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
	-moz-transition: max-width .7s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
	-o-transition: max-width .7s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
	transition: max-width .7s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
}
.fw-menu.scroll-from-right {
	left: 100%;
	max-width: 0 !important;
	-webkit-transition: left 1s ease-out 0s, max-width 1s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
	-moz-transition: left 1s ease-out 0s, max-width 1s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
	-o-transition: left 1s ease-out 0s, max-width 1s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
	transition: left 1s ease-out 0s, max-width 1s ease-out 0s, max-height 1s ease .3s, opacity 0s ease .7s, z-index 0s ease .7s, border-width 1s ease;
}

/* Styling for when a menu has been opened */
.fw-menu.open {
	width: 100%;
	max-width: 100% !important;
	height: initial;
	max-height: 8000px;
	opacity: 1;
	left: 0;
	z-index: 2;
	border: none;
}
.fw-menu.open-fade-in.open {
	-webkit-transition: opacity 1s ease-in-out, max-height 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-moz-transition: opacity 1s ease-in-out, max-height 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-o-transition: opacity 1s ease-in-out, max-height 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	transition: opacity 1s ease-in-out, max-height 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
}
.fw-menu.scroll-from-top.open {
	-webkit-transition: max-height 1s ease-out 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-moz-transition: max-height 1s ease-out 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-o-transition: max-height 1s ease-out 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	transition: max-height 1s ease-out 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
}
.fw-menu.scroll-from-left.open {
	-webkit-transition: max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-moz-transition: max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-o-transition: max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	transition: max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
}
.fw-menu.scroll-from-right.open {
	-webkit-transition: left .7s ease-out 0s, max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-moz-transition: left .7s ease-out 0s, max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	-o-transition: left .7s ease-out 0s, max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
	transition: left .7s ease-out 0s, max-width .7s ease-out 0s, max-height 0s ease 0s, opacity 0s ease 0s, z-index 0s ease 0s, border-width 1s ease;
}

@media only screen and (max-width: 980px) {
/* Make sure we have menu/picture/menu/picture at smaller sizes */
.fifty-split.has-menu-toggle:nth-of-type(odd) .menu-category-description, .fifty-split:nth-of-type(odd) .menu-category-description {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
/* Displays photos on mobile */
.fifty-split hr.et_pb_module.et_pb_space.et-hide-mobile {display: inherit!important; min-height: 50vh;}

/* Adds appropriate borders to images blocks */
.fifty-split:nth-of-type(even) .et_pb_column:nth-child(2), .fifty-split:nth-of-type(odd) .et_pb_column:nth-child(1) {border-top: 12px solid #fff;}
.fifty-split .et_pb_column:nth-child(even) {border-left: none!important;}
.fifty-split .et_pb_column:nth-child(odd) {border-right: none!important;}

/* Removes borders from pop-up menu columns */
.fw-menu .et_pb_column {border-top: 0px!important;}
.fifty-split .et_pb_column:nth-child(even) {border-left: 0px solid #fff;}
.fifty-split .et_pb_column:nth-child(odd) {border-right: 0px solid #fff;}
}