/* Visit Bloomington Normal */

:root {
  --black: #1c1c1a;
  --blue: #366eb5;
  --darkTeal: #055462;
  --lightBlue: #d1dbf0;
  --lightBlueRGB: 209,219,240;
  --plum: #891b54;
  --plumRGB: 137,27,84;
  --white: #ffffff;
  --yellow: #d3d83e;
  --yellowRGB: 211,216,62;
}


@font-face {
  font-family: 'TAY Road Runner';
  src: url('/fonts/TAYRoadRunnerRegular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  overflow-x:hidden !important;
}

body, p {
  font-family: trade-gothic-next, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:17px;
  line-height:1.6;
  color:var(--black);
}
h1, .h1 {
  font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:20px;
  text-transform:uppercase;
  color:var(--black);
  margin:0;
}
h2, .h2 {
  font-family: kensington, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:135px;
  line-height:.9;
  text-transform:uppercase;
  color:var(--blue);
  margin:0 0 25px;
}
h3, .h3 {
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:35px;
  text-transform:uppercase;
  color:var(--blue);
  margin:20px 0 10px;
}
h4, .h4 {
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:28px;
  text-transform:uppercase;
  color:var(--blue);
  margin:0;
}
h5, .h5 {
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:24px;
  text-transform:uppercase;
  color:var(--blue);
  margin:0;
}
h6, .h6 {
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:20px;
  text-transform:uppercase;
  color:var(--blue);
  margin:0;
}

.altHeadline {
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:35px;
  text-transform:uppercase;  
  margin-bottom:30px;
}

h1 u, .h1 u, h2 u, .h2 u, h3 u, .h3 u, h4 u, .h4 u, h5 u, .h5 u, h6 u, .h6 u {
  text-decoration:none;
  background-image:url("/img/underline-squiggle-pink.png");
  background-repeat:no-repeat;
  background-size:100% 15%;
  background-position:center bottom 5%;
}
h3 u, .h3 u {
  padding-bottom:15px;
  background-size:100% 25%;
  background-position:center bottom 10%;  
}
h4 u, .h4 u {
  padding-bottom:8px;
  background-size:100% 17%;
  background-position:center bottom 13%;  
}
h5 u, .h5 u {
  padding-bottom:7px;
  background-size:100% 17%;
  background-position:center bottom 13%;  
}
h6 u, .h6 u {
  padding-bottom:6px;
  background-size:100% 17%;
  background-position:center bottom 13%;  
}

@media(max-width:1199px) {
  h1, .h1 {
    font-size:16px;
  }
  h2, .h2 {
    font-size:100px;
  }
  h3, .h3 {
    font-size:28px;
  }
}
@media(max-width:991px) {
  h2, .h2 {
    font-size:80px;
  }
  h3, .h3 {
    font-size:24px;
  } 
}
@media(max-width:767px) {
  h2, .h2 {
    font-size:70px;
  }
  h3, .h3 {
    font-size:22px;
  }   
}

a {
  color:var(--blue);
}
main a {
  text-decoration: underline;
}
main a.button {
  text-decoration: none;
}

.button,
whereabouts-inquiry-widget::part(widget__btn-launcher) {
  display:inline-block;
  padding:10px 30px 8px;
  border-radius:30px;
  font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:17px;
  line-height:1;
  text-transform:uppercase;
  color:var(--white);
  background-color:var(--plum);
}
.button:hover,
whereabouts-inquiry-widget::part(widget__btn-launcher):hover {
  background-color:var(--yellow);
  text-decoration:none;
}

.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark li {
  color:var(--white);
}
.dark a {
  color: var(--yellow);
}
.dark .button {
  color:var(--plum);
  background-color:var(--yellow);
}

body img {
  max-width:100%;
  height:auto;
  margin-bottom:0;
}

nav ul {
  list-style-type:none;
  padding:0;
}

section {
  margin:20px 0;
}

details summary {
  cursor: pointer;
}
details summary:before {
  content:"+";
  display:inline-block;
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:35px;
  color:var(--blue);
  width:30px;
}
details summary h1, details summary h2, details summary h3, details summary h4, details summary h5, details summary h6 {
  display:inline-block;
}
details::details-content {
  transition: ease all .3s;
  transition-behavior: allow-discrete;
  height:0;
  opacity:0;
}
details[open] summary:before {
  content:"-";
}
details[open]::details-content {
  height:auto; /* Fix for iPhone bug */
  height:calc-size(auto, size);
  opacity:1;
}


/* ----                    ---- */
/* ---- Whereabouts Patch  ---- */
/* ----                    ---- */

whereabouts-booker-widget,
whereabouts-events-widget, 
whereabouts-event-submit-widget, 
whereabouts-inquiry-widget,
whereabouts-operators-widget, 
whereabouts-whats-nearby-widget
 {
/* ======================
     ?? Radii
  ====================== */
  --wa-radii-0: 0; /* 0 */
  --wa-radii-25: 2px; /* 0.125rem */
  --wa-radii-50: 4px; /* 0.25rem */
  --wa-radii-75: 6px; /* 0.375rem */
  --wa-radii-100: 8px; /* 0.5rem */
  --wa-radii-150: 12px; /* 0.75rem */
  --wa-radii-200: 16px; /* 1rem */
  --wa-radii-250: 20px; /* 1.25rem */
  --wa-radii-300: 24px; /* 1.5rem */
  --wa-radii-400: 32px; /* 2rem */
  --wa-radii-xs: 2px; /* 0.125rem */
  --wa-radii-sm: 4px; /* 0.25rem */
  --wa-radii-md: 6px; /* 0.375rem */
  --wa-radii-lg: 8px; /* 0.5rem */
  --wa-radii-xl: 12px; /* 0.75rem */
  --wa-radii-2xl: 16px; /* 1rem */
  --wa-radii-3xl: 24px; /* 1.5rem */
  --wa-radii-4xl: 32px; /* 2rem */
  --wa-radii-full: 9999px; /* 9999px */

  /* ======================
     ?? Sizes
  ====================== */
  --wa-sizes-0: 0px; /* 0rem */
  --wa-sizes-1: 4px; /* 0.25rem */
  --wa-sizes-2: 8px; /* 0.5rem */
  --wa-sizes-3: 12px; /* 0.75rem */
  --wa-sizes-4: 16px; /* 1rem */
  --wa-sizes-5: 20px; /* 1.25rem */
  --wa-sizes-6: 24px; /* 1.5rem */
  --wa-sizes-7: 28px; /* 1.75rem */
  --wa-sizes-8: 32px; /* 2rem */
  --wa-sizes-9: 36px; /* 2.25rem */
  --wa-sizes-10: 40px; /* 2.5rem */
  --wa-sizes-11: 44px; /* 2.75rem */
  --wa-sizes-12: 48px; /* 3rem */
  --wa-sizes-14: 56px; /* 3.5rem */
  --wa-sizes-16: 64px; /* 4rem */
  --wa-sizes-20: 80px; /* 5rem */
  --wa-sizes-24: 96px; /* 6rem */
  --wa-sizes-28: 112px; /* 7rem */
  --wa-sizes-32: 128px; /* 8rem */
  --wa-sizes-36: 144px; /* 9rem */
  --wa-sizes-40: 160px; /* 10rem */
  --wa-sizes-44: 176px; /* 11rem */
  --wa-sizes-48: 192px; /* 12rem */
  --wa-sizes-52: 208px; /* 13rem */
  --wa-sizes-56: 224px; /* 14rem */
  --wa-sizes-60: 240px; /* 15rem */
  --wa-sizes-64: 256px; /* 16rem */
  --wa-sizes-72: 288px; /* 18rem */
  --wa-sizes-80: 320px; /* 20rem */
  --wa-sizes-96: 384px; /* 24rem */
  --wa-sizes-0\.5: 2px; /* 0.125rem */
  --wa-sizes-1\.5: 6px; /* 0.375rem */
  --wa-sizes-2\.5: 10px; /* 0.625rem */
  --wa-sizes-3\.5: 14px; /* 0.875rem */
  --wa-sizes-xs: 320px; /* 20rem */
  --wa-sizes-sm: 384px; /* 24rem */
  --wa-sizes-md: 448px; /* 28rem */
  --wa-sizes-lg: 512px; /* 32rem */
  --wa-sizes-xl: 576px; /* 36rem */
  --wa-sizes-2xl: 672px; /* 42rem */
  --wa-sizes-3xl: 768px; /* 48rem */
  --wa-sizes-4xl: 896px; /* 56rem */
  --wa-sizes-5xl: 1024px; /* 64rem */
  --wa-sizes-6xl: 1152px; /* 72rem */
  --wa-sizes-7xl: 1280px; /* 80rem */
  --wa-sizes-8xl: 1440px; /* 90rem */

  /* ======================
     ?? Spacing
  ====================== */
  --wa-spacing-0: 0px; /* 0rem */
  --wa-spacing-1: 4px; /* 0.25rem */
  --wa-spacing-2: 8px; /* 0.5rem */
  --wa-spacing-3: 12px; /* 0.75rem */
  --wa-spacing-4: 16px; /* 1rem */
  --wa-spacing-5: 20px; /* 1.25rem */
  --wa-spacing-6: 24px; /* 1.5rem */
  --wa-spacing-7: 28px; /* 1.75rem */
  --wa-spacing-8: 32px; /* 2rem */
  --wa-spacing-9: 36px; /* 2.25rem */
  --wa-spacing-10: 40px; /* 2.5rem */
  --wa-spacing-11: 44px; /* 2.75rem */
  --wa-spacing-12: 48px; /* 3rem */
  --wa-spacing-14: 56px; /* 3.5rem */
  --wa-spacing-16: 64px; /* 4rem */
  --wa-spacing-20: 80px; /* 5rem */
  --wa-spacing-24: 96px; /* 6rem */
  --wa-spacing-25: 2px; /* 0.125rem */
  --wa-spacing-28: 112px; /* 7rem */
  --wa-spacing-32: 128px; /* 8rem */
  --wa-spacing-36: 144px; /* 9rem */
  --wa-spacing-40: 160px; /* 10rem */
  --wa-spacing-44: 176px; /* 11rem */
  --wa-spacing-48: 192px; /* 12rem */
  --wa-spacing-50: 4px; /* 0.25rem */
  --wa-spacing-52: 208px; /* 13rem */
  --wa-spacing-56: 224px; /* 14rem */
  --wa-spacing-60: 240px; /* 15rem */
  --wa-spacing-64: 256px; /* 16rem */
  --wa-spacing-72: 288px; /* 18rem */
  --wa-spacing-75: 6px; /* 0.375rem */
  --wa-spacing-80: 320px; /* 20rem */
  --wa-spacing-96: 384px; /* 24rem */
  --wa-spacing-100: 8px; /* 0.5rem */
  --wa-spacing-150: 12px; /* 0.75rem */
  --wa-spacing-200: 16px; /* 1rem */
  --wa-spacing-250: 20px; /* 1.25rem */
  --wa-spacing-300: 24px; /* 1.5rem */
  --wa-spacing-400: 32px; /* 2rem */
  --wa-spacing-500: 40px; /* 2.5rem */
  --wa-spacing-600: 48px; /* 3rem */
  --wa-spacing-800: 64px; /* 4rem */
  --wa-spacing-1000: 80px; /* 5rem */
  --wa-spacing-0\.5: 2px; /* 0.125rem */
  --wa-spacing-1\.5: 6px; /* 0.375rem */
  --wa-spacing-2\.5: 10px; /* 0.625rem */
  --wa-spacing-3\.5: 14px; /* 0.875rem */

  /* ======================
     ?? Line Heights
  ====================== */
  --wa-line-heights-none: 1;
  --wa-line-heights-tight: 1.25;
  --wa-line-heights-snug: 1.375;
  --wa-line-heights-normal: 1.5;
  --wa-line-heights-relaxed: 1.625;
  --wa-line-heights-loose: 2;
  --wa-line-heights-2xs: 16px; /* 1rem */
  --wa-line-heights-xs: 22px; /* 1.375rem */
  --wa-line-heights-sm: 24px; /* 1.5rem */
  --wa-line-heights-md: 28px; /* 1.75rem */
  --wa-line-heights-lg: 32px; /* 2rem */
  --wa-line-heights-xl: 36px; /* 2.25rem */
  --wa-line-heights-2xl: 40px; /* 2.5rem */
  --wa-line-heights-3xl: 48px; /* 3rem */
  --wa-line-heights-4xl: 60px; /* 3.75rem */

  /* ======================
     ?? Font Sizes
  ====================== */
  --wa-font-sizes-6xl: 60px; /* 3.75rem */
  --wa-font-sizes-7xl: 72px; /* 4.5rem */
  --wa-font-sizes-8xl: 96px; /* 6rem */
  --wa-font-sizes-9xl: 128px; /* 8rem */
  --wa-font-sizes-2xs: 13px; /* 0.813rem */
  --wa-font-sizes-xs: 14px; /* 0.875rem */
  --wa-font-sizes-sm: 15px; /* 0.938rem */
  --wa-font-sizes-md: 16px; /* 1rem */
  --wa-font-sizes-lg: 18px; /* 1.125rem */
  --wa-font-sizes-xl: 20px; /* 1.25rem */
  --wa-font-sizes-2xl: 24px; /* 1.5rem */
  --wa-font-sizes-3xl: 32px; /* 2rem */
  --wa-font-sizes-4xl: 36px; /* 2.25rem */
  --wa-font-sizes-5xl: 48px; /* 3rem */
}