@charset "UTF-8";
/*!  
Theme Name: Marta Restaurant
Theme URI: http://underscores.me/ 
Author: Cloudstaff Creative
Author URI: http://cloudstaff.com/
Description: Marta is a proudly independent operation, a rare owner-operated venue. We create the familiarity and warmth that comes from having the “oste” welcome his regulars. Marta is exclusively devoted to Roman cuisine: exploring classic dishes but also innovating with surprising interpretation. We refresh the classics with exceptional Australian produce, and subscribe to the Roman model of offering seasonal dishes every night of the week: Settimana Romana.
Version: 1.0.0   
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marta
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

marta is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
@import url("fonts.css");
/*      
@import url("marta-nav.css");
*/
/* Mixins 
 * Media Queries  
 * Typography
 */
/* Marta - Navigation */
#marta-navbar {
  background-color: #fff;
  border: 0;
}
@media screen and (min-width: 1401px) {
  #marta-navbar {
    padding: 20px 40px;
  }
  #marta-navbar.navbar-fixed-top {
    box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 1401px) {
  #marta-navbar .navbar-header .hidden {
    display: block !important;
  }
  #marta-navbar .navbar-header .hidden.navbar-brand {
    display: inline-block !important;
    float: left;
    width: 65%;
    height: auto;
    margin: 0;
    padding: 10px 15px 0;
    line-height: normal;
  }
  #marta-navbar .navbar-header .hidden.navbar-brand .marta-logo,
  #marta-navbar .navbar-header .hidden.navbar-brand .marta-menu-logo {
    max-width: 265px;
    transition: .66s all ease;
  }
}
@media screen and (max-width: 1401px) and (max-width: 767px) {
  #marta-navbar .navbar-header .hidden.navbar-brand .marta-logo,
  #marta-navbar .navbar-header .hidden.navbar-brand .marta-menu-logo {
    max-width: 200px;
    transition: .66s all ease;
  }
}
@media screen and (max-width: 1401px) {
  #marta-navbar .navbar-header .hidden.mobile-book-button {
    font: 400 20px Courier;
    color: #190f47;
    border-bottom: 2px solid #190f47;
    padding: 15px 20px;
    display: inline-block;
    float: right;
    border: 2px solid;
    margin: 15px 20px;
  }
  #marta-navbar .navbar-header .hidden.mobile-book-button:hover, #marta-navbar .navbar-header .hidden.mobile-book-button:after, #marta-navbar .navbar-header .hidden.mobile-book-button:focus, #marta-navbar .navbar-header .hidden.mobile-book-button:visited {
    outline: none;
    text-decoration: none;
  }
}
@media screen and (max-width: 1401px) and (max-width: 767px) {
  #marta-navbar .navbar-header .hidden.mobile-book-button {
    margin: 6px 10px 0 0;
  }
}
@media screen and (max-width: 1401px) and (max-width: 507px) {
  #marta-navbar .navbar-header .hidden.mobile-book-button {
    display: none !important;
  }
}

#marta-navbar .menu-primary-menu-container {
  float: left;
}
#marta-navbar .menu-cta-menu-container {
  float: right;
}
#marta-navbar #screenmenu-nav li,
#marta-navbar #menu-cta-menu li {
  display: inline-block;
}
#marta-navbar #screenmenu-nav li a,
#marta-navbar #menu-cta-menu li a {
  font-family: Courier;
  font-size: 16px;
  font-weight: 400;
  color: #190f47;
  text-transform: uppercase;
  padding: 10px 12px;
  border-bottom: 2px solid transparent;
}
#marta-navbar #screenmenu-nav li a:hover,
#marta-navbar #menu-cta-menu li a:hover {
  border-bottom: 2px solid #190f47;
  cursor: pointer;
}
#marta-navbar #screenmenu-nav li a:hover, #marta-navbar #screenmenu-nav li a:after, #marta-navbar #screenmenu-nav li a:focus, #marta-navbar #screenmenu-nav li a:visited,
#marta-navbar #menu-cta-menu li a:hover,
#marta-navbar #menu-cta-menu li a:after,
#marta-navbar #menu-cta-menu li a:focus,
#marta-navbar #menu-cta-menu li a:visited {
  outline: none;
  text-decoration: none;
}
#marta-navbar #screenmenu-nav li a i,
#marta-navbar #menu-cta-menu li a i {
  font-size: 20px;
  line-height: 26px;
  height: 34px;
  width: 34px;
  text-align: center;
  background-color: #23135e;
  border-radius: 4px;
  padding: 4px;
  color: #fff;
}
#marta-navbar #menu-cta-menu li a {
  padding: 0 8px;
}
#marta-navbar #screenmenu-nav li {
  transition: .66s all ease;
}
#marta-navbar #screenmenu-nav li.current-menu-item a {
  border-bottom: 2px solid #190f47;
}
#marta-navbar #screenmenu-nav li#menu-item-32 {
  border: 2px solid #190f47;
}
#marta-navbar #screenmenu-nav li#menu-item-32:hover, #marta-navbar #screenmenu-nav li#menu-item-32.current-menu-item {
  background-color: #190f47;
}
#marta-navbar #screenmenu-nav li#menu-item-32:hover a, #marta-navbar #screenmenu-nav li#menu-item-32.current-menu-item a {
  color: #fff;
}
#marta-navbar #screenmenu-nav li#menu-item-32 a, #marta-navbar #screenmenu-nav li#menu-item-32 a:hover {
  border-bottom: 0;
}
#marta-navbar #screenmenu-nav li:not(:last-child) {
  margin-right: 25px;
}
@media screen and (min-width: 1525px) {
  #marta-navbar #screenmenu-nav li:not(:last-child) {
    margin-right: 45px;
  }
}
@media screen and (max-width: 1440px) and (max-height: 775px) {
  #marta-navbar #screenmenu-nav li:not(:last-child) {
    margin-right: 20px;
  }
}
#marta-navbar #menu-cta-menu li a i {
  margin-right: 10px;
}
#marta-navbar #menu-cta-menu li a span {
  display: inline-block;
  border-bottom: 2px solid transparent;
}
#marta-navbar #menu-cta-menu li a:hover {
  border-bottom: 2px solid transparent;
}
#marta-navbar #menu-cta-menu li a:hover span {
  border-color: #190f47;
}
#marta-navbar #menu-cta-menu li:not(:last-child) {
  margin-right: 10px;
  border-right: 1px solid rgba(25, 15, 71, 0.5);
}

