/* update to change timestamp on file. */

:root {
   /* --header-login-background-color:  #D5E3FF;
    --link-font-color: #10069f;
    --nav-background-color: #FFF;
    --nav-link-font-color: #333333;
    --nav-link-hover-font-color: #333333;
    --mobile-nav-link-hover-font-color: #333333;
    --mobile-nav-link-font-color: #4d4d4d;
    --mobile-header-background-color: #FFF;
    --enrollment-link-color: #10069f;*/
    --footer-background-color: #000000;
    --nav-background-color: #000000;
    --nav-link-font-color: #ffffff;
    --footer-link-color: #ffffff;
    --header-background-color: #808080;
    --header-height: 55px;
    --header-login-background-color: #000000;
    --mobile-menu-background-color: #808080;
    --base-font-color: #404040;
    --button-background-color: #00bfff;
    --button-border-color: #00bfff;
    --font-family: "Work Sans", Helvetica, sans-serif;
    --keyword-search-a-font-color: #00bfff;
    --keyword-search-a-font-weight: 600;
    --nav-link-hover-font-color: #ffffff;
    --recently-viewed-font-color: #00bfff;
    --recently-viewed-font-weight: 600;
    --button-hover-background-color: black;
    --link-font-color: #00bfff;
    --panel-border-color: #00000040;

}

#headertarget {
  /*background-image: url(/resource/images/header_landing.jpg);*/
  background-color: var(--header-login-background-color) !important;
  background-position: right;
}
#headertarget div>a img,
#headertarget>a img,
#headertarget>img {
  height: 91px;
  vertical-align: unset;
  padding: 8px;
}

*{
    FONT-FAMILY: var(--font-family) !important;
    color: var(--base-font-color);
}

.course-col {
  width: 10% !important;
}
.r-sections {
  display: none !important;
}

@media (max-width: 991.98px) {
    .navbar {
        width: 100%;
        background: transparent;
    }
    .course-col {
      width: 12% !important;
    }
    .r-sections {
      display: none !important;
    }
    .showSectionName .showSectionLink {
      display: flex !important; 
      max-width: 90% !important; 
      font-size: 0.7em !important; 
      text-align: center !important; 
      margin: 0 auto !important; 
      justify-content: center !important; 
      align-items: center !important;
    }

    .showSectionName .r-input {
      display: none !important;
    }

}
/* mobile background */
@media screen and (max-width: 767.98px) {

  .navbar .dropdown-menu,
  .navbar .dropdown-item {
    background-color: var(--mobile-menu-background-color) !important;
  }

  .navbar {
      width: 100%;
      background-color: transparent;
  }
  #headertarget {
    background-repeat: no-repeat;
    /*background-image: url(/resource/images/header_landing.jpg);*/
  }
  #headertarget div>a img,
  #headertarget>a img,
  #headertarget>img {
    height: 91px;
    /* margin-left: 10px; */
    max-width: 37%;
    vertical-align: unset;
  }
  .course-col {
    width: 18% !important;
  }
  .showSectionName .showSectionLink {
    display: flex !important; 
    max-width: 90% !important; 
    font-size: 0.7em !important; 
    text-align: center !important; 
    margin: 0 auto !important; 
    justify-content: center !important; 
    align-items: center !important;
  }
  .showSectionName .r-input {
    display: none !important;
  }
}

@media only screen and (min-width: 767.98px) and (max-width: 1200px) {
  #headertarget {
    background-repeat: no-repeat;
    /*background-image: url(/resource/images/header_landing.jpg);*/
  }
}

#footer li {
        border-right: 1px solid #404040;
    }

#keywordsTarget ul li a {
 color: var(--keyword-search-a-font-color) !important;
 font-weight: var(--keyword-search-a-font-weight) !important;
}
.recentViews, .relatedOfferings {
  color: var(--recently-viewed-font-color) !important;
  font-weight: var(--recently-viewed-font-weight) !important;
}
a.enrollment {
    cursor: pointer;
    color: var(--recently-viewed-font-color) !important;
    font-weight: var(--recently-viewed-font-weight);
}
body {
    background-color: #F1F0F4;
    color: #383838;
    position: relative;
}
.crossSellPanel, .recentViewPanel, .keywordsPanel, .departmentsPanel{
    -webkit-box-shadow: none;
     box-shadow: none;
     border: 2px solid var(--panel-border-color);
}
.navbar ul li a{
    font-weight:600 !important;
}

@media (max-width: 575.98px) {
  .course-col {
    width: 28% !important;
  }
  .desc-col {
    width: 72% !important;
  }
  .showSectionName .showSectionLink {
    display: flex !important; 
    max-width: 90% !important; 
    font-size: 0.7em !important; 
    text-align: center !important; 
    margin: 0 auto !important; 
    justify-content: center !important; 
    align-items: center !important;
  }
  .showSectionName .r-input {
    display: none !important;
  }
}

/* hide buy for others */
 .btn_section_buy_for_others, #sectionBuyForOthers {
  display: none;
}