@charset "utf-8";
/* CSS Document */
@charset "UTF-8";
/* CSS Document */


/* 1200+  */
/****************************/
/* REGULAR					*/
/****************************/

@media (min-width: 1300px) {
	.mobile-show	{ display: none!important; }
	.mobile-hide	{ display: block!important; }
	.px-md-5 		{ padding: 0 80px!important; }
	.container    	{ max-width:1500px; padding: 0 40px; }
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.mobile-show	{ display: none!important; }
	.mobile-hide	{ display: block!important; }
  	.container    	{ max-width:100%; padding: 0 40px; }
	.px-md-5 		{ padding: 0 80px!important; }
}

/* 992 <-> 1300  */
/****************************/
/* IPAD LANDSCAPE 			*/
/****************************/

@media (min-width: 992px) and (max-width: 1200px) {
	.mobile-show	{ display:none!important;}
	.mobile-hide	{ display:block!important;}
	.container    { max-width:100%; }
	.logo { margin-left:10px; }
}


@media (max-width: 992px) {

	.mobile-show	{ display:block!important;}
	.mobile-hide	{ display:none!important;}
	.container    { max-width:100%; }
    .text-d-right { text-align:left; }
	
	h1 {
		font-size: 36px;
		font-style: italic;
		font-weight: 400;
		line-height: 124%;
		margin:0!important;
	}
	
	.happening-header h1 {
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: 124%;
	}
	
	.happening-details {
		margin: 40px 0;
	}
	
	.happening-details .link_btn {
		margin-top:18px; 
	}
	
	.happening-details h3 {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 130%;
	}
	
	h4 { font-size:20px; }
	
	.featured-happenings h1 { 
		margin-bottom:48px!important;
	}

    .banner-copy { 
        width:100%;
        position: relative;
        top:0;
        margin:0;
        padding:0;
		max-width:650px;
    }

    .banner-copy h2 {
        width:100%;
        color: #333132;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 124%; /* 44.64px */
        text-shadow: none;
		letter-spacing: normal;
		
    }

    .banner-copy a { 
        background: #07352D;
        color: #FAFAF0;
    }

    .navbar {
        border-bottom:none;
        padding: 14px 0;
    }
	
	.homepage-banner {
    	margin: 24px 0 48px;
	}

    .homepage-banner img.mobile-show { 
        margin-bottom:24px; 
    }
	
    .happening-preview {
        margin-bottom:48px;
    }
    
    .navbar-brand {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-toggler {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
	
	.logo { margin-left:0px; }

  .header-actions {
    display: none; /* Hide other header actions on mobile if unnecessary */
  }

  .navbar-brand {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-toggler {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .header-actions {
    display: none; /* Hide other header actions on mobile if unnecessary */
  }
	
	
	

  .homepage-quote {
    text-align: left;
    margin:40px 0 20px;
    padding:40px 0 20px;
  }
  
  .homepage-quote p {
    margin-bottom:24px;
  }

  .homepage-quote h2 {
    color: #FFF;
    text-align: left;
    font-family: "DM Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    margin:24px 0;
  }

  .homepage-quote h2 span {
    font-family: "DM Serif Display";
    font-style: italic;
    font-weight: 400;
}

  .homepage-quote h5 {
    padding:x;
  }

   .homepage-explore { padding:40px 0 48px; }
	
	
  .homepage-explore h2 {
    font-size: 28px;
    line-height: 124%; /* 34.72px */
    padding:16px 0;
    margin:0;
  }

  .homepage-explore p {
    font-size: 14px;
    margin-bottom:18px;
    line-height: 150%; /* 22.5px */
  }
	
	.homepage-explore .link_btn {
	margin-top:14px;
}
	.explore-item {
		margin-bottom:26px;
	}
	
	.featured-happenings .headline {
		margin:16px 0;
		font-size:22px; 
	}
	.featured-happenings .restaurant { 
	font-size:15px; 
	}
	
	.featured-happenings h4 { margin:24px 0 40px; }

	.restaurant-search {
		margin: 30px 0 20px;
	}
	
	.main-banner { margin:40px 0 0; }

  ul#footer-menu {
    margin:0;
    padding:0;
  }

  ul#footer-menu li {
    display:block;
  }
  ul#footer-menu {
    display:block;
    border-bottom:1px solid #999898;
    padding-bottom:22px;
    margin-bottom:32px;
  }

  ul.social,
  ul.sub-footer {
    text-align: left;
  }
  ul.social li {
    margin:0 32px 24px 0;
  }

  ul.sub-footer li{
    margin:0 32px 0 0 ;
  }
	
  .pe-flex {
		margin:24px 0 0!important;
	}

  .pe-header {
    text-align: left;
  }

  .pe-header h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
  }

  #pe-restaurant-select {
    width:100%;
  }

  .pe-nav .link_btn {
    margin-left: 0px;
    margin-right:8px; 
  }

  #pe-details h2 {
     font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%; /* 28.8px */
    margin-bottom:24px; 
	}

	.pe-listing h3 {
		font-size: 28px;
		font-weight: 700;
		line-height: 120%;
		text-align: left;
		margin: 16px 0;
	}
	
	.pe-header h5 {
		margin-top:48px;
	}
	
	#content h1 {
		margin-bottom:48px; 
	}
	
	
	.story { margin:0; }
	
	.campaign h3 { margin-top:32px; }
	.campaign h3,
	.story h3{ margin-bottom:32px; font-size:28px; }
	
	.story-banner { margin:40px 0 20px;}
	.story-banner video {height:85vw; }
	
	.quote-block { margin:40px 0 0 !important;}
	.quote-block h2 { font-size:28px; margin-top:0; text-align: left; padding:0 24px;}
	.quote-block p { font-size: 16px; text-align: left; padding:0 24px;}
	.quote-block h5 { text-align:left; margin: 0 24px 40px;}
	
	.departments { margin-bottom:0px; padding-top:40px; }

	.departments h2 { font-size:28px;
		margin:16px 0;
		line-height:100%;
	}
	
	
	.departments .content-buttons {
		margin-top:32px; 
	}
	.departments p { font-size:14px; }
	
	.regions { display:none; }
	
	.restaurant-header img { max-width:90%; }
	
	.main-banner {
		height:50vw; 
	}
	
	#menu .flexslider { margin-bottom:40px!important; }
	#menu h2 { margin-bottom:24px; }
	
	#content-blocks { margin-bottom:0px; padding-bottom:0; }
	#content-blocks h2 {
		color: #000;
		font-size: 28px;
		line-height: 100%;
		margin: 24px 0;
	}
	
	#content-blocks .content-buttons { margin-bottom:40px; }
	
	
	#direction_btn { width:auto; display:inline-block;}
	.happening-preview a .headline { margin:24px 0 16px; }
	
	#careers .restaurant-banner { margin:48px 0; }
	.job-description h2 { margin-bottom:48px; }
	
	.nav-link { 
		color: #07352D;
		text-align: center;
		font-family: "DM Sans";
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 124%; /* 34.72px */
		margin-bottom:32px;
		padding:0 !important;
	}
	
	
	
	
	
	.navbar-connect { position:inherit; margin-left:0px; text-align: center; }
	#nav-reservations { 
		position: absolute;
        top: auto;
        bottom: 0;
        width: 100%;
        margin: 0;
        left: 0;
		
		color: #FAFAF0;
		text-align: center;
		font-family: "DM Sans";
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%; /* 22.5px */
		padding:24px 20px;
	}
	
	.offcanvas {
		background-color:#FAFAF0;
	}
	li.menu-item { 
		margin-right:0px; 
	}
	
	#bootscore-navbar {
		margin:24px 0 0; 
		text-align: center;
	}
	
	#offcanvas-navbar .logo {
		text-align:center;
	}
	
	.navbar .selected { border-bottom:none; }
	
	.mobile-logo { width:150px; display:block; margin:0 auto;}
	li.menu-item { margin-left:0px; }
	
	#restaurant-info { margin: 0 0 80px; }
	
	.wpgmza_map { margin-bottom:32px; }
	
}