/*
Theme Name:     Food Hall
Description:    Custom theme for Food Hall
Author:         food.admin
Template:       plumeria

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

@font-face {
	font-family: 'bitter';
	src: url('fonts/FineEroded.otf') format('opentype');
	font-weight: normal;
}

body, p, .station_side, .station_side a{
	font-family:'Overpass Mono', sans-serif !important;
}

h1{
	font-family:'bitter', sans-serif !important;
	text-transform:uppercase;
	font-style:normal !important;
}

h2, h3, h4{
	font-family: 'bitter', sans-serif !important;
	text-transform:uppercase;
	font-style:normal !important;
}

h2{
	font-size:40px !important;
}

h3{
	font-size:30px !important;
	color:#da8a67 !important;
}

h4{
	font-size:20px !important;
}

.station_side a:hover{
	color:#da8a67;
}

.stickymenu-active.menu-is-horizontal .opaque-button.text-is-bright .mtheme-button,
#mc-embedded-subscribe{
	background-color:#da8a67;
}

#mc-embedded-subscribe:hover{
	cursor:pointer;
	opacity:.8;
}

.internal_social i{
	font-size:30px !important;
}

.reveal-specific-bg .bg-loaded .background-block-cover {
    opacity: .65 !important;
}

.mtheme-block-em_displayrichtext p,
.mtheme-block-em_textbox p{
    font-size: 18px !important;
}

.rest_box{
	box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
	min-height: 200px;
	padding: 20px;
	border: 1px solid #9E9E9E;
	background: rgba(255,255,255,.3);
}

/*Header*/

.menu-is-horizontal .logo img{
	top:2px !important;
	height: 110px !important;
}

.stickymenu-active.menu-is-horizontal .logo img{
	top:10px !important;
	height: 85px !important;
}

.homemenu .sf-menu a{
	font-family:'Overpass Mono', sans-serif !important;
	font-size:15px;
}

.menu-social-header{
	padding:20px;
}

.menu-social-header .social-icon i{
	font-size:20px;
}

.menu-is-horizontal .menu-social-header .social-header-wrap ul li.social-icon{
	margin-right:10px;
}

.choose_station{
	list-style:none !important;
}

.homemenu .sf-menu ul{
	width:310px;
}

.stickymenu-active.menu-is-horizontal .homemenu > ul > li > a,
.homemenu ul ul li a,
.header-type-default .homemenu ul li a,
.vertical-menu .social-header-wrap ul li.address-text,
.social-header-wrap ul li.contact-text i,
.social-header-wrap ul li.contact-text a,
.social-header-wrap ul li.address-text,
.social-header-wrap ul li.contact-text a,
.social-header-wrap ul li.contact-text,
.mobile-social-header .social-header-wrap
.social-icon i,
.mobile-social-header .social-header-wrap .contact-text a,
.menu-social-header .social-header-wrap .social-icon i,
.menu-social-header .social-header-wrap .contact-text a,
.social-sharing-toggle{
	color:#0e2432;
}

/*Footer Form*/

#mc_embed_signup form{
	padding:0 !important;
}

#mc_embed_signup .mc-field-group input{
	padding: 15px 10px;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	margin:0 !important;
	padding:0 !important;
}

.wpcf7-form input, .wpcf7-form textarea{
	padding: 15px;
    background: rgba(255,255,255,.8);
    text-align:left;
}

.wpcf7-form{
	text-align:left;
}

#mc_embed_signup .mc-field-group input{
	width:100%;
	margin-bottom:10px;
}

#mc-embedded-subscribe{
	padding: 10px 15px !important;
    width: 50% !important;
    font-size: 20px !important;
}
.footer-end {
	padding: 7px 0;
	position: relative;
	background: #0e2432;
}
/* Individual Pages */

/*Stations Page */
.page-id-35 .imagebox-title {
    font-size: 35px;
    line-height:40px;
    margin: 20px 25px 50px;
}

.page-id-35 .imagebox-desc{
	font-size:18px;
	line-height:22px;
}

.station_side > ul > li{
	position:relative;
	border-bottom:1px dotted #878787;
	padding:10px 0 10px 25px;
	font-size:18px;
}

.station_side > ul > li:last-child{
	border-bottom:0;
}

.station_side .st_phone:before{
	content: "\f095";
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:12px;
}

.station_side .st_clock:before{
	content: "\f017";
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
}

.station_side .st_clock ul{
	list-style: none;
 	margin-left: 0;
}

.station_side .st_clock ul li{
	padding:0;
}

.station_side .st_menu:before{
	content: "\f02d";
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:12px;
}

.station_side .st_website:before{
	content: "\f0c1";
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:12px;
}

.station_side .st_fb:before{
	content: "\f082";
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:12px;
}

.station_side .st_insta:before{
	content: "\f16d";
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:12px;
}

.chosen-container-single .chosen-single{
	height:auto !important;
	padding: 12px 0 13px 8px !important;
}

#home_thumbs{
	display:block;
}

#home_thumbs .mtheme-block-em_singleimage .mtheme-cell-inner{
	padding:0 29px !important;
	background-color:#b6dad8;
	border-right:1px solid #69a9a5;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#home_thumbs #mtheme-block-15 > div:nth-child(1){
	border-right:0;
}

