@import url(//hello.myfonts.net/count/2df9b1);
.container, body, html {
  height: 100%
}
.button, .button-full, .button-round, .contact-info, .featured-item-header, .featured-item-title, .get-app-title, .header-subtitle, .is-description, .make-reservation, .season-end-party, .menu-badge-learn-more, .menu-badge-subtitle, .menu-badge-title, .menu-header-toggle-text, .menu-item-title, .menu-section-header-title, .menu-section-title, .summary-header {
  text-transform: uppercase
}
@font-face {
  font-family: EngraversMT-Bold;
  src: url(fonts/2DF9B1_0_0.eot);
  src: url(fonts/2DF9B1_0_0.eot?#iefix) format("embedded-opentype"), url(fonts/2DF9B1_0_0.woff2) format("woff2"), url(fonts/2DF9B1_0_0.woff) format("woff"), url(fonts/2DF9B1_0_0.ttf) format("truetype")
}
a, audio, body, canvas, cite, code, dd, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, img, input, label, li, main, mark, nav, ol, p, pre, progress, section, span, strong, svg, ul, video {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  vertical-align: baseline
}
a {
  color: inherit;
  background-color: transparent;
  text-decoration: none
}
*, ::after, ::before {
  box-sizing: border-box
}
article, aside, figure, footer, header, main, nav, section {
  display: block
}
[hidden] {
  display: none
}
img {
  max-width: 100%
}
svg:not(:root) {
  overflow: hidden
}
ol, ul {
  list-style: none
}
textarea {
  overflow: auto;
  resize: vertical
}
code, pre {
  overflow: auto;
  font-family: monospace
}
strong {
  font-weight: 700
}
em {
  font-style: italic
}
a:active, a:hover {
  outline: 0
}
html {
  font-size: 10px
}

@media screen and (max-width:950px) {
html {
  font-size: 9px
}
}

@media screen and (max-width:750px) {
html {
  font-size: 8px
}
}
body {
  text-rendering: optimizeLegibility;
  color: #00324E;
  font-family: presicav;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.6
}
.contact-info-title, .featured-item-header {
  font-family: EngraversMT-Bold
}
.preload * {
  transition: none!important
}
.container {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto
}
.container::after, .container::before {
  display: table;
  clear: both;
  content: ''
}
.col-half, .col-third {
  float: left;
	padding: 0 50px;
}
.col-quarter {
  padding: 0 10px;
  float: center;
}

@media screen and (max-width:750px) {
.col-half, .col-third, .col-quarter {
  width: 100%!important;
  margin: 0 auto 35px;
  padding: 0;
  float: none
}
.col-quarter {
  margin: 5px;
}
}
.container .col-half:first-of-type, .container .col-third:first-of-type {
  padding-left: 0
}
.container .col-half:last-of-type, .container .col-third:last-of-type, .col-quarter:last-of-type {
  padding-right: 55px;
}
.col-quarter:first-of-type {
	padding-left: 0;
}
.col-third {
  width: 33.33333%
}
.col-half {
  width: 50%
}
.col-quarter {
  width: 25%
}
.feature-image {
  height: 100%;
  max-height: 600px;
  background-size: cover;
  text-align: center
}
.full-center-container {
  position: relative
}
.full-center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.contact-info {
  color: #00324E
}
.contact-info.is-orange {
  background-color: #E56F30;
  color: #fff
}
.contact-info.is-navy {
  background-color: #00324E;
  color: #fff
}
.contact-info-title {
  margin-bottom: 2rem;
  border-bottom: 2px solid #BAB5B0;
  font-size: 1.3rem;
  letter-spacing: .325rem;
  line-height: 3.5
}
.contact-info-title.contact-info-clock {
  background: url(images/contact-info/clock-icon.svg) right center no-repeat;
  background-size: 2rem
}
.contact-info-title.contact-info-map {
  background: url(images/contact-info/map-icon.svg) right center no-repeat;
  background-size: 2rem
}
.contact-info-title.contact-info-pointer {
  background: url(images/contact-info/pointer-icon.svg) right center no-repeat;
  background-size: 4rem
}
.contact-info-title.is-white {
  border-color: #fff
}
.contact-info-title.is-white.contact-info-clock {
  background: url(images/contact-info/white/clock-icon.svg) right center no-repeat;
  background-size: 2rem
}
.contact-info-title.is-white.contact-info-map {
  background: url(images/contact-info/white/map-icon.svg) right center no-repeat;
  background-size: 2rem
}
.contact-info-title.is-white.contact-info-pointer {
  background: url(images/contact-info/white/pointer-icon.svg) right center no-repeat;
  background-size: 4rem
}
.contact-info-text {
  font-size: 1rem;
  letter-spacing: .18rem;
  line-height: 2.1rem
}
.info-box {
  padding: 80px 0
}

@media screen and (max-width:950px) {
.info-box {
  padding: 60px 0
}
}

@media screen and (max-width:750px) {
.info-box {
  padding: 40px 0
}
}
.button, .button-full, .button-round {
  display: inline-block;
  padding: 1.5rem 2rem;
  color: #fff;
  font-size: .9rem;
  letter-spacing: .225rem;
  text-align: center
}
.button-round.is-on-cta, .button.is-on-cta {
  padding: 2.5rem 3.5rem;
  font-size: 1.4rem;
  min-width: 170px;
}
@media screen and (max-width:450px) {
  .button.is-on-cta {
    padding: 2.5rem 3.5rem;
	margin-left: -50px;
  }
}

.button {
  background: url(images/button.svg) center center no-repeat;
  background-size: auto
}
.button-round {
  background: url(images/button-round.svg) center center no-repeat;
  background-size: auto
}
.button-full {
  display: block;
  padding: 10px 20px;
  background: url(images/button-full.svg) center center no-repeat;
  background-size: 100%;
  font-size: 1.5rem;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

@media screen and (max-width:750px) {
.button-full {
  padding: 28px 35px
}
}
.align-left {
  text-align: left!important
}
.is-description, .logo-container, .menu-header-text, .menu-header-toggles, .menu-host-an-event, .menu-section-header, .page-sidebar-item-title, .reservation, .story-summary, .view-menu .reserve-now {
  text-align: center
}
.the-family {
  background-color: #EEF0F0
}
.the-family::after, .the-family::before {
  display: table;
  clear: both;
  content: ''
}
.family-logo {
  display: block;
  width: 20%;
  min-height: 300px;
  float: left;
  background: url(images/the-family/family-logo.svg) center center no-repeat
}

@media screen and (max-width:950px) {
.family-logo {
  width: 100%;
  margin: 0 auto;
  float: none;
  background: url(images/the-family/family-logo-mobile.svg) center center no-repeat
}
.list-of-family {
  display: none
}
}
.list-of-family {
  padding-left: 60px;
  float: left;
}
.family-badge {
  display: inline-block;
  width: 20%;
  height: 20%;
  margin: 0 10% 6% 0;
}
.featured-item-container::after, .featured-item-container::before, .featured-item::after, .featured-item::before, .featured-row::after, .featured-row::before {
  display: table;
  clear: both;
  content: ''
}
.featured-row {
  height: 50%;
  min-height: 400px
}

@media screen and (max-width:750px) {
.featured-row {
  height: initial
}
}
.featured-item {
  width: 50%;
  height: 100%;
  padding: 0 40px;
  float: left;
  background-color: #00324E
}

.featured-item-shop {
  width: 50%;
  height: 100%;
  padding: 0 40px;
  float: left;
  background: url('https://milliesnantucket.com/wp-content/uploads/2022/04/millies-market.jpg') center center no-repeat;
	background-size: cover;
}

.featured-item-cart {
  width: 50%;
  height: 100%;
  padding: 0 40px;
  float: left;
  background: url('https://milliesnantucket.com/wp-content/uploads/2023/05/Untitled-design.jpg') center center no-repeat;
	background-size: cover;
}

.featured-item.is-gray {
  background-color: #A9A5A2
}

.featured-item.is-blue-shop {
  background-color: #00324E;
}

.featured-item-container {
  position: relative;
  top: 50%;
  max-width: 400px;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%)
}
.featured-item-header {
  margin-bottom: 2.5rem;
  padding-left: 3rem;
  background: url(images/featured/star-icon.svg) left 4px no-repeat;
  background-size: 1.5rem;
  letter-spacing: .4rem
}
.featured-item-title {
  margin-bottom: 2rem;
  font-size: 2.3rem;
  letter-spacing: .26rem
}
.featured-item-text {
  margin-bottom: 2rem;
  font-family: p22-franklin-caslon;
  font-size: 2rem;
  letter-spacing: .02rem
}

.millies-shop-text {
  margin-bottom: 2rem;
  font-family: p22-franklin-caslon;
	font-size: 2rem;
  letter-spacing: .02rem;
	color: #EEF0F0;
}
.millies-cart-text {
  margin-bottom: 2rem;
  font-family: p22-franklin-caslon;
	font-size: 1.6rem;
  letter-spacing: .02rem;
	color: #EEF0F0;
}
.featured-item-subtext {
  color: #BAB5B0;
  font-size: 1.2rem;
  letter-spacing: .375rem
}
.featured-item-image.open-season {
  background: url(/wp-content/uploads/2025/01/13.png) center no-repeat #00324E;
  background-size: 100%
}
.featured-item-image.now-open {
  background: url(images/featured/now-open.svg) center no-repeat #00324E;
  background-size: auto 54%
}
.featured-item-image.market {
  background: url(images/market/alcohol-delivery.svg) center bottom/auto 80% no-repeat #E56F30
}
.featured-item-image.truck {
  background: url(images/truck/truck.svg) center center/auto 80% no-repeat #E56F30
}

.is-description {
  color: #fff
}
.is-description .featured-item-text {
  font-family: presicav;
  font-size: 1.5rem;
  letter-spacing: .3rem;
  line-height: 2.5rem
}
.make-reservation a, .summary-header {
  font-family: EngraversMT-Bold
}
.season-end-party a, .summary-header {
  font-family: EngraversMT-Bold;
	font-size: 1.2rem;
	letter-spacing: .1rem
}

@media screen and (max-width:750px) {
.featured-item {
  float: none;
  width: 100%;
  height: 300px
}
.featured-item-header {
  display: inline-block
}
.is-get-app {
  height: 400px
}
}
.get-app {
  max-width: 225px;
  margin-right: 20px;
  float: left
}
.get-app .button {
  margin-top: 25px
}

.millies-shop {
  max-width: 350px;
  margin-right: 20px;
  float: left
}

.millies-shop .button {
	margin-top: 25px
}

.millies-cart {
  max-width: 350px;
  margin-right: 20px;
  float: left
}

.millies-cart .button {
	margin-top: 25px
}


@media screen and (max-width:750px) {
.get-app {
  width: 100%;
  margin: 0 auto;
  float: none;
  text-align: center
}
}
.get-app-title {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #EEF0F0;
  font-size: 1.5rem;
  letter-spacing: .3rem
}
.millies-shop-title {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #EEF0F0;
 font-size: 2rem;
  letter-spacing: .3rem;
  color: #EEF0F0;
	text-transform: uppercase;
}
.millies-cart-title {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #EEF0F0;
 font-size: 1.8rem;
  letter-spacing: .3rem;
  color: #EEF0F0;
	text-transform: uppercase;
}
.get-app-text {
  color: #EEF0F0;
  font-size: 1.2rem;
  letter-spacing: .035rem;
  line-height: 2.5rem
}
.get-app-icon {
  position: absolute;
  top: 50%;
  max-width: 200px;
  max-height: 250px;
  float: left;
  transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%)
}

@media screen and (max-width:950px) {
.get-app-icon {
  width: 90px
}
}
.get-app-mobile-icon {
  display: none;
  margin: 0 auto 20px
}

@media screen and (max-width:750px) {
.get-app-title {
  border: none
}
.millies-shop-title {
  border: none
}
.get-app-icon {
  display: none
}
.get-app-mobile-icon {
  display: block;
  width: 100px
}
}
.download-icon {
  margin-left: 15px;
  display: inline-block;
  width: 21px;
  height: 25px;
  position: relative;
  top: 4px
}
.download-icon.apple {
  background: url(images/box/apple.svg) center center no-repeat;
  background-size: cover
}
.download-icon.android {
  background: url(images/box/android.svg) center center no-repeat;
  background-size: cover
}
.make-reservation {
  padding-bottom: 30px;
  border-bottom: 2px solid #A9A5A2;
  font-size: 2rem;
  letter-spacing: .9rem
}

@media screen and (max-width:1220px) {
.make-reservation a {
  display: block
}
}
.season-end-party {
  padding-bottom: 30px;
  border-bottom: 2px solid #A9A5A2;
  font-size: 1.5rem;
  letter-spacing: .4rem
}

@media screen and (max-width:1220px) {
.season-end-party a {
  display: block
}
}
.reservation-featured-image {
  height: 100%;
  max-height: 500px;
  background: url(images/millies-market-nantucket.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover
}
@media screen and (max-width:450px) {
  .reservation-featured-image {
    background-attachment: scroll;
	  height: 50%;
  }
}
@media screen and (max-width:750px) {
  .reservation-featured-image {
    background-attachment: scroll;
	  height: 75%;
  }
}

@media screen and (max-width:812px) {
  .reservation-featured-image {
    background-attachment: scroll;
	  height: 75%;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.reservation-featured-image {
		background-attachment: scroll;
		height: 75%;
	}
}
.homepage-featured-image {
  height: 100%;
  max-height: 500px;
  background: url(https://milliesnantucket.com/wp-content/uploads/2022/04/nantucket-massachusetts.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover
}
@media screen and (max-width:450px) {
  .homepage-featured-image {
    background-attachment: scroll;
	  height: 50%;
  }
}
@media screen and (max-width:750px) {
  .homepage-featured-image {
    background-attachment: scroll;
	  height: 75%;
  }
}

@media screen and (max-width:812px) {
  .homepage-featured-image {
    background-attachment: scroll;
	  height: 75%;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.reservation-featured-image {
		background-attachment: scroll;
		height: 75%;
	}
}

.story-summary {
  background: url(images/story-badge.svg) 60% center no-repeat #BAB5B0;
  background-size: 120px
}
.reserve-now {
  background-color: #00324E;
}

@media screen and (max-width:750px) {
.make-reservation {
  padding: 0;
  border: none
}
.season-end-party {
  padding: 0;
  border: none
}
.story-summary {
  background: 0 0
}
}
.summary-header {
  margin-bottom: 2.8rem;
  font-size: 1.3rem;
  letter-spacing: .325rem
}
.menu-badge-text, .summary-text {
  font-family: p22-franklin-caslon
}
.summary-title {
  margin-bottom: 3.5rem;
  font-size: 1.7rem;
  letter-spacing: .425rem;
  text-transform: uppercase
}
.summary-text {
  /*max-width: 600px;*/
  margin: 0 auto;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2
}
.summary-featured-image {
  display: block;
  height: 100%;
  max-height: 500px;
  background: url(images/story-summary-featured-image.svg) top center no-repeat;
  background-size: cover
}

@media screen and (max-width:750px) {
.summary-featured-image {
  background: url(images/story-summary-featured-image-mobile.svg) center center no-repeat;
  background-size: cover
}
}
.view-menu {
  padding: 20rem;
  background: url(images/view-menu-2.png) center center no-repeat;
  background-attachment: fixed;
  background-size: cover
}
@media screen and (max-width:450px) {
  .view-menu {
    background-attachment: scroll;
	background: url(images/view-menu-2.png) left center no-repeat;
  }
}
@media screen and (max-width:750px) {
.view-menu {
	padding: 15rem 0;
	background: url(images/view-menu-2.png) left center no-repeat;
	height: 75%;
}
}
@media screen and (max-width:812px) {
.view-menu {
	padding: 15rem 0;
	background: url(images/view-menu-2.png) left center no-repeat;
	height: 75%;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.view-menu {
		background-attachment: scroll;
		height: 50%;
	}
}
.header {
  height: 100%;
  padding: 60px 0;
  background: url(https://milliesnantucket.com/wp-content/uploads/2023/02/GtownEventsSG2016-17-4240-min-scaled.jpg) center bottom no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
@media screen and (max-width:450px) {
  .header {
    background-attachment: scroll;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.header {
   background: url(https://milliesnantucket.com/wp-content/uploads/2018/01/GtownEventsSG2016-17-4240-ipad-2.jpg) center center no-repeat;   
}	
}
.header-slim, .header-spacer {
  height: 125px;	
}

.header-spacer {
	background-color: #00334d;
}
.header-container {
  width: 85%;
  margin: 0 auto
}
.logo-container {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%)
}
.header-logo {
  display: block;
  max-width: 500px;
  margin: 0 auto
}
.header-logo-mobile {
  display: none;
  margin: 0 auto
}
.header-subtitle {
  margin-top: 40px;
  letter-spacing: .4rem;
	color: #ffffff;
}

@media screen and (max-width:750px) {
.logo-container {
  width: 80%
}
.header-logo {
  display: none
}
.header-logo-mobile {
  display: block;
  max-width: 300px
}
.header-slim .main-nav-button span, .header-subtitle {
  display: none
}
}
.header-slim {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  padding: 50px 0;
  background: #00324E;
  background-size: 300px
}
.header-slim .main-nav-button {
  background: url(images/nav/hamburger-white-icon.svg) left center no-repeat;
  color: #fff
}
.header-slim .main-nav-button::before {
  content: '';
  display: none
}

@media screen and (max-width:750px) {
.header-slim {
  background-size: 50%
}
}
.header-slim-link img {
  width: 50%;
  max-width: 225px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%)
}
.menu-badge.badge-we-cater {
  height: 300px;
  margin-bottom: 60px;
  background: url(images/menu/badge-navy-half.svg) 100% center/100% no-repeat;
  color: #FFF;
  text-align: center
}
.menu-badge.kids_menu {
  height: 700px;
  background: url(images/menu/badge-white-full.svg) 100% center/100% no-repeat
}

@media screen and (max-width:1140px) {
.menu-badge.kids_menu {
  display: none
}
}
.menu-badge.extra_items {
  height: 350px;
  margin-bottom: 40px;
  background: url(images/menu/badge-white-half.svg) 100% center/100% no-repeat
}
.menu-badge.badge-image {
  height: 400px;
  margin-bottom: 40px;
  background: url(images/menu/badge-image.png) 100% center/100% no-repeat
}

@media screen and (max-width:950px) {
.menu-badge {
  display: none
}
}
.menu-badge-container {
  position: relative;
  top: 50%;
  max-width: 340px;
  padding: 0 20px;
  margin: 0 auto;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}
.menu-badge-title {
  margin-bottom: 2.5rem;
  padding-left: 2.5rem;
  background: url(images/menu/star.svg) left center no-repeat;
  background-size: 16px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: .55rem
}
.menu-badge-subtitle {
  margin-top: -1rem;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  letter-spacing: .35rem
}
.menu-badge-text {
  margin-bottom: 2.5rem;
  font-size: 1.6rem;
  letter-spacing: .018rem
}
.menu-badge-learn-more {
  font-size: 1.4rem;
  font-weight: 100;
  letter-spacing: .35rem
}
.menu-header-text, .menu-header-toggle-text {
  font-family: EngraversMT-Bold;
  font-size: 1.75rem;
  letter-spacing: .3rem;
  cursor: pointer
}
.menu-header {
  background-color: #00324E
}
.menu-header-text {
  height: 4rem;
  color: #F0F0F0
}
.menu-header-toggles .menu-header-toggle-text:first-of-type {
  margin: 0 0rem 0 0
}

@media screen and (max-width:750px) {
.menu-header-toggles .menu-header-toggle-text:first-of-type {
  margin: 0 2rem 0 0
}
}
.menu-header-toggle-text {
  display: inline-block;
  height: 10rem;
  margin: 0 0 0 5rem;
  color: #fff
}

.menu-item-description, .menu-section-header-text, .menu-section-title-desc {
  font-family: p22-franklin-caslon;
}
.menu-header-toggle-text.active {
  background: url(images/menu/triangle.svg) center bottom no-repeat;
  background-size: 3rem
}

@media screen and (max-width:750px) {
.menu-header-toggle-text {
  margin: 0 0 0 1rem
}
}
.menu-item {
  margin-bottom: 2.5rem
}
.menu-item-title {
  margin-bottom: .8rem;
  font-size: 1.4rem;
  letter-spacing: .35rem
}
.menu-item-price {
  margin-left: 1rem;
  color: #A9A5A2
}
.menu-item-description {
  letter-spacing: .016rem
}
.menu-section-header {
  margin-bottom: 60px;
  padding: 75px 0 30px;
  border-bottom: 2px solid #4D5458
}
.menu-section-header-title {
  margin-bottom: 30px;
  font-size: 2.8rem;
  letter-spacing: .7rem
}
.menu-section-header-text {
  font-size: 1.8rem;
  letter-spacing: .018rem
}
.menu-section {
  margin-bottom: 5rem
}
.menu-section-title {
  margin-bottom: 4.5rem;
  padding-left: 3.5rem;
  border-bottom: 2px solid #BAB5B0;
  background: url(images/menu/star-icon.svg) left center no-repeat;
  background-size: 1.5rem;
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: .55rem;
  line-height: 5.6rem
}
.menu-section-title.add-space {
  position: relative;
  padding-bottom: 3rem;
  background: url(images/menu/star-icon.svg) left 2rem no-repeat;
  background-size: 1.5rem
}
.menu-section-title-desc {
  position: absolute;
  top: 3.5rem;
  left: 0;
  margin-left: 3.5rem;
  font-size: 1.8rem;
  font-style: italic;
  letter-spacing: .018rem;
  text-transform: none
}
.host-event-text, .menu-main-nav-container .menu-item, .page-title {
  font-family: EngraversMT-Bold
}
.main-nav-button, .main-nav-title, .menu-host-an-event, .page-main-item-title, .page-sidebar-item-text, .page-sidebar-item-title, .page-title {
  text-transform: uppercase
}
.menu-host-an-event {
  background-color: #F9F9F9
}
.host-event-text {
  margin-bottom: 4rem;
  font-size: 2rem;
  letter-spacing: .3rem
}
.dinner-section, .drinks-section, .carryout-section, .market-section {
  display: none
}
.active.dinner-section, .active.drinks-section, .active.carryout-section, .active.market-section {
  display: block
}
.main-nav-button {
  position: relative;
  padding-left: 30px;
  font-weight: 700;
  letter-spacing: .4rem;
  cursor: pointer
}
.main-nav-button::before {
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  content: url(images/nav/hamburger-icon.svg)
}
.main-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 70%;
  max-width: 350px;
  height: 100%;
  padding: 60px 0;
  -webkit-transition: 1s ease -webkit-transform;
  transition: 1s ease transform;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background-color: #F0F0EE;
  z-index: 1
}
.main-nav.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}
.main-nav-container {
  position: relative;
  max-width: 235px;
  height: 100%;
  margin: 0 auto
}
.menu-main-nav-container {
  margin-top: 5rem;
	margin-left:15px;
}
.menu-main-nav-container .menu-item {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 2.5rem;
  letter-spacing: .225rem
}
.main-nav-title {
  letter-spacing: .4rem;
	margin-left: 15px;
}
.main-nav-close-button {
  position: absolute;
  top: -5px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(images/nav/close-icon.svg) center center no-repeat;
  cursor: pointer
}
.main-nav-logo {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 125px;
  background: url(images/nav/logo.svg) left center no-repeat
}

@media screen and (max-height:700px) {
	.main-nav-logo {
	display: none;	
	}
}
.page-container::after, .page-container::before, .page-main-item::after, .page-main-item::before, .page-main::after, .page-main::before {
  display: table;
  content: '';
  clear: both
}
.page-container {
  background-color: #F0F0EB
}
.page-title {
  margin-bottom: 5rem;
  font-size: 2.4rem;
  letter-spacing: .6rem
}
.page-main-item-text, .page-sidebar-item-text.events-text, .page-text {
  font-family: p22-franklin-caslon
}
.page-text {
  margin-bottom: 8rem;
  font-size: 2.4rem;
  font-weight: lighter
}
.page-main {
  width: 70%;
  min-height: 100%;
  float: left;
  background-color: #F9F9F9
}

@media screen and (max-width:750px) {
.main-nav {
  padding: 50px 0
}
.page-container {
  height: auto
}
.page-main {
  width: 100%;
  height: initial;
  float: none
}
.page-main-item.is-event .button {
  display: none
}
}
.page-main-container {
  width: 85%;
  max-width: 600px;
  margin: 0 auto
}
.page-main-item {
  margin-bottom: 75px
}
.page-main-item .button {
  margin-top: 1rem
}
.page-main-item-title {
  margin-bottom: 2.5rem;
  padding-bottom: 1.8rem;
  border-bottom: 2px solid #A9A5A2;
  font-size: 1.8rem;
  letter-spacing: .45rem
}
.main-item-content {
  float: left;
  width: 60%
}

@media screen and (max-width:750px) {
.main-item-content {
  width: 100%;
  float: none
}
}
.page-main-item-thumbnail {
  max-width: 35%;
  margin-right: 2rem;
  float: left
}

@media screen and (max-width:750px) {
.page-main-item-thumbnail {
  display: block;
  max-width: 100%;
  margin: 0 auto 20px;
  float: none
}
}
.page-main-item-text {
  margin-bottom: 1.5rem;
  font-size: 1.9rem;
  font-weight: 100
}
.page-main-item-text-contact {
  margin-left: 1rem;
  text-transform: uppercase
}
.page-sidebar {
  width: 30%;
  height: 100%;
  float: left;
  background-color: #F0F0EB
}
.page-sidebar::after, .page-sidebar::before {
  display: table;
  clear: both;
  content: ''
}

@media screen and (max-width:750px) {
.page-sidebar {
  width: 100%;
  height: initial;
  float: none
}
}
.page-sidebar-container {
  width: 85%;
  max-width: 300px;
  margin: 0 auto
}
.page-sidebar-item-title {
  margin-bottom: 4rem;
  font-size: 2.2rem;
  letter-spacing: .55rem
}
.page-sidebar-item-title.events-text {
  text-align: left
}
.page-sidebar-item-text {
  margin-bottom: 2.5rem;
  font-size: 1.8rem;
  letter-spacing: .36rem;
  text-align: center
}
.page-sidebar-item-text.smaller {
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 100;
  letter-spacing: .375rem
}
.page-sidebar-item-text.events-text {
  font-size: 1.8rem;
  letter-spacing: .018rem;
  text-align: left;
  text-transform: none
}
.is-story, .story-subtitle, .story-text.story-video-text, .story-title, .subvenue-menu-item {
  text-align: center
}
.alcohol-delivery p, .market-menu-title, .story-title, .subvenue-info-item {
  text-transform: uppercase
}
.media-object-wrapper {
  position: relative;
  height: 0;
  margin: 5rem auto;
  padding-top: 56.25%
}
.media-object {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.story-subtitle {
  margin-bottom: 2.5rem;
  font-family: EngraversMT-Bold;
  font-size: 1.3rem;
  letter-spacing: .325rem
}
.story-title {
  margin-bottom: 50px;
  font-size: 1.7rem;
  letter-spacing: .425rem
}
.story-text {
  margin-bottom: 40px;
  font-family: p22-franklin-caslon;
  font-size: 2rem;
  letter-spacing: .02rem
}
.story-text.story-video-text {
  max-width: 600px;
  margin: 0 auto
}
.subvenue-header {
  height: 85%
}
.subvenue-header.market-header {
  background: url(https://milliesnantucket.com/wp-content/uploads/2022/05/millies-market-new.jpg) center center no-repeat;
  background-size: cover;
}
.subvenue-header.truck-header {
  background: url(images/subvenue/truck.png) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
@media screen and (max-width:450px) {
  .subvenue-header.truck-header {
	background: url(images/subvenue/truck.png) center right no-repeat;
	height: 75%;
  }
}
@media screen and (max-width:750px) {
  .subvenue-header.truck-header {
	background: url(images/subvenue/truck.png) center right no-repeat;
	height: 75%;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.subvenue-header.truck-header {
	background: url(images/subvenue/truck-ipad.png) center right no-repeat;
  }
}

.subvenue-logo {
  position: relative;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 80%;
  max-width: 500px;
  height: 80%;
  max-height: 350px;
  margin: 0 auto
}
.subvenue-info-list .container {
  width: 90%;
  text-align: center
}

@media screen and (max-width:1088px) {
.subvenue-info-list li {
  display: block
}
}
.subvenue-info-item {
  display: inline-block;
  letter-spacing: .4rem
}
.subvenue-info-item img {
  width: 10px;
  height: 10px;
  margin: 0 20px
}
.subvenue-menu-title {
  margin-bottom: 2.5rem;
  font-family: EngraversMT-Bold;
  font-size: 2.4rem;
  letter-spacing: .6rem;
  color: #E56F30;
}
.subvenue-contact {
  padding: 120px 0;
  background-color: #00324E;
  color: #fff
}
.subvenue-contact.subvenue-contact-orange {
  background-color: #E56F30
}
.subvenue-contact .footer-links {
  text-align: left
}
.alcohol-delivery, .footer-bottom, .footer-links, .market-info, .market-menu-title {
  text-align: center
}
.subvenue-feature-image {
  padding: 20rem;
  text-align: center;
  background: url(images/subvenue/feature-image.png) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
@media screen and (max-width:450px) {
  .subvenue-feature-image {
    background-attachment: scroll;
	height: 75%;
  }
}
@media screen and (max-width:750px) {
  .subvenue-feature-image {
    background-attachment: scroll;
	height: 75%;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.subvenue-feature-image {
    background-attachment: scroll;
	height: 75%;
  }
}
	
.market-info {
  background-color: #00324E;
  color: #EEF0F0;
  font-family: p22-franklin-caslon;
  font-size: 3.2rem;
  font-weight: 100;
  letter-spacing: .032rem
}
.market-info p {
  font-size: 2rem
}
.alcohol-delivery {
  background-color: #F9F9F9
}
.alcohol-delivery p {
  margin-bottom: 4rem;
  color: #E56F30;
  font-size: 2.1rem;
  letter-spacing: .525rem
}
.market-menu-title {
  margin-bottom: 60px;
  font-size: 2.2rem;
  letter-spacing: .55rem
}
.member-footer {
  background-color: #A9A5A2
}
.member-footer-links {
  width: 40%;
  margin-top: 4rem;
  float: left
}
.member-footer-links * {
  width: 75%
}

@media screen and (max-width:750px) {
.member-footer {
  text-align: center
}
.member-footer-links {
  float: none;
  width: 100%;
  margin-bottom: 40px
}
.member-footer-links * {
  width: 100%;
  margin: 0 auto
}
.member-footer-logo {
  max-width: 200px
}
}
.member-footer-logo {
  display: block;
  margin-bottom: 4rem
}
.footer-link {
  display: inline-block;
  width: 2rem;
  height: 2rem
}
.footer-link.instagram {
  background: url(images/social/instagram.svg) center center no-repeat
}
.footer-link.twitter {
  margin: 0 2.5rem;
  background: url(images/social/twitter.svg) center center no-repeat
}
.footer-link.facebook {
  background: url(images/social/facebook.svg) center center no-repeat
}
.member-footer-information {
  width: 60%;
  float: left;
  color: #EEF0F0
}
.member-footer-information::after, .member-footer-information::before {
  display: table;
  clear: both;
  content: ''
}

@media screen and (max-width:750px) {
.member-footer-information {
  float: none;
  width: 100%
}
}
.member-footer-item {
  width: 50%;
  margin-bottom: 4rem;
  float: left
}
.member-footer-item-large {
  clear: both
}
.member-footer-item-large .member-footer-title {
  margin-bottom: 1rem
}
.member-footer-item-large .member-footer-text {
  letter-spacing: .575rem
}
.member-footer-item-extra-details {
  margin-top: 3rem
}
.member-footer-item-extra-details span {
  font-family: presicav;
  font-size: 1.2rem;
  letter-spacing: .07rem;
  line-height: 2.106rem;
  text-transform: none
}
.member-footer-title {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  letter-spacing: .35rem;
  line-height: 2.106rem;
  text-transform: uppercase
}
.member-footer-text {
  font-family: p22-franklin-caslon;
  font-size: 1.68rem;
  letter-spacing: .22rem;
  line-height: 3.104rem
}
.member-footer-subtext {
  font-family: presicav;
  font-size: 1.1rem;
  letter-spacing: .165rem;
  line-height: 2.6rem;
  text-transform: uppercase
}
.family-footer-link, .family-footer-subscribe {
  font-size: 1.4rem;
  letter-spacing: .35rem;
  line-height: 2rem;
  text-transform: uppercase
}
.family-footer {
  background-color: #1D223D;
  color: #969697
}

@media screen and (max-width:750px) {
.member-footer-item {
  float: none;
  width: 100%
}
.member-footer-item-extra-details, .member-footer-subtext {
  display: none
}
.family-footer {
  text-align: center
}
}
.family-footer-logo {
  display: block;
  height: 70px;
  margin-bottom: 4rem;
  background: url(images/footer/gtown-logo.svg) center center no-repeat
}
.family-footer-link {
  display: inline-block
}

@media screen and (max-width:750px) {
.family-footer-logo {
  background: url(images/footer/gtown-logo-mobile.svg) center center no-repeat
}
.family-footer-link.is-follow-us {
  display: none
}
.family-footer-link {
  display: block;
  width: 50%;
  margin: 10px auto 0
}
}
.family-footer-link.is-careers {
  padding-right: 2.5rem;
  background: url(images/footer/arrow-right.svg) right center no-repeat;
  background-size: 20px
}
.family-footer-social-link {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 1rem
}
.family-footer-social-link.instagram {
  margin-left: 14px;
  background: url(images/social/instagram.svg) center center no-repeat
}
.family-footer-social-link.facebook {
  margin-right: 14px;
  background: url(images/social/facebook.svg) center center no-repeat
}
.family-footer-social-link.twitter {
  margin-left: 14px;
  margin-right: 14px;
  background: url(images/social/twitter.svg) center center no-repeat
}
.family-footer-subscribe span {
  color: #B7B9BB;
  font-size: 1.2rem;
  letter-spacing: .04rem;
  line-height: 2.6rem;
  text-transform: lowercase
}
.family-footer-newsletter {
  position: relative;
  width: 100%;
  max-width: 330px;
  height: 3rem;
  margin: 2.5rem 0
}

@media screen and (max-width:950px) {
.family-footer-newsletter {
  margin: 2.5rem auto
}
}
.family-footer-newsletter-input {
  width: 100%;
  height: 100%;
  padding: 0 4.5rem 0 1rem;
  border: 2px solid #969697;
  border-radius: 3px;
  outline: 0;
  background: #1D223D;
  color: inherit;
  font-size: 1.2rem
}
.family-footer-newsletter-input:placeholder {
color:inherit;
font-size:1.4rem;
letter-spacing:.035rem;
line-height:2.6rem
}
.family-footer-newsletter-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 100%;
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  outline: 0;
  background: url(images/footer/mail-icon.svg) center center no-repeat #969697;
  background-size: 50%
}
.family-footer-comments {
  font-size: 1.4rem;
  letter-spacing: .035rem;
  line-height: 2.6rem
}
.family-footer-comments a {
  font-size: 1.1rem
}
.footer-bottom {
  padding: 20px;
  background-color: #272F38;
  color: #58595B;
  font-size: 1rem;
  letter-spacing: .25rem;
  text-transform: uppercase
}
.contact-buttons {
  background-color: #A9A5A2
}
.contact-feature-image {
  background: url(images/contact/contact-feature-image.png) center center no-repeat;
  background-size: cover;
  padding: 20rem 0
}

@media screen and (max-width:750px) {
.family-footer-comments a, .family-footer-subscribe span {
  display: block
}
.contact-buttons .col-third:last-of-type {
  margin-bottom: 0
}
.contact-feature-image {
  display: none
}
}
.contact-footer {
  background-color: #F0F0EB
}
.contact-footer-text {
  display: inline-block;
  color: #00324E;
  font-size: 1.3rem;
  letter-spacing: .275rem;
  text-transform: uppercase
}
.contact-footer-text.add-space {
  margin: 0 3rem
}

@media screen and (max-width:1245px) {
.contact-footer {
  text-align: center
}
.contact-footer-text {
  display: block;
  margin-bottom: 2rem
}
}
.contact-footer-links {
  display: inline-block
}

@media screen and (max-width:1245px) {
.contact-footer-links {
  display: block;
  margin-bottom: 2rem
}
}
.contact-footer-link {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 1rem
}
.contact-footer-link.instagram {
  background: url(images/contact/instagram.svg) center center no-repeat;
  background-size: contain
}
.contact-footer-link.twitter {
  background: url(images/contact/twitter.svg) center center no-repeat;
  background-size: contain
}
.contact-footer-link.facebook {
  background: url(images/contact/facebook.svg) center center no-repeat;
  background-size: contain
}
.contact-footer-logo-mobile {
  display: none;
  max-width: 50%;
  margin: 0 auto 5rem
}

@media screen and (max-width:1245px) {
.contact-footer-logo-mobile {
  display: block
}
}
.contact-footer-newsletter {
  position: relative;
  display: inline-block
}
.contact-footer-newsletter-input, .contact-footer-newsletter-input::placeholder {
color:#00324E;
font-size:1.4rem;
line-height:2.6rem;
letter-spacing:.035rem
}
.contact-footer-newsletter-input {
  width: 100%;
  padding: 0 .5rem;
  outline: 0;
  border: 2px solid #00324E;
  border-radius: 3px;
  background: #F0F0EB
}
.contact-footer-newsletter-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  background: url(images/contact/mail-icon.svg) center center no-repeat #00324E;
  background-size: 50%;
  border: none;
  outline: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

@media screen and (max-width:1245px) {
.contact-footer-newsletter {
  display: block;
  max-width: 400px;
  margin: 2rem auto 0
}
.contact-footer-newsletter-button {
  background-size: 14px
}
}

@media screen and (max-width:1150px) {
.new-badge {
  display: none
}
}
.new-badge-top {
  background: url(images/badges/top.svg) center center no-repeat;
  height: 50px;
  background-size: contain
}
.new-badge-content {
  padding: 0 40px;
  background: url(images/badges/middle.svg) center center repeat-y;
  background-size: contain
}
.new-badge-content .menu-badge-text:last-of-type, .new-badge-content .menu-item:last-of-type {
  margin-bottom: 0
}
.new-badge-bottom {
  height: 50px;
  background: url(images/badges/bottom.svg) center center no-repeat;
  background-size: contain
}
.story-slideshow {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 0%;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  margin-bottom: 40px
}
.story-slideshow .slide {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 1s ease-in-out;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  background-position:center center;
  background-size:cover
}
.story-slideshow .slide.active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.story-slideshow .next, .story-slideshow .prev {
  display: block;
  height: 11px;
  width: 21px;
  position: absolute;
  bottom: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  cursor: pointer;
}
.story-slideshow .next {
  right: 10px;
  background-image:url(images/arrow-next.svg);
}
.story-slideshow .prev {
  left: 10px;
  background-image:url(images/arrow-prev.svg);
}
.madaketmillie-feature-image {
	background: url('https://milliesnantucket.com/wp-content/uploads/2015/05/feature-image.png') center center no-repeat;
	background-size: cover;
	height: 100%;
}
@media screen and (max-width:450px) {
  .madaketmillie-feature-image {
    background-attachment: scroll;
	  height: 50%;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	 .madaketmillie-feature-image {
    background-attachment: scroll;
	  height: 50%;
  }
}
.careers-image {
  height: 100%;
  max-height: 600px;
  background-size: cover;
	position: relative;
	text-align: center;
}
.careers-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.careers-text h1 {
	font-size: 45px;
	color: #ffffff;
	
}
#gform_wrapper_1 {
	background-color: #f0f0eb;
	margin: 0;
}
.gform_body {
	padding: 5% 10% 0% 10%;
    color: #00324f;
    font-weight: 400;	
}
.gfield {
	padding: 5% 5% 0% 0%;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_required {
	color: #002543;
}
body #gform_wrapper_1 span.ginput_product_price {
	color: #f9f9f9;
}
body #gform_wrapper_1 .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
color: #002543 !important;
}

body #gform_wrapper_1 .gfield_label {
	font-size: 14px;
	padding: 0;
}

span.ginput_product_price_label {
	font-size: 13px;
	padding: 0;
}

span.ginput_product_price {
	font-size: 13px;
	padding: 0;
}

span.ginput_quantity_label {
	font-size: 13px;
	padding: 0;
}

span.ginput_product_quantity {
	font-size: 13px;
	padding: 0;
}

span.ginput_container ginput_container_select {
	width: 300px;
}

select#input1_18 {
width: 10%;
}

body .gform_wrapper .gform_footer input[type=submit] {  
 min-width: 150px;
 padding: 10px 10px;
 margin-left: 10%;
 margin-bottom: 50px;
}


@media screen and (max-width:480px) {

body .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
    width: 99%;
  } 

body .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
    width: 99%;
  }
body .gform_wrapper .gform_footer input[type=submit] {  
 margin-left: 0;
	max-width: 200px;

}

}

.button-container {
  width: 90%;
  max-width: 1000px;
  margin-right: 0px;
  margin-top: -20px;
	float:right
}

.button-container::after, .container::before {
  display: table;
  clear: both;
  content: ''
}

@media screen and (max-width:750px) {
.button-container {
		text-align: center;
		float: right;
		margin-right: 5%;
		width: 25%;
		margin-top: -50px;
	}
}

.callnow-button {
  display: block;
  padding: 10px 20px;
  background: url(https://milliesnantucket.com/wp-content/uploads/2022/06/order-here-button.png) center center no-repeat;
  background-size: 100%;
  font-size: 1.5rem;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.res-button {
  display: block;
  padding: 10px 20px;
  background: url(https://milliesnantucket.com/wp-content/uploads/2022/06/reserve-now-button-millies.png) center center no-repeat;
  background-size: 100%;
  font-size: 1.5rem;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}


.onlineorder-button {
  display: block;
  padding: 10px 20px;
  background: url(https://milliesnantucket.com/wp-content/uploads/2021/07/chownow-button-white.png) center center no-repeat;
  background-size: 100%;
  font-size: 1.5rem;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.resy-button {
  display: block;
  padding: 10px 20px;
  background: url(https://milliesnantucket.com/wp-content/uploads/2021/07/resy-button-red.png) center center no-repeat;
  background-size: 100%;
  font-size: 1.5rem;
  
}