#trigger-overlay {
  background-color: #21145f;
  color: #fff;
  font-size: 40px;
  border-radius: 0;
  padding: 15px 20px;
  margin: 0;
  border: 0;
}

#mobile-cta--menu .cta-icon-nav li {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 4px;
  min-width: 50px;
  float: none;
  min-height: 30px;
}
#mobile-cta--menu .cta-icon-nav li:not(:last-child) {
  margin-right: 10px;
}
#mobile-cta--menu .cta-icon-nav li a {
  font-size: 24px;
}
#mobile-cta--menu .cta-icon-nav li a:hover, #mobile-cta--menu .cta-icon-nav li a:focus {
  color: #190f47;
}

/* Mobile Menu Button */
/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(153, 204, 51, 0.9);
}
.overlay .overlay-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  background: url(img/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}
.overlay nav {
  text-align: center;
  position: relative;
  top: 57%;
  height: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
  .home .overlay nav {
    top: 45%;
  }
}
@media screen and (max-width: 1400px) {
  .overlay nav {
    top: 50%;
  }
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
}
.overlay ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.overlay ul li a {
  font-size: 50px;
  font-weight: 300;
  display: block;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-family: Courier;
  text-transform: uppercase;
}
@media screen and (max-width: 1400px) {
  .overlay ul li a {
    font-size: 35px;
  }
}
.overlay ul li a:hover, .overlay ul li a:focus {
  color: #fff;
}

/* Effects */
.overlay-boxes {
  background: transparent;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.8s;
  transition: visibility 0s 0.8s;
}
.overlay-boxes.open {
  visibility: visible;
  -webkit-transition: none;
  transition: none;
  z-index: 2;
}
.overlay-boxes svg {
  position: absolute;
  top: 0;
  left: 0;
}
.overlay-boxes svg path {
  fill: #21145f;
  display: none;
}
.overlay-boxes nav,
.overlay-boxes .overlay-close {
  opacity: 0;
  -webkit-transition: opacity 0.5s 0.8s;
  transition: opacity 0.5s 0.8s;
}
.overlay-boxes.open nav,
.overlay-boxes.open .overlay-close {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.overlay-boxes.close nav,
.overlay-boxes.close .overlay-close {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

@media screen and (min-width: 1401px) {
  .overlay-boxes.open {
    visibility: hidden;
  }
}
/* End Mobile Menu Button */
@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
    font-size: 34px;
  }

  .overlay ul li {
    min-height: 34px;
  }
}
@media screen and (max-width: 1280px) {
  /* Mobile Nav / Menu */
  .home .overlay nav {
    top: 40%;
  }
}
/* End Marta - Navigation */
/* Marta - Page Mixins */
.padding0 {
  padding: 0;
}

.section-heading {
  font-family: Separat-Bold;
  font-size: 36px;
  font-weight: 400;
  color: #190f47;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
}

