/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./resources/styles/src/05-components/new-agenda/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * This starter file imports the first two tiers of SCSS for simple use by
 * anything further down the pyramid.
 */
/* Variables */
/*
 * Breakpoints and related settings
 */
/*
 * Color settings
 * 
 * Color names generated via "Name That Color"
 * @link https://chir.ag/projects/name-that-color
 */
/* Universal colors */
/* Theme colors */
/*
 * Font settings
 */
/* Functions */
/* Automatically calculates the clamp values given an minimum and maximum */
/**
 * Pixel to rem function, inspired by Chris Coyier's post on CSS Tricks:
 * https://css-tricks.com/snippets/sass/px-to-em-functions/
 */
/* Strips units from an input */
/* Mixins */
/*
 * Size shorthand
 */
/* Placeholders */
/**
 * Resets basic input styles
 */
/**
 * Resets basic list styles
 */
/**
 * Overlay placeholder, inspired by Chris Coyier's post on CSS Tricks:
 * https://css-tricks.com/snippets/sass/covering-mixin/
 */
/*
 * Theme-specific placeholders
 */
.new-agenda__item-categories,
.new-agenda__item-host,
.new-agenda__item-sponsor,
.new-agenda__item-venue, .new-agenda__item-time, .new-agenda__item-speaker-name, .new-agenda__print-text {
  font-family: jaf-facitweb, sans-serif;
  font-weight: 400;
}

.new-agenda__item-heading, .new-agenda__print, .new-agenda__subheading {
  font-family: jaf-facitweb, sans-serif;
  font-weight: 600;
}

.new-agenda__heading {
  font-family: "Univers 45", sans-serif;
  font-weight: 300;
}

/* Theme Settings */
.new-agenda {
  margin: 2rem auto;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .new-agenda {
    padding: 0 5%;
  }
}

