Gainsight/Custom_Templates/customer_templates/Douglas Elliman/styles.css.liquid

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

/* homepage */  

  .slick-dotted.slick-slider {
    margin-bottom: 0px;
  }
  
  .show-more, .show-less {
    cursor: pointer;
    font-weight: bold;
    float: right;
    padding: 18px;
    color: #009CBD;
    font-size:16px;
  }
  
  .text-dark-blue {
    color: #100b29 !important;
  }
  .text-grey {
    color: #58595b !important;
  }

  .feedback-button {
      background-color: #628EFF;
      width: 140px;
      height: 40px;
      color: #fff;
      font-weight: 600;
      float: right;
      position: fixed;
      margin: auto;
      bottom: 30px;
      right: 30px;
      z-index: 5;
      outline: none;
      border: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  
  
  .slick-dots {
    bottom: 50px;
    width: 90% !important;
  }
  
  .uk-panel-badge {
      right: 18px !important;
  }
  @media only screen and (max-width: 1024px) {
  
  .uk-panel-badge {
      right: 10px !important;
  }
  }
  @media only screen and (max-width: 600px) {
  
  .uk-panel-badge {
      right: 4px !important;
  }
  }
  ._1ycOA{
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
    --polaris-version-number: "4.27.0";
    --polaris-animation-skeleton-shimmer: polaris-SkeletonShimmerAnimation;
    --toast-translate-y-out: 15rem;
    --toast-translate-y-in: 0;
    --global-ribbon-height: 0px;
    --p-text-subdued: #6d7175;
    --p-card-shadow: 0 .2rem .4rem #dfe3e8;
    --top-bar-background: #00848e;
    --top-bar-background-lighter: #1d9ba4;
    --top-bar-color: #f9fafb;
    --p-frame-offset: 0px;
    font-family: -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    cursor: pointer;
    box-sizing: border-box;
    fill: #292824;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 1px rgba(66,71,76,.45), 0 2px 1px rgba(0,0,0,.05);
  }
/* homepage */  

#back-to-top-button {
    display: inline-block;
    background-color: #009CBD;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #back-to-top-button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 40px;
    color: #fff;
  }
  #back-to-top-button:hover {
    cursor: pointer;
    background-color: #100B28;
  }
  #back-to-top-button:active {
    background-color: #555;
  }
  #back-to-top-button.show {
    opacity: 1;
    visibility: visible;
  }
  

.text-link {
    color: #009CBD;
}

.text-link:hover {
    color: #100B28 !important;
}

.section-margin {
  margin-left: 160px !important;
}

/* Slick dots */
.slick-dots li button:before {
    color: #c7c7c7;
}

.slick-dots li.slick-active button:before {
    color: #009CBD !important;
}
/* Slick dots */


.elliman-banner1 {
    background-image: url("https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/DouglasElliman/BFA_27163_3360923_RT+(2).jpg");
    background-size: cover;
    height: 500px;
    text-align: center;
    width: 45%;
    margin-top: 10px;
    float: left;
}

.elliman-banner2 {
    background-image: url("https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/DouglasElliman/BFA_27177_3362525.jpeg");
    background-size: cover;
    height: 500px;
    text-align: center;
    width: 45%;
    margin-top: 10px;
    float: left;
}

@media screen and (max-width: 1040px) {
    .elliman-banner1 {
        height: 300px;
    }

    .elliman-banner2 {
        height: 300px;
    }
}

.sainte-colombe-regular {
    font-family: "Sainte Colombe Regular" !important;
}

.sainte-colombe-medium {
    font-family: "Sainte Colombe Medium" !important;
}

.myriad-pro-light {
    font-family: "Myriad Pro Regular" !important;
    font-weight: lighter !important;
}

.euclid-circular-regular {
    font-family: "Euclid Circular Regular" !important;
}

.euclid-circular-light {
    font-family: "Euclid Circular Light" !important;
}

.euclid-circular-semibold {
    font-family: "Euclid Circular Semibold" !important;
}

.euclid-circular-bold {
    font-family: "Euclid Circular Bold" !important;
}