/* End Marta - Page Mixins */
/* Marta - Homepage */
#introduction-section.section {
  padding: 200px 0 0;
  /* Tablet iPad */
  /* Tablet iPad Pro */
}
@media screen and (max-width: 1280px) {
  #introduction-section.section {
    padding: 125px 0;
  }
}
@media screen and (max-width: 768px) and (max-height: 1024px) {
  #introduction-section.section {
    padding: 250px 0;
  }
}
@media screen and (max-width: 1024px) and (max-height: 1366px) {
  #introduction-section.section {
    padding: 250px 0;
  }
}
#introduction-section .holdingpage-contentwrapper #marta-elements {
  position: relative;
}
#introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el {
  position: absolute;
  z-index: -1;
  transition: .66s all linear;
}
@media screen and (max-width: 991px) {
  #introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el1 {
    right: 3em;
    top: -4em;
    width: 150px;
  }
  #introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el2 {
    left: 0;
    top: 0;
    height: 185px;
  }
  #introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el3 {
    right: -1em;
    top: 11em;
    width: 225px;
  }
  #introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el4 {
    left: 8em;
    top: 15em;
  }
}
#introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el1 {
  right: 16em;
  top: -8em;
}
#introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el2 {
  left: -1em;
  top: 3em;
}
#introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el3 {
  right: 0;
  top: calc(50% - -15em);
}
#introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el4 {
  left: 12em;
  top: 20em;
}
@media screen and (min-width: 1380px) {
  #introduction-section .holdingpage-contentwrapper #marta-elements img.marta-el#el3 {
    right: -8em;
  }
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .marta-logo {
  margin: 50px auto;
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .content-paragraph {
  text-align: center;
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .content-paragraph h3 {
  font: 400 24px Courier-Bold;
  color: #000;
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .content-paragraph p {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper {
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  #introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper {
    margin-top: 25px;
  }
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper .marta-button {
  font: 400 20px Courier;
  color: #190f47;
  border: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  min-width: 200px;
  transition: .66s all ease;
  text-align: center;
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper .marta-button:hover, #introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper .marta-button:after, #introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper .marta-button:focus, #introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper .marta-button:visited {
  outline: none;
  text-decoration: none;
}
#introduction-section .holdingpage-contentwrapper .content-wrapper .book-btn-wrapper .marta-button:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
@media screen and (min-width: 768px) {
  #introduction-section .holdingpage-contentwrapper .content-paragraph {
    margin-top: 165px;
  }
}
@media screen and (max-width: 1400px) {
  #introduction-section .holdingpage-contentwrapper .content-paragraph {
    margin-top: 50px;
  }
}
@media screen and (max-width: 991px) {
  #introduction-section .holdingpage-contentwrapper .content-paragraph {
    margin-top: 25px;
  }
}
#introduction-section .holdingpage-contentwrapper #marta-text-logo {
  font: 400 15em Separat-Bold;
  color: #190f47;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  line-height: 165px;
}
@media screen and (max-width: 991px) {
  #introduction-section .holdingpage-contentwrapper #marta-text-logo {
    font-size: 12em;
  }
}
@media screen and (max-width: 767px) {
  #introduction-section .holdingpage-contentwrapper #marta-text-logo {
    font-size: 12em;
  }
}
@media screen and (max-width: 414px) {
  #introduction-section .holdingpage-contentwrapper #marta-text-logo {
    font-size: 6em;
  }
}

/* End Marta - Homepage */
/* Marta - Book */
#book-section.section {
  padding: 125px 0;
  position: relative;
}
#book-section #marta-menu-wrapper {
  border-right: 1px solid rgba(25, 15, 71, 0.5);
}
@media screen and (min-width: 1440px) {
  #book-section #marta-menu-wrapper .schedule {
    padding-left: 15%;
    transition: 1s all ease;
  }
}
#book-section #marta-menu-wrapper .schedule .schedule-wrapper h4 {
  font: 400 20px Harris-Regular;
  color: #000;
  text-transform: uppercase;
}
#book-section #marta-menu-wrapper .schedule .schedule-wrapper p {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
#book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-top: 20px;
}
#book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav li {
  display: block;
  margin-bottom: 15px;
}
#book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav li a {
  font: 400 20px Courier;
  color: #190f47;
  border: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  min-width: 200px;
  transition: .66s all ease;
  text-align: center;
}
#book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav li a:hover, #book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav li a:after, #book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav li a:focus, #book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav li a:visited {
  outline: none;
  text-decoration: none;
}
#book-section #marta-menu-wrapper .schedule .book-wrapper .book-nav li a:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
#book-section .marta-cta-outer-wrapper .marta-cta-wrapper h3 {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
#book-section .marta-cta-outer-wrapper .marta-cta-wrapper a {
  font: 400 20px Courier;
  color: #190f47;
  border-bottom: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
}
#book-section .marta-cta-outer-wrapper .marta-cta-wrapper a:hover, #book-section .marta-cta-outer-wrapper .marta-cta-wrapper a:after, #book-section .marta-cta-outer-wrapper .marta-cta-wrapper a:focus, #book-section .marta-cta-outer-wrapper .marta-cta-wrapper a:visited {
  outline: none;
  text-decoration: none;
}
#book-section .marta-cta-outer-wrapper .marta-cta-wrapper a.marta-button {
  display: block;
  width: 200px;
  text-align: center;
  margin: 30px 0;
  border: 2px solid #190f47;
  transition: .66s all ease;
}
#book-section .marta-cta-outer-wrapper .marta-cta-wrapper a.marta-button:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
#book-section .marta-cta-outer-wrapper .marta-cta-wrapper a.mailto-button {
  padding: 0 0 3px;
  display: inline-block;
  border: 0;
  border-bottom: 2px solid #190f47;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper h3 {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin: 20px 0;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li {
  display: inline-block;
  margin-right: 20px;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li:not(:first-child) {
  margin-right: 5px;
  position: relative;
  top: 4px;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li:not(:first-child) a {
  display: inline-block;
}
@media screen and (max-width: 320px) {
  #book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li:first-child {
    display: block;
    margin-bottom: 10px;
  }
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a.btn-stayintouch {
  font: 400 20px Courier;
  color: #190f47;
  border: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  min-width: 200px;
  transition: .66s all ease;
  text-align: center;
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a.btn-stayintouch:hover, #book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a.btn-stayintouch:after, #book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a.btn-stayintouch:focus, #book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a.btn-stayintouch:visited {
  outline: none;
  text-decoration: none;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a.btn-stayintouch:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a.btn-stayintouch:hover {
  background-color: #fff;
  color: #190f47;
  transition: .66s all ease;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper .marta-stayintouch-nav li a i {
  font-size: 20px;
  line-height: 26px;
  height: 34px;
  width: 34px;
  text-align: center;
  background-color: #23135e;
  border-radius: 4px;
  padding: 4px;
  color: #fff;
}
#book-section .marta-cta-outer-wrapper .marta-stayintouch-wrapper h4.modal-title {
  font: 400 20px Courier-Bold;
}
#book-section .marta-m {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 1;
}

/* End Marta - Book Page */
/* Marta - Food + Drink Page */
#fooddrink-section {
  padding: 0;
  border-bottom: 2px solid #190f47;
  /* Bootstrap Carousel */
  /* Flex */
  /* Modal */
}
#fooddrink-section .section-intro {
  text-align: center;
  margin: 150px 0 30px;
}
#fooddrink-section .section-intro p {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
#fooddrink-section .section-intro a.btn-continue {
  font: 400 20px Courier;
  color: #190f47;
  border-bottom: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  padding: 0 0 3px;
  display: inline-block;
  border: 0;
  border-bottom: 2px solid #190f47;
}
#fooddrink-section .section-intro a.btn-continue:hover, #fooddrink-section .section-intro a.btn-continue:after, #fooddrink-section .section-intro a.btn-continue:focus, #fooddrink-section .section-intro a.btn-continue:visited {
  outline: none;
  text-decoration: none;
}
#fooddrink-section .section-intro .content-hidden {
  display: none;
}
#fooddrink-section .fooddrink-menu-list {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: block;
  text-align: center;
}
#fooddrink-section .fooddrink-menu-list li {
  margin-bottom: 15px;
}
#fooddrink-section .fooddrink-menu-list li a {
  font: 400 20px Courier;
  color: #190f47;
  border: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  min-width: 200px;
  transition: .66s all ease;
  text-align: center;
}
#fooddrink-section .fooddrink-menu-list li a:hover, #fooddrink-section .fooddrink-menu-list li a:after, #fooddrink-section .fooddrink-menu-list li a:focus, #fooddrink-section .fooddrink-menu-list li a:visited {
  outline: none;
  text-decoration: none;
}
#fooddrink-section .fooddrink-menu-list li a:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
#fooddrink-section #fad-content-wrapper {
  text-align: center;
}
#fooddrink-section #fad-content-wrapper .marta-pan {
  max-width: 200px;
}
#fooddrink-section #fad-content-wrapper h1 {
  font: 400 80px Separat-Bold;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 10px;
  text-shadow: 1px 1px 1px #000;
}
#fooddrink-section #fad-content-wrapper p {
  font: 400 30px Courier-Bold;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
