@charset "utf-8";
/* CSS Document CREATED 22 March 2021 -- USE IN CONJUNCTION WITH accomTariffStyle.css and wedPartyTariffStyle.css */
/* prefixed 220922 */

/* EVENTS and PARTY PRICE LIST SETTINGS */
#eventPricesGrid {
   display: grid;
   grid-template-areas:
      "priceTitle"
      "priceBlock1"
      "priceBlock2"
      "priceBlock3"
      "priceBlock4"
      "priceBlock5"
      "priceBlock6"
      "priceBlock7"
      "priceFootnote";
}

#eventPriceTitle {
   grid-area: priceTitle;
   margin: 12px 0 0 0;
}

.eventPricePeriod {
   margin: 12px 0;
}

.eventPriceBlockContainer {
   margin: 12px 10%;
}

.eventPriceBlock {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.eventDateBlock {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   color: white;
}

.eventDateBlockMob {
   display: none;
}

.guests {
   width: 25%;
   text-align: center;
}

.price1 {
   width: 25%;
   text-align: center;
}

.price2 {
   width: 25%;
   text-align: center;
}

.price3 {
   width: 25%;
   text-align: center;
}

#eventPriceBlock1 {grid-area: priceBlock1;}
#eventPriceBlock2 {grid-area: priceBlock2;}
#eventPriceBlock3 {grid-area: priceBlock3;}
#eventPriceBlock4 {grid-area: priceBlock4;}
#eventPriceBlock5 {grid-area: priceBlock5;}
#eventPriceBlock6 {grid-area: priceBlock6;} /* ballroom */
#eventPriceBlock7 {grid-area: priceBlock7;} /* reeling */

#eventPriceBlock6 .guests,
#eventPriceBlock6 .price1,
#eventPriceBlock6 .price2,
#eventPriceBlock7 .guests,
#eventPriceBlock7 .price1,
#eventPriceBlock7 .price2 {
   width: 33%;
}

/* WEDDING PRICE LIST SETTINGS */
.priceNote {
   font-size: 0.9rem;
   padding: 0 3% 0 19.5%;
   color: #295239;
}

/* SATURDAY PRICING */
#saturdayGrid {
   display: grid;
   grid-template-areas:
      "saturdayDates"
      "saturdayPrice";
   grid-template-columns: 1fr;
}
#saturdayDates {
   grid-area: saturdayDates;
}
#saturdayPrices {
   grid-area: saturdayPrice;
}

/* FRIDAY PRICING */
#fridayGrid {
   display: grid;
   grid-template-areas:
      "fridayDates"
      "fridayPrice";
   grid-template-columns: 1fr;
}
#fridayDates {
   grid-area: fridayDates;
}
#fridayPrices {
   grid-area: fridayPrice;
}

/* THURSDAY PRICING */
#thursdayGrid {
   display: grid;
   grid-template-areas:
      "thursdayDates"
      "thursdayPrice";
   grid-template-columns: 1fr;
}
#thursdayDates {
   grid-area: thursdayDates;
}
#thursdayPrices {
   grid-area: thursdayPrice;
}

/* MONDAY TO TUESDAY PRICING */
#monTueGrid {
   display: grid;
   grid-template-areas:
      "monTueDates"
      "monTuePrice";
   grid-template-columns: 1fr;
}
#monTueDates {
   grid-area: monTueDates;
}
#monTuePrices {
   grid-area: monTuePrice;
}

/* MONDAY TO WEDNESDAY PRICING */
#monWedGrid {
   display: grid;
   grid-template-areas:
      "monWedDates"
      "monWedPrice";
   grid-template-columns: 1fr;
}
#monWedDates {
   grid-area: monWedDates;
}
#monWedPrices {
   grid-area: monWedPrice;
}

/* MONDAY TO THURSDAY PRICING */
#monThuGrid {
   display: grid;
   grid-template-areas:
      "monThuDates"
      "monThuPrice";
   grid-template-columns: 1fr;
}
#monThuDates {
   grid-area: monThuDates;
}
#monThuPrices {
   grid-area: monThuPrice;
}

/* WEDNESDAY TO THURSDAY PRICING */
#wedThuGrid {
   display: grid;
   grid-template-areas:
      "wedThuDates"
      "wedThuPrice";
   grid-template-columns: 1fr;
}
#wedThuDates {
   grid-area: wedThuDates;
}
#wedThuPrices {
   grid-area: wedThuPrice;
}

/* SUNDAY PRICING */
#sundayGrid {
   display: grid;
   grid-template-areas:
      "sundayDates"
      "sundayPrice";
   grid-template-columns: 1fr;
}
#sundayDates {
   grid-area: sundayDates;
}
#sundayPrices {
   grid-area: sundayPrice;
}

/* CASTLE PRICING */
#castleGrid {
   display: grid;
   grid-template-areas:
      "castleDates"
      "castlePrice";
   grid-template-columns: 1fr;
}
#castleDates {
   grid-area: castleDates;
}
#castlePrices {
   grid-area: castlePrice;
}

#wedPricesFootnote {
   /* margin: 0 2%; */
   margin: 2em 0;
   padding: 3%;
   background-color: #ececec;
   text-align: left;
}

#eventPriceFootnote {
   grid-area: priceFootnote;
   margin: 2em 10%;
   padding: 3%;
   background-color: #ececec;
}

@media only screen and (max-width: 900px) {
   .eventPriceBlockContainer {margin: 9px 2%;}
   #eventPriceFootnote {margin: 1.5em 2%;}
}

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

   /* EVENTS and PARTY PRICE LIST SETTINGS */
   .eventPriceBlockContainer {margin: 6px 0;}
   #eventPriceFootnote {margin: 1em 0;}

   .eventDateBlockMob {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      color: white;
   }

   .eventDateBlock {
      display: none;
   }

   /* WEDDING PRICE LIST SETTINGS */
   .priceNote {
      font-size: 0.8rem;
      padding: 0 4%;
      color: #295239;
   }

   #saturdayGrid {
      grid-template-areas: "saturdayDates saturdayPrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #fridayGrid {
      grid-template-areas: "fridayDates fridayPrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #thursdayGrid {
      grid-template-areas: "thursdayDates thursdayPrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #monTueGrid {
      grid-template-areas: "monTueDates monTuePrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #monWedGrid {
      grid-template-areas: "monWedDates monWedPrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #monThuGrid {
      grid-template-areas: "monThuDates monThuPrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #wedThuGrid {
      grid-template-areas: "wedThuDates wedThuPrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #sundayGrid {
      grid-template-areas: "sundayDates sundayPrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }

   #castleGrid {
      grid-template-areas: "castleDates castlePrice";
      grid-template-columns: 1fr 2fr;
      margin: 0 4%;
   }
   /* WEDDING PRICE LIST SETTINGS END */
}