/* @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"); */
@import url("borders.css");
@import url("a-la-carte.css");

/* @import url("../css/colors.css");
@import url("../css/style.css");
@import url("../css/animate.css");
@import url("../css/gutenberg_custom.bak.css");
@import url("../css/gutenberg_custom.css");
@import url("../css/legacy.css");
@import url("../css/owl.carousel.min.css");
@import url("../css/queries.css");
@import url("../css/safety_page_styles.css");
@import url("../css/slick.lightbox.min.css");
@import url("../css/spacing.css");
@import url("../css/timeline.css");
@import url("../css/wowanimate.css"); */
@import url("../dress_code/nld-color.css");
/* @import url("../dress_code/nld-starter.css"); */

@import url('//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
  font-family: Quincy;
  src: url(./fonts/QuincyCF-Bold.woff);
}


:root {
  /* DEMENSIONS OF SVGS */
  --border-gap: 0.5rem;

  --border-width: 0.1rem;

  --flourish-container-padding: 4rem;

  --flourish-1-offset-y: 0.25rem;
  --flourish-1-offset-x: -2.75rem;

  --flourish-1-width: 5.875rem;
  --flourish-1-height: 7.1875rem;

  --flourish-2-width: 4.1875rem;
  --flourish-2-height: 3rem;

  --flourish-food-beverage-width: 2.75rem;
  --flourish-food-beverage-height: 4.0625rem;

  --flourish-secret-width: 2.5rem;
  --flourish-secret-height: 3.5rem;

  --flourish-dining-width: 6.375rem;
  --flourish-dining-height: 1.875rem;

  --flourish-exhibit-width: 4.375rem;
  --flourish-exhibit-height: 2.1875rem;

  --flourish-crafted-width: 7.1875rem;
  --flourish-crafted-height: 3.25rem;

  --flourish-venues-width: 10.75rem;
  --flourish-venues-height: 6.125rem;

  --flourish-intro-illustrations-width: 14.8125rem;
  --flourish-intro-illustrations-height: 2.125rem;

  --flourish-more-venues-width: 14.25rem;
  --flourish-more-venues-height: 2rem;

  --flourish-our-team-width: 6rem;
  --flourish-our-team-height: 3.25rem;


  /* COLORS */
  --primary: #115740;
  --primary-tint-01: color-mix(in srgb, var(--primary), white 35%);
  --primary-tint-02: color-mix(in srgb, var(--primary), white 65%);
  --primary-tint-03: color-mix(in srgb, var(--primary), white 80%);
  --primary-shade-01: color-mix(in srgb, var(--primary), black 35%);
  --primary-shade-02: color-mix(in srgb, var(--primary), black 65%);
  --secondary: #EA6218;
  --secondary-tint-01: color-mix(in srgb, var(--secondary), white 35%);
  --secondary-tint-02: color-mix(in srgb, var(--secondary), white 65%);
  --secondary-tint-03: color-mix(in srgb, var(--secondary), white 80%);
  --secondary-shade-01: color-mix(in srgb, var(--secondary), black 35%);
  --secondary-shade-02: color-mix(in srgb, var(--secondary), black 65%);
  --tertiary: #6E6E6E;
  --tertiary-tint-01: color-mix(in srgb, var(--tertiary), white 35%);
  --tertiary-tint-02: color-mix(in srgb, var(--tertiary), white 65%);
  --tertiary-tint-03: color-mix(in srgb, var(--tertiary), white 80%);
  --tertiary-shade-01: color-mix(in srgb, var(--tertiary), black 35%);
  --tertiary-shade-02: color-mix(in srgb, var(--tertiary), black 65%);

  /*general colors*/
  --dark: #262626;
  --light: #fff;
  --gray: #6E6E6E;
  --accent01: #F4F1F0;
  /*limestone*/
  --accent02: #197D5C;
  /*lighter keeneland green*/
  --accent03: #014533;
  /*darker keeneland green*/

  /*ui elements*/
  --active: #57A66C;
  --danger: #C01115;
  --warning: #FFCF28;
  --success: #197D5C;
  --info: color-mix(in srgb, var(--primary), white 80%);

  /*table elements*/
  --table-altrow: #EFEFEF;
  --table-border: #9A9A9A;
  --table-disabled: #D9D9D9;
}

.bg-limestone {
  background: #f4f1f0;
}

h2 {
  color: #115740;
}

/* css classes that can add the svg to an element */
.venues-svg {
  width: var(--flourish-venues-width);
  height: var(--flourish-venues-height);
  background: url("./svgs/Venues.svg") top left no-repeat;
  left: 0;
  top: 0;
  background-size: auto 86px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: 86px;
}