#fooddrink-section #fad-content-wrapper p span.marta {
  text-transform: uppercase;
  font-family: Courier-Bold;
}
#fooddrink-section #fad-content-wrapper p a {
  color: #fff;
  transition: .66s all ease;
  text-decoration: none;
}
#fooddrink-section #fad-content-wrapper p a:hover {
  color: #190f47;
  text-shadow: 1px 1px 1px #fff;
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  #fooddrink-section .slide-img {
    height: 770px;
    object-fit: cover;
    object-position: center;
  }
}
#fooddrink-section .carousel-indicators {
  width: auto;
  margin: 0;
  left: 15%;
  bottom: 70px;
  z-index: 1;
}
#fooddrink-section .carousel-indicators li {
  transition: .33s all linear;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-color: transparent;
}
#fooddrink-section .carousel-indicators li.active, #fooddrink-section .carousel-indicators li:hover {
  width: 23px;
  height: 23px;
  border-radius: 30px;
  margin-right: 10px;
}
#fooddrink-section .carousel-indicators li.active:before {
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  background-color: #fff;
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 10px;
}
#fooddrink-section .flexslider {
  margin: 0;
  border: 0;
}
#fooddrink-section .flexslider .flex-control-nav {
  text-align: left;
  left: 12%;
  width: auto;
  bottom: 40px;
}
#fooddrink-section .flexslider .flex-control-nav li {
  border: 2px solid #fff;
  height: 26px;
  width: 26px;
  margin-right: 20px;
  background-color: transparent;
  border-radius: 999em;
  transition: .66s all ease;
  position: relative;
  top: 0;
}
#fooddrink-section .flexslider .flex-control-nav li.flex-active-slide {
  height: 35px;
  width: 35px;
  position: relative;
  top: -5px;
  transition: .66s all ease;
}
#fooddrink-section .flexslider .flex-control-nav li.flex-active-slide a {
  top: 8px;
  left: 8px;
}
#fooddrink-section .flexslider .flex-control-nav li a {
  height: 15px;
  width: 15px;
  border-radius: 100px;
  transition: .66s all ease;
  position: relative;
  top: 3px;
  left: 3px;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
#fooddrink-section .flexslider .flex-control-nav li a.flex-active {
  background-color: #fff;
}
#fooddrink-section .flexslider .flex-control-nav li a:hover {
  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
}
#fooddrink-section #marta-modal-wrapper .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 0;
}
#fooddrink-section #marta-modal-wrapper .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
#fooddrink-section #marta-modal-wrapper .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
#fooddrink-section #marta-modal-wrapper .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  border: 0;
  z-index: 2;
}
#fooddrink-section #marta-modal-wrapper .modal-header .close {
  opacity: 1;
  color: #fff;
  font-size: 60px;
  text-shadow: none;
  position: relative;
  top: 15px;
  right: 15px;
}
#fooddrink-section #marta-modal-wrapper .modal-header .close:focus, #fooddrink-section #marta-modal-wrapper .modal-header .close:hover {
  outline: none;
}
#fooddrink-section #marta-modal-wrapper .modal-body {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}
#fooddrink-section #marta-modal-wrapper .modal-body #fad-menu-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  bottom: auto;
}

