:root {
  --c26-green: #60b37f;
  --c26-teal: #04978c;
  --c26-lblue: #e6ebf7;
  --c26-blue: #1666b1;
  --c26-dblue: #173b48;
  --c26-yellow: #ffe185;
  --c26-lgold: #edcf89;
  --c26-gold: #d8a84e;
  --c26-dgold: #c58e31;
  --c26-lowlight: #bed8d5;
  --b1: 7px;
  --b2: 10px;
  --b3: 20px;
  --h1: 250px;
  --h2: 200px;
  --h3: 400px;
  --font1: "arbotek", sans-serif;
  --font2: "arbotek-rounded", sans-serif;
  --font3: "monument", sans-serif;
  --font4: "avorypebold", sans-serif;
}

/* Banner S */
.homeBanner {
  background-color: #fff;
  height: 475px;
  z-index: 0;
  position: relative;
}

.homeBanner p {
  color: #fff;

  filter: drop-shadow(10px 10px 5px #000);
}

.homeBanner h1 {
  font-weight: 700;
  font-size: 70px;
  color: #fff;
  line-height: 84px;
}

.homeBanner h2 {
  font-weight: bold;
  font-size: 30px;
  color: #fff;
  line-height: 42px;
}

.homeBanner h3 {
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
}

.bannerImg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  padding-top: 110px;
  opacity: 0;
  transition: all 2000ms ease;
}

.bannerImg:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -3;
  opacity: 33%;
  /* background: #000; */
}

.activeBanner {
  opacity: 1;
}

.c26-head-text.container {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 125px calc(var(--bs-gutter-x) * 0.5) 194px calc(var(--bs-gutter-x) * 0.5);
  position: relative;
  z-index: 0;
  gap: 0;
}

.c26-head {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 !important;
}

.c26-subhead {
  font-size: 1.2rem;
  margin: 0 !important;
}

.img-container {
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.img-container img {
  position: absolute;
  max-height: 250px;
}
/* Banner E */

.commonSection a {
  color: var(--c26-dgold);
  font-weight: bold;
  transition: color 0.2s;
}
.commonSection a:hover {
  color: var(--c26-lgold);
}

#c26-ibaa section.secondary:first-of-type {
  margin-top: 0;
}

#c26-ibaa h3 {
  padding: 0;
  margin: 0 0 32px !important;
  font-weight: bold;
}

.pageContent {
  position: relative;
  z-index: 1;
  padding: 0 !important;
}
.commonSection {
  position: relative;
}
.commonSection:before {
  position: absolute;
  content: "";
  background: url("https://ibaa.ca/images/convention/2026/background3x.png") top center/cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.overlayHeader,
.innerPageBanner {
  display: none;
}

.c26-navbar {
  min-height: 75px;
  background-color: var(--c26-teal);
  position: relative;
  padding: 20px 0;
  z-index: 1;
}

.c26-navbar .container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 2;
}

.nav-text {
  width: 100%;
}

.c26-navbar ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
}

.c26-logo-mount {
  width: 236.5px !important;
  margin: 0;
  padding: 0;
}

