@media (min-width: 768px) {
  .component.header.affix .global-nav {
    display: none !important;
  }
}
.component.header .global-nav {
  display: block;
}
.component.header .global-nav .nav__inner-wrap {
  display: flex !important;
}
.component.header #unitnav {
  display: none;
}
@media (max-width: 768px) {
  .component.header .menu-button {
    display: inline-block !important;
  }
}
.component.featured-image {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 500px;
}
@media (max-width: 767px) {
  .component.featured-image {
    background-image: none !important;
    height: auto;
  }
}
.component.featured-image img {
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .component.featured-image img {
    display: none;
  }
}
body.wcmmode-disabled .component.featured-image {
  height: auto;
}
@media (max-width: 767px) {
  body.wcmmode-disabled .component.featured-image {
    background-image: none !important;
  }
}
@media (min-width: 768px) {
  body.wcmmode-disabled .component.featured-image {
    height: 38vw;
    max-height: calc(75vh - 70px);
  }
}
body.wcmmode-disabled .component.featured-image img {
  flex-shrink: 0;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 768px) {
  body.wcmmode-disabled .component.featured-image img {
    display: none;
  }
}
/*
body.uc-base {

    .component {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
    }
        
    // move this to global page-title component styles when ready
    .page-title {
        .component.title {
            h1 {
                font-family: Gotham, sans-serif;
                font-weight: 900;
                text-transform: uppercase;
            }
        }
    }

    // remove this when ready. you already updated teh componet
    // and built the component property conversion tool
    .component.title {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
    }

    // remove this when ready. you already updated teh componet
    // and built the component property conversion tool
    .component.program-finder {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-transform: uppercase;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }

        form {

            .advanced {

                .filters {
                
                    fieldset {
                        border-radius: 0;
                    }

                    .filter-buttons {
                        background: transparent;

                        button {
                            font-family: Gotham, sans-serif;
                            font-weight: 700;
                        }
                    }
                }
            }
        }
    }

    // tabs
    .component.tabs {

        ul.nav {

            li {

                a {
                    font-family: Gotham, sans-serif;
                    font-weight: 700;
                }

                &.active {
                    a {
                        font-weight: 900;
                    }
                }
            }
            
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
    }

    // featured-card-v2
    .component.featured-card-v2 {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
    }

    // contact-card
    .component.contact-card {
        h3 {
            font-family: Gotham, sans-serif;
            font-weight: 800;
            text-wrap-style: pretty;
        }
    }

    // announcementcard
    .component.announcementcard {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
    }

    // button-nav
    .component.button-nav {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
    }

    // announcementcard
    .component.callout-card {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
    }

    // differentiator-card
    .component.differentiator-card > div.content section h2 {
        font-family: Gotham, sans-serif;
        text-wrap-style: pretty;
        font-weight: 900;
    }

    // image cta
    .component.image-cta {
        h1, h2, h3, h4, h5, h6 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h1,h2 {
            font-weight: 900;
        }

        h3, h4, h5, h6 {
            font-weight: 800;
        }
     }

    .component.section-heading {
        h2 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
            font-weight: 900;
        }
    }

    .component.sticky-heading-section {
        h2,h3 {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
        }

        h2 {
            font-weight: 900;
        }
        h3 {
            font-weight: 800;
        }
    }

    // accordion
    .component.accordion {

        button.accordion-head .title {
            font-family: Gotham, sans-serif;
            text-wrap-style: pretty;
            font-weight: 900;
        }
    }

    // button
    .component.button {
        a,
        a:link,
        a:visited,
        button {
            font-family: Gotham, sans-serif;
            font-weight: 800;
        }
    }

    // article-list  
    .component.newslist,
    .component.newslist-v2 {
        .article-list {
            &.wall,
            &.list {
                article {
                    .article-inner {
                        .info {
                            .title {
                                font-family: Gotham, sans-serif;
                                text-wrap-style: pretty;
                                font-weight: 800;
                            }
                        }
                    }
                }
            }
        }
    }

    //footer
    .component.footer .footer-top .wrapper h2 {
        font-family: Gotham, sans-serif;
        text-wrap-style: pretty;
        font-weight: 900;
    }
}*/