/* Modal Cover */
#marta-menu #food-drink-cover-wrapper {
  /* background: url(img/menu-cover/food-and-drink-cover.jpg) no-repeat center; */
  background-size: cover;
}

#lunch-menu #food-drink-cover-wrapper {
  background: url(img/menu-cover/lunch-menu-cover.jpg) no-repeat center;
  background-size: cover;
}

#breakfast-menu #food-drink-cover-wrapper {
  background: url(img/menu-cover/breakfast-menu-cover.jpg) no-repeat center;
  background-size: cover;
}

#drinks-menu #food-drink-cover-wrapper {
  background: url(img/menu-cover/drinks-menu-cover.jpg) no-repeat center;
  background-size: cover;
}

#fad-content-wrapper img {
  margin-bottom: 40px;
}

/* End Marta - Food + Drink Page */
/* Marta - About Page */
#about-marta-section {
  padding: 0;
}
#about-marta-section #about-marta-wrapper .section-intro {
  padding: 120px 0 0;
}
#about-marta-section #about-marta-wrapper .section-intro h1 {
  text-align: left;
}
@media screen and (max-width: 991px) {
  #about-marta-section #about-marta-wrapper .section-intro h1 {
    text-align: center;
  }
}
#about-marta-section #about-marta-wrapper .section-intro p {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin: 20px 0;
  text-align: center;
}
#about-marta-section #about-marta-wrapper .section-intro p em {
  font-family: Harris-Regular;
}
#about-marta-section #about-marta-wrapper .section-intro p q {
  quotes: "“" "”" "‘" "’";
}
#about-marta-section #about-marta-wrapper .section-intro p q:before {
  content: open-quote;
}
#about-marta-section #about-marta-wrapper .section-intro p q:after {
  content: close-quote;
}
#about-marta-section #about-marta-wrapper .section-intro .text-hidden p {
  display: none;
}
#about-marta-section #about-marta-wrapper .section-intro a.btn-continue {
  font: 400 20px Courier;
  color: #190f47;
  border-bottom: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  padding: 0 0 3px;
  display: inline-block;
  border: 0;
  border-bottom: 2px solid #190f47;
  float: right;
  margin-top: 20px;
}
#about-marta-section #about-marta-wrapper .section-intro a.btn-continue:hover, #about-marta-section #about-marta-wrapper .section-intro a.btn-continue:after, #about-marta-section #about-marta-wrapper .section-intro a.btn-continue:focus, #about-marta-section #about-marta-wrapper .section-intro a.btn-continue:visited {
  outline: none;
  text-decoration: none;
}

.marta-img-wrapper .slide-img {
  height: 90vh;
  object-fit: cover;
}

#romanweek-section {
  padding: 0;
}
#romanweek-section .section-intro p {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-align: center;
}
#romanweek-section .romanweek-content-wrapper {
  padding: 120px 0 0;
}
#romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper {
  border: 2px solid #190f47;
  padding: 20px 30px;
  margin: 40px auto;
  display: table;
  width: 70%;
  transition: .66s all ease;
}
@media screen and (max-width: 480px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper {
    width: 90%;
    transition: .66s all ease;
  }
}
#romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: table;
  width: 85%;
  margin: 0 auto;
}
#romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 {
  font: 400 16px Courier;
  width: 100%;
  display: inline-block;
}
#romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule {
  text-transform: uppercase;
  position: relative;
  float: left;
}
#romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
  content: '';
  position: absolute;
  border: 1px dashed rgba(0, 0, 0, 0.5);
  bottom: 5px;
  width: 95px;
  left: 7em;
  transition: 1s all ease;
}
@media screen and (max-width: 1850px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
    width: 75px;
  }
}
@media screen and (max-width: 1700px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
    width: 65px;
  }
}
@media screen and (max-width: 1600px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
    width: 55px;
    left: 6em;
  }
}
@media screen and (max-width: 1400px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
    width: 35px;
  }
}
@media screen and (max-width: 1300px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
    width: 25px;
  }
}
@media screen and (max-width: 1200px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
    width: 15px;
  }
}
@media screen and (max-width: 1100px) {
  #romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-schedule::after {
    width: 0;
  }
}
#romanweek-section .romanweek-content-wrapper .romanweek-tablewrapper .menu-list-wrapper .romanweek-menulist li h4 .menu-item-description {
  float: right;
  text-align: left;
  width: 40%;
}

/* End Marta - About Page */
/* Marta - Gallery Page */
#gallery-section.section {
  padding: 85px 0 60px;
}
#gallery-section .section-heading {
  text-align: left;
}
#gallery-section .instagram-accounts .marta-instra-account {
  font: 400 20px Courier;
  color: #190f47;
  border-bottom: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  padding: 0 0 3px;
  display: inline-block;
  border: 0;
  border-bottom: 2px solid #190f47;
}
#gallery-section .instagram-accounts .marta-instra-account:hover, #gallery-section .instagram-accounts .marta-instra-account:after, #gallery-section .instagram-accounts .marta-instra-account:focus, #gallery-section .instagram-accounts .marta-instra-account:visited {
  outline: none;
  text-decoration: none;
}