.c26-logo-mount img {
  width: 175px;
  filter: drop-shadow(7px 7px 4px #000);
  position: absolute;
  left: unset;
}

.c26-navbar li {
  font-family: var(--font1);
  font-size: 24px;
  line-height: 1.5rem;
  display: inline-block;
  font-feature-settings: "liga" 1, "ss01" 1; /* Enable ligatures and stylistic set 1 */
  font-variant-ligatures: common-ligatures; /* Enable common ligatures */
}

.dropnav li {
  line-height: 24px;
}

.c26-navbar li a {
  color: #fff;
  transition: color 0.2s;
}
.c26-navbar li a:hover {
  color: var(--c26-gold);
}
.c26-navbar li.active a {
  color: var(--c26-yellow);
}

.c26-navbar li span {
  font-size: 18px;
}

.nav-btn {
  align-self: flex-end;
  justify-self: flex-end;
}

.panel-btns {
  width: 100px;
  position: relative;
  z-index: 100;
}

.c26-banner-image .container p {
  color: #fff;
  filter: drop-shadow(1px 1px 10px #000);
}

.c26-banner-image .c26-head {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.c26-banner-image .c26-subhead {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 100;
}

.c26-reg-frame {
  position: absolute;
  bottom: 65px;
  z-index: 2;
  right: calc(var(--bs-gutter-x) * 0.5);
}

.ib-btn-container {
  margin: 32px 0;
}

a.button-ibp-i.c26-btn {
  background-color: var(--c26-yellow);
  clip-path: polygon(0 15px, 15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px));
  border-radius: 0;
  border: none;
  color: var(--c26-dblue);
  transition: color 0.2s, background 0.2s;
  position: relative;
  font-weight: bold;
  padding: 15px 80px;
}

a.button-ibp-i.c26-btn:hover {
  background-color: var(--c26-gold) !important;
  color: #fff;
}

footer {
  background: linear-gradient(var(--c26-dblue) 0%, var(--c26-blue) 30%, var(--c26-teal) 60%, var(--c26-green) 100%);
  position: relative;
}

/* Hamburger */
:root {
  --bar-width: 60px;
  --bar-height: 8px;
  --hamburger-gap: 6px;
  --foreground: var(--c26-lblue);
  --background: var(--c26-lblue);
  --hamburger-margin: 8px;
  --animation-timing: 200ms ease-in-out;
  --hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2);
}

.hamburger-menu {
  --x-width: calc(var(--hamburger-height) * 1.41421356237);
  display: flex;
  flex-direction: column;
  gap: var(--hamburger-gap);
  width: max-content;
  position: absolute;
  right: var(--hamburger-margin);
  z-index: 2;
  cursor: pointer;
}

.hamburger-menu:has(input:checked) {
  --foreground: var(--c26-lgold);
  --background: #fff;
}

.hamburger-menu::before,
.hamburger-menu::after,
.hamburger-menu input {
  content: "";
  position: relative;
  left: 0;
  width: var(--bar-width);
  height: var(--bar-height);
  background-color: var(--c26-lblue);
  border-radius: 9999px;
  transform-origin: left center;
  transition: opacity 0s, width var(--animation-timing), rotate var(--animation-timing), translate var(--animation-timing), background-color var(--animation-timing);
}

.hamburger-menu input {
  appearance: none;
  padding: 0;
  margin: 0;
  outline: none;
  pointer-events: none;
}

.hamburger-menu:has(input:checked)::before {
  rotate: 45deg;
  width: var(--x-width);
  translate: 0 calc(var(--bar-height) / -2);
}

.hamburger-menu:has(input:checked)::after {
  rotate: -45deg;
  width: var(--x-width);
  translate: 0 calc(var(--bar-height) / 2);
}

.hamburger-menu input:checked {
  opacity: 0;
  width: 0;
}

.dropnav {
  position: absolute;
  right: 0;
  transition: translate var(--animation-timing), opacity var(--animation-timing);
  translate: 0 -200%;
  padding: 0.5rem 1rem;
  margin-top: calc(var(--hamburger-height) + var(--hamburger-margin) + 10px);
  background-color: var(--c26-teal);
  color: #fff;
  z-index: 0;
  opacity: 0;
}

.dropnav li {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.hamburger-menu:has(input:checked) + .dropnav {
  translate: 0;
  z-index: 100;
  opacity: 1;
}

.hamburger-menu::before,
.hamburger-menu::after,
.hamburger-menu input,
.dropnav {
  display: block;
}

.nav-text {
  display: none;
}

.dropnav li {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

/* Schedule S */
/* Sched Nav */
.ib-tabFlex.ib-conv26 {
  gap: 10px;
  flex-direction: row;
  margin: 32px 0 !important;
  min-height: 85px;
}

.ib-tabBtn.ib-conv26 {
  background: #eee;
  padding: 15px 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: background 0.3s;
  width: 75px;
  border-radius: 5px;
}

.ib-tabBtn.ib-conv26.c26-first {
  clip-path: polygon(0 20px, 20px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);
}
.ib-tabBtn.ib-conv26.c26-last {
  clip-path: polygon(0 0, 0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 100% 100%, 0 100%, 0 100%);
}
.ib-tabBtn.ib-conv26 p {
  font-size: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  color: #000;
}
.c26-day {
  opacity: 0;
  line-height: 0;
  height: 0;
  transition: height 0.3s, opacity 0.3s;
}

.c26-schedHide {
  display: none;
}

.ib-tabBtn.ib-conv26:hover {
  background: var(--c26-lowlight);
}
.ib-tabBtn.ib-conv26:hover p {
  color: var(--c26-dblue);
}
.ib-tabBtn.ib-conv26.active {
  background: var(--c26-teal);
}
.ib-tabBtn.ib-conv26.active p {
  color: #fff;
}
.ib-tabBtn.ib-conv26 {
  border-bottom: 0;
}
.ib-tabBtn.ib-conv26.active {
  bottom: 0;
}
.ib-tabBtn.ib-conv26:hover {
  bottom: 0;
}

.sess-card > p,
.sess-card > h4 {
  margin: 0;
  color: var(--c26-dblue);
}

h2.time-slot {
  font-size: 1rem;
  margin: 0;
  line-height: 1rem;
  position: relative;
  top: -16px;
}

.time-dash {
  grid-column: track-1 / track-end;
  height: 1px;
  background-color: #ccc;
}

.time-slot,
.time-dash,
.brk {
  display: none;
}

.dash-0700 {
  grid-row: time-0700;
}
.dash-0800 {
  grid-row: time-0800;
}
.dash-0900 {
  grid-row: time-0900;
}
.dash-1000 {
  grid-row: time-1000;
}
.dash-1100 {
  grid-row: time-1100;
}
.dash-1200 {
  grid-row: time-1200;
}
.dash-1300 {
  grid-row: time-1300;
}
.dash-1400 {
  grid-row: time-1400;
}
.dash-1500 {
  grid-row: time-1500;
}
.dash-1600 {
  grid-row: time-1600;
}
.dash-1700 {
  grid-row: time-1700;
}
.dash-1800 {
  grid-row: time-1800;
}
.dash-1900 {
  grid-row: time-1900;
}
.dash-2000 {
  grid-row: time-2000;
}
.dash-2100 {
  grid-row: time-2100;
}
.dash-2200 {
  grid-row: time-2200;
}
.dash-2300 {
  grid-row: time-2300;
}
.dash-2400 {
  grid-row: time-2400;
}

.sched-grid {
  margin: 0;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(1, 1fr);
}

.sess-card {
  background-color: #000;
  padding: 25px;
  position: relative;
  clip-path: polygon(0 20px, 20px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);
  border-radius: 5px;
  position: relative;
  width: 100%;
  height: 100%;
}
/* Modal S */

.speaker-card.ib-modal-button .spk-img-container,
.sess-modal {
  position: relative;
  top: 0;
  left: 0;
  transition: top 0.2s, left 0.2s, filter 0.2s;
}

.speaker-card.ib-modal-button .spk-img-container:hover,
.sess-modal:hover {
  filter: drop-shadow(4px 4px 4px #000);
  cursor: pointer;
  top: -2px;
  left: -2px;
}

#c26-ibaa .ib-modal {
  background: none;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
}
#c26-ibaa .ib-modal p,
#c26-ibaa .ib-modal ul,
#c26-ibaa .ib-modal li,
#c26-ibaa .ib-modal h1,
#c26-ibaa .ib-modal h2,
#c26-ibaa .ib-modal h3,
#c26-ibaa .ib-modal h4,
#c26-ibaa .ib-modal h5 {
  color: var(--c26-dblue) !important;
}

#c26-ibaa .ib-modal-content {
  z-index: 1041;
  clip-path: polygon(0 50px, 50px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);
  background-color: var(--c26-teal);
  padding: 5px 5px 5px 5px;
  width: 98%;
}
#c26-ibaa .ib-modal-internal {
  clip-path: polygon(0 50px, 50px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);
  background-color: #fff;
  border: none;
  padding: 4rem 2rem;
}
#c26-ibaa .ib-close {
  z-index: 20;
  color: var(--c26-lgold);
  transition: color 0.2s;
}
#c26-ibaa .ib-close:hover {
  color: var(--c26-dblue);
}

#c26-ibaa .ib-modal-internal .ib-modal-header h4 {
  margin: 0;
}
#c26-ibaa .ib-modal-internal h5 {
  margin: 5px 0 0;
}
#c26-ibaa .ib-modal-internal .ib-btn-container {
  margin-bottom: 0;
}

.ib-conv26-speaker-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1;
  grid-gap: 20px;
}

.speaker-img {
  clip-path: polygon(0 30px, 30px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);
}

.speaker-card p {
  margin: 5px 0;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--c26-dblue);
}

.speaker-card p:first-of-type {
  color: var(--c26-dgold);
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.3rem;
  margin-top: 5px;
}

#c26-ibaa .ib-modal-header {
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

#c26-ibaa .modal-head-spon {
  max-width: 210px;
}
#c26-ibaa .modal-head-spon p {
  text-align: left;
  color: var(--c26-dgold) !important;
  font-weight: bold;
}
#c26-ibaa .modal-head-spon ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0 10px;
}
#c26-ibaa .modal-head-spon img {
  max-width: 100px;
  max-height: 50px;
}

.speaker-card {
  display: inline-block;
  float: left;
  max-width: 400px;
}

.ib-conv25-modal > .speaker-card {
  padding-right: 50px;
}

/* Modal E */

.session-time {
  font-weight: 100;
  font-size: 18px;
}

