/*-------------------------------------------------------------------
LSC Fonts
-------------------------------------------------------------------*/
@font-face {
  font-family: 'Futura Std';
  src: url("/fonts/FuturaStd-Medium.eot");
  src: url("/fonts/FuturaStd-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaStd-Medium.woff") format("woff"), url("/fonts/FuturaStd-Medium.ttf") format("truetype"), url("/fonts/FuturaStd-Medium.svg#FuturaStd-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Adelle Rg';
  src: url("/fonts/Adelle-Regular.eot");
  src: url("/fonts/Adelle-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Adelle-Regular.woff") format("woff"), url("/fonts/Adelle-Regular.ttf") format("truetype"), url("/fonts/Adelle-Regular.svg#Adelle-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Std';
  src: url("/fonts/FuturaStd-Bold.eot");
  src: url("/fonts/FuturaStd-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaStd-Bold.woff") format("woff"), url("/fonts/FuturaStd-Bold.ttf") format("truetype"), url("/fonts/FuturaStd-Bold.svg#FuturaStd-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Std';
  src: url("/fonts/FuturaStd-Book.eot");
  src: url("/fonts/FuturaStd-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaStd-Book.woff") format("woff"), url("/fonts/FuturaStd-Book.ttf") format("truetype"), url("/fonts/FuturaStd-Book.svg#FuturaStd-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Std';
  src: url("/fonts/FuturaStd-Heavy.eot");
  src: url("/fonts/FuturaStd-Heavy.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaStd-Heavy.woff") format("woff"), url("/fonts/FuturaStd-Heavy.ttf") format("truetype"), url("/fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
}
@media only screen {
  html {
  /* position: fixed;
  overflow-x: hidden; */
  height: 100%;
  }
}
/* Anchor links buffer */
html {
  scroll-padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  html {
    scroll-padding-top: 0;
  }
}
body {
  margin: 0;
  width: 100vw; 
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* HEADER */
@media only screen and (max-width: 767px) {
  #header {
  position: relative;
  }
}
#header * {
}

/* BUFFER */
.header-buffer {
  height: 0;
}
@media only screen and (max-width: 767px) {
  .header-buffer{
  height: 52px;
  }
}

.navbar-right { 
  margin-left: auto;
}

/* LOGO */
#header-logo-container {
  position: relative;
}
#header-logo {
  position: absolute;
  z-index: 999;
  width: 100%;
  margin: 1px 0 0 15px;
}
#header-logo {
  width: 300px;
  height: 50px;
  background-image: url('https://www.lonestar.edu/departments/webservices/LSC_TXStarLogo_FullColorExtremeHorizontal.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 10px;
}
#header-logo a {
  display: inline-block;
  width: 300px;
  height: 50px;
}
  #header-logo img {
    display: none;
  }
/* LOGO: MOBILE */
@media only screen and (max-width: 1120px) {
  #header-logo {
  width: 250px;
  height: 50px;
  margin-top: 13px;
  }
  #header-logo a {
  width: 250px;
  height: 50px;
  }
}
@media only screen and (max-width: 1070px) {
  #header-logo {
  width: 222px;
  height: 50px;
  margin-top: 17px;
  }
  #header-logo a {
  width: unset;
  height: unset;
  }
}
@media only screen and (max-width: 1070px) {
  #header-logo {
    background-image: none;
    width: 125px;
  }
  #header-logo img {
    display: unset;
    width: 125px;
    
  }
}
@media only screen and (max-width: 940px) {
  #header-logo {
  margin-top: 6px;
  }
  #header-logo img {
    display: unset;
    width: 125px;
    
  }
}
@media only screen and (max-width: 820px) {
  #header-logo {
  max-width: 115px;
  margin: 8px 0 0 -10px;
  }
}