#news-section {
  padding: 85px 0 50px;
}
#news-section .section-heading {
  margin-bottom: 50px;
}
#news-section #marta-news-card {
  border: 0;
  background-color: #f7f7f6;
  padding: 0;
  margin-bottom: 30px;
}
#news-section #marta-news-card .caption {
  padding: 30px;
}
#news-section #marta-news-card .caption h3 {
  margin: 0 0 20px;
  font: 400 18px Courier;
  color: #000;
  min-height: 60px;
}
#news-section #marta-news-card .caption p {
  font: 400 15px Harris-Light;
}
#news-section #marta-news-card .caption p a.newscard-readmore {
  font: 400 20px Courier;
  color: #190f47;
  border-bottom: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  padding: 0 0 3px;
  display: inline-block;
  border: 0;
  border-bottom: 2px solid #190f47;
  font-size: 16px;
  margin: 20px 0 10px;
}
#news-section #marta-news-card .caption p a.newscard-readmore:hover, #news-section #marta-news-card .caption p a.newscard-readmore:after, #news-section #marta-news-card .caption p a.newscard-readmore:focus, #news-section #marta-news-card .caption p a.newscard-readmore:visited {
  outline: none;
  text-decoration: none;
}
#news-section #marta-news-card .caption .news-meta {
  font: 400 12px Courier;
  display: block;
}
#news-section #marta-news-card .caption .news-meta .separator {
  display: inline-block;
  margin: 0 10px;
}
#news-section #marta-news-card .caption .news-meta .news-loc {
  text-align: right;
}
#news-section .news-hidden {
  display: none;
}
#news-section .news-seemore-wrapper {
  text-align: center;
}
#news-section .news-seemore-wrapper .see-more {
  font: 400 20px Courier;
  color: #190f47;
  border: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  min-width: 200px;
  transition: .66s all ease;
  text-align: center;
  margin: 15px 0;
}
#news-section .news-seemore-wrapper .see-more:hover, #news-section .news-seemore-wrapper .see-more:after, #news-section .news-seemore-wrapper .see-more:focus, #news-section .news-seemore-wrapper .see-more:visited {
  outline: none;
  text-decoration: none;
}
#news-section .news-seemore-wrapper .see-more:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}

/* End Marta - Gallery Page */
/* Marta - Gift Card Page */
#subscribe-section.section {
  padding: 15vh 0 10vh;
}
#subscribe-section .section-intro {
  text-align: center;
  /* Gift Card Form */
}
#subscribe-section .section-intro p {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin: 30px 0;
}
#subscribe-section .section-intro .marta-button {
  font: 400 20px Courier;
  color: #190f47;
  border: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  min-width: 200px;
  transition: .66s all ease;
  text-align: center;
  background-color: transparent;
}
#subscribe-section .section-intro .marta-button:hover, #subscribe-section .section-intro .marta-button:after, #subscribe-section .section-intro .marta-button:focus, #subscribe-section .section-intro .marta-button:visited {
  outline: none;
  text-decoration: none;
}
#subscribe-section .section-intro .marta-button:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
#subscribe-section .section-intro #giftcard-form .modal-header .modal-title {
  font: 400 24px Courier-Bold;
  text-align: left;
}
#subscribe-section .section-intro #giftcard-form .modal-header button.close {
  color: #190f47;
  font-size: 28px;
  opacity: 1;
  margin-top: -5px;
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 .gc-wrapper .gc-heading {
  font: 400 20px Courier-Bold;
  text-align: left;
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 .gc-wrapper label {
  float: left;
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 .gc-wrapper input.wpcf7-form-control {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #190f47;
  border-radius: 0;
  padding: 0;
  font: 400 18px Courier;
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 .gc-wrapper span.express-post {
  float: right;
}
@media screen and (max-width: 414px) {
  #subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 .gc-wrapper span.express-post {
    float: none;
    display: block;
    text-align: left;
    clear: both;
  }
  #subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 .gc-wrapper span.express-post .form-inline .first {
    margin-left: 0;
  }
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 .wpcf7-response-output {
  font: 400 16px Courier;
  padding: 10px !important;
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 #gc-submit {
  font: 400 20px Courier;
  color: #190f47;
  border-bottom: 2px solid #190f47;
  padding: 15px 20px;
  display: inline-block;
  border: 2px solid #190f47;
  background-color: transparent;
  float: right;
  margin: 30px 0 10px;
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 #gc-submit:hover, #subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 #gc-submit:after, #subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 #gc-submit:focus, #subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 #gc-submit:visited {
  outline: none;
  text-decoration: none;
}
#subscribe-section .section-intro #giftcard-form .modal-body #giftcard-form-wrapper .wpcf7 #gc-submit:hover {
  background-color: #190f47;
  color: #fff;
  transition: .66s all ease;
}
#subscribe-section .marta-subscribe-form {
  text-align: center;
  margin: 70px 0 0;
  position: relative;
}
#subscribe-section .marta-subscribe-form #marta-email {
  border: 2px solid #190f47;
  width: 75%;
  height: 60px;
  border-radius: 0;
  display: inline-block;
  font: 400 26px Courier;
  color: #190f47;
}
#subscribe-section .marta-subscribe-form #marta-email::-webkit-input-placeholder {
  font: 400 26px Courier;
  color: #190f47;
  opacity: .5;
}
#subscribe-section .marta-subscribe-form #marta-email:-moz-placeholder {
  font: 400 26px Courier;
  color: #190f47;
  opacity: .5;
}
#subscribe-section .marta-subscribe-form #marta-email::-moz-placeholder {
  font: 400 26px Courier;
  color: #190f47;
  opacity: .5;
}
#subscribe-section .marta-subscribe-form #marta-email:-ms-input-placeholder {
  font: 400 26px Courier;
  color: #190f47;
  opacity: .5;
}
#subscribe-section .marta-subscribe-form #marta-submit {
  position: absolute;
  right: 12.44%;
  top: 0;
  height: 60px;
  background-color: #190f47;
  border: 2px solid #190f47;
  padding: 10px 20px;
  color: #fff;
  display: inline-block;
  font: 400 20px Courier;
}
#subscribe-section .marta-subscribe-form #marta-submit:hover, #subscribe-section .marta-subscribe-form #marta-submit:after, #subscribe-section .marta-subscribe-form #marta-submit:focus, #subscribe-section .marta-subscribe-form #marta-submit:visited {
  outline: none;
  text-decoration: none;
}
#subscribe-section .signup-form {
  text-align: center;
}
#subscribe-section .signup-form .mc4wp-response {
  position: relative;
  top: 20px;
  font: 400 20px Courier;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