@font-face {
    font-family: "Sainte Colombe Regular";
    src: url(https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/fonts/saintecolombe-regular.otf) format('opentype');
    font-style: normal;
}

@font-face {
    font-family: "Sainte Colombe Medium";
    src: url(https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/fonts/saintecolombe-medium.otf) format("opentype");
    font-style: normal;
}

@font-face {
    font-family: "Euclid Circular Regular";
    src: url(https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/fonts/EuclidCircularA-Regular.otf) format("opentype");
    font-style: normal;
}
@font-face {
    font-family: "Euclid Circular Light";
    src: url(https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/fonts/EuclidCircularA-Light.otf) format("opentype");
    font-style: normal;
}

@font-face {
    font-family: "Euclid Circular Semibold";
    src: url(https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/fonts/EuclidCircularA-Semibold.otf) format("opentype");
    font-style: normal;
}

@font-face {
    font-family: "Euclid Circular Bold";
    src: url(https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/fonts/EuclidCircularA-Bold.otf) format("opentype");
    font-style: normal;
}

.gutter-bottom {
    margin-top: 40px;
}

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

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

/* NAV LINKS
a:not(.uk-button) {
    color: #009CBD !important;
}

a:not(.uk-button):hover {
    color: #100B28 !important;
} */

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

.hunt-search {
    padding-top: 15px;
}

.hunt-search .search {
    line-height: 30px !important;
    width: 150px;
}

.preview-banner {
    display: none;
}


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

.cat-header {
    font-size: 2em !important;
    font-weight: 100 !important;
}
.course-details__desc {
    min-height: 9em !important;
}
.cat-header h2 {
   border-bottom: 2.5px solid #100b29;
   font-size: 0.9em !important;
}

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

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

/* 1079 */
 @media screen and (max-width: 1079px) {
    .hunt-search {
        padding-top: 10px;
    }
    .marketing-nav__logo {
        margin-top: -5px !important;
    }
    .marketing-nav__logo a img {
        width: 250px !important;
    }

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

.hunt-mobile-nav {
    display: none;
}
@media screen and (max-width: 969px) {
    .hunt-mobile-nav {
        display: block !important;
    }
    .hunt-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;
    }

}

@media screen and (max-width: 969px) {
    ul.uk-nav a:hover {
        background-color: #009CBD !important;
    }

    nav.hunt-margin-t {
        margin-top: 0 !important;
    }

    .marketing-nav__logo {
        margin-top: 5px !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;
}

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

.marketing-nav__item--user {
    color: black !important;
    font-weight: normal !important;
}
.footer-bottom__links>a {
    color: white !important;
    font-family: "Euclid Circular Regular" !important;
}

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

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

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

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

@media screen and (min-width: 46.875em) {
    .workshop__item .grid__item--tablet-up-third,
    .hunt-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: #009CBD !important;
  font-size:40px!important;
}

.slick-prev {
    left: 20px !important;
}

.slick-next {
    right: 20px !important;
}

@media screen and (max-width: 1150px) {
    .slick-next, .slick-prev {
        display: none !important;
    }
} 

.searchables {
    display:none
}
/* side navigation bar */
.sidenav {
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #100B28;
    overflow-x: hidden;
    padding-top: 20px;
}
  
.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    display: block;
}

.side-navbar-item {
    font-size: 18px !important;
    color: white !important;
}

.side-navbar-item:hover {
    color: rgba(255, 255, 255, 0.434) !important;
}

.sidenav a:hover {
    color: #f1f1f1;
}

@media screen and (max-width: 798px) {
    .sidenav {
        display: none ;
    }

    .section-margin {
        margin-left: 0px !important;
    }
} 
/* side navigation bar */

#elliman-dropdown {
    margin-bottom: 30px;
    height: 40px;
    font-size: 20px;
    width: 100%;
    max-width: 250px;
}

.single-carousel {
    margin-bottom:60px;
}

/* Training events Page  */
.training-event__title {
    font-size: 18px;
    margin-bottom:32px;
}

.events-carousel {
    margin-top:24px;
}
.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