.sess-card.meal {
  background-color: var(--c26-gold);
}
.sess-card.party {
  background-color: var(--c26-lgold);
}
.sess-card.event1 {
  background-color: var(--c26-green);
}
.sess-card.event2 {
  background-color: var(--c26-teal);
}

.sess-card.brk {
  padding: 10px 25px !important;
  border: 0;
  background-color: transparent;
}

.sess-card.brk h4 {
  position: relative;
  line-height: 24px;
  top: -2px;
}
.sess-card.brk h4 span {
  font-weight: 100;
  font-size: 18px;
}

/* Schedule E */

/* Sponsors S */
#sponsGrid section.tertiary {
  min-height: 100px;
  padding: 45px 0 65px;
}
#sponsGrid section.tertiary h5 {
  padding: 0;
  margin: 0 0 32px;
  font-family: var(--font2);
  font-feature-settings: "liga" 1, "ss01" 1;
  font-variant-ligatures: common-ligatures;
  font-size: 2rem;
  line-height: 0;
}
#c26spons-mag-plat {
  background: linear-gradient(to right, var(--c26-lowlight), var(--c26-dgold));
}
#c26spons-diamond {
  background: linear-gradient(to right, var(--c26-teal), var(--c26-green));
}
#c26spons-gold {
  background: linear-gradient(to right, var(--c26-yellow), var(--c26-dgold));
}
#c26spons-silver {
  background: linear-gradient(to right, var(--c26-gold), var(--c26-blue));
}
#c26spons-bronze {
  background: linear-gradient(to right, var(--c26-dgold), var(--c26-gold));
}
#c26spons-copper {
  background: linear-gradient(to right, var(--c26-dblue), var(--c26-lgold));
}
#c26spons-vendors {
  background: linear-gradient(to right, var(--c26-teal), var(--c26-gold));
}

.magPlat-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 50px;
}

#sponsGrid ul {
  list-style-type: none;
  padding: 0;
  margin: 32px 0 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}
#sponsGrid li {
  padding: 0;
  margin: 0;
}

#sponsGrid section.tertiary img {
  max-width: 300px;
  max-height: 100px;
}
#sponsGrid section.tertiary#c26spons-diamond img,
#sponsGrid section.tertiary#c26spons-gold img {
  max-width: 300px;
  max-height: 100px;
}

#sponsGrid section.tertiary#c26spons-silver img,
#sponsGrid section.tertiary#c26spons-bronze img {
  max-width: 250px;
  max-height: 80px;
}
#sponsGrid section.tertiary#c26spons-copper img,
#sponsGrid section.tertiary#c26spons-bronze img {
  max-width: 200px;
  max-height: 50px;
}

#sponsBrokerscare {
  position: relative;
  margin: 0;
  padding: 65px 0 0;
}

#sponsBrokerscare .c26-bc-bckgrnd {
  position: absolute;
  width: 100%;
  height: 115px;
  bottom: -25px;
  left: 0;
  background-color: var(--c26-green);
}

#sponsParties {
  margin: 0;
  padding: 65px 0;
  background-color: var(--c26-lblue);
}

.c26-bc-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 50px;
}

.c26-bc-promo {
  justify-content: flex-end;
  display: none;
}

#sponsBrokerscare .ib-btn-container {
  margin-bottom: 0;
}
#conv-highlight {
  padding: 65px 0;
  margin: 0;
}
#conv-highlight img {
  filter: drop-shadow(4px 4px 4px #000);
}

.register-bar {
  width: 100%;
  height: 10px;
  position: relative;
  z-index: 5;
  bottom: -65px;
}

.bar-clr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c26-yellow);
}
.register-bar .ib-btn-container {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
#sponsParties section.tertiary {
  position: relative;
  z-index: 10;
}

.sponParty-image {
  position: absolute;
  height: 327px;
  top: 50%;
  width: 54%;
  right: 0;
  display: none;
  transform: translateY(-50%);
}

#sponsParties #wawa .sponParty-image {
  background: url("https://ibaa.ca/images/convention/2026/sponsors/wawa-spons.png") left center/cover no-repeat;
}
#sponsParties #sgi .sponParty-image {
  background: url("https://ibaa.ca/images/convention/2026/sponsors/sgi-spons.png") right center/cover no-repeat;
}
#sponsParties #phi .sponParty-image {
  background: url("https://ibaa.ca/images/convention/2026/sponsors/phi-spons.png") left center/cover no-repeat;
}
#sponsParties .sponParty-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  transform: translate(-50%, -50%);
}

#sgi .sponParty-image {
  right: unset;
  left: 0;
}

.sponsParty-txt {
  padding: 16px 0;
  min-height: 327px;
}

.sponsParty-txt p {
  margin: 0;
}

.sponsParty-txt h5 {
  margin: 0 0 10px;
}

.c26-sponsParty-grid {
  display: grid;
  grid-template-columns: 1fr;
}

#regBottom {
  background-color: var(--c26-green);
  padding: 65px 0;
  margin: 0;
  z-index: 1;
  position: relative;
}

.btm-content {
  position: relative;
}

.convguy {
  position: absolute;
  width: 300px;
  aspect-ratio: 1;
  top: -150px;
  left: -350px;
  z-index: 2;
  background: url("./assets/Images-Hex-Historical-Ad.png");
  display: none;
}

.btm-grid {
  display: grid;
  grid-template-columns: 1fr;
}
.btm-anchor {
  display: none;
}

#regBottom .ib-btn-container {
  justify-content: flex-end;
  margin-bottom: 0;
}

#regBottom h3 {
  color: #fff;
  margin: 0 0 15px !important;
}
#regBottom p {
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #000;
}

/* Sponsors E */

/* Awards S */

#awardsIntro {
  padding: 0 0 65px;
}
#awardsSpacer {
  background: var(--c26-dblue);
  padding: 32px 0;
  margin: 0;
}

#awardsDetail h2 {
  margin: 0;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: bold;
}

#awardsSpacer .container {
  display: flex;
  justify-content: center;
  align-items: center;
}

#awardsSpacer h5 {
  margin: 0;
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  font-weight: 100;
  font-family: var(--font1);
  font-feature-settings: "liga" 1, "ss01" 1; /* Enable ligatures and stylistic set 1 */
  font-variant-ligatures: common-ligatures; /* Enable common ligatures */
}
#awardsSpacer h5 span {
  font-size: 30px;
}

.awardSection {
  margin: 65px 0;
}

.awardSection.lrg {
  margin-top: 32px;
}

.awardSection.lrg,
.awardSection.ocs {
  position: relative;
  margin-bottom: 0;
}

.awardSection.lrg .container,
.awardSection.ocs .container {
  display: grid;
  grid-template-columns: 1fr;
}

.awardSection .ib-btn-container {
  justify-content: flex-start;
  margin-bottom: 0;
}

.awardSection .button-ibp-i.c26-btn {
  padding: 15px 50px;
}

.awardGrid-img {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -300px;
}

