/*********************************************************/
/**********************CONTAINERS*************************/
/*********************************************************/

body {font-family: 'Open Sans', sans-serif;}

.wrap {width: 100%; z-index: 10;}

.section {padding: 0 0 20px; overflow: hidden;}

.inner {width: 1002px; margin: 0 auto; padding: 30px 0; font-size: 18px; font-weight: 400;}

.section-transparency {background: rgba(0,0,0,.65); padding: 55px; margin: 0 15px; overflow: hidden; background-image: url(../i/bg-transparent-65.png)\9; background-repeat: repeat\9;}

@media screen and (max-width:1020px) {
  html {-webkit-text-size-adjust: none;}
  .inner {width: 100%;}
}

@media screen and (max-width:680px) { .section-transparency {padding: 55px 20px;} }
@media screen and (max-width:520px) { .section-transparency {padding: 55px 35px;} }
@media screen and (max-width:420px) { .section-transparency {padding: 55px 15px;} }


/*********************************************************/
/********************GENERAL STYLES***********************/
/*********************************************************/

* {margin: 0; padding: 0;}
h2 {font-weight: 700; font-size: 38px; line-height: 100%; text-align: center; font-family: 'Carrois Gothic', sans-serif; margin: 0 0 15px;}
p {margin: 0 0 15px; line-height: 10px;}
a {color: #ED9E00; text-decoration: none;}
#visit-sec a, #contact-sec a { text-decoration: underline; }
a > img {border: 0;}

@media screen and (max-width:767px) {
  .no-mobile {display: none;}
}


/*********************************************************/
/*********************ACCESSIBILITY***********************/
/*********************************************************/

[hidden] { display: none !important; }

/* Skip link: hidden off-canvas until keyboard focus */
.skip-to-main-content-link {position:absolute; top:0; left:0; z-index:2000; padding:1em; background:#000; color:#fff; font-size:20px; text-decoration:none; transform:translateY(-150%);   /* hides it above the viewport */ transition:transform .2s ease;}

.skip-to-main-content-link:focus,
.skip-to-main-content-link:focus-visible {transform:translateY(0);       /* slides into view */}

/* ------------- Focus: base (single outline) ------------- */
:root { --focus-outline: #FFD400; } /* default = vibrant yellow (great on dark) */

:where(a, button, [role="button"], [tabindex]):focus-visible {outline: 3px solid var(--focus-outline); outline-offset: 3px;}
/* Don’t show a ring for mouse clicks */

/* Marker anchors: never show a ring (cover outline + UA box-shadow) */
.anchor:focus,
.anchor:focus-visible,
.anchor:target,
.anchor:target:focus,
.anchor:target:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Programmatic focus targets (e.g., headings set to tabindex="-1") */
[tabindex="-1"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Fallback for browsers without :focus-visible */
@supports not selector(:focus-visible) {
  .anchor:focus {
    outline: none !important;
    box-shadow: none !important;
  }
}



:where(a, button, [role="button"], [tabindex]):focus:not(:focus-visible) { outline: none; }

/* Keep your nav-bar offset */
.nav-bar :is(a, button):focus-visible { outline-offset: 4px; }

/* Carousel arrows: ring the glyph circle */
#photos-sec #carousel1 .carousel-control:focus-visible .glyphicon {outline: 3px solid var(--focus-outline); outline-offset: 2px;}


/* Menu opener: show the ring on the hamburger graphic, not the whole button */
#responsive-menu:focus-visible { outline: none; }
#responsive-menu:focus-visible .nav-icon { outline: 3px solid var(--focus-outline); outline-offset: 4px; border-radius: 6px; }

/* Optional: Windows High Contrast mode */
@media (forced-colors: active) {
  #responsive-menu:focus-visible .nav-icon { outline: 2px solid ButtonText; }
}


/* ------------- Social icons: image-only ring ------------- */
.social-icons a:focus-visible { outline: none !important;} /* Remove any outline that base rule might apply to the <a> */
.social-icons a:focus-visible img {outline: 3px solid var(--focus-outline) !important; outline-offset: 3px; border-radius: 6px;} /* Put the outline on the <img> only */

/* ------------- Section-specific colors (single outline) ------------- */

#promo-sec, #menus-sec, #breakfast, #lunch {--focus-outline: #0057CB;}  /* brand blue on white/light menu panels */
    
#delivery-sec {--focus-outline: #0E4083;}  /* navy focus on yellow delivery section */

@supports not selector(:focus-visible) {
  :where(a, button, [role="button"], [tabindex]:not([tabindex="-1"])):focus {
    outline: 3px solid var(--focus-outline);
    outline-offset: 3px;
  }
}


/* SR-only utility */
.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}


/*********************************************************/
/*********************NAVIGATION**************************/
/*********************************************************/

#desktop-nav {height: 60px; z-index: 1000; width: 100%; background: rgba(0,0,0,.7); position: fixed;}
#desktop-nav .inner {padding: 0;}
#desktop-nav .inner ul.nav-bar {display: flex; justify-content: space-between; list-style: none; margin: 0 16px;}
#desktop-nav .inner ul.nav-bar li {font-weight: 700;}
#desktop-nav ul li a {color: #fff; font-size: 16px; line-height: 56px;}
#desktop-nav a:hover {color: #e5ad12;}

#responsive-nav-container {display: none;}

.anchor {display: block; position: relative; top: -60px; height: 0; overflow: visible; /*visibility: hidden;*/}

@media screen and (max-width:1020px) {
  #desktop-nav {display:none;}
  
  #responsive-nav-container  {width: 100%; display:flex; align-items:center; position: fixed; z-index: 99; height: 60px; top: 0; background-color: rgba(0,0,0,.8);}
  
  #responsive-nav-container .menu-link {background: transparent; border: 0; margin-left: 15px; height: 27px; cursor: pointer;}
  #responsive-nav-container .logo-slot {flex: 1; display: flex; justify-content: center; align-items: center;}
  #responsive-nav-container .logo-slot a {display: inline-block;}
  #responsive-nav-container .nav-icon {width: 38px; height: 27px; position: relative;}
  #responsive-nav-container .nav-icon > div {top: 50%; transform: translateY(-50%); border-bottom: 5px solid #FFF; content: ''; display: block; position: absolute; height: 0; width: inherit; transition: opacity .18s ease, transform .18s ease;} 
  #responsive-nav-container .nav-icon > div::before {content: ''; display: block; position: absolute; height: 0; width: inherit; border-bottom: 5px solid #FFF; top: -11px; transform: none; transform-origin: center; transition: transform .18s ease, top .18s ease;}
  #responsive-nav-container .nav-icon > div::after  {top: 11px; content: ''; display: block; position: absolute; height: 0; width: inherit; border-bottom: 5px solid #FFF; transform: none; transform-origin: center; transition: transform .18s ease, top .18s ease;}

  
  /* When open: hide middle bar, rotate top/bottom into an “X” */
  #responsive-menu[aria-expanded="true"] .nav-icon > div,
  #responsive-menu.menu-open .nav-icon > div {border-bottom-color: transparent;}
  #responsive-menu[aria-expanded="true"] .nav-icon > div::before,
  #responsive-menu.menu-open .nav-icon > div::before {top: 0; transform: rotate(45deg);}
  #responsive-menu[aria-expanded="true"] .nav-icon > div::after,
  #responsive-menu.menu-open .nav-icon > div::after {top: 0; transform: rotate(-45deg);}



  #responsive-nav-container .logo-responsive {margin:0; height:28px;}
  
  #mobile-nav {position: fixed; top: 60px; left: 0; right: 0; overflow: hidden; max-height: 0; background-color: rgba(0,0,0,.8); text-align: center; z-index: 98;}
  #mobile-nav ul {padding: 0 0 0 3px; margin: 0; list-style: none; position: relative; box-sizing: border-box; display: inline;}
  #mobile-nav ul:after {content: ""; clear: both; display: block;}
  #mobile-nav ul.menulistleft {float:left; width:50%;}
  #mobile-nav ul.menulistright {padding: 0 3px; float:left; width:50%;}
  #mobile-nav ul li {padding: 0;}
  #mobile-nav ul li a {display: block; text-decoration: none; color: #FFF; font-weight: 700; font-size: 17px;}
  #mobile-nav ul li a:hover {color: #e5ad12;}
  #mobile-nav ul li > a {min-height: 27px; padding: 4px 12px 0; border: 1px solid #fff; margin: 0 0 8px; display: block;}
  #mobile-nav.menu-open {max-height: 200em; clear: both; overflow: hidden; width: 100%; padding: 20px 4px; box-sizing: border-box;}
  #mobile-nav li, #mobile-nav > ul > li {display: block;}
  #mobile-nav li a {/*color: #000; display: block; padding: .8em;*/ position: relative;}
  #mobile-nav .responsive-contact {padding: 5px 10px 0 10px; width: 100%; box-sizing: border-box; overflow: hidden;}
  #mobile-nav .responsive-contact p {color: #FFF; font-weight: 700; line-height: 29px; margin: 0; font-size: 19px;}
  #mobile-nav .responsive-contact p.mobile-link {margin-bottom: 10px !important;}
  #mobile-nav .responsive-contact p:last-child {margin-bottom: 5px;}
}

/*********************************************************/
/************************HERO*****************************/
/*********************************************************/

#hero-sec {background: url(../i/hero3.jpg) center 0 no-repeat; background-size: cover; width: 100%; height: 100%; min-height: 1000px; z-index: -1;}
#hero-sec .logo-outer-con:before {content: ''; height: 100%; min-height: 600px; display: inline-block; vertical-align: middle;}
#hero-sec .logo-outer-con {text-align: center;}
#hero-sec .logo-inner-con {padding: 80px 15px 10px; display: inline-block; vertical-align: middle;}

@media screen and (max-width:1020px) {
  #hero-sec {min-height: 660px;}
  #hero-sec .logo {display:none;}
}

@media screen and (max-width:745px) { 
  #hero-sec {margin-top: -50px;} 
}

@media screen and (max-width:650px) {
  #hero-sec {background:url(../i/hero3.jpg) -50px 0px no-repeat; background-size:cover; z-index:-1;}
}

@media screen and (max-width:520px) {
  #hero-sec {background: url(../i/hero3.jpg) -140px 0px no-repeat; background-size: cover; z-index: -1;}
}

@media screen and (max-width:414px) {
  #hero-sec {background: url(../i/hero3.jpg) center 60px no-repeat; background-size: cover; height: 100%; width: 100%; z-index: -1; margin-top: -60px;}
}


/*********************************************************/
/************************PROMO****************************/
/*********************************************************/

#promo-sec {padding: 20px 15px; background-color: #ddfffd; font-size: 19px; text-align: center; font-weight: bold;}
#promo-sec a {color: #095DCE; text-decoration: underline;}

/*********************************************************/
/************************VISIT****************************/
/*********************************************************/

#visit-sec {background-color: #0e4083; padding-top: 0px; color: #FFF; padding-bottom: 0;}
#visit-sec .inner {overflow: hidden;}
#visit-sec p {font-weight: 400; font-size: 22px; line-height: 22px;}
#visit-sec p.visit-header {font-weight: 600;}
#visit-sec .visit-halfandhalf {/*float: left;*/  width: 50%; box-sizing: border-box; margin-bottom: 15px; text-align: center;}
#visit-sec .half-and-half-hours {/*width: 100%; overflow: hidden;*/ width: 50%; text-align: center; margin-bottom: 15px;}
#visit-sec .social-icons {text-align: center;}
#visit-sec .social-icons a {display: inline-block;}
#visit-sec .social-icons img {margin-right: 14px;}
#visit-sec .social-icons a:last-child img {margin-right: 0;}
#visit-sec .gift-cards-mobile {display: none;}

@media screen and (min-width:1021px) {
  #visit-sec .inner {padding-top: 42px;}
  #visit-sec .half-and-half-locations {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 24px;}
}

@media screen and (max-width:1020px) {
  #visit-sec .inner {box-sizing: border-box; padding-left: 14px; padding-right: 14px;}
  #visit-sec .visit-halfandhalf {float: left; width: 50%;}
  #visit-sec .half-and-half-hours {/*width: 100%;*/ overflow: hidden;}
}

@media screen and (max-width:920px) {
  #visit-sec .half-and-half-locations-con {float: none; width: 100%; margin-left: 0px;}
  #visit-sec .half-and-half-locations {float: none; width: 100%;}
  #visit-sec .visit-halfandhalf {width: 50%;}
  #visit-sec .visit-divider {display: none;}
}

@media screen and (max-width:767px) {
  #visit-sec .visit-halfandhalf {width: 100%;}
  #visit-sec .half-and-half-hours {width: 100%;}
}

@media screen and (max-width:410px) {
  #visit-sec .gift-cards-divider {display: none;}
  #visit-sec .gift-cards {display: block; margin-top: 29px;}
  #visit-sec .gift-cards-desktop {display: none;}
  #visit-sec .gift-cards-mobile {display: inline;}
}

@media screen and (max-width:374px) {
  #visit-sec {letter-spacing: -0.3px;}
}


/*********************************************************/
/**********************DELIVERY***************************/
/*********************************************************/

#delivery-sec {background-color: #ffd85c;}
#delivery-sec .inner {box-sizing: border-box; padding-left: 14px; padding-right: 14px; padding-bottom: 25px; text-align: center; overflow: hidden;}
#delivery-sec img {margin-bottom: 17px; max-width: 100%;}
#delivery-sec p {line-height: 30px; font-size: 19px;}
#delivery-sec .delivery-location {float: left; width: 50%; text-align: center;}
#delivery-sec a {background-color: #0e4083; color: #ffffff; padding: 9px 17px; text-decoration: none; border-radius: 4px; font-size: 22px!important; display: inline-block; margin-top: 15px; font-weight: 600; border: none !important; cursor: pointer;}

@media screen and (max-width:767px) {
  #delivery-sec p {font-size: 18px;}
  #delivery-sec .delivery-location {float: none; width: 100%;}
  #delivery-sec a {font-size: 19px!important;}
  #delivery-sec a.first {margin-bottom: 15px;}
}

@media screen and (max-width:359px) {
  #delivery-sec a {font-size: 19px!important;}
}


/*********************************************************/
/************************ABOUT****************************/
/*********************************************************/

#about-sec {padding: 0; color: #FFF;}
#about-sec p {font-weight: 600; line-height: 30px; margin-top: 45px;}


/*********************************************************/
/************************MENUS****************************/
/*********************************************************/

#menus-sec {background-color: #FFF; color: #111;}
#menus-sec .inner {background-repeat: no-repeat;}
#menus-sec h2 {margin-bottom: 25px;}
#menus-sec a {font-weight: bold; text-decoration: underline; color: #0057cb;}
#menus-sec p {line-height: 25px;}
#menus-sec p.menu-subtitle {line-height: 22px;}
#menus-sec .menu-container {overflow: hidden;}
#menus-sec .menu-container ul {list-style: none; margin-left: 15px;}
#menus-sec .menu-container ul li {margin-top: 10px;}
#menus-sec .menu-container strong {font-weight: bold!important;}
#menus-sec .menuleft, #menus-sec .menuright {padding-bottom: 99999px; margin-bottom: -99999px;}
#menus-sec .menuleft {width: 41.5%; float: left; padding-right: 7%; border-right: 1px dotted #111; padding-left: 15px;}
#menus-sec .menuright {padding-left: 8.33335%; width: 41.5%; float: left;}
#menus-sec h3 {text-transform: uppercase; font-size: 29px; margin-top: 50px; color: #0057cb; font-family: 'Cutive', serif; font-weight: 300; line-height: 19px; margin-bottom: 15px;}
#menus-sec .left h2:first-child, #menus-sec .right h2:first-child {margin-top: 15px;}
#menus-sec h4 {font-weight: 700; margin-top: 25px; margin-bottom: 2px; font-size: 18px;}
#menus-sec h4 span, #menus-sec .menu-container ul li span {padding-left: 7px; padding-right: 7px;}
#menus-sec p.details {line-height: 25px; margin-bottom: 5px; width: 95%;}
#menus-sec p.lunch-menu-note {text-align: center; margin-top: -15px; font-size: 19px; margin-bottom: 20px; margin-left: 10px; line-height: 25px;}
#menus-sec p.special-note {font-weight: 700; margin-top: 30px;}
#menus-sec .menu-disclaimer {margin-top: 35px; text-align: center;}

#menus-sec #breakfast .inner {background-image: url(../i/breakfastmenu_bg.jpg); background-position: center 90%;}
#menus-sec #breakfast .menu-full-width {border-style: double; border-color: #0057cb; padding-bottom: 22px; margin-bottom: 25px; overflow: hidden;}
#menus-sec #breakfast .menu-full-width h3 {text-align: center; margin-top: 37px!important;}
#menus-sec #breakfast .menu-full-width .menuleft {border-right: none;}
#menus-sec #breakfast h3.top {margin-top: 30px;}
#menus-sec #breakfast .divider-con {padding-top: 30px;}
#menus-sec #breakfast .divider-side {height: 13px; width: 47%; float: left; border-bottom: 1px solid #111;}
#menus-sec #breakfast .divider {float: left; display: block; margin: 0 auto;}

#menus-sec #lunch .inner {background-image: url(../i/lunchmenu_bg.jpg); background-position: center 95.5%;}

@media screen and (max-width:1050px) {
  #menus-sec .menuright {padding-left: 4.33335%;}
}

@media screen and (max-width:1020px) {
  #menus-sec .menuleft {padding-right: 0; padding-left: 4.33335%; width: 45.5%;}
  #menus-sec #breakfast .menu-full-width {margin-left: 15px; margin-right: 15px;}
  #menus-sec #breakfast .divider-con {width: 100%; padding-right: 14px; padding-left: 14px;}
  #menus-sec #breakfast .divider-side {width: 45.6%;}
}

@media screen and (max-width:965px) { 
  #menus-sec .menuleft {padding-right: .5%;}
  #menus-sec #breakfast p {margin-right: 10px;}
}

@media screen and (max-width:900px) { 
  #menus-sec .menuleft {width: 44.8%;}
  #menus-sec #breakfast .divider-side {width: 44.7%;}
}

@media screen and (max-width:830px) {
  #menus-sec .menuleft {padding-right: 4%; width: 43.9%; padding-left:2.33335%;}
  #menus-sec .menuright {width: 44.5%; padding-left:2.33335%;}
}

@media screen and (max-width:745px) {
  #menus-sec .menuleft {width: 48.1%; padding-right: .3%;}
}

@media screen and (max-width:680px) {
  #menus-sec .inner {background-image: none!important;}	
  #menus-sec .menuleft {border-right: none; width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
  #menus-sec .menuright {margin-top: -5px; width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
  #menus-sec .menu-disclaimer {text-align: left; margin-top: 35px; padding-left: 15px; padding-right: 15px;}
  #menus-sec #breakfast {padding-bottom: 0;}
  #menus-sec #breakfast .divider-side {width: 43.6%;}
  #menus-sec #breakfast h3.top {margin-top: 50px;}
  #menus-sec #lunch p.lunch-menu-note {margin-bottom: 0;}  
}

@media screen and (max-width:650px) {
  #menus-sec #breakfast .divider-side {width: 41.5%;}
}

@media screen and (max-width:520px) {
  #menus-sec #breakfast .divider-side {width: 39.4%;}

}

@media screen and (max-width:400px) { 
  #menus-sec h3 {font-size: 28px; margin-right: 0!important;}
  #menus-sec #breakfast .divider-side {width: 36.3%;}
}

@media screen and (max-width:330px) {
  #menus-sec h3 {font-size: 27px;}
  #menus-sec h4 {width: 95%;}
}


/*********************************************************/
/************************PHOTOS***************************/
/*********************************************************/

#photos-sec {color: #FFF;}
#photos-sec {background-color: #303539; padding: 0;}
#photos-sec h2 {margin: 32px 0 23px;}

/* Make carousel arrows obvious, contrasted, and focusable */
#photos-sec #carousel1 .carousel-control {opacity: 1; /* always visible */ background: none; /* remove Bootstrap's gradient overlay */}

#photos-sec #carousel1 .carousel-control .glyphicon {position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 22px; color: #fff; background-color: rgba(0,0,0,0.72); border-radius: 999px; border: 2px solid rgba(255,255,255,0.95); text-shadow: none; box-shadow: 0 2px 6px rgba(0,0,0,0.35);}

/* Position the left/right circles in from the edges */
#photos-sec #carousel1 .left  .glyphicon { left: 16px;}
#photos-sec #carousel1 .right .glyphicon { right: 16px;}

/* Hover/active/focus states */
#photos-sec #carousel1 .carousel-control:hover .glyphicon,
#photos-sec #carousel1 .carousel-control:active .glyphicon,
#photos-sec #carousel1 .carousel-control:focus .glyphicon {background-color: rgba(0,0,0,0.86);}
#photos-sec #carousel1 .carousel-control:focus-visible .glyphicon {outline: 3px solid #FFD400; /* keyboard focus ring */ outline-offset: 2px;}

/* Larger touch targets on phones */
@media (pointer: coarse) {
  #photos-sec #carousel1 .carousel-control .glyphicon {width: 56px; height: 56px; line-height: 56px; font-size: 26px;}
}

/* Desktop: add extra gutter so arrows aren't hugging the edge */
@media (pointer: fine) and (min-width: 768px) {
  #photos-sec #carousel1 .left  .glyphicon {left: 28px;}
  #photos-sec #carousel1 .right .glyphicon {right: 28px;}
}


/*********************************************************/
/*************************TEAM****************************/
/*********************************************************/

#team-sec {background: #0e4083; color: #FFF;}
#team-sec .inner {box-sizing: border-box; padding: 30px 15px 0;}
#team-sec h2 {margin-bottom: 25px;}
#team-sec .one-third {float: left; width: 30.6666%; position: relative; min-height: 1px; margin-right: 4%;}
#team-sec .one-third.last {margin-right: 0;}
#team-sec .one-third img {width: 100%;}
#team-sec p {line-height: 22px; text-align: center; margin-top: 10px; font-weight: 400;}
#team-sec p.staff-name {text-align: left; color: #E7C571; margin-bottom: 0; text-transform: uppercase; font-weight: 700;}
#team-sec p.staff-pos {text-align: left; color: #E7C571; margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-size: 16px;}
#team-sec p.staff-bio {text-align: left; margin-top: 10px;}

@media screen and (max-width:630px) {
  #team-sec .one-third {width: 100%; padding-bottom: 27px;}
  #team-sec .one-third img {float: left; width: 48.6%; margin-right: 2.8%;}
}

@media screen and (max-width:420px) {
  #team-sec .one-third img {float: none; width: 100%; margin-right: 0;}
  #team-sec .one-third.last {padding-bottom: 0;}
  #team-sec p.staff-name {margin-top: 10px;}
}


/*********************************************************/
/*************************PRESS***************************/
/*********************************************************/

#press-sec {color: #FFF;}
#press-sec .inner {padding: 30px 0 0;}
#press-sec .section-transparency {background: rgba(0,0,0,.73); padding: 55px 55px 0;}
#press-sec h2 {margin: 0 0 28px;}
#press-sec .one-third {margin-left: 0; float: left; width: 33.3333%; position: relative; min-height: 202px; padding-left: 15px; padding-right: 15px;}
#press-sec h3 {color: #BFA462;}
#press-sec .press-item {box-sizing: border-box; padding-bottom: 20px; text-align: center;}
#press-sec p {font-weight: 600;}
#press-sec p.press-date {color: #FFF;}
#press-sec p.press-title {margin-top: 6px; line-height: 22px;}
#press-sec .press-title a {text-decoration: underline;}

@media screen and (max-width:945px) {
  #press-sec .one-third {padding-left: 0; padding-right: 0;}
}

@media screen and (max-width:910px) {
  #press-sec .one-third {width: 50%; padding-left: 15px; padding-right: 15px;}
}

@media screen and (max-width:650px) {
  #press-sec .one-third {width:50%; padding-left:5px; padding-right:5px;}
}

@media screen and (max-width:630px) {
  #press-sec .one-third {width: 100%; min-height: 118px;}
  #press-sec .press-item {padding-bottom: 35px;}
}

@media screen and (max-width:330px) {
  #press-sec .one-third {padding-left: 0; padding-right: 0;}
}


/*********************************************************/
/************************CONTACT**************************/
/*********************************************************/

#contact-sec {color: #FFF; background: #161616;}
#contact-sec h2 {margin-bottom: 35px;} 
#contact-sec .inner {overflow: hidden;}
#contact-sec .locations-contact {float: left; width: 60%; padding-bottom: 99999px; margin-bottom: -99999px;}
#contact-sec .locations-contact-column {float: left; width: 50%; text-align: center; margin-bottom: 15px;}
#contact-sec .locations-contact .social-icons {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%;}
#contact-sec .contact-header {font-weight: 600;}
#contact-sec p {line-height: 15px;}
#contact-sec .locations-contact-hours {width: 50%; overflow: hidden; text-align: center;}
#contact-sec .social-icons a {display: inline-block;}
#contact-sec .social-icons img {margin-right: 14px;}
#contact-sec .social-icons a:last-child img {margin-right: 0;}
#contact-sec .contact-right {float: left; width: 40%; text-align: center; padding-bottom: 99999px; margin-bottom: -99999px;}

#contact-sec .gift-cards-mobile {display: none;}

@media screen and (max-width:1020px) {
  #contact-sec p {line-height: 20px;}
  #contact-sec .social-icons {margin-top: 25px;}
  #contact-sec .locations-contact {float: none; width: 100%;}
  #contact-sec .contact-right {float: none; overflow: hidden; margin-top: 38px; width: 100%;}
}

@media screen and (max-width:680px) {
  #contact-sec .contact-inner-con {padding-left: 15px; padding-right: 15px; text-align: center;}
  #contact-sec h3 {margin-bottom: 25px;}
}

@media screen and (max-width:630px) {
  #contact-sec .contact-inner-con {width: 100%; box-sizing: border-box;}
  #contact-sec .locations-contact-column {float: none; width: 100%; margin-bottom: 25px;}
  #contact-sec .locations-contact-hours {margin-top: 38px; width: 100%; }
}

@media screen and (max-width:350px) {
  #contact-sec .gift-cards-divider {display: none;}
  #contact-sec .gift-cards {display: block; margin-top: 29px;}
  #contact-sec .gift-cards-desktop {display: none;}
  #contact-sec .gift-cards-mobile {display: inline;}
}