/* PRIMARY NAVIGATION */
#primary-navigation {
  background: rgb(26, 56, 89);
  height: 52px;
}
#primary-navigation .navbar {
  margin-left: 130px;
  margin-left: -17px ;
  padding-top: 0;
  padding-bottom: 0;
}
#primary-navigation .navbar #navbarNav {
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  #primary-navigation .navbar #navbarNav {
  margin-left: auto;
  display: block;
  }
}
#primary-navigation a.nav-link{
  height: 52px;
  color: white;
  font-weight: 900;
  font-size: .9rem;
  font-family: 'Futura Std', arial, helvetica, sans-serif;
  padding-top: 1rem;
  padding-bottom: .9rem;
  padding-left: .05rem;
  padding-right: .05rem;
  transition: background .3s ease-out, padding .3s ease-out;
}
#primary-navigation .dropdown {
  position: relative;
}
#primary-navigation .dropdown a {
  padding-left: .6rem;
  padding-right: .6rem;
}
#primary-navigation .dropdown a.nav-link:hover {
  background: rgba(8, 29, 53, 0.5);
}
#primary-navigation .dropdown i{
  color: #586880;
  transition: color .3s ease-out, transform .3s ease-out; 
  transform: rotateZ(90deg);
}
#primary-navigation .dropdown:hover a.nav-link i{
  color: white;
  transform: rotateZ(90deg);
}
#primary-navigation .dropdown-content {
  margin-top: -2rem;
  position: absolute;
  opacity: 0;
  visibility: collapse;
  background: rgba(26, 56, 89, .9);
  overflow: hidden;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  transition: visibility .3s ease-out, opacity .3s ease-out, margin .3s ease-out;
  z-index: 10;
}
#primary-navigation .dropdown-content ul{
  padding-left: 0;
}  
#primary-navigation .dropdown-content li{
  list-style: none;
}
#primary-navigation .dropdown:hover .dropdown-content {
  margin-top: 0;
  opacity: 1;
  top: unset;
  left: unset;
  visibility: visible;
}
#primary-navigation .dropdown-right .dropdown-content {
  right: 0;
}
#primary-navigation .dropdown-right .dropdown-content ul{
  overflow: unset !important;
}
#primary-navigation .dropdown .dropdown-content a.nav-link {
  white-space: nowrap;
  padding-top: .8rem !important;
  padding-bottom: .7rem !important;
  padding-right: 2rem;
  padding-left: .75rem;
  font-weight: 100 !important;
  min-width: 200px;
  text-align: left;
  height: 52px !important;
  line-height: 26px;
}
#primary-navigation .dropdown .dropdown-content a.nav-link:hover {
  padding-left: 1.5rem;
  padding-right: 1.25rem;
}
#primary-navigation .nav-item-search{
  padding-left: 1rem;
  display: grid;
  align-items: center;
  justify-content: flex-end;
}
#primary-navigation .nav-item-search a.nav-link{
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 30px;
  height: 30px;
  background: #586880;
  border-radius: 100%;
  color: white;
  font-size: .95rem;
}
#primary-navigation .nav-item-search a.nav-link:hover{
  color: #586880;
  background: white;
}
#primary-navigation .navbar-toggler{
  box-shadow: unset;
  margin-top: 8px;
  color: white;
  font-size: 1.6rem;
}

/* SHOW/HIDE MOBILE NAVIGATION ITEMS */
.nav-mobile-show {
  display: none;
}
.nav-mobile-hide {
  display: block;
}

.nav-mobile-sm-show {
  display: none;
}
@media only screen and (max-width: 400px) {
  .nav-mobile-sm-show {
  display: block !important;
  }
  .nav-mobile-sm-hide {
  display: none !important;
  }
}

