Gainsight/Custom_Templates/customer_templates/HowardHanna/styles.css.liquid

body {
    background: white !important;
    color: black !important;
}

  @font-face {
  font-family:"avenir";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir.ttc") format("truetype");
  }

  @font-face {
  font-family:"avenir-next";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next.ttc") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-condensed";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next+Condensed.ttc") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-bold";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Bold.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-cn-it";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-CnIt.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-demi";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Demi.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-heavy";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Heavy.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-regular";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Regular.ttf") format("truetype");
  }


  body {
    font-family: "avenir", sans-serif !important;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: "avenir", sans-serif !important;
  }

  .uk-navbar-nav>li>a {
    font-family: "avenir", sans-serif !important;
  }

html *:not(i) {
    font-family: "avenir" !important;
    letter-spacing: 0.01em !important;
}

.footer-bottom {
    background-color: white !important;
}
.header-lines {
    background: white !important;
    height: auto !important;
}

.hh-search .search {
    line-height: 30px !important;
    width: 110px;
}

.preview-banner {
    display: none;
}

.decorative-font {
    font-family: "avenir" !important;
}

.hero__image {
    background-position: center !important;
}

.hh-cat-header {
    font-size: 2em !important;
    font-weight: 100 !important;
}
.course-details__desc {
    min-height: 9em !important;
}
.hh-cat-header h2 {
   border-bottom: 1px solid #b8b8b8;
   font-size: 0.9em !important;
   font-family: "avenir" !important;

}

h1, h2, h3 {
    font-family: "avenir" !important;
}

.workshop__course-title-text,
.uk-button-link  {
    color: black !important;
}

/* 1079 */
@media screen and (max-width: 1214px) {
    .marketing-nav__logo {
        margin-top: 19px !important;
    }
    .marketing-nav__logo a img {
        width: 250px !important;
    }

}
.school-website-header {
    background: white !important;
}
#mobile-search {
    height: 100px
}
.uk-offcanvas-bar  {
    background: transparent !important;
}
.marketing-button--small {
    color: white !important;
}
h2 {
    color: black !important;
}

.hh-mobile-nav {
    display: none;
}
@media screen and (max-width: 969px) {
    .hh-mobile-nav {
        display: block !important;
    }
    .hh-desktop-nav {
        display: none !important;
    }
}


@media screen and (max-width: 550px) {
    .marketing-nav__logo {
        margin-top: 25px !important;
    }
    .marketing-nav__logo a img {
        width: 200px !important;
    }

}

@media screen and (min-width: 1040px) {
    .heading--hero {
        margin-top: 1em !important;
    }
}


@media screen and (max-width: 1080px) {
    .heading--hero {
        margin-top: 0.6em !important;
    }
}

