/*
NUS THEME by Websparks Pte Ltd
Theme styled based on NUS Guidlines Version 4
*Desktop Styles below
Version: 1.0.0
*/

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media (min-width:992px){
  .main-header-container {
    display: flex !important;
    position: relative;
    padding: 20px 0px;
  }

  .site-branding {
    float: left;
    display: flex;
    padding-bottom: 0px !important;
  }

  .site-branding img {
    height: 60px !important;
    width: auto;
  }

  .nus-faculty-border {
    border-right: 1.5pt solid #003d7c;
    margin: 0px 15px;
  }

  /** ------ QUICKLINKS STYLES ------ **/

  .nus-quicklinks-container {
    position: absolute;
    right: 0;
    bottom: 0px;
  }

  .nus-quicklinks-container .nus-quicklinks ul {
    margin: 0px;
  }

  .nus-quicklinks-container .nus-quicklinks ul > li {
    float: left;
    padding: 10px 15px 0px;
    list-style: none;
  }

  .nus-quicklinks-container .nus-quicklinks ul > li > a {
    font-size: 14px;
    color: #999999;
  }

  .nus-quicklinks-container .nus-quicklinks ul > li > a:hover, .nus-quicklinks-container .nus-quicklinks ul > li > a:focus {
    color: #ef7c00;
  }

  /** ------ MAIN MENU STYLES ------ **/

  .nus-main-menu-container > .ast-container {
    display: flex;
    height: 100%;
    position: relative;
  }

  .nus-main-menu-container {
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    height: 52px;
  }

  #site-navigation {
    display: flex;
  }

  .main-header-menu > li {
    height: 100%
  }

  .nus-main-menu-container > .ast-container #primary-menu > li:hover > a {
    color: #999;
    text-decoration: none;
  }

  .nus-main-menu-container > .ast-container #primary-menu > li:first-child > a {
    margin-left: 0px;
  }

  .main-header-menu > li > a {
    padding: 0px;
    margin: 0px 15px;
    font-size: 14px;
    color: #999;
  }

  .main-header-menu > li.current-menu-item > a, .main-header-menu > li > a:hover, .main-header-menu > .current-menu-ancestor > a  {
    color: #003d7c !important;
    box-shadow: 0 -3px 0 #ef7c00 inset;
  }

  /** ----- MAIN MENU SUBMENU STYLES ----- **/

  ul#primary-menu ul.sub-menu {
    padding: 15px 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    border: 0px solid transparent;
  }

  ul#primary-menu ul.sub-menu > li {
    padding: 0px 15px;
  }

  ul#primary-menu ul.sub-menu > li > a  {
    padding: 10px;
    position: relative;
    color: #003d7c;
    border-width: 1px 0px 0px;
    border-style: solid;
    border-color: #f5f5f5;
  }

  ul#primary-menu ul.sub-menu > li:last-child > a  {
    border-bottom: 1px;
    border-style: solid;
    border-color: #f5f5f5;
  }

  ul#primary-menu ul.sub-menu > li:hover > a  {
    background-color: #f5f5f5;
    color: #003d7c;
  }

  .ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu, .ast-desktop .main-header-menu.submenu-with-border .children .children {
    top: 0px;
  }

/** ----- SEARCH FUNCTION ----- **/

  .nus-main-menu-container .ast-container .search-btn-box {
    position: absolute;
    right: 20px;
    font-size: 12px;
    padding: 2px 15px;
  }

  .nus-search-box{
	  background: #f8f8f8;
	  height:0px;
	  overflow:hidden;
	  border-bottom:1px solid transparent;
  }

  .nus-search-box.show{
	  height:86px;
  }

  .nus-search-box .ast-container{
	  padding-top:20px;
	  padding-bottom:20px;
  }

  .nus-search-box .ast-container .search{
	  position:relative;
  }

  .nus-search-box.collapse.in{
	  border-bottom:1px solid #e7e7e7;
  }

  .nus-search-box input[type="text"] {
    padding-left: 40px;
    width: 100%;
    height: 45px;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	  background-color:#fff;
	  border:1px solid #dfdfdf;
	  color:#555;
	  font-size:18px;
  }

  .nus-search-box .icon {
    position: absolute;
    top: 10px;
    left: 15px;
	  font-size:16px;
    color: #ccc;
  }

  .nus-search-box .icon:before{
	 font-family: "FontAwesome";
	 content: "\f002";
  }



  /** ----- FOOTER BAR STYLES ------ **/

  footer.site-footer .ast-small-footer.footer-sml-layout-1 {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #003d7c;
  }

  footer.site-footer .ast-small-footer.footer-sml-layout-1 .ast-footer-overlay {
    padding: 40px 0px;
    background-color: #003062;
  }

  footer.site-footer .ast-small-footer.footer-sml-layout-1 .ast-small-footer-section.ast-small-footer-section-1 {
    font-size: 12px;
    margin-bottom: 7px;
    color: #999999;
  }

  footer.site-footer .ast-small-footer.footer-sml-layout-1 .ast-small-footer-section.ast-small-footer-section-1 a {
    color: #999999;
  }

  footer.site-footer .ast-small-footer.footer-sml-layout-1 .ast-small-footer-section.ast-small-footer-section-1 a:hover {
    color: #ffffff;
    text-decoration: none;
  }

  footer.site-footer .ast-small-footer.footer-sml-layout-1 .ast-small-footer-section.ast-small-footer-section-2 {
    font-size: 12px;
    color: #999999;
    margin: 0px;
    display: flex;
  }

  footer.site-footer .ast-small-footer.footer-sml-layout-1 .ast-small-footer-section.ast-small-footer-section-2 .nus-footer-bar {
    margin: 0px auto;
  }

  footer.site-footer ul#nus-footer-bar-menu > li {
    float: left;
  }

  footer.site-footer ul#nus-footer-bar-menu > li:before {
    content: '\2022';
    padding-right: 15px;
    padding-left: 15px;
  }

  footer.site-footer ul#nus-footer-bar-menu > li:first-child:before {
    content: '';
    padding-right: 0px;
    padding-left: 0px;
  }

  footer.site-footer ul#nus-footer-bar-menu > li > a {
    color: #999999;
  }

  footer.site-footer ul#nus-footer-bar-menu > li > a:hover {
    color: #ffffff;
    text-decoration: none;
  }

}