/* HORIZONTAL LIST */
.nav-list-horizontal {
  display: flex !important;
  flex-wrap: wrap;
  margin: 30px auto 0 auto;
  width: 100%;
  max-width: 500px;
}
.nav-list-horizontal .nav-item {
  width: auto !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  flex: 1 0 33.33%;
}
.nav-list-horizontal a {
  display: inline-block;
  font-size: .8rem !important;
  font-weight: 600;
  color: #ffffff;
  transition: all .3s ease-out !important;
}
.nav-list-horizontal a:hover {
  color: #ffffff80 !important;
}

/* PRIMARY NAVIGATION: MOBILE */
@media only screen and (max-width: 1060px) {
  #primary-navigation .nav > .nav-item > a.nav-link {
  font-size: .85rem;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  }
}
@media only screen and (max-width: 1000px) {
  #primary-navigation .navbar{
  margin-left: 22px;
  }
  #primary-navigation .nav.navbar-nav.nav-fill{
  width: 100%;
  background: rgb(26, 56, 89);
  }
  #primary-navigation .nav > .nav-item > a.nav-link {
  font-size: .88rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  }
}

@media only screen and (max-width: 900px) {
  #primary-navigation .navbar-nav {
  flex-grow: 1;
  }
  #primary-navigation .dropdown a {
  }
  #primary-navigation .nav > .nav-item > a.nav-link {
  letter-spacing: -.02rem;
  font-size: .785rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  }
}
@media only screen and (max-width: 800px) {
  #secondary-navigation .container > .row > .col-12 {
  padding: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  #primary-navigation .navbar{
  margin-left: -27px;
  }
  .nav-mobile-show {
  display: block;
  }
  .nav-mobile-hide {
  display: none !important;
  }
  #navbarNav:before {
  position: absolute;
  background: rgb(26, 56, 89);
  content: '';
  width: 100%;
  height: 400px;
  }
  .main-nav-container ul li a {
  display: unset;
  }
  #primary-navigation {
  position: absolute;
  right: 0;
  width: 55px;
  z-index: 1;
  }
  #primary-navigation #search{
  padding-top: 15px;
  }
  #primary-navigation .nav-item {
  text-align: left;
  width: 100%;
  border-top: solid 1px rgb(34 66 101);
  border-bottom: solid 1px rgb(14 37 63);
  background-color: rgba(0,0,0,.125);
  z-index: 11;
  }
  #primary-navigation .dropdown-content .nav-item {
  text-align: left;
  width: 100%;
  border-top: solid 1px rgb(0 0 0);
  border-bottom: solid 1px rgb(12 53 95);
  z-index: 11;
  }
  #primary-navigation .nav-item-search {
  padding: 0 2rem 0;
  }
  #primary-navigation .collapse{
  position: absolute;
  /* display: block; */
  width: 100vw;
  height: 100vh;
  z-index: 11;
  top: 52px;
  margin-left: 61px;
  /* background: rgba(26, 56, 89, 1); */
  transition: all .3s ease-out;
  }
  #primary-navigation .collapse.show{
  margin-left: calc(-100vw + 51px);
  }
  #primary-navigation .nav{
  margin: 1rem 0;
  }
  #primary-navigation .nav > .nav-item > a.nav-link {
  padding-left: 2rem;
  display: grid;
  align-items: center;
  font-size: 1rem;
  background: rgba(26, 56, 89, 1);
  }
  #primary-navigation .nav > .nav-item > a.nav-link:hover {
  background-color: rgba(255,255,255,.1);
  }
  #primary-navigation .dropdown span{
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
  height: 52px;
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background .3s ease-out;
  background-color: rgba(255,255,255,.03);
  }
  #primary-navigation .dropdown i{
  color: white;
  }
  #primary-navigation .dropdown i:hover{
  transform: rotateZ(0deg);
  }

  /* sub nav */
  #primary-navigation .dropdown .dropdown-content{
  margin-top: 0;
  position: relative;
  width: 100%;
  max-height: 0;
  max-height: 999px;
  opacity: 1;
  visibility: visible;
  transition: all .5s ease-out;
  }
  
  #primary-navigation .dropdown:hover .dropdown-content {
  display: none;
  }
  
  /* sub nav opened */
  #primary-navigation .dropdown:hover a.nav-link i{
  color: white;
  transform: rotateZ(unset);
  }
  #primary-navigation .dropdown .dropdown-content a.nav-link{
  opacity: 0;
  transition: all .3s ease-out;
  }
  #primary-navigation .opened .dropdown-content a.nav-link {
  padding: 1rem;
  }
  #primary-navigation .opened a.nav-link i{
  color: white;
  transform: rotateZ(90deg);
  }
  #primary-navigation .opened .dropdown-content {
  display: block !important;
  max-height: 999px;
  line-height: 52px;
  }
  #primary-navigation .opened .dropdown-content i{
  max-height: 999px;
  }
  #primary-navigation .opened .dropdown-content a.nav-link, 
  #primary-navigation .opened .dropdown-content a.nav-link:hover {
  display: block;
  padding-left: 3rem;
  opacity: 1;
  }
}