#home_thumbs .mtheme-block-em_singleimage .mtheme-cell-inner:hover{
	background-color:#fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#home_thumbs .mtheme-block-em_singleimage .mtheme-cell-inner img{
	width:100%;
	margin:0 auto;
	display:block;
	opacity:1;
	position:relative;
	top:0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#home_thumbs .mtheme-block-em_singleimage .mtheme-cell-inner:hover img{
	opacity:.7;
	top:-5px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#postcard_notitle .photocard-subtitle{
	display:none !important;
}

#mob_rest_slide,
#mob_food_slide{
	display:none;
}

.gridblock-element h4 a{
	color:#000 !important;
}



/*Responsive styles */

@media only screen and (max-width: 1100px){
	.stickymenu-zone,
	.outer-wrap {
	    display: block !important;
	    height:0;
	}
}

@media only screen and (max-width: 1024px){
	.single .stickymenu-zone, .stickymenu-zone {display:none !important; height:0;}
	.homemenu, .menu-is-horizontal .outer-wrap{height:0 !important;}
	.logo-mobile .logoimage{top:5px !important;}
	.entry-content h1.section-title{font-size:40px !important;}
	.menu-is-horizontal .mtheme-modular-column{padding-top:0 !important; padding-bottom:0 !important;}
	.owl-carousel.owl-drag .owl-item{background:#b6dad8;}
	.column-has-backround-image .section-heading{padding-top: 90px !important;  margin-bottom: 0px;  margin-top: 100px !important; padding-bottom:50px !important;}
	.stickymenu-active.menu-is-horizontal .outer-wrap.stickymenu-zone{height:0 !important;}
	.page .stickymenu-zone .reservation-button .mtheme-button, .stickymenu-zone .reservation-button .mtheme-button{background: linear-gradient(to right, #0e2432 0%, #0a1923 100%); color:#fff;}

	h1{
		line-height:70px !important;
	}
	h2{
		line-height:60px !important;
	}
	h3,h4{
		line-height:40px !important;
	}
	ul.mtree a{
		color:#0e2432 !important;
	}
	#mob_rest_slide,
	#mob_food_slide{
		display:block;
	}
	#home_thumbs,
	#desk_food_slide{
		display:none;
	}

	.page .section-heading{
		margin-bottom:0 !important;
	}

	/*.page .stickymenu-zone{
		display:block !important;
	}*/
	.page .stickymenu-zone .menu-social-header,
	.page .stickymenu-zone nav{
		display:none !important;
	}
	.stickymenu-zone .menu-social-header, .stickymenu-zone nav {
		display: none !important;
	}
	.page .stickymenu-zone .reservation-button, .stickymenu-zone .reservation-button{
		-webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
		top: 50vh;
		right: -78px;
	}
	.page .stickymenu-zone .reservation-button a div, .stickymenu-zone .reservation-button a div{
		font-size:18px;
	}

	.page .stickymenu-zone .reservation-button .mtheme-button, .stickymenu-zone .reservation-button .mtheme-button{
		line-height:11px;
	}
	.menu-is-horizontal .container-wrapper{
		margin-top: -35px !important;
	}
	.theme-is-dark .mobile-menu-toggle {
	    background: #0e2432 !important;
	    color: #ffffff !important;
	}

	.owl-carousel .owl-prev {
	    left: 30px !important;
	}
	.owl-carousel .owl-next {
	    right: 30px !important;
	}

	.mobile-toggle-menu-trigger span:before,
	.mobile-toggle-menu-trigger span:after,
	.mobile-toggle-menu-open .mobile-toggle-menu-trigger span:before,
	.mobile-toggle-menu-open .mobile-toggle-menu-trigger span:after,
	.mobile-toggle-menu-trigger span{
		background: #fff;
	}

	.mobile-toggle-menu-open .mobile-toggle-menu-trigger span:before,
	.mobile-toggle-menu-open .mobile-toggle-menu-trigger span:after,
	.mobile-toggle-menu-open .mobile-toggle-menu-open .mobile-toggle-menu-trigger span:before,
	.mobile-toggle-menu-open .mobile-toggle-menu-open .mobile-toggle-menu-trigger span:after{
	    background: #000;
	}

	.reservation-section-heading h2{
		font-size:30px !important;
	}

	.reservation-section-heading h3{
		font-size:20px !important;
		margin-bottom:0;
	}
}

@media only screen and (max-width: 766px){
	.stickymenu-zone,
	.outer-wrap {
    	display: block !important;
    	height:0;
	}

	#contact_selector .mtheme-modular-column > .mtheme-supercell,
	#contact_selector .edge-to-edge .mtheme-supercell.boxed-column .first-column.span12 .mtheme-cell-wrap{
		width:100% !important;
	}

	#contact_selector .mtheme-cell-inner p{
		font-size:14px !important;
	}

	#contact_selector .mtheme-cell-inner h2{
		color:#000 !important;
	}
.mobile-menu-toggle {
	background: #0e2432;
	color: #FFF;
}
}