#subscribe-section .signup-form #mfc3524d3d369 input {
  border: 0;
  border-bottom: 1px solid #190f47;
  border-radius: 0;
  font: 400 16px Courier;
  text-tranform: capitalize;
}
#subscribe-section .signup-form #mfc3524d3d369 input:focus {
  outline: none;
}
#subscribe-section .signup-form #mfc3524d3d369 #MGLSubmit input {
  border: 0;
  background-color: #190f47;
  color: #fff;
  padding: 10px 15px;
  margin-top: 20px;
}
#subscribe-section .signup-form br.MGLSubmitBreak {
  display: none;
}
#subscribe-section .signup-form .MGLRow {
  padding-bottom: 10px !important;
}
#subscribe-section .signup-form .MGLPoweredBy {
  display: none;
}

/* End Marta - Gift Card Page */
/* 404 Pages */
.error-404, .search, .not-found {
  padding: 100px 0;
}
.error-404 .page-title, .search .page-title, .not-found .page-title {
  font-family: Separat-Bold;
}
.error-404 .page-content, .search .page-content, .not-found .page-content {
  font-family: Courier;
  font-size: 18px;
}

.search-no-results .not-found {
  padding: 10px 0;
}
.search-no-results .no-results .page-header {
  margin: 0;
  border-bottom: 0;
}

article.post {
  font-family: Harris-Regular;
  font-size: 17px;
  margin-bottom: 30px;
}
article.post .entry-header .entry-title {
  font-family: Separat-Bold;
  margin-top: 0;
}

/* Marta - Footer Mixins */
#marta-footer {
  padding: 30px 0;
  background-color: #fafafa;
}
#marta-footer .colophon {
  float: left;
}
#marta-footer .colophon p {
  font-family: Harris-Light;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}
#marta-footer .footer-social-nav-wrapper {
  float: right;
}
#marta-footer .footer-social-nav-wrapper .footer-social-nav {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#marta-footer .footer-social-nav-wrapper .footer-social-nav li {
  display: inline-block;
}
#marta-footer .footer-social-nav-wrapper .footer-social-nav li:not(:last-child) {
  margin-right: 10px;
}
#marta-footer .footer-social-nav-wrapper .footer-social-nav li a i {
  font-size: 20px;
  line-height: 26px;
  height: 34px;
  width: 34px;
  text-align: center;
  background-color: #23135e;
  border-radius: 4px;
  padding: 4px;
  color: #fff;
}
@media screen and (max-width: 320px) {
  #marta-footer {
    padding: 10px 0;
  }
  #marta-footer .colophon,
  #marta-footer .footer-social-nav-wrapper {
    margin-bottom: 10px;
    float: none;
    text-align: center;
  }
}

/* End Marta - Page Mixins */
/* Marta - Food and Drink Menu Modal */
.food-drink-wrapper .menu--wrapper h3 {
  font: 400 36px Separat-Bold;
  color: #190f47;
  margin: 30px 0;
  text-transform: uppercase;
}
.food-drink-wrapper .menu--wrapper .menu-name-wrapper {
  margin-bottom: 30px;
}
.food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading {
  display: inline-block;
  width: 100%;
  margin: 0 0 15px;
}
.food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading .menuname {
  float: left;
  text-transform: uppercase;
}
.food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading .menuprice {
  float: right;
}
.food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading .menuname,
.food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading .menuprice {
  font: 400 24px Courier-Bold;
  color: #000;
  margin: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 640px) {
  .food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading .menuname,
  .food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading .menuprice {
    font-size: 20px;
  }
}
@media screen and (max-width: 640px) {
  .food-drink-wrapper .menu--wrapper .menu-name-wrapper .menuheading h4.menuname {
    width: 75%;
  }
}
.food-drink-wrapper .menu--wrapper .menu-name-wrapper p {
  clear: both;
  font: 400 18px Courier;
  margin: 0;
  text-transform: lowercase;
}