/* SECONDARY NAVIGATION */
#secondary-navigation {
  background: white;
  background: linear-gradient(90deg, #d9d9d9 0%, #ededed 10%,#ffffff 20%,#ffffff 80%, #ededed 90%, #d9d9d9 100%);
  height: 70px;
  padding-top: 9px;
}
#secondary-navigation .navbar{
  /* margin-left: 150px; */
  padding-top: 0rem;
  padding-bottom: 0rem;
}
#secondary-navigation .nav-item{
  padding-right: 0;
  padding-left: 0;
}
#secondary-navigation a.nav-link{
  padding-top: 1rem;
  padding-bottom: .9rem;
  padding-left: .5rem;
  padding-right: .5rem;
  color: black;
  font-weight: 100;
  font-size: .9rem;
  font-family: 'Futura Std', arial, helvetica, sans-serif;
}
#secondary-navigation a.nav-link:hover{
  color: #a42035;
}  
#secondary-navigation a.nav-link.btn-outline-primary {
  background-color: transparent;
  color: rgb(26, 56, 89);
  border-color: rgb(26, 56, 89);
}

#secondary-navigation .nav-item-button {
  display: grid;
  align-items: center;
  padding-left: 1rem;
}

#secondary-navigation .dropdown {
  background: rgba(255,255,255,.9);
  position: relative;
  z-index: 10;
}
#secondary-navigation .dropdown:hover > a.nav-link {
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  border-radius: 1rem 1rem 0 0;
  color: #a42035;
}
#secondary-navigation .dropdown > a.nav-link i{
  color: #c4c8cf;
  transition: color .3s ease-out, transform .3s ease-out; 
  transform: rotateZ(90deg);
}
#secondary-navigation .dropdown:hover > a.nav-link i{
  color: #a42035;
  transform: rotateZ(90deg);
}
#secondary-navigation .dropdown-content {
  position: absolute;
  opacity: 0;
  visibility: collapse;
  background: rgba(255,255,255,.95);
  overflow: hidden;
  box-shadow: 0px 16px 16px 0px rgb(0 0 0 / 20%);
  transition: visibility .3s ease-out, opacity .3s ease-out, margin .3s ease-out;
  border-radius: .5rem 0 .5rem .5rem;
}
#secondary-navigation .dropdown-content ul{
  padding-left: 0;
}  
#secondary-navigation .dropdown-content li{
  list-style: none;
}
#secondary-navigation .dropdown:hover .dropdown-content {
  opacity: 1;
  top: unset;
  left: unset;
  max-height: 9999px;
  visibility: visible;
}
#secondary-navigation .dropdown-content .nav-item {
  line-height: 26px;
}
#secondary-navigation .dropdown .dropdown-content a.nav-link {
  white-space: nowrap;
  padding-top: .8rem;
  padding-bottom: .7rem;
  padding-right: 1rem;
  padding-left: 1rem;
  font-weight: 100;
  text-align: left;
  transition: background .3s ease-out, color .3s ease-out;
}
#secondary-navigation .dropdown .dropdown-content a.nav-link:hover {
  background: #eeeeee;
  color: #a42035;
}
#secondary-navigation .dropdown-center .dropdown-content {
  right: -50%;
}
#secondary-navigation .dropdown-right .dropdown-content {
  right: 0;
}
@media only screen and (max-width: 767px) {
  #secondary-navigation .dropdown-right .dropdown-content {
  right: unset;
  left: 0;
  }
}


