/** Header **/
/** Top Navigation **/
/** Title Bar **/
/** Main Menu **/
/** Gallery **/
@font-face {
  font-family: destain;
  src: url(../..//webroot/css/fonts/destain.otf); }

html {
  height: auto;
  min-height: 100%; }

body {
  background-color: #e6e6e6; }
  @media screen and (max-width: 39.9375em) {
    body {
      font-size: 80%;
      line-height: 1.2; } }
  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
    body {
      font-size: 90%;
      line-height: 1.4; } }

.container {
  padding-top: 0; }
  @media screen and (min-width: 640px) {
    .container {
      margin-top: 2rem; } }

.heading-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 0; }

.page-title {
  padding: 0;
  margin: 0; }
  .page-title.destain {
    font-family: destain; }

.padding {
  padding: 1rem; }
  .padding-v {
    padding: 1rem 0 1rem 0; }
  .padding-h {
    padding: 0 1rem 0 1rem; }

.margin {
  margin: 1rem; }
  .margin-bottom {
    margin-bottom: 1rem; }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.no-border {
  border: none; }

.fb-image-wrapper {
  margin: 2rem 0; }
  .fb-image-wrapper img {
    width: auto;
    max-height: 42px; }

footer .monkey-picture-wrapper {
  margin-bottom: 2rem; }

thead,
tbody,
tfoot {
  border: none !important;
  background-color: transparent !important; }

.title-bar {
  background-color: #401711; }

header.layout-header {
  background-image: url("../../webroot/img/app/chocolate.png");
  background-repeat: repeat-x;
  background-color: transparent; }
  @media screen and (max-width: 39.9375em) {
    header.layout-header {
      background-image: none; } }
  @media print, screen and (min-width: 40em) {
    header.layout-header {
      min-height: 90px; } }

/*---    LINES   ---*/
.line {
  border: none;
  height: 5px;
  width: 100%;
  margin: 1rem 0; }
  .line.vertical {
    width: 5px;
    height: 100%; }
  .line.flex {
    position: absolute;
    left: 0; }
    .line.flex.top {
      top: 0; }
    .line.flex.bottom {
      bottom: 0; }
    .line.flex.vertical.left {
      left: 0; }
    .line.flex.vertical.right {
      right: 0; }
  .line.default {
    background-color: #AF8A6E; }
  .line.primary {
    background-color: #1779ba; }
  .line.secondary {
    background-color: #767676; }
  .line.success {
    background-color: #3adb76; }
  .line.warning {
    background-color: #ffae00; }
  .line.alert {
    background-color: #cc4b37; }

/*---   END of Lines    ---*/
@media screen and (max-width: 39.9375em) {
  .top-nav {
    background-image: none;
    background-color: #401711; } }

.top-nav .menu li a {
  color: #e6e6e6;
  font-size: 0.85rem; }

.top-nav .menu li .is-dropdown-submenu {
  background-color: #401711; }
  .top-nav .menu li .is-dropdown-submenu a:hover {
    background-color: #68251c; }

.top-nav .menu a::after {
  border-color: #e6e6e6 transparent transparent !important; }

.top-nav .menu.main-menu a {
  font-size: 1.05rem; }

/*** Start Main Menu ***/
.main-menu {
  margin: 0 0 1rem 0; }
  .main-menu li a {
    color: #8F6350;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem; }
    .main-menu li a:hover {
      color: #6e4c3e; }
    .main-menu li a.active {
      color: #0a0a0a;
      text-decoration: underline; }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .main-menu li a {
        font-size: 1.275rem; } }

/*** End Main Menu ***/
/*** Start Map Menu on Home page ***/
.map-menu {
  position: relative; }
  .map-menu .map-link-container {
    position: absolute;
    display: inline-block;
    /*border: 1px red solid;*/ }
    .map-menu .map-link-container .map-link {
      width: 100%;
      height: 100%;
      display: block; }
    .map-menu .map-link-container .map-link-text {
      font-family: destain;
      font-size: 200%;
      /*line-height: 1;*/
      color: #401711;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 39.9375em) {
        .map-menu .map-link-container .map-link-text {
          font-size: 125%; } }
      @media print, screen and (min-width: 40em) {
        .map-menu .map-link-container .map-link-text {
          font-size: 125%; } }
      @media print, screen and (min-width: 64em) {
        .map-menu .map-link-container .map-link-text {
          font-size: 180%; } }
    .map-menu .map-link-container.pirate {
      top: 7%;
      left: 28%;
      width: 13%;
      height: 26%; }
      .map-menu .map-link-container.pirate .map-link-text {
        margin-top: 131%; }
      @media screen and (max-width: 39.9375em) {
        .map-menu .map-link-container.pirate {
          top: 7%;
          left: 25%;
          width: 16%;
          height: 26%; } }
    .map-menu .map-link-container.treasure-map {
      top: 26%;
      left: 59%;
      width: 12%;
      height: 21%; }
      .map-menu .map-link-container.treasure-map .map-link-text {
        margin-top: 110%; }
      @media screen and (max-width: 39.9375em) {
        .map-menu .map-link-container.treasure-map {
          top: 25%;
          left: 62%;
          width: 16%;
          height: 21%; } }
    .map-menu .map-link-container.treasure-chest {
      top: 44%;
      left: 27%;
      width: 15%;
      height: 24%; }
      .map-menu .map-link-container.treasure-chest .map-link-text {
        margin-top: 98%; }
      @media screen and (max-width: 39.9375em) {
        .map-menu .map-link-container.treasure-chest {
          top: 43%;
          left: 20%;
          width: 20%;
          height: 24%; } }
    .map-menu .map-link-container.bottle {
      top: 61%;
      left: 58%;
      width: 15%;
      height: 11%; }
      .map-menu .map-link-container.bottle .map-link-text {
        margin-top: 32%; }
      @media screen and (max-width: 39.9375em) {
        .map-menu .map-link-container.bottle {
          top: 59%;
          left: 60%;
          width: 21%;
          height: 10%; } }

/*** End Map Menu on Home page ***/
.article-title {
  padding: 2rem 0;
  margin-bottom: 0;
  color: #555; }

/*---   FOOTER   ---*/
footer .copyright,
footer .webmaster {
  font-size: 80%; }
  @media screen and (max-width: 39.9375em) {
    footer .copyright,
    footer .webmaster {
      font-size: 90% !important; } }

footer .webmaster a {
  color: #115b8d; }

/*   PROMOTIONS SECTION   */
.promotions.index .promotion-tier .promotion-image-wrapper {
  max-height: 160px;
  overflow: hidden;
  margin-bottom: 0.5rem; }
  @media screen and (max-width: 39.9375em) {
    .promotions.index .promotion-tier .promotion-image-wrapper {
      max-height: 270px; } }

.gallery-wrapper {
  border: none;
  padding: 5px;
  background: transparent; }