/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_site/cartridge/client/default/scss/experience/components/omni_layouts/eventDetails.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
.event-details {
  margin-top: 4.625rem; }
  @media (min-width: 760px) {
    .event-details {
      margin-top: 6.3125rem; } }
  @media (min-width: 1025px) {
    .event-details {
      margin-top: 8.125rem; } }
  @media (min-width: 1366px) {
    .event-details {
      margin-top: 7.4375rem; } }
  .event-details__header {
    background-color: #faf8f7;
    padding-bottom: 50vw;
    padding-top: 2.6875rem;
    text-align: left; }
    @media (min-width: 760px) {
      .event-details__header {
        padding-bottom: 4.0625rem;
        text-align: center; } }
    @media (min-width: 1366px) {
      .event-details__header {
        padding-top: 5.625rem;
        text-align: left; } }
  .event-details__eyebrow {
    color: #861723;
    display: block;
    font-family: "Work Sans", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.125rem;
    line-height: 1.15;
    margin-bottom: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 1.125rem; }
    @media (min-width: 1681px) {
      .event-details__eyebrow {
        font-size: 1rem;
        line-height: 1.5; } }
  @media (min-width: 760px) and (max-width: 1365.98px) {
    .event-details__header-row {
      justify-content: center; } }
  .event-details__header-heading {
    color: #362524;
    font-family: "Cardo", serif;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 1.375rem;
    margin-bottom: 0; }
    @media (min-width: 760px) {
      .event-details__header-heading {
        font-size: 3.125rem;
        line-height: 1.3;
        margin-bottom: 1rem; } }
    @media (min-width: 1025px) {
      .event-details__header-heading {
        font-size: 3.75rem;
        line-height: 1.3; } }
    @media (min-width: 1681px) {
      .event-details__header-heading {
        font-size: 4rem;
        line-height: 1.3; } }
    @media (min-width: 1025px) {
      .event-details__header-heading {
        margin-bottom: 0; } }
  .event-details__infobox {
    border: 0.0625rem solid #861723;
    margin-top: 1.8125rem;
    padding: 0.9375rem 1.375rem 1.1875rem; }
    .event-details__infobox p {
      color: #291918;
      font-family: "Work Sans", sans-serif;
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: 0.0625rem;
      line-height: 1.5;
      margin-bottom: 1.5em;
      margin-bottom: 0; }
      @media (min-width: 760px) {
        .event-details__infobox p {
          font-size: 1.25rem;
          line-height: 1.45;
          letter-spacing: normal; } }
      @media (min-width: 1681px) {
        .event-details__infobox p {
          font-size: 1.25rem;
          line-height: 1.5;
          letter-spacing: 0.0625rem; } }
    @media (min-width: 760px) {
      .event-details__infobox {
        display: inline-block;
        margin-top: 5.125rem;
        padding: 1.375rem 1.625rem 1.6875rem 1.9375rem; } }
  .event-details__links {
    margin-top: 2.4375rem; }
    @media (min-width: 760px) and (max-width: 1365.98px) {
      .event-details__links {
        margin-left: auto;
        margin-right: auto;
        max-width: 30.625rem; } }
    @media (min-width: 760px) {
      .event-details__links {
        margin-top: 3.625rem; } }
  .event-details__link + .event-details__link {
    margin-top: 1.25rem; }
  .event-details__body {
    padding-bottom: 4.9375rem; }
    @media (min-width: 760px) {
      .event-details__body {
        padding-bottom: 12.0625rem;
        padding-top: 5.0625rem; } }
  .event-details__heading {
    color: #362524;
    font-family: "Cardo", serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 1.375rem;
    margin-bottom: 1.2em; }
    @media (min-width: 760px) {
      .event-details__heading {
        font-size: 1.875rem;
        margin-bottom: 1.4em; } }
  .event-details__description {
    color: #7c605f;
    font-family: "Work Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.0625rem;
    line-height: 1.35;
    margin-bottom: 1.5em;
    margin-bottom: 0; }
    @media (min-width: 760px) {
      .event-details__description {
        font-size: 0.875rem;
        line-height: 1.4;
        letter-spacing: normal; } }
    @media (min-width: 1681px) {
      .event-details__description {
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: 0.0625rem; } }
    .event-details__description p,
    .event-details__description a {
      font: inherit;
      line-height: inherit; }
    .event-details__description p {
      color: inherit;
      margin-bottom: 1.4em; }
    .event-details__description strong {
      font-weight: 600; }
    @media (min-width: 1025px) {
      .event-details__description {
        margin-bottom: 0; } }
  .event-details__image {
    aspect-ratio: 279 / 224;
    margin-bottom: 3.4375rem;
    margin-top: -39%;
    width: 100%; }
    .event-details__image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
    @media (min-width: 760px) and (max-width: 1365.98px) {
      .event-details__image {
        margin-top: 0; } }
    @media (min-width: 1366px) {
      .event-details__image {
        margin-bottom: 4.5625rem;
        margin-top: -51%; } }
  .event-details__details {
    margin-top: 2.0625rem; }
    @media (min-width: 760px) {
      .event-details__details {
        margin-top: 0; } }
    @media (min-width: 1366px) {
      .event-details__details {
        max-width: 49rem; } }


/*# sourceMappingURL=eventDetails.css.map*/