@import url(https://fonts.googleapis.com/css?family=Viga);
.bg-primary {
  background-color: #00D1F0;
}

.bg-secondary {
  background-color: #FF379E !important;
}

#footer {
  position: relative;
  width: 100%;
  color: #FFFFFF;
}
#footer > div {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 60px 0;
}
#footer > div:first-child {
  background: #00D1F0;
  color: #b7005e;
}
#footer > div:first-child > div {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}
#footer > div:first-child > div > p {
  margin-top: 10px;
}
#footer > div:first-child > div > p:nth-child(2) {
  font-size: 1.5rem;
  color: #EEEEEE;
}
#footer > div:first-child > div > p:nth-child(2).email-info {
  font-size: 1em;
}
#footer > div:first-child > div > p:nth-child(3) {
  font-size: 4rem;
}
#footer > div:first-child > div:first-child > p:first-child {
  margin-top: 0;
}
#footer > div:first-child > div:last-child {
  margin-bottom: 0;
}
#footer > div:last-child {
  background: #FF379E;
}
#footer > div:last-child > p > a {
  text-decoration: none;
}
#footer > div:last-child > p > a > span {
  font-size: 2rem;
  border: 2px #FFFFFF solid;
  padding: 10px;
  background: #FFFFFF;
  color: #000000;
  margin: 0 10px;
  border-radius: 100%;
  -moz-transition-property: all;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
#footer > div:last-child > p > a > span:hover {
  cursor: pointer;
  background: transparent;
  color: #FFFFFF;
}
#footer > div:last-child > p > a > span.icon-facebook {
  color: #385c8e;
}
#footer > div:last-child > p > a > span.icon-facebook:hover {
  color: #FFFFFF;
}
#footer > div:last-child > p > a > span.icon-instagram {
  color: #bd1a7a;
}
#footer > div:last-child > p > a > span.icon-instagram:hover {
  color: #FFFFFF;
}
#footer > div:last-child > p > a > span.icon-youtube {
  color: #f61c0d;
}
#footer > div:last-child > p > a > span.icon-youtube:hover {
  color: #FFFFFF;
}
#footer > div:last-child > p:first-child {
  margin-bottom: 30px;
}

@media only screen and (min-width: 576px) {
  #footer > div:first-child > div > p:nth-child(2).email-info {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 768px) {
  #footer > div:first-child > div {
    width: 230px;
    margin-bottom: 0;
  }
  #footer > div:first-child > div > p:nth-child(2) {
    font-size: 1.2rem;
  }
  #footer > div:first-child > div > p:nth-child(2).email-info {
    font-size: 0.7em;
  }
  #footer > div:last-child > p > a > span {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  #footer > div:first-child > div {
    width: 300px;
  }
  #footer > div:first-child > div > p:nth-child(2) {
    font-size: 1.4rem;
  }
  #footer > div:first-child > div > p:nth-child(2).email-info {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 1200px) {
  #footer > div:first-child > div {
    width: 350px;
  }
  #footer > div:first-child > div > p:nth-child(2) {
    font-size: 1.7rem;
  }
  #footer > div:first-child > div > p:nth-child(2).email-info {
    font-size: 1.1em;
  }
}
@media only screen and (min-width: 1450px) {
  #footer > div:first-child > div {
    width: 400px;
  }
  #footer > div:first-child > div > p:nth-child(2) {
    font-size: 2rem;
  }
  #footer > div:first-child > div > p:nth-child(2).email-info {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1600px) {
  #footer > div:first-child > div {
    width: 450px;
  }
  #footer > div:first-child > div > p:nth-child(2) {
    font-size: 2.3rem;
  }
  #footer > div:first-child > div > p:nth-child(2).email-info {
    font-size: 1.4em;
  }
}
.transparent_wrapper .page_header_wrapper:first-child .page_header:not(.affix) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%);
}

/* logo */
.logo {
  display: inline-block;
  word-break: break-word;
  position: relative;
  z-index: 2;
  padding: 6px 0;
}

.logo img {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  max-width: 200px;
}

@media (max-width: 768px) {
  .logo img {
    max-width: 150px;
  }
}
#breadcrumbs-section {
  position: relative;
}
#breadcrumbs-section .breadcrumb-text-container {
  z-index: 2;
}
#breadcrumbs-section::after {
  content: "\a";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.product-card article {
  position: relative;
  height: 700px !important;
  overflow: hidden;
}
.product-card article .entry-title {
  height: 60px;
}
.product-card article .entry-title > a:hover {
  color: #FF379E;
}
.product-card article .price {
  color: #FF379E;
}
.product-card article .price em {
  display: block;
  margin-top: -10px;
}
.product-card article .reservation-info {
  color: #00D1F0;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 30px;
}

#reservation-page-temp {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 320px);
  padding: 30px;
}
#reservation-page-temp h1 {
  text-align: center;
  margin: 30px;
  color: #FF379E;
  font-size: 2em;
}
#reservation-page-temp p {
  margin-bottom: 30px;
  text-align: center;
}
#reservation-page-temp p.phone {
  font-size: 2em;
}

#menu-page .menu-card article {
  height: auto;
}
#menu-page .menu-card article .item-media img {
  height: 245px;
  overflow: hidden;
}
#menu-page .menu-card article .item-content {
  padding: 20px;
}
#menu-page .menu-card article .item-content .entry-title {
  height: 40px;
}
#menu-page .menu-card article .item-content .entry-title > a:hover {
  color: #FF379E;
}
#menu-page .menu-card article .item-content .price {
  color: #FF379E;
}
#menu-page .menu-card article .item-content .price span {
  font-weight: bold;
}

.menu-item-page .container {
  padding: 0 15px 10px 15px;
}
.menu-item-page .container h1 {
  text-align: center;
}
.menu-item-page .container h2 {
  font-size: 2rem;
}
.menu-item-page .container .title-caption {
  margin-top: -35px;
}
.menu-item-page .container .price p {
  margin-bottom: 0;
}
.menu-item-page .container .price-list {
  color: #FF379E;
}
.menu-item-page .container .reservation-info {
  text-align: center;
  font-weight: bold;
}
.menu-item-page .container .reservation-info span {
  white-space: nowrap;
}
.menu-item-page .container .reservation-info span.narrative {
  font-size: 1.2rem;
}
.menu-item-page .container .reservation-info span.phone-number {
  font-size: 1.5rem;
}
.menu-item-page .container .menu-item-disclaimer {
  font-size: 0.8rem;
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  .menu-item-page .container .reservation-info span.narrative {
    font-size: 1.5rem;
  }
  .menu-item-page .container .reservation-info span.phone-number {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .menu-item-page .container .reservation-info span.narrative {
    font-size: 2rem;
  }
  .menu-item-page .container .reservation-info span.phone-number {
    font-size: 2rem;
  }
}
.ds.background_cover.section_padding_25 {
  padding-top: 60px;
}

@media only screen and (min-width: 1200px) {
  .ds.background_cover.section_padding_25 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1450px) {
  .ds.background_cover.section_padding_25 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  .ds.background_cover.section_padding_25 {
    padding-top: 130px;
  }
}
.breadcrumb-container {
  padding: 20px !important;
}

@media only screen and (min-width: 1200px) {
  .breadcrumb-container {
    padding: 40px !important;
  }
}
.page-container {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 320px);
  padding: 30px;
}
.page-container h1 {
  text-align: center;
  margin: 30px;
  color: #FF379E;
  font-size: 2em;
}
.page-container p {
  margin-bottom: 30px;
  text-align: center;
}
.page-container p.phone {
  font-size: 2em;
}