@media screen and (max-width: 620px) {
    .heading--hero {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 641px) {
    .hero__image {
        background-size: contain !important;
        background-repeat-x: no-repeat !important;
        background-repeat-y: no-repeat !important;
        background-position: bottom !important;
    }
    nav.hh-margin-t {
        margin-top: 0 !important;
    }
}

.hero__image {
    background-repeat: no-repeat !important;
}

@media screen and (max-width: 607px) {
    .hero__image {
        height: 24em !important;
    }
}

.course-details__desc {
    padding-top: 7px !important;
}

.templates-header a {
    color: #0061df !important;
}

.marketing-nav__item--user {
    color: black !important;
}
.footer-bottom__links>a {
    color: black !important;
}

.marketing-button {
    background-color: #000000 !important;
}

.styled-links::before {
    display: none !important;
}

.hh-margin-b {
    margin-bottom: 30px !important;
}
.hh-margin-t {
    margin-top: 30px !important;
}

.hh-padding-b {
    padding-bottom: 30px !important;
}
.hh-padding-t {
    padding-top: 30px !important;
}

@media screen and (min-width: 46.875em) {
    .workshop__item .grid__item--tablet-up-third,
    .hh-desc {
        width: 58% !important;
    }
}

.course-details__name {
    min-height: 2.8em !important;
}

.marketing-nav__item {
    font-size: 15px !important;
}
.slick-prev:before, .slick-next:before {
  color: #09529b !important;
}
.searchables {
    display:none
}

.marketing-nav__logo__shopify,.marketing-nav__hamburger,.marketing-nav__arrow,.drawer__close-button{background-repeat:no-repeat;background-size:contain}.marketing-nav__logo__shopify{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20608%20173.7%22%3E%3Cpath%20fill=%22%2395BF47%22%20d=%22M130.6%2033c-.1-.9-.9-1.3-1.5-1.4-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-1-1-2.9-.7-3.7-.5-.1%200-2%20.6-5.1%201.6C93.7%2013%2088.3%205%2078.9%205h-.8c-2.7-3.5-6-5.1-8.8-5.1C47.4%200%2037%2027.3%2033.7%2041.2c-8.5%202.6-14.5%204.5-15.3%204.7-4.7%201.5-4.9%201.6-5.5%206.1C12.4%2055.5%200%20151.5%200%20151.5l96.7%2018.1%2052.4-11.3c0-.1-18.4-124.4-18.5-125.3zm-39.3-9.6c-2.4.8-5.2%201.6-8.2%202.5v-1.8c0-5.4-.8-9.8-2-13.2%204.9.7%208.2%206.2%2010.2%2012.5zM75.2%2012c1.3%203.4%202.2%208.2%202.2%2014.7v.9c-5.3%201.6-11.1%203.4-16.9%205.2%203.3-12.4%209.4-18.5%2014.7-20.8zm-6.5-6.1c.9%200%201.9.3%202.8.9-7%203.3-14.5%2011.6-17.7%2028.2-4.6%201.4-9.2%202.8-13.4%204.1C44.2%2026.5%2053%205.9%2068.7%205.9z%22/%3E%3Cpath%20fill=%22%235E8E3E%22%20d=%22M129.1%2031.6c-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-.4-.4-.9-.6-1.4-.6l-7.3%20149.6%2052.4-11.3S130.7%2033.9%20130.6%2033.1c-.1-.9-.9-1.4-1.5-1.5z%22/%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M78.9%2060.6l-6.5%2019.2s-5.7-3-12.6-3c-10.2%200-10.7%206.4-10.7%208%200%208.8%2022.9%2012.1%2022.9%2032.7%200%2016.2-10.3%2026.6-24.1%2026.6-16.6%200-25.1-10.3-25.1-10.3l4.4-14.7s8.7%207.5%2016.1%207.5c4.8%200%206.8-3.8%206.8-6.6%200-11.5-18.8-12-18.8-30.8C31.3%2073.4%2042.7%2058%2065.6%2058c9%20.1%2013.3%202.6%2013.3%202.6z%22/%3E%3Cpath%20d=%22M210.2%2096.6c-5.2-2.8-7.9-5.2-7.9-8.5%200-4.2%203.7-6.9%209.6-6.9%206.8%200%2012.8%202.8%2012.8%202.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18%200-30.5%2010.3-30.5%2024.8%200%208.2%205.8%2014.5%2013.6%2019%206.3%203.6%208.5%206.1%208.5%209.9%200%203.9-3.1%207-9%207-8.7%200-16.9-4.5-16.9-4.5l-5.1%2014.6s7.6%205.1%2020.3%205.1c18.5%200%2031.8-9.1%2031.8-25.5.1-8.9-6.6-15.1-14.7-19.8zM284%2065.9c-9.1%200-16.3%204.3-21.8%2010.9l-.3-.1%207.9-41.4h-20.6l-20%20105.3h20.6l6.9-36c2.7-13.6%209.7-22%2016.3-22%204.6%200%206.4%203.1%206.4%207.6%200%202.8-.3%206.3-.9%209.1l-7.8%2041.2h20.6l8.1-42.6c.9-4.5%201.5-9.9%201.5-13.4-.1-11.6-6.2-18.6-16.9-18.6zm63.4%200c-24.8%200-41.2%2022.4-41.2%2047.3%200%2016%209.9%2028.8%2028.4%2028.8%2024.3%200%2040.8-21.8%2040.8-47.3%200-14.8-8.7-28.8-28-28.8zm-10.1%2060.3c-7%200-10-6-10-13.4%200-11.8%206.1-31.1%2017.3-31.1%207.3%200%209.7%206.3%209.7%2012.4%200%2012.7-6.1%2032.1-17%2032.1zm90.8-60.3c-13.9%200-21.8%2012.2-21.8%2012.2h-.3l1.2-11H389c-.9%207.5-2.5%2018.8-4.2%2027.3l-14.3%2075.4H391l5.7-30.5h.4s4.2%202.7%2012.1%202.7c24.2%200%2040-24.8%2040-49.9.1-13.8-6.1-26.2-21.1-26.2zm-19.7%2060.6c-5.4%200-8.5-3-8.5-3l3.4-19.3c2.4-12.8%209.1-21.4%2016.3-21.4%206.3%200%208.2%205.8%208.2%2011.3%200%2013.4-7.9%2032.4-19.4%2032.4zm70.3-90.2c-6.6%200-11.8%205.2-11.8%2011.9%200%206.1%203.9%2010.3%209.7%2010.3h.3c6.4%200%2011.9-4.3%2012.1-11.9%200-6-4-10.3-10.3-10.3zm-28.8%20104.2h20.6l14-73h-20.7m73.1-.1h-14.3l.7-3.4c1.2-7%205.4-13.3%2012.2-13.3%203.7%200%206.6%201%206.6%201l4-16.1s-3.6-1.8-11.2-1.8c-7.3%200-14.6%202.1-20.2%206.9-7%206-10.3%2014.6-11.9%2023.3l-.6%203.4h-9.6l-3%2015.5h9.6l-10.9%2057.6H509l10.9-57.6h14.2l2.8-15.5zm49.6.1s-12.9%2032.5-18.7%2050.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2h-21.7l12.4%2067c.3%201.5.1%202.4-.4%203.4-2.4%204.6-6.4%209.1-11.2%2012.4-3.9%202.8-8.2%204.6-11.6%205.8l5.7%2017.5c4.2-.9%2012.8-4.3%2020.2-11.2%209.4-8.8%2018.1-22.4%2027-40.9l25.2-54h-21.5z%22/%3E%3C/svg%3E")}.marketing-nav__hamburger,.drawer__close-button{background-size:1.25em;background-position:center}.marketing-nav__hamburger{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23212b35%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M19%2011H1c-.552%200-1-.447-1-1s.448-1%201-1h18c.552%200%201%20.447%201%201s-.448%20


  @font-face {
  font-family:"avenir";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir.ttc") format("truetype");
  }

  @font-face {
  font-family:"avenir-next";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next.ttc") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-condensed";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next+Condensed.ttc") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-bold";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Bold.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-cn-it";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-CnIt.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-demi";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Demi.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-heavy";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Heavy.ttf") format("truetype");
  }

  @font-face {
  font-family:"avenir-next-lt-pro-regular";
  src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Regular.ttf") format("truetype");
  }


  body {
    font-family: "avenir", sans-serif !important;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: "avenir", sans-serif !important;
  }

  .uk-navbar-nav>li>a {
    font-family: "avenir", sans-serif !important;
  }
  /*HH colors*/
  .fa-stopwatch {
      color: #FBCE20 !important;
  }
  .sess-view {
      color: #0C653A !important;
      border-color: #0C653A !important;
      border: 3px solid !important;
      font-weight: bolder;
  }
  .filled-button {
    font-weight: bolder;
    color: white !important;
    background-color: #0C653A !important;
    border-color: #0C653A !important;
    border: 3px solid #0C653A !important;
  }
  .white-text {
      color:white !important;
  }
  .more-sess {
     color: lightgray !important;
     border-color: transparent !important;
     border: 0px solid !important;
     font-weight: bolder;
  }
  footer {
     background-color:  #0C653A !important;
  }

  a:not(.uk-button) {
    color: #0C653A;
}
.float-right{
    float: right;
}
.gold-text {
    color:#FBCE20 !important;
}
#mobile-search {
    display:none;
}
body > div.main-content > div.uk-container.uk-container-center.uk-padding-horizontal > div > div.uk-width-large-4-10 > div > div.session-sidebar__content > div > div.dialog__body > div > div.uk-width-3-4 > p:nth-child(3) > a {
    overflow-wrap: break-word;
}
.hh-search .search {
    width: 150px !important;
}
#search_results_count {
    display:none;
}
#q {
    background-color: #DCDCDC
}
header {
    position: fixed;
    background-color: white;
    width: 100%;
    z-index: 1001;
    left: 0;
}
.mobile-navbar-toggle {
    z-index: 1000000;
}
.main-content {
    padding-top: 30px;
    min-height: 0 !important;
}

.main-content > .school-website-course-index-list > .school-website-course-index-results-container > .uk-padding-top{
    padding-top: 30px !important;
}

.black-text {
      color:black !important;
  }

#mobile-nav > div > ul {
    z-index: 100000;
    background-color: white;
}
::selection {
  background-color: black !important;
  color: white !important;
}