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

body {
  font-family: Roboto,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 .nus-site-logo-link 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-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 !important;
  margin: 0px 15px;
  font-size: 14px;
  color: #999  !important;
}

.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{
 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;
}

}