.awardGrid-img img {
  max-height: 600px;
}

.awardSection.ocs .awardGrid-img {
  left: -300px;
  right: unset;
}

/* Awards E */

/* TS S */
#tsIntro,
#tsSponsors,
#tsVendorList,
#tsPrizes {
  padding-bottom: 65px;
}

#tsMain section {
  margin-top: 0;
}
.hex-container {
  position: relative;
  display: none;
  padding-top: 65px;
}
.hexGrid-front {
  position: relative;
  display: flex;
  --s: 350px; /* size  */
  --m: 8px; /* margin */
  --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);
  filter: drop-shadow(-5px -5px 20px #333);
  z-index: 1;
}

.hexContainer-front {
  font-size: 0; /*disable white space between inline block element */
}

.hex-int {
  position: absolute;
  width: 280px;
  height: 170px;
  top: 120px;
  left: 35px;
  overflow: hidden;
}
#c26-ibaa .hex-int h3 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 20px !important;
  color: var(--c26-dblue);
}
.hex-int p {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.c26-hex {
  position: relative;
  width: var(--s);
  margin: var(--m);
  height: calc(var(--s) * 1.1547);
  display: inline-block;
  font-size: initial;
  clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
  background: #fff;
  margin-bottom: calc(var(--m) - var(--s) * 0.3385);
}

.hexContainer-front .c26-hex::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0, -50% 50%, 50% 100%, 150% 50%, 50% 0, 50% var(--m), calc(100% - var(--m) * sin(60deg)) calc(25% + var(--m) * cos(60deg)), calc(100% - var(--m) * sin(60deg)) calc(75% - var(--m) * cos(60deg)), 50% calc(100% - var(--m)), calc(var(--m) * sin(60deg)) calc(75% - var(--m) * cos(60deg)), calc(var(--m) * sin(60deg)) calc(25% + var(--m) * cos(60deg)), 50% var(--m));
  background: #ddd;
}

.hexContainer-front::before {
  content: "";
  width: calc(var(--s) / 2 + var(--m));
  float: left;
  height: 120%;
  shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px), #000 0 var(--f));
}

.hexGrid-back {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  --s: 350px; /* size  */
  --m: 8px; /* margin */
  --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);
  --s1: 100px; /* size  */
  --m1: 8px; /* margin */
  --f1: calc(1.732 * var(--s1) + 4 * var(--m1) - 1px);
  z-index: 0;
}

.hexContainer-back {
  font-size: 0; /*disable white space between inline block element */
  position: relative;
}

.hexContainer-back .c26-hex {
  position: relative;
  width: var(--s);
  margin: var(--m);
  height: calc(var(--s) * 1.1547);
  display: inline-block;
  font-size: initial;
  clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
  background: purple;
  margin-bottom: calc(var(--m) - var(--s) * 0.3385);
}

.c26-hex.bckhex1 {
  position: relative;
  anchor-name: --hex1;
  background: var(--c26-dgold);
}
.c26-hex.bckhex2 {
  position: relative;
  anchor-name: --hex2;
  background: var(--c26-gold);
}
.c26-hex.bckhex3 {
  position: relative;
  anchor-name: --hex3;
  background: var(--c26-lgold);
}
.c26-hex.bckhex4 {
  position: relative;
  anchor-name: --hex4;
  background: var(--c26-green);
}
.c26-hex.bckhex5 {
  position: relative;
  anchor-name: --hex5;
  background: var(--c26-teal);
}

.c26-smlhex {
  position: absolute;
  width: var(--s1);
  height: calc(var(--s1) * 1.1547);
  clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
}

.c26-smlhex.bckhex2 {
  position-anchor: --hex2;
  position-area: top left;
  margin: -95px -45px;
  background: var(--c26-dgold);
}

.c26-smlhex.bckhex3 {
  position-anchor: --hex3;
  position-area: top left;
  margin: -25px -170px;
  background: var(--c26-lgold);
}

.c26-smlhex.bckhex4 {
  position-anchor: --hex4;
  position-area: top left;
  margin: -182px 8px;
  background: var(--c26-green);
}

.c26-smlhex.bckhex5 {
  position-anchor: --hex5;
  position-area: top right;
  margin: -182px 8px;
  background: var(--c26-teal);
}

.hexContainer-back::before {
  content: "";
  width: calc(var(--s) / 2 + var(--m));
  float: left;
  height: 120%;
  shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px), #000 0 var(--f));
}

.tsSpons-card {
  position: relative;
  margin-top: 65px;
  padding-left: 30px;
}

.tsSpons-card:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 65px;
  height: 75px; /* Make it thin to appear as a line */
  border-top: 5px solid red;
  border-left: 5px solid red;
  transform: skewY(-30deg); /* Adjust the angle as needed */
  transform-origin: top left; /* Adjust origin for desired rotation point */
}
.tsSpons-card:nth-of-type(1):before {
  border-top: 5px solid var(--c26-green);
  border-left: 5px solid var(--c26-green);
}
.tsSpons-card:nth-of-type(2):before {
  border-top: 5px solid var(--c26-teal);
  border-left: 5px solid var(--c26-teal);
}
.tsSpons-card:nth-of-type(3):before {
  border-top: 5px solid var(--c26-dgold);
  border-left: 5px solid var(--c26-dgold);
}
.tsSpons-card:nth-of-type(4):before {
  border-top: 5px solid var(--c26-gold);
  border-left: 5px solid var(--c26-gold);
}
.tsSpons-card:nth-of-type(5):before {
  border-top: 5px solid var(--c26-lgold);
  border-left: 5px solid var(--c26-lgold);
}

.tsSpons-card p:first-of-type {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
}
.tsSpons-card p:last-of-type {
  margin: 0;
}

.c26-vendor-grid {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 20px;
}
.c26-vendor-grid ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.c26-vendor-grid ul li:nth-child(even) {
  font-weight: bold;
}

/* TS E */

/* Accom S */
#accomodations {
  margin: 0;
}

#accomAnnounce {
  background: red;
  position: relative;
  top: -65px;
  padding: 0;
  margin: 0;
}

#accomAnnounce .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
#accomAnnounce .container p {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  padding: 0;
  margin: 18.5px 0;
}
section.tertiary.hotel {
  margin: 32px 0;
  position: relative;
}
section.tertiary.hotel:first-of-type {
  margin-top: 0;
}

section.tertiary.hotel h4 {
  margin: 0 0 20px;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.accomSubhead {
  color: var(--c26-blue);
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-weight: bold;
}

a.c26-blueBtn {
  color: var(--c26-blue);
}
a.c26-blueBtn:hover {
  color: var(--c26-green);
}

section.hotel .ib-btn-container {
  justify-content: flex-start;
}

#accomShuttles {
  padding-bottom: 65px;
}

.tertiary.hotel .container {
  display: grid;
  grid-template-columns: 1fr;
}

