/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Order background color for Desktop view (no slash)*/
a[href$='https://www.doordash.com/store/house-of-milae-bethesda-96315'] {
	background-color : transparent !important;
}

/* Order background color for Mobile view (slash)*/
a[href$='https://www.doordash.com/store/house-of-milae-bethesda-96315/'] {
	background-color : #3b68d0 !important;

}
a[href$='https://www.doordash.com/store/house-of-milae-bethesda-96315/']:hover{
	background-color: #3b68d09e !important;
}
.location-info {
	font-size: 20px; 
	width: 100%; 
	text-align: center;
	font-weight : bold;
}
.location-info-title {
	font-size: 32px; 
	width: 100%; 
	text-decoration: underline; 
	text-align: center; 
	display: grid; 
	margin-bottom: 20px;
	font-weight : bold;
}
.day-hour-anomaly {
	width : 48%;
	padding-left : 0px;
	font-weight : bold;
}
.hours-title {
	font-size: 32px; 
	width: 100%; 
	text-decoration: underline; 
	text-align: center; 
	display: block;
	font-weight : bold;
}
.hours-table {
	font-family: 'Lato'; 
	font-size: 20; 
	margin: auto; 
	padding-bottom: 30px; 
	position : relative;
	text-align: center;
	font-weight : bold;
}

.site-branding a {
	padding-bottom : 50px !important;
}

.twentseventeen-front-page, .site-content {
	padding-top: 20px !important;
}


/* Background Color*/
.site-content-contain {
		background-color: #ffffff;
		color: #232b2b;
}

/* Remove Useless Header */
.entry-header {
		display: none;
}

/* Description font for Contact Page */
.entry-content {
		font-size : 20px;
}

/* Contact Us Fonts */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	  font-family: 'Lato';
		font-weight: 700;
		font-style: normal;
		font-size: 20px;
}

/* House of Milae Logo Size */
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-height: 200px;
}

/* House of Milae Logo Location */
#masthead .wrap {
		text-align: center;
	
}

/* General Context Padding */
.page:not(.home) #content {
		padding-top: 30px;
}

/* General Context Padding */
.page:not(.home) #content {
		padding-bottom: 62px;	
}

/* Social Media Button Colors */
.social-navigation a {
		background-color: #d0262f;
}

/* Social Media Selection */
.social-navigation a:focus {
		background-color: #d0262f;
}
/* Social Media Hover */
.social-navigation a:hover {
		background-color: #e3686e;
}

/* Menu Bar Color */
.navigation-t8op {
		background: #ffffff;
}

/* Menu Text */
.navigation-top a {
		color: #3c342f;
		font-family: 'Lato';
		font-size: 20px;
		font-weight: 300;
}

/* Menu Alignment */
.main-navigation ul {
		text-align: center;	
	
}

/* Menu Hover Effects */
.main-navigation li a:hover, .mobile-menu-bar-toggle li a:hover {
		text-decoration: underline;
		color: #ba8954 !important;
}

/* Menu Selection Effects */
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
		color: #ba8954 !important;
}


/* Menu Down Arrow */
.site-header .navigation-top .menu-scroll-down {
		display: none
}

/* Menu Outline */
.main-navigation li a:focus, .mobile-menu-bar-toggle li a:focus {
		outline-style: solid;
		outline-color: grey;
}

/* Logo Outline */
.custom-logo-link:focus {
		outline-style: solid;
		outline-color: grey;
}

/* Mobile Menu Box Size */
.menu-toggle {
		box-sizing: border-box;
    width: 100%;
		padding-left: 22px;
}

/* Mobile Menu Outline */
.menu-toggle:focus {
		outline-style: none;
}

/* Home Page Picture Position */
.page-one-column .panel-content .wrap {
		padding-top: 0px;	
}

/* Contact Us Submit */
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	font-family: 'Lato';
	font-size: 22px;
}

.page-one-column .panel-content .wrap {
		padding-bottom: 0px;	
}

.site-info {
	display : none;
}

form.customize-unpreviewable select, form.customize-unpreviewable button, a.customize-unpreviewable, area.customize-unpreviewable {
	cursor : pointer !important;
}

form.customize-unpreviewable {
	cursor : default !important;
}

form.customize-unpreviewable input {
	cursor : text !important;
}

.food-menu {
	font-family : Lato;
	font-size : 24px;
}

.center:hover{
  color:#ba8954;
}
.center:hover {
  background: none;
	color : #ba8954 !important;
}
.center:focus {
	background : none;
  box-shadow: inset 0 0 0 2px #ba8954;
  color: #ba8954;
}

.center {
  background: none;
  border: 0;
	box-shadow: inset 0 0 0 2px black;
  box-sizing: border-box;
  color: black;
	display: block;
	margin-right: 12px;
	font-family : Lato;
	float: left;
	width : 18.3%;
	padding-right : 0px;
	padding-left : 0px;
	word-wrap : normal;
	position: relative;
	-webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.center::before, .center::after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.center:hover {
  text-decoration : underline;
}
.center::before, .center::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: center;
}
.center::before {
  border-top: 2px solid #ba8954;
  border-bottom: 2px solid #ba8954;
  transform: scale3d(0, 1, 1);
}
.center::after {
  border-left: 2px solid #ba8954;
  border-right: 2px solid #ba8954;
  transform: scale3d(1, 0, 1);
}
.center:hover::before, .center:hover::after {
  transform: scale3d(1, 1, 1);
  cursor : pointer;
  transition: transform 0.2s;
}