.new-agenda__heading {
  color: #001e63;
  color: var(--color__heading, #001e63);
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .new-agenda__heading {
    font-size: 1.625rem;
    letter-spacing: 0.000625rem;
    line-height: 2.5rem;
  }
}

.new-agenda__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fff;
  background: var(--color__white, #fff);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.25rem 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0.75rem 0 1.25rem;
  padding: 1rem;
  position: relative;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .new-agenda__item {
    padding: 2rem;
    width: calc(50% - 0.25rem);
  }
}
.new-agenda__item:has(.new-agenda__item-extended-content.is-visible) .new-agenda__item-expand svg {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.new-agenda__item:hover {
  background: #005eb8;
  background: var(--color__highlight-2, #005eb8);
}
.new-agenda__item:hover .new-agenda__item-time {
  background: #fff;
  background: var(--color__white, #fff);
  color: #005eb8;
  color: var(--color__highlight-2, #005eb8);
}
.new-agenda__item:hover .new-agenda__item-body {
  color: #fff;
  color: var(--color__white, #fff);
}
.new-agenda__item:hover .new-agenda__item-body p {
  color: #fff;
  color: var(--color__white, #fff);
}
.new-agenda__item:hover .new-agenda__item-categories,
.new-agenda__item:hover .new-agenda__item-heading,
.new-agenda__item:hover .new-agenda__item-host,
.new-agenda__item:hover .new-agenda__item-speaker-name,
.new-agenda__item:hover .new-agenda__item-sponsor,
.new-agenda__item:hover .new-agenda__item-venue {
  color: #fff;
  color: var(--color__white, #fff);
}

.new-agenda__item-body {
  font-size: 0.875rem;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
@media screen and (min-width: 992px) {
  .new-agenda__item-body {
    font-size: 0.9375rem;
  }
}
.new-agenda__item-body p {
  font-size: 0.875rem;
  max-width: 100%;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
@media screen and (min-width: 992px) {
  .new-agenda__item-body p {
    font-size: 0.9375rem;
  }
}
.new-agenda__item-body p:first-of-type {
  margin-top: 0;
}

.new-agenda__item-expand {
  background: #78be20;
  background: var(--color__button, #78be20);
  border-radius: 10px 0 10px 0;
  bottom: 0;
  height: 30px;
  padding: 4px;
  position: absolute;
  right: 0;
  width: 30px;
}
.new-agenda__item-expand svg {
  fill: #fff;
  fill: var(--color__white, #fff);
  height: 16px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  translate: -50% -50%;
  width: 16px;
}

.new-agenda__item-extended-content {
  display: grid;
  grid-template-rows: 0fr;
  margin: 0;
  -webkit-transition: grid-template-rows 300ms ease-in-out, margin 300ms ease-in-out;
  transition: grid-template-rows 300ms ease-in-out, margin 300ms ease-in-out;
  transition: grid-template-rows 300ms ease-in-out, margin 300ms ease-in-out, -ms-grid-rows 300ms ease-in-out;
  width: 100%;
}
.new-agenda__item-extended-content.is-visible {
  grid-template-rows: 1fr;
  margin: 1.75rem 0 0;
}
.new-agenda__item-extended-content .new-agenda__item-body {
  overflow: hidden;
}

.new-agenda__item-heading {
  color: #393939;
  color: var(--color__gray-39, #393939);
  font-size: 1.125rem;
  line-height: 1.25rem;
  margin: 0.75rem 0 1.75rem;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .new-agenda__item-heading {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.new-agenda__item-categories,
.new-agenda__item-host,
.new-agenda__item-sponsor,
.new-agenda__item-venue {
  color: #555;
  color: var(--color__gray-5, #555);
  font-size: 0.875rem;
  line-height: 1rem;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .new-agenda__item-categories,
  .new-agenda__item-host,
  .new-agenda__item-sponsor,
  .new-agenda__item-venue {
    font-size: 0.9375rem;
    line-height: 1.125rem;
  }
}

.new-agenda__item-host .new-agenda__item-label,
.new-agenda__item-sponsor .new-agenda__item-label,
.new-agenda__item-venue .new-agenda__item-label {
  font-style: italic;
}

.new-agenda__item-time {
  background: #005eb8;
  background: var(--color__highlight-2, #005eb8);
  border-radius: 3px;
  color: #fff;
  color: var(--color__white, #fff);
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.25rem 1rem;
  -webkit-transition: background 300ms ease-in-out, color 300ms ease-in-out;
  transition: background 300ms ease-in-out, color 300ms ease-in-out;
}
@media screen and (min-width: 992px) {
  .new-agenda__item-time {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}

.new-agenda__item-speaker {
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 45px;
}

.new-agenda__item-speakers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 1rem;
  margin: 1.75rem 0 0;
  position: static;
  position: initial;
  width: 100%;
}

.new-agenda__item-speaker-name {
  color: #8e8e8e;
  display: block;
  font-size: 0.625rem;
  letter-spacing: 0.000390625rem;
  line-height: 0.75rem;
  margin: 0.5rem auto 0;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}

.new-agenda__item-speaker-image {
  aspect-ratio: 1/1;
  border-radius: 50%;
  height: 2.8125rem;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: 2.8125rem;
}

.new-agenda__print {
  background-color: #78be20;
  background-color: var(--color__button, #78be20);
  border-radius: 50%;
  color: #78be20;
  color: var(--color__button, #78be20);
  font-size: 1rem;
  line-height: 1rem;
  margin: 0 auto;
  padding: 0.825rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}
.new-agenda__print:hover {
  background-color: #071d49;
  background-color: var(--color__tertiary, #071d49);
}
.new-agenda__print:hover ~ .new-agenda__print-text {
  color: #071d49;
  color: var(--color__tertiary, #071d49);
}
.new-agenda__print > svg {
  fill: #fff;
  fill: var(--color__white, #fff);
  width: 1.75rem;
}

.new-agenda__print-text {
  color: #78be20;
  color: var(--color__button, #78be20);
  cursor: pointer;
  font-size: 0.675rem;
  margin: 0.5rem auto 2rem;
  text-transform: uppercase;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.new-agenda__print-text:hover {
  color: #071d49;
  color: var(--color__tertiary, #071d49);
}
.new-agenda__print-text:hover ~ .new-agenda__print {
  background-color: #071d49;
  background-color: var(--color__tertiary, #071d49);
}

.new-agenda__section {
  background: #f6f6f6;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 0.5rem;
  padding: 2rem 0;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .new-agenda__section {
    padding: 2rem clamp(2rem, -9.625rem + 18.75vw, 7.25rem);
  }
}

.new-agenda__subheading {
  color: #393939;
  color: var(--color__gray-39, #393939);
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin: 0;
  padding: 0 1rem;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .new-agenda__subheading {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding: 0;
  }
}

.new-agenda__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 auto;
  max-width: 76.875rem;
  width: 100%;
}

/* Mobile spacing (Figma): section gutters 10px / 15px; card content 18px / 11px; 6px between items */
@media screen and (max-width: 991px) {
  .new-agenda__section {
    padding: 2rem 15px 2rem 10px;
  }
  .new-agenda__subheading {
    padding-left: 18px;
    padding-right: 11px;
  }
  .new-agenda__item {
    margin: 0;
    padding: 1rem 11px 1rem 18px;
  }
  .new-agenda__item + .new-agenda__item {
    margin-top: 6px;
  }
  .new-agenda__item-expand {
    right: 11px;
  }
}
/*
 * Print styles
 */
@media print {
  /* Hide everything but the new-agenda when printing */
  #page-wrapper > :not(main),
  main > :not(.new-agenda),
  .new-agenda__item-extended-content {
    display: none;
  }
  .new-agenda__item {
    width: calc(50% - 0.25rem);
  }
  .new-agenda__item-time {
    color: #393939;
    color: var(--color__gray-39, #393939);
    padding: 0;
  }
  .new-agenda__section {
    border-bottom: 1px solid black;
    border-radius: 0;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    width: 100%;
  }
  .new-agenda__wrapper {
    width: 100%;
  }
}