.hotel .awardGrid-img {
  background: black;
}

.accomGrid-img {
  position: absolute;
  height: 327px;
  top: 50%;
  width: 40%;
  right: 0;
  display: none;
  transform: translateY(-50%);
  height: 400px;
}

#fairmont .accomGrid-img {
  background: url(https://ibaa.ca/images/convention/2026/accom/fairmont.png) left center / cover no-repeat;
}
#royal .accomGrid-img {
  background: url(https://ibaa.ca/images/convention/2026/accom/royal.png) left center / cover no-repeat;
}
#elk .accomGrid-img {
  background: url(https://ibaa.ca/images/convention/2026/accom/elk.png) left center / cover no-repeat;
}
#lodgingCo .accomGrid-img {
  background: url(https://ibaa.ca/images/convention/2026/accom/banffLodgingCo.png) left center / cover no-repeat;
}
.shuttleScheduleContainer {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 10px;
}
.shuttleBtn {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: none;
  border: none;
  gap: 10px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: var(--c26-blue);
  font-weight: bold;
  transition: color 0.2s;
}
.shuttleBtn.active {
  color: var(--c26-teal);
}
.shuttleArrow {
  height: 40px;
  width: 40px;
  border: solid 2px black;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border 0.2s;
}
.triangle {
  width: 0;
  height: 0;
  border-left: 14px solid black;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transform: rotateZ(0);
  transition: transform 0.2s, border 0.2s;
}

.shuttleBtn.active .triangle {
  transform: rotateZ(90deg);
  border-left: 14px solid var(--c26-teal);
}
.shuttleBtn.active .shuttleArrow {
  border: solid 2px var(--c26-teal);
}

.c26-collapse {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}
.c26-collapse p {
  margin: 0;
}

.c26-collapse.expanded {
  max-height: 1500px;
}

.accomspacer {
  height: 128px;
  display: none;
}
/* Accom E */

/* Main S */
section.secondary {
  margin-top: 65px;
}

section#brokerscare {
  position: relative;
  z-index: 0;
}

#c26Locations {
  margin-top: 65px;
}
.c26Pricing-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px 10px;
}
.c26Pricing-grid ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 5px;
}
.c26Pricing-grid li {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-end;
  font-size: 0.7rem;
  line-height: 1rem;
}
.c26Pricing-grid li span {
  color: red;
  text-decoration: line-through;
}
.c26Pricing-grid li:nth-of-type(odd) {
  justify-content: flex-end;
  color: var(--c26-blue) !important;
  text-align: right;
}
.c26Pricing-grid li:nth-of-type(even) {
  font-weight: bold;
}

.c26Pricing-container {
  background: #fff;
  padding-top: 28px;
  position: relative;
}
.c26Pricing-card {
  position: relative;
  clip-path: polygon(0px 20px, 20px 0px, 100% 0px, 100% 0px, 100% 100%, 100% 100%, 0px 100%, 0px 100%);
  background: var(--c26-green);
  height: calc(100% + 4px);
}

.c26Pricing-internal {
  position: relative;
  left: 2px;
  top: 2px;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  clip-path: polygon(0px 20px, 20px 0px, 100% 0px, 100% 0px, 100% 100%, 100% 100%, 0px 100%, 0px 100%);
  padding: 20px 10px;
  background: #fff !important;
}

.c26Pricing-card p {
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.2rem;
}

.c26Pricing-container h5 {
  position: absolute;
  text-align: center;
  background: #fff;
  padding: 0 10px;
  font-size: 26px;
  margin: 0 !important;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  font-size: 20px;
}

.c26Keynote-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  position: relative;
}
.c26Keynote-txt {
  position: relative;
}

.keynoteModal-btn {
  cursor: pointer;
}

.keynoteModal-btn:hover {
  color: var(--c26-lgold);
}

.c26SM-container {
  display: flex;
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  gap: 5px;
}
.c26SM-icon {
  display: flex;
  width: 43.3px;
  height: 50px;
  background: var(--c26-teal);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  color: #fff !important;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  transition: color 0.2s, background 0.2s;
}

.c26SM-icon:hover {
  background: var(--c26-dblue);
  color: var(--c26-teal) !important;
}

.c26-timeline {
  padding: 65px 0;
}

.timeline-text {
  padding: 32px 0;
}
.timeline-grid {
  display: grid;
  grid-template-columns: 200px 1fr;
}
.timeline-grid.today {
  grid-template-areas: "timeline-1 timeline-2";
}
.timeline-grid.aughts {
  grid-template-areas: "timeline-3 timeline-4";
}
.timeline-grid.eighties {
  grid-template-areas: "timeline-5 timeline-6";
}
.timeline-grid.sixties {
  grid-template-areas: "timeline-7 timeline-8";
}
.timeline-grid.fourties {
  grid-template-areas: "timeline-9 timeline-10";
}
.timeline-grid.twenties {
  grid-template-areas: "timeline-11 timeline-12";
}

.today .timeline-card {
  grid-area: timeline-1;
}
.today .timeline-text {
  grid-area: timeline-2;
}
.aughts .timeline-card {
  grid-area: timeline-3;
}
.aughts .timeline-text {
  grid-area: timeline-4;
}
.eighties .timeline-card {
  grid-area: timeline-5;
}
.eighties .timeline-text {
  grid-area: timeline-6;
}
.sixties .timeline-card {
  grid-area: timeline-7;
}
.sixties .timeline-text {
  grid-area: timeline-8;
}
.fourties .timeline-card {
  grid-area: timeline-9;
}
.fourties .timeline-text {
  grid-area: timeline-10;
}
.twenties .timeline-card {
  grid-area: timeline-11;
}
.twenties .timeline-text {
  grid-area: timeline-12;
}

.today .timeline-photo-container {
  grid-area: timeline-pic1;
}
.aughts .timeline-photo-container {
  grid-area: timeline-pic2;
}
.eighties .timeline-photo-container {
  grid-area: timeline-pic3;
}
.sixties .timeline-photo-container {
  grid-area: timeline-pic4;
}
.fourties .timeline-timeline-photo-container {
  grid-area: timeline-pic5;
}
.twenties .timeline-timeline-photo-container {
  grid-area: timeline-pic6;
}

.timeline-text,
.timeline-photo-container,
.timeline-card {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
}

.timeline-photo {
  width: 250px;
  border: 5px solid black;
  border-radius: 50%;
  aspect-ratio: 1;
  display: none;
  background: url(https://ibaa.ca/images/page-assets/banner-images/Our-Story.jpg) center center/cover no-repeat;
  z-index: 2;
}

.timeline-card .arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: calc(100% - 5px);
  background-color: black;
  z-index: 1;
}

.timeline-card .arrow:after,
.timeline-card .arrow:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 2;
}
.timeline-card .arrow:before {
  top: -10px;
  border-bottom: 10px solid black;
}
.timeline-card .arrow:after {
  bottom: 0;
  border-bottom: 10px solid #fff;
}