.food-details-def {
	font-style : italic;
	padding-top : 4em;
	padding-bottom : 1em;
	font-size : 16px;
	text-align : center;
}
.food-details-title {
	font-weight : bold;
	font-size : 17px;
	font-family : 'Istok Web';
}
/* Food descriptions */
.food-details-descr {
	padding-left : 2em;
	font-style : italic;
	font-size : 14px;
	font-family : 'Istok Web';
}
.food-details-etc {
	text-decoration : underline;
}

#food-details-type {
	text-decoration : underline;
}

#food-menu-specialty {
	font-family : 'Istok Web';
}
.three-column {
	float : left;
	width : 100%;
}

.food-column-one {
	float : left;
	width: 33%;
}

.food-column-two {
	float : left;
	width: 33%;
}

.food-column-three {
	float : right;
	width: 33%;
}

.two-column-split {
	float: left;
	width: 100%;
	
}

.left-column {
	width: 50%;
	float: left;
}

.right-column {
	width: 50%;
	float: right;
}

#food-warning {
	font-style : italic;
	font-size : 13px;
	text-align : center;
}

.empty-box {
	min-height : 1px;
}

#desktop-bibimbap-combo {
		text-decoration : underline;
		font-size : 16px;
		font-weight : bold;
	}

#desktop-bibimbap-type {
		text-decoration : underline;
		font-size : 14px;
	}

#desktop-bibimbap-indent {
	font-style: italic;
	text-decoration : underline;
	padding-left : 2em;
	font-size : 14px;
}

#desktop-bibimbap-descr {
	font-style : italic;
	font-size : 14px;
}

#desktop-bibimbap-title {
	font-weight : bold;
	font-size : 17px;
}

#desktop-bibimbap-instr {
	font-size : 14px;
	font-style : italic;
	padding-left : 2em;
}

#desktop-bibimbap  {
	text-align : center;
	padding-bottom : 20px;
}

#desktop-lunch-hours {
	font-style : italic;
	font-size : 16px;
}

/* Mobile configurations */
@media all and (max-width:930px){
	.food-menu-container { 
		float: none; 
		width: 100%; 
	}
	
	.center {
			float: none; 
			width: 100%; 
			font-size : 16px;
			margin-bottom : 5px;
	}
	
	.mobile-food-details {
		font-size : 12px;
		font-family : 'Istok Web';
	}
	/* Food definitions */
	.mobile-food-details-def {
		font-style : italic;
		padding-bottom : 1em;
		font-size : 16px;
	}
	
	.mobile-food-details-title {
		font-weight : bold;
		font-size : 16px;
	}
	/* Food descriptions */
	.mobile-food-details-descr {
		padding-left : 2em;
		font-style : italic;
		font-size : 13px;
	}
	.mobile-food-details-etc {
		text-decoration : underline;
	}
	
	#mobile-food-warning {
		font-family : 'Lato';
		font-size : 13px;
		font-style : italic;
		padding-bottom : 1em;
	}
	
	#bibimbap {
		text-align: center;
	}
	
	#bibimbap-type {
		text-decoration : underline;
		font-size : 13px;
	}
	
	#bibimbap-indent {
		font-style: italic;
		text-decoration : underline;
		padding-left : 2em;
		font-size : 13px;
	}
	
	#bibimbap-descr {
		font-style : italic;
		font-size : 13px;
	}
	
	#lunch-hours {
		font-style : italic;
		font-size : 16px;
	}
	
	.mobile-menu-bar-toggle {
		font-family : 'Lato';
		font-size : 8px;
	}
	/* For device resolutions between 0-320px*/
	@media screen and (min-width: 0px) {
		#mobile-menu-list li {
			display : inline-block;
			max-width: 100px; 
			vertical-align: middle;
			padding-top : 10px;
			padding-right : 9px;
		}
		
		.navigation-top a {
			color: #3c342f;
			font-family: 'Lato';
			font-size: 14px;
		}
	}
	/* For device resolutions between 321-329px*/
	@media screen and (min-width: 321px) {
		#mobile-menu-list li {
			display : inline-block;
			max-width: 100px; 
			vertical-align: middle;
			padding-top : 10px;
			padding-right : 9px;
		}
		
		.navigation-top a {
			color: #3c342f;
			font-family: 'Lato';
			font-size: 17px;
		}
	}
	/* For device resolutions between 330-infinity px*/
		@media screen and (min-width: 330px) {
		#mobile-menu-list li {
			display : inline-block;
			max-width: 100px; 
			vertical-align: middle;
			padding-top : 10px;
			padding-right : 15px;
		}
			
		.navigation-top a {
			color: #3c342f;
			font-family: 'Lato';
			font-size: 17px;
			
		}
			
	}

	#mobile-menu-list {
		padding-left :13px;
	}
	
	.site-branding a {
		padding-bottom : 0px;
	}
	
	.location-info {
	font-size: 16px; 
	width: 100%; 
	text-align: center;
		font-weight : bold;
}
.location-info-title {
	font-size: 26px; 
	width: 100%; 
	text-decoration: underline; 
	text-align: center; 
	display: grid; 
	margin-bottom: 20px;
	font-weight : bold;
}
.day-hour-anomaly {
	width : 48%;
	padding-left : 0px;
	font-weight : bold;
}
.hours-title {
	font-size: 26px; 
	width: 100%; 
	text-decoration: underline; 
	text-align: center; 
	display: block;
	font-weight : bold;
}
.hours-table {
	font-family: 'Lato'; 
	font-size: 16px; 
	width: 270px; 
	margin: auto; 
	padding-bottom: 20px; 
	position : relative;
	right : 5px;
	text-align: center;
	font-weight : bold;
}
}

.site-title,
		.site-description {
			position: absolute;
			clip-path: inset(50%);
		}