/* SECONDARY NAVIGATION: MOBILE */
@media only screen and (max-width: 940px) {
#secondary-navigation {
  height: 51px;
  padding-top: 0px;
}
  #secondary-navigation .dropdown-content {
  border-radius: 0 .5rem .5rem .5rem;
  }
  #secondary-navigation .nav-item {
  }
  #secondary-navigation a.nav-link {
  font-size: .85rem;
  padding-left: .2rem;
  padding-right: .2rem;
  }
}
@media only screen and (max-width: 840px) {
  #secondary-navigation .dropdown-content {
  border-radius: 0 .5rem .5rem .5rem;
  }
  #secondary-navigation .nav-item-button{
  padding-left: .2rem;
  padding-right: .2rem;
  }
  #secondary-navigation a.nav-link {
  font-size: .835rem;
  padding-left: .2rem;
  padding-right: .2rem;
  }
}
@media only screen and (max-width: 800px) {
  #secondary-navigation .container > .row > .col-12,
#secondary-navigation .container > .row > .col-12 > .navbar.navbar-expand{
  padding: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  #secondary-navigation {
  float: left;
  width: calc(100% - 55px);
  }
  #secondary-navigation .navbar {
  margin-left: 0;
  padding: 0;
  }
 #secondary-navigation .nav-item-button {
   /* display: none; */
 }
}

/* SEARCH */
#search-container {
  position: absolute;
  width: 100%;
  display: grid;
  align-items: center;
  background: rgba(26, 56, 89, .95);
  height: 10rem;
  margin-top: -10rem;
  transition: margin .3s ease-out;
  z-index: -1;
}
#search-container.search-container-visible {
  margin-top: 0rem;
}
#search form{ 
  margin: 0 auto;
  width: 100%;
  max-width: 700px;
}
#search #search_input{ 
  width: 100%;
  height: 4rem;
  outline: none;
  border-radius: .35rem;
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: 200;
}
#search-filter-select {
  position: absolute;
  top: 5px;
  right: 5px;
  height: calc(65px - 10px);
  font-size: 17px;
  transition: all .3s ease-out;
  border-radius: 0.25rem;
}
#search-filter-select {
  width: 70px !important;
}
#search[data-filter-term*="all"] #search-filter-select {
  width: 70px !important;
}
#search[data-filter-term*="cyfair"] #search-filter-select {
  width: 129px !important;
}
#search[data-filter-term*="houston-north"] #search-filter-select {
  width: 188px !important;
}
#search[data-filter-term*="kingwood"] #search-filter-select {
  width: 156px !important;
}
#search[data-filter-term*="montgomery"] #search-filter-select {
  width: 176px !important;
}
#search[data-filter-term*="north-harris"] #search-filter-select {
  width: 175px !important;
}
#search[data-filter-term*="online"] #search-filter-select {
  width: 133px !important;
}
#search[data-filter-term*="tomball"] #search-filter-select {
  width: 137px !important
}
#search[data-filter-term*="university-park"] #search-filter-select {
  width: 190px !important;
}

@media only screen and (max-width: 767px) {
  #search-filter-select {
  position: absolute;
  top: 20px;
  right: 5px;
  height: calc(65px - 10px);
  font-size: 17px;
  transition: all .3s ease-out;
  border-radius: 0.25rem;
  }
}