.arrow-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fff;
}

.arrow-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  width: 150px;
  height: 5px;
  background-color: black;
  z-index: 1;
}

.timeline-date {
  position: absolute;
  left: 70px;
  top: calc(50% - 30px);
  transform: translateY(-50%);
}

.timeline-date p {
  font-size: 2rem;
  font-weight: 100;
  color: purple;
}

.today .timeline-card .arrow {
  background-color: var(--c26-dgold);
}
.today .timeline-card .arrow:before {
  border-bottom: 10px solid var(--c26-dgold);
}
.today .arrow-line {
  background-color: var(--c26-dgold);
}
.today .timeline-photo {
  border: 5px solid var(--c26-dgold);
}
.today .timeline-date p {
  color: var(--c26-dgold);
}

.aughts .timeline-card .arrow {
  background-color: var(--c26-gold);
}
.aughts .timeline-card .arrow:before {
  border-bottom: 10px solid var(--c26-gold);
}
.aughts .arrow-line {
  background-color: var(--c26-gold);
}
.aughts .timeline-photo {
  border: 5px solid var(--c26-gold);
}
.aughts .timeline-date p {
  color: var(--c26-gold);
}

.eighties .timeline-card .arrow {
  background-color: var(--c26-lgold);
}
.eighties .timeline-card .arrow:before {
  border-bottom: 10px solid var(--c26-lgold);
}
.eighties .arrow-line {
  background-color: var(--c26-lgold);
}
.eighties .timeline-photo {
  border: 5px solid var(--c26-lgold);
}
.eighties .timeline-date p {
  color: var(--c26-lgold);
}

.sixties .timeline-card .arrow {
  background-color: var(--c26-green);
}
.sixties .timeline-card .arrow:before {
  border-bottom: 10px solid var(--c26-green);
}
.sixties .arrow-line {
  background-color: var(--c26-green);
}
.sixties .timeline-photo {
  border: 5px solid var(--c26-green);
}
.sixties .timeline-date p {
  color: var(--c26-green);
}

.fourties .timeline-card .arrow {
  background-color: var(--c26-teal);
}
.fourties .timeline-card .arrow:before {
  border-bottom: 10px solid var(--c26-teal);
}
.fourties .arrow-line {
  background-color: var(--c26-teal);
}
.fourties .timeline-photo {
  border: 5px solid var(--c26-teal);
}
.fourties .timeline-date p {
  color: var(--c26-teal);
}

.twenties .timeline-card .arrow {
  background-color: var(--c26-blue);
}
.twenties .timeline-card .arrow:before {
  border-bottom: 10px solid var(--c26-blue);
}
.twenties .arrow-line {
  background-color: var(--c26-blue);
}
.twenties .timeline-photo {
  border: 5px solid var(--c26-blue);
}
.twenties .timeline-date p {
  color: var(--c26-blue);
}
.today .timeline-photo {
  background: url("https://ibaa.ca/images/convention/2026/main/timelinetoday.jpg") center center/cover no-repeat;
}
.aughts .timeline-photo {
  background: url("https://ibaa.ca/images/convention/2026/main/timeline00s.jpg") center center/cover no-repeat;
}
.eighties .timeline-photo {
  background: url("https://ibaa.ca/images/convention/2026/main/timeline80s.jpg") center center/cover no-repeat;
}
.sixties .timeline-photo {
  background: url("https://ibaa.ca/images/convention/2026/main/timeline60s.jpg") center center/cover no-repeat;
}
.fourties .timeline-photo {
  background: url("https://ibaa.ca/images/convention/2026/main/timeline40s.jpg") center center/cover no-repeat;
}
.twenties .timeline-photo {
  background: url("https://ibaa.ca/images/convention/2026/main/timeline20s.jpg") center center/cover no-repeat;
}
/* Main E */
@media (min-width: 576px) {
  .c26-head-text.container {
    gap: 1rem;
  }
  .ib-modal-content {
    width: 85%;
  }
  .ib-conv26-speaker-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .c26Pricing-grid li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .c26Pricing-internal p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .c26Pricing-container h5 {
    font-size: 26px;
  }
}

@media (min-width: 768px) {
  #c26-ibaa .ib-modal-internal {
    padding: 4rem 4rem;
  }
}