@media screen and (min-width: 1104px) {
  .romanweek-image-wrapper .slide-img {
    /* height: 950px; */
    object-fit: cover;
  }
}
@media screen and (max-width: 1103px) {
  .romanweek-image-wrapper .slide-img {
    height: 1050px;
    object-fit: cover;
  }
}
@media screen and (min-width: 1401px) {
  #mobile-menu-marta {
    display: none !important;
  }
}
@media screen and (max-width: 1480px) {
  .marta-img-wrapper .slide-img {
    height: 110vh;
    object-fit: cover;
  }

  #romanweek-section .section-intro p br {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .navbar-header {
    float: none;
    /* box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.1); */
    background-color: #21145f;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1440px) and (max-height: 775px) {
  #introduction-section.section {
    padding: 135px 0 0;
  }
}
@media screen and (max-width: 767px) {
  /* Navigation */
  #trigger-overlay {
    padding: 5px 15px;
  }

  #close-marta-menu {
    height: 30px;
    width: 30px;
    right: 20px !important;
  }

  .overlay ul li a {
    font-size: 36px;
  }

  /* Homepage */
  #introduction-section.section {
    padding: 150px 0;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el1 {
    top: -3em;
    right: 50px;
    max-width: 150px;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el2 {
    height: 165px;
    top: 0;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el3 {
    width: 200px;
    top: 125px;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el4 {
    height: 120px;
    left: 30px;
    top: 225px;
  }
  #introduction-section.section .holdingpage-contentwrapper .content-wrapper .content-paragraph {
    margin-top: 100px;
  }
  #introduction-section.section .holdingpage-contentwrapper .content-wrapper h3 {
    font-size: 17px;
  }
  #introduction-section.section .holdingpage-contentwrapper .content-wrapper p {
    font-size: 14px;
  }
  #introduction-section.section .holdingpage-contentwrapper .content-wrapper .marta-logo {
    width: 275px;
  }

  /* Book Page */
  #book-section.section {
    padding: 70px 0;
  }
  #book-section #marta-menu-wrapper {
    border-right: 0;
  }
  #book-section .section-heading-wrapper h1 {
    text-align: left;
    margin: 20px 0;
  }
  #book-section .marta-cta-outer-wrapper {
    margin-top: 30px;
    border-top: 1px solid #190f47;
  }
  #book-section .marta-m {
    width: 200px;
    transition: .66s all ease;
  }

  /* Food + Drink Page */
  #fooddrink-section .section-intro {
    margin: 85px 0 30px;
  }
  #fooddrink-section .section-intro h1 {
    margin: 20px 0;
  }
  #fooddrink-section .section-intro p {
    padding: 0 20px;
  }
  #fooddrink-section .section-intro p br {
    display: none;
  }
  #fooddrink-section .fooddrink-menu-list {
    margin-bottom: 30px;
  }

  /* Marta Page */
  #about-marta-section {
    border-width: 5px;
  }
  #about-marta-section #about-marta-wrapper .section-intro {
    padding: 70px 0 20px;
  }
  #about-marta-section #about-marta-wrapper .section-intro h1 {
    margin: 20px 0;
  }
  #about-marta-section .marta-img-wrapper .slide-img {
    height: auto;
  }

  #romanweek-section .romanweek-content-wrapper {
    padding: 30px 0 0;
  }
  #romanweek-section .romanweek-content-wrapper .section-intro h1 {
    margin: 20px 0;
  }
  #romanweek-section .romanweek-content-wrapper .section-intro p br {
    display: none;
  }
  #romanweek-section .romanweek-content-wrapper .romanweek-menulist .menu-schedule::after {
    display: none;
  }
  #romanweek-section .romanweek-image-wrapper .slide-img {
    height: auto;
  }

  /* Gallery Page */
  #gallery-section.section {
    padding: 70px 0 30px;
    border-width: 5px;
  }
  #gallery-section.section .section-heading {
    text-align: center;
    margin: 20px 0;
  }
  #gallery-section.section .instagram-accounts {
    text-align: center;
  }
  #gallery-section.section .instagram-accounts #sb_instagram #sbi_images {
    padding: 0 !important;
    margin: 20px 0 0;
  }
  #gallery-section.section .instagram-accounts #sb_instagram #sbi_images .sbi_item {
    width: 50% !important;
    display: inline-block;
  }
  #gallery-section.section .instagram-accounts #sb_instagram #sbi_images .sbi_item a.sbi_photo {
    border: 5px solid #fff;
    height: 25vh !important;
  }

  #news-section {
    padding: 70px 0 30px;
  }
  #news-section .section-heading {
    margin: 20px 0;
  }
  #news-section .news-seemore-wrapper a {
    display: block;
    width: 80%;
    margin: 30px auto 0;
  }

  /* Gift Card */
  #subscribe-section.section {
    padding: 70px 0 30px;
  }
  #subscribe-section .section-intro .pan-tilt {
    margin: 30px auto 0;
  }
  #subscribe-section .signup-form #mc4wp-form-1 #marta-email {
    width: 100%;
    display: block;
    text-align: center;
  }
  #subscribe-section .signup-form #mc4wp-form-1 #marta-submit {
    position: static;
    margin: 20px auto 0;
    width: 80%;
    display: block;
  }

  /* Footer */
  #marta-footer .colophon p {
    font-size: 15px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 414px) {
  #close-marta-menu.subpage-nav-close {
    top: 70px !important;
  }

  .overlay .subpage-nav {
    top: 55% !important;
  }

  /* Homepage */
  #introduction-section.section {
    padding: 30px 0 100px;
  }
  #introduction-section.section .holdingpage-contentwrapper .content-wrapper .content-paragraph {
    margin-top: 50px;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el1 {
    top: 1em;
    right: 0;
    max-width: 75px;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el2 {
    height: 100px;
    top: 58px;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el3 {
    width: 150px;
    top: 125px;
  }
  #introduction-section.section .holdingpage-contentwrapper #marta-elements .marta-el#el4 {
    height: 70px;
    left: 30px;
    top: 175px;
  }
}