.intro-illustration-svg {
  width: var(--flourish-intro-illustrations-width);
  height: var(--flourish-intro-illustrations-height);
  background: url("./svgs/IntroIlustration.svg") no-repeat;
  margin: auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.more-venues-svg {
  width: var(--flourish-more-venues-width);
  height: var(--flourish-more-venues-height);
  background: url("./svgs/More\ Venues.svg") no-repeat;
  margin: auto;
}

.our-team-svg {
  width: var(--flourish-our-team-width);
  height: var(--flourish-our-team-height);
  background: url("./svgs/Our\ team.svg") no-repeat;
  margin: auto;
}

@media (max-width: 991px) {


  .our-team-svg {
    background-size: auto 38px;
    background-position: center top;
  }

  .intro-illustration-svg {
    background-size: auto 24px;
    background-position: center top;
  }
}


.rfp-affix .button {
  color: #014533 !important;
  background-color: #F4F1F0 !important;
}

.text-body-content {
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0;
  vertical-align: middle;
  font-family: 'Open Sans', Open Sans, sans-serif;
}

.text-header-content {
  font-family: Quincy, serif;
  font-weight: 300;
  font-size: 43px;
  line-height: 44px;
  letter-spacing: 0.04rem;
  vertical-align: middle;
  text-transform: capitalize;
}

.button-content {
  font-family: 'Open Sans', Open Sans, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.16rem;
  vertical-align: middle;
  text-transform: uppercase;
}


/* CUSTOM CSS FOR INDIVIDUAL BORDERED CARDS */
.bordered-card-dining {
  left: -5%;
}

.bordered-card-food-beverage {
  left: 2%;
  margin-top: 5%;
}

.food-beverage-images {
  width: 100%;
  height: 95%;
  z-index: -1;
  left: -3%;
}

.bordered-card-crafted {
  left: 2%;
  margin-top: 5%;
}

.crafted-images {
  width: 100%;
  height: 95%;
  z-index: 1;
  left: -3%;
}

.border-box-wrapper-crafted {
  background: url("./paddock-dinner.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  min-height: max-content;
  padding: 3.5rem;
}

/* .border-box-pull-right.flourish-variant-crafted .border-box-border {
  left: calc(var(--border-gap) * 30) !important;
} */

.bordered-card-exhibit {
  left: -5%;
}

.bordered-card-secret {
  left: 30%;
}


/* CSS CLASSES APPLIED TO ALL BORDER CARD ELEMENTS */
.bordered-card-image {
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  margin: auto;
}

.bordered-card-heading {
  font-weight: 300;
  font-size: 43px;
  line-height: 48px;
  letter-spacing: 0;
  vertical-align: middle;
}

.bordered-card-small-cap-font {
  font-weight: 600;
  font-size: 16px;
  line-height: 110.00000000000001%;
  letter-spacing: 0.05rem;
  vertical-align: middle;
  text-transform: uppercase;
  font-family: 'Open Sans', Open Sans, sans-serif;
}

.bordered-card-content {
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0;
  vertical-align: middle;
  font-family: 'Open Sans', Open Sans, sans-serif;
}

.bordered-card-button {
  width: 194px;
  height: 48px;
  gap: 10px;
  border-radius: 5px;
  border-width: 1px;
  font-family: 'Open Sans', Open Sans, sans-serif;
}

.border-box-wrapper {
  background: #f4f1f0;
  position: relative;
}

.border-box-wrapper-transparent {
  background: transparent;
  position: relative;
}


.border-box {
  /* position: relative; */
  padding: 3.5rem;
}

/* default version is pulled down and left */
.border-box-border {
  background-image: url(./border-y.svg), url(./border-y.svg), url(./border-x.svg), url(./border-x.svg);
  background-repeat: repeat-y, repeat-y, repeat-x, repeat-x;
  background-position: left top, right 20%, left top, 20% bottom;
  background-size: 3px 466px, 3px 466px, 468px 3px, 468px 3px;
  position: absolute;
  top: calc(var(--border-gap) * 2) !important;
  left: calc(var(--border-gap) * 2) !important;
  width: calc(100% + var(--border-gap) * 2) !important;
  height: calc(100% - var(--border-gap) * 4) !important;
}

.border-box-border:after {
  content: "";
  background-image: url(./border-y.svg), url(./border-y.svg), url(./border-x.svg), url(./border-x.svg);
  background-repeat: repeat-y, repeat-y, repeat-x, repeat-x;
  background-position: left 40%, right 60%, 40% top, 60% bottom;
  background-size: 3px 466px, 3px 466px, 468px 3px, 468px 3px;
  position: absolute;
  top: var(--border-gap) !important;
  left: var(--border-gap) !important;
  width: calc(100% - var(--border-gap) * 2) !important;
  height: calc(100% - var(--border-gap) * 2) !important;
}




/* CLIP PATHS FOR BORDERS WITH FLOURISHES */
.flourish-variant-1 .border-box-border {
  clip-path: polygon(0 6.35rem,
      0.25rem 6.35rem,
      0.25rem 5.6rem,
      3.75rem 5.6rem,
      3.75rem 0.25rem,
      4rem 0.25rem,
      4rem 0,
      100% 0,
      100% 100%,
      0 100%);
}

.flourish-variant-2 .border-box-border {
  clip-path: polygon(0 0,
      0 100%,
      calc(100% - 3.75rem) 100%,
      calc(100% - 3.75rem) calc(100% - 0.25rem),
      calc(100% - 2.75rem) calc(100% - 0.25rem),
      calc(100% - 2.75rem) calc(100% - 1.75rem),
      calc(100% - 0.25rem) calc(100% - 1.75rem),
      calc(100% - 0.25rem) calc(100% - 2rem),
      100% calc(100% - 2rem),
      100% 0);
}

.flourish-variant-food-beverage .border-box-border {
  clip-path: polygon(0 0,
      0 100%,
      100% 100%,
      100% 3.22rem,
      calc(100% - 1.1rem) 3.22rem,
      calc(100% - 1.5rem) 0);
  left: calc(var(--border-gap) * -4) !important;
}

.flourish-variant-secret .border-box-border {
  clip-path: polygon(15% 100%,
      100% 100%,
      100% 2.30rem,
      calc(100% - 2rem) 5.5rem,
      calc(100% - 4.3rem) 5.5rem,
      calc(100% - 1.7rem) 0,
      0 0,
      0 100%);
  left: calc(var(--border-gap) * -4) !important;
}

.flourish-variant-dining .border-box-border {
  clip-path: polygon(100% 100%,
      0 100%,
      0 1.6rem,
      2rem 0.7rem,
      5.1rem 0.7rem,
      4.8rem 0,
      100% 0);

}

.flourish-variant-exhibit .border-box-border {
  clip-path: polygon(100% 100%,
      0 100%,
      0 1.9rem,
      2rem 2.5rem,
      4rem 2.5rem,
      3.75rem 0.40rem,
      2.4rem 0,
      100% 0);

}

.flourish-variant-crafted .border-box-border {
  clip-path: polygon(100% 0,
      0 0,
      0 calc(100% - 1.75rem),
      0.6rem calc(100% - 0.7rem),
      3.45rem calc(100% - 0.7rem),
      5.4rem 100%,
      100% 100%);

  z-index: 2;
}






/* Flourish demensions and locations */
.flourish {
  content: "";
}

.flourish-variant-1 .flourish {
  position: absolute;
  width: var(--flourish-1-width);
  height: var(--flourish-1-height);
  background: url("./Flourish\ A.svg") top left no-repeat;
  left: -0.8rem;
  top: 0.2rem;
}

.flourish-variant-2 .flourish {
  position: absolute;
  width: var(--flourish-2-width);
  height: var(--flourish-2-height);
  background: url("./Flourish\ B.svg") bottom right no-repeat;
  bottom: 0.25rem;
  right: 0.8rem;
}

.flourish-variant-food-beverage .flourish {
  position: absolute;
  width: var(--flourish-food-beverage-width);
  height: var(--flourish-food-beverage-height);
  background: url("./svgs/Food & Beverage.svg") top right no-repeat;
  top: 0.25rem;
  right: 0;
}

.flourish-variant-secret .flourish {
  position: absolute;
  width: var(--flourish-secret-width);
  height: var(--flourish-secret-height);
  background: url("./svgs/Secret.svg") top right no-repeat;
  top: 0.80rem;
  right: 0.5rem;
}

.flourish-variant-dining .flourish {
  position: absolute;
  width: var(--flourish-dining-width);
  height: var(--flourish-dining-height);
  background: url("./svgs/Dining.svg") top left no-repeat;
  left: -0.25rem;
  top: 0.8rem;
}

.flourish-variant-exhibit .flourish {
  position: absolute;
  width: var(--flourish-exhibit-width);
  height: var(--flourish-exhibit-height);
  background: url("./svgs/Exhibit.svg") top left no-repeat;
  left: 0.5rem;
  top: 1rem;
}

.flourish-variant-crafted .flourish {
  position: absolute;
  width: var(--flourish-crafted-width);
  height: var(--flourish-crafted-height);
  background: url("./svgs/Crafted.svg") bottom left no-repeat;
  bottom: 0.25rem;
  left: -0.9rem;
  z-index: 2;
}


/* only pull left/right on desktop to avoid overflow */
@media (min-width: 992px) {

  .border-box-pull-left .border-box-border {
    width: 100%;
    left: calc(var(--border-gap) * -2);
  }

  .border-box-pull-right .border-box-border {
    width: 100%;
    left: calc(var(--border-gap) * 2);
  }

  .border-box-pull-down .border-box-border {
    height: 100%;
    top: calc(var(--border-gap) * 2);
  }

  .border-box-pull-left.flourish-variant-1 .flourish {
    left: calc(var(--border-gap) * -4 - 0.8rem);
  }

  .border-box-pull-right.flourish-variant-2 .flourish {
    right: calc(var(--border-gap) * -4 + 0.8rem);
    bottom: calc(var(--border-gap) * -4 + 0.25rem);
  }

  .border-box-pull-left.flourish-variant-food-beverage .flourish {
    right: calc(var(--border-gap) * -4 + 2rem);
    top: calc(var(--border-gap) - 0.3rem);
  }

  .border-box-pull-left.flourish-variant-secret .flourish {
    right: calc(var(--border-gap) * -3 + 2rem);
    top: calc(var(--border-gap) + 0.4rem);
  }

  .border-box-pull-right.flourish-variant-crafted .flourish {
    right: calc(var(--border-gap) * -4 + 0.8rem);
    z-index: 2;
  }
}



/* adjust padding and width on mobile */
@media (max-width: 992px) {

  .mobile-full-height .wp-block-cover {
    min-height: 600px !important;
  }

  .mobile-up-1 {
    position: relative;
    top: -1rem;
  }

  .mobile-up-2 {
    position: relative;
    top: -2rem;
  }

  .mobile-up-3 {
    position: relative;
    top: -3rem;
  }

  .mobile-down-1 {
    position: relative;
    top: 1rem;
  }

  .mobile-down-2 {
    position: relative;
    top: 2rem;
  }

  .mobile-down-3 {
    position: relative;
    top: 3rem;
  }

  .mobile-down-4 {
    position: relative;
    top: 4rem;
  }

  /* stop main header text from going off-screen on smaller screens */
  .responsive-header {
    font-size: 70px !important;
  }

  .border-box {
    /* position: relative; */
    padding: 2rem;
  }

  .border-box-wrapper-transparent {
    left: -1.5rem;
  }

  .border-box-wrapper-transparent .border-box-border {
    margin: auto;
  }

  .bordered-card-image {
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    margin: 0;
  }

  .bordered-card-secret {
    left: 5%;
  }

  .bordered-card-crafted .border-box-border {
    left: calc(var(--border-gap) * -4) !important;
  }

  .bordered-card-crafted .flourish {
    left: calc(var(--border-gap) * -8) !important;
  }

  .mobile-hide-cover {
    background-color: transparent !important;
  }

  .mobile-hide-cover img {
    display: none;
    background-color: transparent !important;
  }

  .mobile-hide-border-box-background .border-box-wrapper {
    background-color: transparent !important;

  }

  .center-border-box .border-box-wrapper {
    position: relative;
    justify-content: center;
    margin-left: 1rem;
    padding: 0.5rem;
  }

  .center-border-box .border-box {
    position: relative;
    padding: 2rem;
    padding-left: 0;
    padding-right: 1rem;
    left: -1rem;
  }

  .center-dining-border .border-box {

    padding: 3rem;
  }

  .border-box-wrapper-transparent {
    background: transparent;
    position: relative;
    left: -1.5rem;
  }

  .border-box-wrapper-transparent .border-box-border {
    margin: auto;
  }


  /* .hide-cover-mobile .border-box-wrapper {
  
    background-color: transparent !important;
    position: relative !important;
    right: 5rem !important;
  } */

}

/************************************
           HOSPITALITY FORM
************************************/


.page-node-57029 #edit-actions .btn,
.page-node-56097 #edit-actions .btn {
  padding: 25px 150px !important;
  background: #115740 !important;
}

.page-node-57029 #edit-actions,
.page-node-56097 #edit-actions {
  margin-top: 40px;
}

/* Centering custom border element. */
.page-node-57029 .border-box-border,
.page-node-56097 .border-box-border {
  width: calc(93% + var(--border-gap) * 2) !important;
}

.page-node-57029 .col-md-11.special-events-body,
.page-node-56097 .col-md-11.special-events-body {
  margin-left: 30px;
}

.page-node-57029 .special-events-body p,
.page-node-56097 .special-events-body p {
  margin-bottom: 1.05rem;
}

@media screen and (max-width: 991px) {

  .page-node-56097 h2,
  .page-node-57029 h2 {
    font-size: 45px !important;
  }

  .page-node-57029 #special-events-request-form,
  .page-node-56097 #special-events-request-form {
    width: 170px;
  }

  .page-node-57029 .special-events-body p,
  .page-node-56097 .special-events-body p {
    margin-left: 19px;
  }
}

@media screen and (max-width: 1399px) {

  .page-node-57029 .special-events-body p,
  .page-node-56097 .special-events-body p {
    margin-bottom: 1.25rem;
  }
}