/* Custom properties */

            :root {
                font-family: system-ui;
                /* color-scheme: light dark; */
                
                /* ICCTC colors */
                --ICCTC-primary: #9D2F3E;
                --ICCTC-primary-light: #FFE4E0;
                --ICCTC-secondary: #597388;
                --ICCTC-secondary-light: #E3F1F8;
                --ICCTC-tertiary: #C8D9A8;
                --ICCTC-tertiary-light: #F6FFE8;


                --color-bg: white;
                --color-text: #444444;
                --color-text-lighter: #666666;
                --color-text-darker: #111111;
                --color-text-alt: #fefefe;
                --color-accent: #cf4e57;
                --color-link: #cf4e57;
                --color-link-visited: #9c9c9c;
                --color-link-active: #b75556;
                --color-dark: #232323;
                --color-dark-highlight: #999999;
                --color-light: #fefefe;
                --color-light-highlight: #ffffff;

                --shadow-x: 1rem;
                --shadow-y: 1rem;
                --shadow-spread: .5rem;
                --shadow-color: rgba(0,0,0,.03);

                --gutter: var(--space-xs-s);
                --border-radius: 1rem;
                --inner-border-radius: calc(var(--border-radius) / 2);
                --transition-base: 25ms ease-out;
                --transition-movement: 20ms linear;
                --transition-bounce: 50ms cubic-bezier(0.5, 0.05, 0.2, 1.5);

                --box-border: 1px #ccc;

                --anim-default: ease-in-out;
                --anim-default-dur: 25ms;
                
                --measure: 80ch;

                --underline-weight: .0125em;

                /* Type Scale and Type Related Styles */

                /* @link https://utopia.fyi/type/calculator?c=320,16,1.25,1240,16,1.5,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

                --step--2: clamp(0.70rem, calc(1.08rem + -0.47vw), 0.99rem);
                --step--1: clamp(0.94rem, calc(1.09rem + -0.19vw), 1.05rem);
                --step-0: clamp(1.13rem, calc(1.08rem + 0.21vw), 1.25rem);
                --step-1: clamp(1.20rem, calc(1.05rem + 0.78vw), 1.67rem);
                --step-2: clamp(1.28rem, calc(0.97rem + 1.57vw), 2.22rem);
                --step-3: clamp(1.37rem, calc(0.84rem + 2.66vw), 2.96rem);
                --step-4: clamp(1.46rem, calc(0.63rem + 4.15vw), 3.95rem);
                --step-5: clamp(1.56rem, calc(0.32rem + 6.18vw), 5.26rem);
                --step-6: clamp(1.66rem, calc(-0.12rem + 8.92vw), 7.01rem);
                --step-7: clamp(2rem, calc(-0.12rem + 16vw), 8.00rem);

                --tracking: -0.05ch;
                --tracking-s: -0.075ch;
                --font-base: system-ui, sans-serif;

                /* Space Scale */

                --space-3xs: clamp(0.25rem, calc(0.25rem + 0.00vw), 0.25rem);
                --space-2xs: clamp(0.50rem, calc(0.50rem + 0.00vw), 0.50rem);
                --space-xs: clamp(0.75rem, calc(0.75rem + 0.00vw), 0.75rem);
                --space-s: clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);
                --space-m: clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem);
                --space-l: clamp(2.00rem, calc(2.00rem + 0.00vw), 2.00rem);
                --space-xl: clamp(3.00rem, calc(3.00rem + 0.00vw), 3.00rem);
                --space-2xl: clamp(4.00rem, calc(4.00rem + 0.00vw), 4.00rem);
                --space-3xl: clamp(6.00rem, calc(6.00rem + 0.00vw), 6.00rem);

                /* One-up pairs */
                --space-3xs-2xs: clamp(0.25rem, calc(0.16rem + 0.43vw), 0.50rem);
                --space-2xs-xs: clamp(0.50rem, calc(0.41rem + 0.43vw), 0.75rem);
                --space-xs-s: clamp(0.75rem, calc(0.66rem + 0.43vw), 1.00rem);
                --space-s-m: clamp(1.00rem, calc(0.83rem + 0.87vw), 1.50rem);
                --space-m-l: clamp(1.50rem, calc(1.33rem + 0.87vw), 2.00rem);
                --space-l-xl: clamp(2.00rem, calc(1.65rem + 1.74vw), 3.00rem);
                --space-xl-2xl: clamp(3.00rem, calc(2.65rem + 1.74vw), 4.00rem);
                --space-2xl-3xl: clamp(4.00rem, calc(3.30rem + 3.48vw), 6.00rem);

                /* Custom pairs */
                --space-s-l: clamp(1.00rem, calc(0.65rem + 1.74vw), 2.00rem);
                --space-m-xl: clamp(1.50rem, calc(0.98rem + 2.61vw), 3.00rem);
                --space-l-2xl: clamp(2.00rem, calc(1.30rem + 3.48vw), 4.00rem);

            }

            @media (prefers-color-scheme: dark) {
                :root {
                    --color-bg: white;
                    --color-text: #444444;
                    --color-text-lighter: #666666;
                    --color-text-darker: #111111;
                    --color-text-alt: #fefefe;
                    --color-accent: #cf4e57;
                    --color-link: #cf4e57;
                    --color-link-visited: #370404;
                    --color-link-active: #b75556;
                    --color-dark: #232323;
                    --color-dark-highlight: #999999;
                    --color-light: #fefefe;
                    --color-light-highlight: #ffffff;
                }
            }

            .sr-only, .visually-hidden, .vh {
                border: 0;
                clip: rect(0, 0, 0, 0);
                height: 0;
                padding: 0;
                margin: 0;
                overflow: hidden;
                position: absolute;
                width: 1px;
                white-space: nowrap;
                color:white;
                }

            /* Reset */
                
                    /* Box sizing rules */
                    *,
                    *::before,
                    *::after {
                    box-sizing: border-box;
                    }

                    /* Remove default margin */
                    body,
                    h1,
                    h2,
                    h3,
                    h4,
                    p,
                    figure,
                    blockquote,
                    dl,
                    dd {
                    margin: 0;
                    }

                    /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
                    [role='list'] {
                    list-style: none;
                    padding: 0;
                    }

                    [role="contentinfo"] {
                        margin-block-start: var(--space-l-xl);
                    }

                    /* Set core root defaults */
                    html:focus-within {
                    scroll-behavior: smooth;
                    }

                    /* Set core body defaults */
                    body {
                    min-height: 100vh;
                    text-rendering: optimizeLegibility;
                    line-height: 1.5;
                    }

                    /* A elements that don't have a class get default styles */
                    a:not([class]) {
                    text-decoration-skip-ink: auto;
                    text-decoration-thickness: 2px;
                    }

                    /* Make images easier to work with */
                    img,
                    picture {
                    max-width: 100%;
                    max-inline-size: 100%;
                    display: block;
                    }

                    /* Inherit fonts for inputs and buttons */
                    input,
                    button,
                    textarea,
                    select {
                    font: inherit;
                    }

                    /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
                    @media (prefers-reduced-motion: reduce) {
                    html:focus-within {
                    scroll-behavior: auto;
                    }
                    
                    *,
                    *::before,
                    *::after {
                        animation-duration: 0.01ms !important;
                        animation-iteration-count: 1 !important;
                        transition-duration: 0.01ms !important;
                        scroll-behavior: auto !important;
                    }
              }      

              *[hidden] {
                display: none;
              }

            /* End of Reset */

            /* Global */

            *:focus {
              outline-offset: .25rem;
            }

            *::selection {
                background-color: blue;
                color: var(--color-text-alt);
            }

            *:not(img)::selection {
                background-color: var(--color-accent);
                color: var(--color-text-alt);
            }

            img::selection {
                background-color: var(--E-TEAM-gray);
            }

            table {
                border: solid 1px var(--color-medium);
            }

            table th { 
                background-color: var(--color-medium);
                color: #454545;
                border: 0;
            }

            table th, table td {
                padding: var(--space-xs-s);
                border: none;
            }

            figcaption {
                padding-block-start: var(--space-xs, 5px);
            }

            figcaption > span {
                font-weight: 600;
                margin-inline-end: .5ch;
            }

            /* Load in fonts */

            @font-face {
                font-family:'Figtree';
                src:url(../fonts/Figtree-VariableFont_wght.ttf) format("woff2");
                font-display:swap;
               }
            @font-face {
                font-family:'FigtreeItalic';
                src:url(../fonts/Figtree-Italic-VariableFont_wght.ttf) format("woff2");
                font-display:swap;
            }

            
             /* Temp for preview purposes only. */

            svg {max-height: 1rem; max-width: 1rem;}

            /* Layout Primitives */

            .box {
                padding: var(--space-s);
                border: var(--box-border) solid;
                color: var(--color-dark);
                background-color: var(--color-light);
                outline: 0.125rem solid transparent;
                outline-offset: -0.125rem;
            }

            .box * {
                color: inherit;
            }

            .box.invert {
                color: var(--color-light);
                background-color: var(--color-dark);
            }

            .center {
                box-sizing: content-box;
                margin-inline: auto;
                max-inline-size: var(--measure);
                display:flex;
                flex-direction: column;
                align-items: center;
              }

            .cluster {
            display: flex;
            flex-wrap: wrap;
            gap: var(--gutter, var(--space-s, 1rem));
            justify-content: var(--cluster-horizontal-alignment, flex-start);
            align-items: var(--cluster-vertical-alignment, center);
            }

            /* Reel */

            .reel {
                display: flex;
                block-size: auto;
                overflow-x: auto;
                overflow-y: hidden;
                scrollbar-color: #fff #000;
              }
              
              .reel::-webkit-scrollbar {
                block-size: 1rem;
              }
              
              .reel::-webkit-scrollbar-track {
                background-color: #000;
              }
              
              .reel::-webkit-scrollbar-thumb {
                background-color: #000;
                background-image: linear-gradient(#000 0, #000 0.25rem, #fff 0.25rem, #fff 0.75rem, #000 0.75rem);
              }
              
              .reel > * {
                flex: 0 0 auto;
              }
              
              
              .reel > img {
                block-size: 100%;
                flex-basis: auto;
                width: auto;
              }
              
              .reel > * + * {
                margin-inline-start: 1rem;
              }
              
              .reel.overflowing {
                padding-block-end: 1rem;
              }

            /* Sidebar */

            .with-sidebar {
                display: flex;
                flex-wrap: wrap;
                gap: var(--space-s-l);
            }

            .with-sidebar > :first-child {
                flex-grow: 1;
            }

            .with-sidebar > :last-child {
                flex-basis: 0;
                flex-grow: 999;
                min-inline-size: 50%;
            }

            .with-sidebar-right {
                display: flex;
                flex-wrap: wrap;
                gap: var(--space-s-l);
            }

            .with-sidebar-right > :last-child {
                flex-basis: 33%;
                flex-grow: 1;
            }

            .with-sidebar-right > :first-child {
                flex-basis: 0;
                flex-grow: 999;
                min-inline-size: 33%;
            }


            /* Stack */

            .stack {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }

            .stack > * {
                margin-block: 0;
            } 

            .stack > * + * {
                margin-block-start: var(--space-xl, 1.5rem);
            }

            .stack > p + p {
                margin-block-start: var(--space-s, 1rem);
            }

            /* Switcher */

            .switcher {
                display: flex;
                flex-wrap: wrap;
                gap: 1rem;
                }

            .switcher > * {
            flex-grow: 1;
            flex-basis: calc(( 30rem - 100%) * 999);
            }

            .switcher > :nth-last-child(n+ 5),
            .switcher > :nth-last-child(n+ 5) ~ * {
            flex-basis: 100%;
            }

            /* Cover */

            .cover {
            display: flex;
            flex-direction: column;
            min-block-size: 100vh;
            padding: 1rem;
            }

            .cover > * {
            margin-block: 1rem;
            }

            .cover > :first-child:not(h1) {
            margin-block-start: 0;
            }

            .cover > :last-child:not(h1) {
            margin-block-end: 0;
            }

            .cover > h1 {
            margin-block: auto;
            }

            /* Frame */

            .frame {
                --n: 16;
                --d: 9;
                aspect-ratio: var(--n) / var(--d);
                overflow: hidden;
                display: flex;
                justify-content: center;
                align-items: center;
              }
              
              .frame > img,
              .frame > video {
                inline-size: 100%;
                block-size: 100%;
                object-fit: cover;
              }

            /* Imposters - Absolute and Fixed */

              .imposter-abs {
                position: absolute;
                inset-block-start: 50%;
                inset-inline-start: 50%;
                transform: translate(-50%, -50%);
              }
              
              .imposter-abs.contain {
                --margin: 0px;
                overflow: auto;
                max-inline-size: calc(100% - (var(--margin) * 2));
                max-block-size: calc(100% - (var(--margin) * 2));
              }
                
              .imposter-fxd {
                position: fixed;
                inset-block-start: 50%;
                inset-inline-start: 50%;
                transform: translate(-50%, -50%);
              }
              
              .imposter-fxd.contain {
                --margin: 0px;
                overflow: auto;
                max-inline-size: calc(100% - (var(--margin) * 2));
                max-block-size: calc(100% - (var(--margin) * 2));
              }

            /* Icon */
            
            .icon {
                width: 0.75em;
                width: 1cap;
                height: 0.75em;
                height: 1cap;
              }
              
              .with-icon {
                display: inline-flex;
                align-items: baseline;
              }
              
              .with-icon .icon {
                margin-inline-end: 1rem;
              }

              /**********

              Example usage:
                <span class="with-icon">
                <svg class="icon">
                    <use href="/path/to/icons.svg#my-icon"></use>
                </svg>
                Close
                </span>

              **********/

            .center {
                box-sizing: content-box;
                margin-inline: auto;
                max-inline-size: var(--measure);
            }

            .card {
                display: flex;
                flex-direction: column;
                gap: 1rem 0;
                padding: var(--space-s-m);
                border: none;
                background-color: var(--color-light-highlight);
                border-radius: var(--border-radius);
                max-width: 30ch;
                background-color: var(--color-light);
                justify-items: center;
            }

            .grid {
                display: grid;
                grid-gap: 1rem;
              }
              
              @supports (width: min(250px, 100%)) {
                .grid {
                  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
                }
              }

            /* / END of Primitives */

            /* Font setup */

                        /* Load in fonts */

                        @font-face {
                            font-family:'Figtree';
                            src:url(../fonts/Figtree-VariableFont_wght.ttf) format("ttf");
                            font-display:swap;
                           }
                        @font-face {
                            font-family:'FigtreeItalic';
                            src:url(../fonts/Figtree-Italic-VariableFont_wght.ttf) format("ttf");
                            font-display:swap;
                        }
            
                        

            /* Rearrange */
            body {font-family: 'Figtree'; color: #3f3f3f;}

            h1.superh1 { font-size: var(--step-7)}
            h1 {font-size: var(--step-6); position: relative;}
            h2 {font-size: var(--step-4);}
            h3 {font-size: var(--step-3);}
            h4 {font-size: var(--step-0); font-weight: 600;}
            h5 {font-size: var(--step-1);}
            h6 {font-size: var(--step-2); text-transform: uppercase;}
            h1, h2, h3 {line-height: 1.1; margin-bottom: 1em;}
            em {font-family: "FigtreeItalic"; padding-inline-end: 3px; padding-inline-end: .25ch;}
            p {max-width: var(--measure); margin-bottom: var(--space-m);}

            .cta-button-link {
              background-color: #E45C46; /*REPLACE*/
            }

            section[id] h2 {
              font-size: var(--step-2);
              color: #9D2F3E; /* REPLACE  */
            }

            section[id] h3 {
              font-size: var(--step-1);
              color: #9D2F3E; /* REPLACE  */
            }

            .logo-link {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-content: center;
              width: 150px;
              overflow: hidden;
              border-radius: 49%;
              border: solid 1px #ffffff;
              background-color: white;
            }

        .logo-link picture {
              margin: 0 auto;
              width: 100%;
              height: auto;
        }

        .page-wrapper {
              position:relative;
        }

        .page-wrapper::before {
              position: fixed;
              bottom: 0;
              height:auto;
              width: 100%;
              content: '';
        }

        .wrapper {
            max-width: 80rem;
            margin-inline: auto;
            padding-inline: var(--space-m);
            padding-block: var(--space-s-l);
        }

        .sr-only, .visually-hidden, .vh {
          border: 0;
          clip: rect(0, 0, 0, 0);
          height: 0;
          padding: 0;
          margin: 0;
          overflow: hidden;
          position: absolute;
          width: 1px;
          white-space: nowrap;
          color:white;
          }

          .full-bleed {
            width: 100vw;
            padding-inline: 0;
            margin-left: calc(50% - 50vw);
        }
        
        .hero-bg {
          position: relative;
          padding-block-start: 2rem;
        }

        .hero-bg::before {
          z-index: -1;
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          width: 100%;
          height: 100%;
          background-image: url('../img/basketweaving_bg_bw.jpg');
          background-size: cover;
          background-blend-mode: multiply;
          background-position: center center;
          background-color: #E6CDD0; /*REPLACE WITH VARIABLE*/ 
          opacity: .9375;
          filter: blur(1px);
        }

        /* Section backgrounds */

        #training, #contact {
          background-color: #FFECEA; /*REPLACE WITH VARIABLE*/
        }
        #about, #faculty, footer.site-footer {
          background-color: #F6FFE8; /* REPLACE */
        }

        #resources, #sister-centers {
          background-color: #E3F1F8; /* REPLACE */
        }

        .justify-center {
          justify-content: center;
        }

        .align-center {
          align-items: center;
        }

        .primary-nav-container {
          position: relative;
        }

        .primary-nav-container::before {
          content: '';
          background-color: #C8D9A8;
          display: block;
          min-height: 3.125rem;
          width: 100%;
          position: absolute;
          z-index: -1;
        }

        @media (max-width: 716px) {
          .primary-nav-container::before {
            background-color: transparent;
          }

          .primary-nav-container {
            margin-inline: 1rem;
          }
        }

        .primary-nav { 
          background-color: #C8D9A8; /* REPLACE */
          color: #3B3B3B; /* REPLACE */
          display: flex;
          flex-direction: row;
          justify-content: center;
          border-radius: .5rem;
          padding: .5rem;
          gap: 0;
        }

        .primary-nav a {
          display: block;
          color: #3B3B3B; /* REPLACE */
          text-decoration: none;
          padding: .5ch 1ch;
          font-weight: 600;
        }

        .primary-nav a:hover, .primary-nav a:focus {
          text-decoration: underline;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: 2px;
          text-decoration-color: #8d9b74;
        }

        .primary-nav a:active {
          text-decoration-color: var(--color-accent);
        }

       
        .sec-pad {
          padding-block: var(--space-xl);
        }

        .circle-crop {
          clip-path:circle(49%);
        }

        picture > img {
          width: 100%;
          height: auto;
        }

        .asp-rat-1to1 {
          aspect-ratio: 1 / 1;
        }

        section h3.alt-color-h3 {
          color: #597388;
        }

        .text-semibold {
          font-weight: 700;
        }

        .text-bold {
          font-weight: 900;
        }

        .faculty-portrait {
          margin-bottom: var(--space-m);
          max-width: 360px; 
          max-height: 360px;
        }

        .footer-info-line {
          display: flex;
          flex-direction: row;
          padding-block-end: var(--space-2xs);
        }

        .footer-info-line > strong {
          min-width: 7.5em;
          margin-inline-end: 1ch;
        }

        .m-align-r {
          margin-inline-start: auto;
        }

        .tighten-spacing {
          letter-spacing: -1px;
        }

        .skip-link {
          transition: transform var(--anim-default, "ease-out") var(--anim-default-dur, ".33s");
      }

      section[id] h2 {
        display: flex;
        flex-direction: row;
      }

      .skip-link:focus {
          overflow: auto;
          clip: unset;
          width: min-content;
          height: auto;
          padding: var(--space-m);
          display: block;
          position: absolute;
          top:0; 
          left: 1rem;
          background-color: #000000;
          color: white;
          z-index: 10;
      }

      
      .back-to-top-link { 
        position: fixed; 
        aspect-ratio: 1 / 1;
        right: 1rem; 
        bottom: 1rem;
        background-color: #cf4e57aa;
        /* outline: solid 2px #cdcdcd99; */
        text-decoration: none;
        min-width: 1ch;
        min-height: 1ch;
        padding: .525ch 1ch;
        font-size: var(--step-1);
        font-weight: 900;
        border-radius: 50%;
        transition: all 200ms;
        color: white;
        outline: solid 0 transparent;
        visibility: hidden;
        opacity: 0;
        transform-origin: 50% 50%;
    }

    .back-to-top-link:visited { color: white; }

    .back-to-top-link[data-visible = true] {
        opacity: 1;
        visibility: visible;
    }

    .back-to-top-link:hover, .back-to-top-link:focus {
        background-color: #385a8faa;
        color: white;
        background-blend-mode: screen;
        /* outline: solid 2px var(--color-accent); */
    }

    .back-to-top-link:hover i {
        display: inline-block;
        transform: translateY(-3px);
    }

    .document-list {
      justify-content: flex-start;
      align-items: flex-start;
      grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
      /* margin-block-end: var(--space-l-2xl);
      margin-inline: auto; */
    }

    /* @media (max-width: 720px) {
      .document-list{
        justify-content: center;
        align-items: flex-start;
      }
    } */

    .document-listing 
    {
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-items: flex-start;
      align-items: center;
      max-width: 200px;
      margin-block-end: 1rem;
      margin-inline-end: 1rem;
    }

    .document-listing p {
      margin-block: 1rem 0;
    }

    .document-listing picture {
      /* max-width: 165px; */
      height: auto;
    }

    .remove-inline-padding {
      padding-inline: 0;
    }

    .cta-button {
      padding: 1rem 2rem;
      background-color: #E45C46;
      color: white;
      text-decoration: none;
      font-weight: 800;
      font-size: var(--step-1);
      margin-inline-end: 1rem;
      border-radius: 2rem;
      text-shadow: -1px -1px 1px #00000055;
      box-shadow: 3px 3px 1rem #00000011;
      display: inline-block;
      text-transform: uppercase;
      text-align: center;
      transition: all 200ms;
    }

    .cta-button:hover, .cta-button:focus {
      background-color: #f3614b;
      text-shadow: -1px -1px 1px #00000027;
    }

    .calendar li {
      display: inline-block;
      padding: 1rem;
      border-radius: 1rem;
      background-color: #FFECEA;
      font-weight: 600;
    }

    .sister-centers {
      /* grid-template-columns: repeat(auto-fit, minmax(min(165px, 100%), 1fr)); */
      gap: var(--space-xl-2xl);
      justify-content: space-around;
    }

    .sister-centers li {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .sister-centers li img {
      min-width: 220px;
      max-width: 300px;
      height: auto;
    }

    .sans-underline {
      text-decoration: none;
      color: initial;

    }

    .sans-underline:hover, .sans-underline:focus {
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-decoration-color: #8d9b74;
    }

    .site-footer {
      padding-block-end: .5rem;
    }

    .icctc-logo {
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      aspect-ratio: 1/1;
      padding: var(--space-xs);
      height: 142px;
      width: 142px;
    }

    .icctc-logo img {
      background-color: white;
    }
    
    .about-us-logo {
      align-self: flex-end;
      max-height: 420px;
      max-width: 420px;
    }

    .about-us-logo img {
      padding: var(--space-l-xl); 
      background-color: white;
    }

    .ut-text-center {
      text-align: center;
    }

    .ut-light-padding {
      padding: 1rem;
    }

    .footer-logos-container {
      justify-content: center;
      gap: var(--space-2xl);
      align-items: center;
      margin: 0 auto;
    }

    .footer-logo-h-short {
      max-width: 200px;
      height: auto;
    }

    .footer-logo-h-med {
      max-width: 400px;
      height: auto;
    }

    .copyright-container {
      justify-self: flex-end;
    }

    .copyright-notice {
      text-align: center;
      margin-inline: auto;
    }

    /* Override classes */

    .hide {
      display: none !important;
    }

    .bg-hummingbird-color {
      background-color: #FFECEA !important;
    }

    .subtitle { display: block; font-weight: 400; font-size: var(--step-0); margin-block-start: 3px; font-family: FigtreeItalic;}

    .flex-col { flex-direction: column !important;}

    .sec-pad h4 + p, .sec-pad h4 + ul, .sec-pad ul + p { margin-block: 1rem; }

    .header-label { text-transform: uppercase; font-weight: 100; font-size: var(--step-0);}

    .schedule-item { 
        /* border: solid 1px var(--ICCTC-primary); */
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        padding: 1rem;
        flex-direction: row;
        max-width: 36em;
        align-items: center;
        margin-bottom: 1rem;
        background-color: var(--ICCTC-primary-light); 
      }
    .schedule-item p{ margin: 0; flex-grow: 2; }
    .schedule-item h4 {border-radius: 5px; font-size: var(--step-0); margin: 0; display: block; }
    .schedule-item h4 strong { display: block; text-transform: uppercase;}
    .schedule-item h4 span { align-self: flex-end; }
    .location-block { padding: .5rem; border-radius: 5px; max-width: max-content; background-color: white; }