@charset "utf-8";
/* CSS Document CREATED 22 March 2021 -- USE IN CONJUNCTION WITH accomTariffStyle.css & wedPartyTariffStyle.css */
/* START FIX FOR LEGACY POTTING SHEDS PAGE – Can delete as soon as new site is live */
.legacyFix {
   margin: 0 0 6px 0;
}
/* END FIX FOR LEGACY POTTING SHEDS PAGE */

/* prefixed 311224 */

h1 {
   text-align: center;
}

h2 {
   padding: 0 0 0 10%;
   display: inline-block;
   font-style: italic;
}

.tariffNav {
   display: block;
}

.propertyBreak {
   margin: 0 0 2rem 0;
}

.flexTariffDate {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   align-items: flex-end;
   margin: 3px 0;
}

.flexTariffPrice {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   align-items: flex-end;
   margin: 3px 0;
}

.flexTariffPriceWedding {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   /* align-items: flex-end; 311224 */
   align-items: center;
   margin: 3px 0;
}

.flexTariffPriceWedding3col {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   /* align-items: flex-end; 311224 */
   align-items: center;
   margin: 3px 0;
}

.flexSize {
   font-size: 0.9rem;
   width: 10%;
}

.flexSizeGuests {
   font-size: 0.9rem;
   width: 10%;
}

.flexSpaceStart {
   padding: 3px 0.5%;
   margin: 0 3px 0 0;
}

.flexSpaceStartWedding {
   padding: 3px 0.5%;
   margin: 0 3px 0 0;
   min-width: 18%;
}

.flexSpace {
   padding: 3px 0.5%;
   border-right: 3px white solid;
}

.flexSpaceEnd {
   padding: 3px 0.5%;
}

/* FOR BOAT HOUSE AND POTTING SHEDS - layout stays the same over all break points */
.flexTariffDate3col {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   align-items: flex-end;
   margin: 3px 0;
}

.flexTariffPrice3col {
   display: flex;
   flex-flow: row nowrap;
   margin: 3px 0;
}

.flexSize3col {
   font-size: 0.9rem;
   width: 33%;
}

.flexSpaceStart3col {
   padding: 3px 0.5%;
   margin: 0 3px 0 0;
   text-align: center;
}

.flexSpace3col {
   padding: 3px 0.5%;
   border-right: 3px white solid;
   text-align: center;
}

.flexSpaceEnd3col {
   padding: 3px 0.5%;
   text-align: center;
}

/* from legacy tariff_css.css */
   /* #dbe3df; menu green */
   /* #224831; Fingask green */
.green1 {
   background-color: #e0ebd6;
} /* Very light green */
.green2 {
   background-color: #c2d6ad;
} /* Light green */
.green3 {
   background-color: #a3c285; 

} /* Dark green */
.green4 {
   background-color: #85ad5c;
} /* Very dark green */

@media only screen and (max-width: 900px) {
   .flexSize {
      font-size: 0.8rem;
   }

   .flexSizeGuests {
      font-size: 0.8rem;
   }
}

@media only screen and (max-width: 600px) {
   h1 {font-size: 2rem;}
   h2 {padding: 12px 0 6px 3%;}

   .flexTariffDate {
      flex-flow: column wrap;
      align-items: stretch;
      text-align: center;
   }

   .flexTariffPrice {
      display: inline-flex;
      flex-flow: column wrap;
      align-items: stretch;
      align-content: stretch;
      text-align: center;
      width: 32%;
   }

   .flexTariffPriceWedding {
      display: inline-flex;
      flex-flow: column wrap;
      align-items: stretch;
      align-content: stretch;
      text-align: center;
      width: 100%;
   }

   .flexTariffPriceWedding3col {
      display: inline-flex;
      flex-flow: column wrap;
      align-items: stretch;
      align-content: stretch;
      text-align: center;
      width: 49%;
   }

   .flexSize {
      width: auto;
      font-size: 0.9rem;
   }

   .flexSizeGuests {
      width: auto;
      font-size: 0.8rem;
   }

   .flexSpaceStart {
      padding: 0;
      margin: 0;
   }

   .flexSpaceStartWedding {
      padding: 0;
      margin: 0;
   }

   .flexSpace {
      padding: 3px 0;
      border-right: 0;
   }

   .flexSpaceEnd {
      padding: 0;
   }

   .tariffNav {
      display: none;
   }
}