#header--lvl2 .uk-section {
  height: 80px;
}
#header--lvl2 .uk-section-small {
  padding-top: 80px;
}


#header--lvl2 .uk-section .uk-sticky{
  border-top:5px solid #0033a0;
  border-bottom:5px solid #0033a0;
}

#header--lvl2 .uk-navbar-dropdown-nav>li{
  line-height: 14px;
}
#header--lvl2 .uk-navbar-dropdown-nav>li>a {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
}
#header--lvl2 .uk-navbar-dropdown-nav>li>a:hover {
  text-decoration: underline;
  color: #0033a0;
}

#header--lvl2 .uk-navbar-dropdown-nav .uk-nav-header {
  color: #0033a0;
  font-weight: 700;
  font-size: 1.1rem;
}

/************************    NAVBAR    ******************************/

#header--lvl2 .hcclogo-lvl2 {

  background: url("/images/hcc-logos/Dragon-HutchinsonCC-lg.svg") no-repeat;
  width: 700px;
  margin-top: 15px;
  margin-left: 15%;

height: 63px;

}

#header--lvl2 .hccnav-lvl2 {
  margin: auto;
  /*background-color: green;*/
  width: 1100px;
}

#header--lvl2 .uk-container-large {
  max-width: 1400px;
}

#header--lvl2 .uk-sticky[class*='uk-animation-'] {
 -webkit-animation-duration: 0.0s;
 animation-duration: 0.0s;
}

#header--lvl2 .uk-sticky.uk-animation-reverse {
 -webkit-animation-duration: 0.0s;
 animation-duration: 0.0s;
}

#header--lvl2 .uk-button-lvl2 {
	color: #202020;
	font-weight: 600;
	line-height: 33px;
}

#header--lvl2 .uk-button-lvl2:hover {
	/*border-top: 4px solid #0033a0;*/
	color: #0033a0;
}

#header--lvl2 .uk-drop-hcc {
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  margin-top: -15px;
}

.hcc-header h1 {
  font-size: 3.5rem;
  margin: 0px;
  line-height:.75em;
  background-color:#0033a0;
  padding: 10px;
  /* font-family: PT Serif; */
  font-family: "Times New Roman", Times, serif;
}

.hcc-header {
    margin-left: 15%;
}
/* .hcc-header h1 { margin-left:5px} */

.hcc-header-bluebg h1 {background-color:#0033a0; padding:10px;}
  /*SEARCH*/

  #header--lvl2 .uk-search-default .uk-search-icon-flip+.uk-search-input {
    padding-right: 0px;
  }
  #header--lvl2 .uk-search-default .uk-search-input {
    padding-left: 10%;
  }
  #header--lvl2 .search-header-lvl2 {
    position:absolute;
    top:20px;
    right:50px;
  }
  #header--lvl2 .search-header-lvl2 input {
    padding: 0px;
    padding-left: 10px;
    color: #fff;
  }


  /***************     BODY CONTENT FOR LVL2   ***************/

  #header--lvl2 .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    /* height: 40px; */
    color: #404040;
    font-weight: 600;
    font-family: Verdana, Open-Sans, sans-serif;
  }

  /******************    MEDIA QUERIES    ***************************/

  @media only screen and (max-width: 1600px) {

      .hcc-header {
        margin-left:10%;
      }

      .hcc-header h1 {
        font-size: 4rem;
        margin-left: 0px;
        line-height:.75em;
        background-color:#a6192e;
        padding: 10px;
      }

    }

  @media only screen and (max-width: 1200px) {

    #header--lvl2 .hcclogo-lvl2 {
      background: url("/images/hcc-logos/Dragon-HutchinsonCC-lg.svg") no-repeat;
      width: 500px;
      margin-top: 20px;
      margin-left: 15%;
    }
    .hcc-header {
      margin-left:5%;
    }
  }


  @media only screen and (max-width: 960px) {

    #header--lvl2 .hcclogo-lvl2 {
      background: url("/images/hcc-logos/Dragon-HutchinsonCC-lg.svg") no-repeat;
      width: 400px;
      margin-top: 20px;
      margin-left: 15%;
    }

    #header--lvl2 .hcclogo-lvl2{
      margin-top: 40px;
      margin-left: 10%;
    }

    #header--lvl2 .uk-section {
      height: 60px;
      border-bottom: 2px solid #ccc;
    }

    #header--lvl2 .uk-section .uk-sticky{
      border-top:0px solid #0033a0;
      border-bottom:5px solid #0033a0;
    }
    
    #header--lvl2 .uk-section-small {
      padding-top: 60px;
    }

    #header--lvl2 #admissions > div.uk-cover-container > img {
      top: 70%;
    }

    #header--lvl2 #offcanvas-menu > div > div > div > div > form {
      border: 1px solid gray;
    }

    #header--lvl2 #offcanvas-menu > div > div > div > div > form > input {
      border: 0px; width:80%;
    }

    #header--lvl2 .mobile-icon {
        position: absolute;
        left: 20px;
        top: 40px;
        color: white; 
    }

    #header--lvl2 .mobile-icon :hover {
      color: #ccc;
    }

    #header--lvl2 #home-slideshow {
      margin-top: 80px;
    }

    #nomenu .hcclogo-lvl2{ 
      margin-top: 10px;
    }
    .hcc-header h1 {
      font-size: 4rem;
      margin-left: 0px;
      line-height:.75em;
      background-color:#75787b;
      padding: 10px;
    }
    .hcc-header {
      margin-left: 0;
    }
  }

    @media only screen and (max-width: 600px) {

    #header--lvl2 .hcclogo-lvl2 {
      background: url("/images/hcc-logos/dragon-HCC-white-mobile-logo.svg") no-repeat;
      width:200px;
      /*height: auto;*/
      margin-top: 30px;
      margin-left: 20%;
    }
    #nomenu .header-logo { height: 80px;}

    #nomenu .hcclogo-lvl2 { margin-top: 10px;}
    
    #nomenu .page-title {border:2px solid purple; padding:5px; height: 50px;}
}

@media only screen and (max-width: 640px) {

  .hcc-header h1 {
    font-size: 2.5rem;
    margin-left: 0px;
    line-height:.75em;
    background-color:#0033a0;
    padding: 10px;
  }
}