@media (min-width: 992px) {
  .ib-conv26-speaker-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .c26-head-text.container {
    padding-left: calc(var(--bs-gutter-x) * 0.5 + 200px);
  }

  .c26-schedHide {
    display: inline-block;
  }

  .price-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ib-tabFlex.ib-conv26 {
    align-items: flex-end;
  }
  .ib-tabBtn.ib-conv26 {
    width: 250px;
    padding: 15px 75px;
  }

  .ib-tabBtn.ib-conv26.active .c26-day {
    opacity: 100%;
    height: 25px;
  }

  .time-slot,
  .time-dash {
    display: block;
  }

  .sched-grid {
    grid-gap: 5px;
    grid-template-columns:
      [times] 4em
      [track-1-start] 1fr
      [track-1-end track-2-start] 1fr
      [track-2-end track-3-start] 1fr
      [track-3-end track-4-start] 1fr
      [track-4-end track-5-start] 1fr
      [track-5-end track-6-start] 1fr
      [track-6-end];
  }

  .sched-grid.day1 {
    grid-template-rows:
      [time-0900] 40px
      [time-0915] 40px
      [time-0930] 40px
      [time-0945] 40px
      [time-1000] 10px
      [time-1015] 10px
      [time-1030] 10px
      [time-1045] 10px
      [time-1100] 10px
      [time-1115] 10px
      [time-1130] 10px
      [time-1145] 10px
      [time-1200] 40px
      [time-1215] 40px
      [time-1230] 40px
      [time-1245] 40px
      [time-1300] 40px
      [time-1315] 40px
      [time-1330] 40px
      [time-1345] 40px
      [time-1400] 40px
      [time-1415] 40px
      [time-1430] 40px
      [time-1445] 40px
      [time-1500] 40px
      [time-1515] 40px
      [time-1530] 40px
      [time-1545] 40px
      [time-1600] 40px
      [time-1615] 40px
      [time-1630] 40px
      [time-1645] 40px
      [time-1700] 40px
      [time-1715] 40px
      [time-1730] 40px
      [time-1745] 40px
      [time-1800] 10px
      [time-1815] 10px
      [time-1830] 10px
      [time-1845] 10px
      [time-1900] 10px
      [time-1915] 10px
      [time-1930] 10px
      [time-1945] 10px
      [time-2000] 10px
      [time-2015] 10px
      [time-2030] 10px
      [time-2045] 10px
      [time-2100] 10px
      [time-2115] 10px
      [time-2130] 10px
      [time-2145] 10px
      [time-2200] 10px
      [time-2215] 10px
      [time-2230] 10px
      [time-2245] 10px
      [time-2300] 10px
      [time-2315] 10px
      [time-2330] 10px
      [time-2345] 10px
      [time-2400] 40px
      [time-end] 0px;
  }

  .sched-grid.day2 {
    grid-template-rows:
      [time-0700] 10px
      [time-0715] 10px
      [time-0730] 10px
      [time-0745] 10px
      [time-0800] 40px
      [time-0815] 40px
      [time-0830] 40px
      [time-0845] 40px
      [time-0900] 40px
      [time-0915] 40px
      [time-0930] 40px
      [time-0945] 40px
      [time-1000] 40px
      [time-1015] 40px
      [time-1030] 40px
      [time-1045] 40px
      [time-1100] 40px
      [time-1115] 40px
      [time-1130] 40px
      [time-1145] 40px
      [time-1200] 40px
      [time-1215] 40px
      [time-1230] 40px
      [time-1245] 40px
      [time-1300] 40px
      [time-1315] 40px
      [time-1330] 40px
      [time-1345] 40px
      [time-1400] 5px
      [time-1415] 5px
      [time-1430] 5px
      [time-1445] 5px
      [time-1500] 5px
      [time-1515] 5px
      [time-1530] 5px
      [time-1545] 5px
      [time-1600] 5px
      [time-1615] 5px
      [time-1630] 5px
      [time-1645] 5px
      [time-1700] 5px
      [time-1715] 5px
      [time-1730] 5px
      [time-1745] 5px
      [time-1800] 40px
      [time-1815] 40px
      [time-1830] 40px
      [time-1845] 40px
      [time-1900] 10px
      [time-1915] 10px
      [time-1930] 10px
      [time-1945] 10px
      [time-2000] 10px
      [time-2015] 10px
      [time-2030] 10px
      [time-2045] 10px
      [time-2100] 10px
      [time-2115] 10px
      [time-2130] 10px
      [time-2145] 10px
      [time-2200] 10px
      [time-2215] 10px
      [time-2230] 10px
      [time-2245] 10px
      [time-2300] 10px
      [time-2315] 10px
      [time-2330] 10px
      [time-2345] 10px
      [time-2400] 10px
      [time-end] 0px;
  }

  .sched-grid.day3 {
    grid-template-rows:
      [time-0700] 10px
      [time-0715] 10px
      [time-0730] 10px
      [time-0745] 10px
      [time-0800] 10px
      [time-0815] 10px
      [time-0830] 40px
      [time-0845] 40px
      [time-0900] 40px
      [time-0915] 40px
      [time-0930] 40px
      [time-0945] 40px
      [time-1000] 40px
      [time-1015] 40px
      [time-1030] 40px
      [time-1045] 40px
      [time-1100] 40px
      [time-1115] 40px
      [time-1130] 40px
      [time-1145] 40px
      [time-1200] 40px
      [time-1215] 40px
      [time-1230] 40px
      [time-1245] 40px
      [time-1300] 40px
      [time-1315] 40px
      [time-1330] 40px
      [time-1345] 40px
      [time-1400] 40px
      [time-1415] 40px
      [time-1430] 10px
      [time-1445] 10px
      [time-1500] 10px
      [time-1515] 10px
      [time-1530] 10px
      [time-1545] 10px
      [time-1600] 10px
      [time-1615] 10px
      [time-1630] 10px
      [time-1645] 10px
      [time-1700] 10px
      [time-1715] 10px
      [time-1730] 10px
      [time-1745] 10px
      [time-1800] 10px
      [time-1815] 10px
      [time-1830] 10px
      [time-1845] 10px
      [time-1900] 10px
      [time-1915] 10px
      [time-1930] 10px
      [time-1945] 10px
      [time-2000] 10px
      [time-2015] 10px
      [time-2030] 10px
      [time-2045] 10px
      [time-2100] 10px
      [time-2115] 10px
      [time-2130] 10px
      [time-2145] 10px
      [time-2200] 10px
      [time-2215] 10px
      [time-2230] 10px
      [time-2245] 10px
      [time-2300] 10px
      [time-2315] 10px
      [time-2330] 10px
      [time-2345] 10px
      [time-2400] 10px
      [time-end] 0px;
  }

  .time-slot,
  .time-dash {
    display: block;
  }

  .track-1 {
    grid-column: track-1;
    min-width: 135px;
  }
  .track-1-2 {
    grid-column: track-1 / track-2;
  }
  .track-2 {
    grid-column: track-2;
  }
  .track-2-3 {
    grid-column: track-2 / track-3;
  }
  .track-3 {
    grid-column: track-3;
  }
  .track-3-4 {
    grid-column: track-3 / track-4;
  }
  .track-4 {
    grid-column: track-4;
  }
  .track-4-5 {
    grid-column: track-4 / track-5;
  }
  .track-5 {
    grid-column: track-5;
  }
  .track-5-6 {
    grid-column: track-5 / track-6;
  }
  .track-6 {
    grid-column: track-6;
  }
  .track-1-3 {
    grid-column: track-1 / track-3;
  }
  .track-1-4 {
    grid-column: track-1 / track-4;
  }
  .track-1-5 {
    grid-column: track-1 / track-5;
  }
  .track-1-6 {
    grid-column: track-1 / track-6;
  }
  .track-2-4 {
    grid-column: track-2 / track-4;
  }
  .track-2-5 {
    grid-column: track-2 / track-5;
  }
  .track-3-5 {
    grid-column: track-3 / track-5;
  }
  .track-3-6 {
    grid-column: track-3 / track-6;
  }
  .track-4-6 {
    grid-column: track-4 / track-6;
  }

  .sess1-1 {
    grid-row: time-0900 / time-1000;
  }
  .sess1-2 {
    grid-row: time-1000 / time-1545;
  }
  .sess1-3 {
    grid-row: time-1100 / time-1330;
  }
  .sess1-4 {
    grid-row: time-1200 / time-1300;
  }
  .sess1-5 {
    grid-row: time-1300;
  }
  .sess1-6 {
    grid-row: time-1315 / time-1415;
  }
  .sess1-7 {
    grid-row: time-1415;
  }
  .sess1-8 {
    grid-row: time-1430 / time-1530;
  }
  .sess1-9 {
    grid-row: time-1530;
  }
  .sess1-10 {
    grid-row: time-1545 / time-1645;
  }
  .sess1-11 {
    grid-row: time-1700 / time-1800;
  }
  .sess1-12 {
    grid-row: time-1730 / time-2000;
  }
  .sess1-13 {
    grid-row: time-2000 / time-end;
  }
  .sess2-1 {
    grid-row: time-0730 / time-0900;
  }
  .sess2-2 {
    grid-row: time-0800 / time-1300;
  }
  .sess2-3 {
    grid-row: time-0830 / time-0930;
  }
  .sess2-4 {
    grid-row: time-0930;
  }
  .sess2-5 {
    grid-row: time-0945 / time-1045;
  }
  .sess2-6 {
    grid-row: time-1045;
  }
  .sess2-7 {
    grid-row: time-1100 / time-1200;
  }
  .sess2-8 {
    grid-row: time-1200 / time-1300;
  }
  .sess2-9 {
    grid-row: time-1300 / time-1400;
  }
  .sess2-10 {
    grid-row: time-1300 / time-1400;
  }
  .sess2-11 {
    grid-row: time-1400 / time-1800;
  }
  .sess2-12 {
    grid-row: time-1800 / time-1900;
  }
  .sess2-13 {
    grid-row: time-1900 / time-2200;
  }
  .sess2-14 {
    grid-row: time-2200 / time-end;
  }

  .sess3-1 {
    grid-row: time-0700 / time-0930;
  }
  .sess3-2 {
    grid-row: time-0900 / time-1430;
  }
  .sess3-3 {
    grid-row: time-0830 / time-0930;
  }
  .sess3-4 {
    grid-row: time-0930;
  }
  .sess3-5 {
    grid-row: time-0945 / time-1045;
  }
  .sess3-6 {
    grid-row: time-1045;
  }
  .sess3-7 {
    grid-row: time-1100 / time-1200;
  }
  .sess3-8 {
    grid-row: time-1100 / time-1200;
  }
  .sess3-9 {
    grid-row: time-1200 / time-1300;
  }
  .sess3-10 {
    grid-row: time-1300 / time-1430;
  }
  .sess3-11 {
    grid-row: time-1430 / time-1830;
  }
  .sess3-12 {
    grid-row: time-2000 / time-end;
  }
  .brk {
    display: block;
  }
  .ib-conv25-bio-flex .speaker-card,
  .ib-conv25-bio-flex .sponsor-card {
    width: calc(50% - 20px);
  }
  .c26-vendor-grid {
    grid-template-columns: 1fr 1fr;
  }
  .c26-vendor-grid ul li:nth-child(even) {
    font-weight: unset;
  }
  .c26-vendor-grid ul:first-of-type li:nth-child(even) {
    font-weight: bold;
  }
  .c26-vendor-grid ul:last-of-type li:nth-child(odd) {
    font-weight: bold;
  }

  section.tertiary.hotel {
    margin: 65px 0;
  }
  .accomGrid-img {
    display: block;
  }

  .tertiary.hotel .container {
    grid-template-columns: 3fr 2fr;
  }
  #c26Locations {
    margin-top: 0;
  }
  .c26Keynote-smlhex {
    display: block;
  }

  .c26Keynote-grid {
    grid-template-columns: 1fr 300px;
  }

  .c26Keynote-img {
    position: absolute;
    top: -100px;
    right: -200px;
    width: 450px;
  }

  .timeline-card .arrow {
    left: 50%;
    transform: translateX(-50%);
  }
  .timeline-grid {
    grid-template-columns: 1fr 200px 1fr;
  }

  .timeline-grid.today {
    grid-template-areas: "timeline-2 timeline-1 timeline-pic1";
  }
  .timeline-grid.aughts {
    grid-template-areas: "timeline-pic2 timeline-3 timeline-4";
  }
  .timeline-grid.eighties {
    grid-template-areas: "timeline-6 timeline-5 timeline-pic3";
  }
  .timeline-grid.sixties {
    grid-template-areas: "timeline-pic4 timeline-7 timeline-8";
  }
  .timeline-grid.fourties {
    grid-template-areas: "timeline-10 timeline-9  timeline-pic5";
  }
  .timeline-grid.twenties {
    grid-template-areas: "timeline-pic6 timeline-11 timeline-12";
  }

  .timeline-photo {
    display: block;
  }
  .arrow-line {
    width: 300px;
  }

  .left .arrow-line {
    left: -300px;
  }

  .left .timeline-date {
    left: unset;
    right: 90px;
  }

  #c26-ibaa .ib-modal-header {
    flex-direction: row;
  }
  #c26-ibaa .modal-head-spon p {
    text-align: right;
  }
  .accomspacer {
    display: block;
  }
}
@media (min-width: 1200px) {
  .c26-navbar ul {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-top: 5px;
  }
  .c26-logo-mount img {
    left: -125px;
    width: 250px;
  }
  .hamburger-menu::before,
  .hamburger-menu::after,
  .hamburger-menu input,
  .dropnav {
    display: none;
  }

  .nav-text {
    display: block;
  }
  .ib-conv26-speaker-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .c26-bc-grid {
    grid-template-columns: 3fr 1fr;
  }
  .c26-bc-promo {
    display: flex;
  }

  #sponsBrokerscare .c26-bc-bckgrnd {
    bottom: 0px;
  }

  #sponsBrokerscare .ib-btn-container {
    justify-content: flex-start;
  }

  .sponParty-image {
    display: block;
  }
  .c26-sponsParty-grid {
    display: grid;
    grid-template-columns: 2fr 3fr;
  }

  #sgi .c26-sponsParty-grid {
    grid-template-columns: 3fr 2fr;
  }
  .sponsParty-txt {
    padding: 32px 0;
  }
  #sgi .sponsParty-txt {
    padding: 65px 0;
  }
  .sponsParty-txt img {
    display: none;
  }

  .magPlat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  #sponsGrid section.tertiary#c26spons-mag-plat img {
    max-width: 500px;
    max-height: 100px;
  }
  .awardSection.sml .ib-btn-container,
  .awardSection.ocs .ib-btn-container {
    justify-content: flex-end;
  }

  .awardSection.lrg .container {
    grid-template-columns: 1fr 300px;
  }
  .awardSection.ocs .container {
    grid-template-columns: 300px 1fr;
  }

  .awardSection .ib-btn-container {
    margin-bottom: 32px;
  }
  .awardSection.lrg,
  .awardSection.ocs {
    margin-bottom: 65px;
  }

  .awardGrid-img {
    display: block;
  }
  .hexContainer-front {
    margin: 0 9px 93px;
  }
  .hexGrid-back {
    top: 115px;
    left: 0;
  }
  .hex-container {
    display: block;
  }

  .tsSponsMobile {
    display: none;
  }
  .c26Pricing-grid {
    grid-template-columns: 1fr 1fr;
  }
  .c26-right {
    clip-path: polygon(0px 0px, 0px 0px, calc(100% - 20px) 0px, 100% 20px, 100% 100%, 100% 100%, 0px 100%, 0px 100%);
  }
}

@media (min-width: 1400px) {
  .hexContainer-front {
    margin: 0 99px 93px;
  }
  .hexGrid-back {
    top: 115px;
    left: 125px;
  }
  .c26-collapse.expanded {
    max-height: 790px;
  }
  .btm-anchor {
    display: block;
  }
  .convguy {
    display: block;
  }
  .btm-grid {
    display: grid;
    grid-template-columns: 150px 1fr;
  }
}