/* 
Theme Name:		 NUS Theme
Theme URI:		 http://childtheme-generator.com/
Description:	 NUS Theme is a child theme of Astra, created by ChildTheme-Generator.com
Author:			 Websparks
Author URI:		 http://childtheme-generator.com/
Template:		 astra
Version:		 1.0.0
Text Domain:	 nus-theme
*/

@font-face {
    font-family: Helvetica;
    src: url('/careers/wp-content/themes/nus-theme/assets/fonts/Helvetica.ttf');
  }
  
  /*
  @font-face {
    font-family: "Helvetica Neue";
    src: url('./assets/fonts/HelveticaNeue-Medium.ttf');
    font-weight: normal;
  }
  */
  
  /*
  @font-face {
      font-family: "Helvetica Neue";
      src:  url("./assets/fonts/HelveticaNeue/helveticaneue-01-webfont.woff") format("woff"),
            url("./assets/fonts/HelveticaNeue/helveticaneue-bold-02-webfont.woff") format("woff"),
            url("./assets/fonts/HelveticaNeue/helveticaneue-bolditalic-04-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-condensedblack-10-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-condensedbold-05-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-italic-03-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-light-08-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-lightitalic-09-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-medium-11-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-mediumitalic-12-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-thin-13-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-thinitalic-14-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-ultralight-06-webfont.woff") format("woff")
            url("./assets/fonts/HelveticaNeue/helveticaneue-ultralightitalic-07-webfont.woff") format("woff");
  }
  */
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-01-webfont.woff") format("woff");
      font-weight: 400;
  }
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-bold-02-webfont.woff") format("woff");
      font-weight: 700;
  }
  
  @font-face {
      font-family: "Helvetica Neue Italic";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-bolditalic-04-webfont.woff") format("woff");
      font-weight: 700;
  }
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-condensedblack-10-webfont.woff") format("woff");
      font-weight: 900;
  }
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-condensedbold-05-webfont.woff") format("woff");
      font-weight: 800;
  }
  
  @font-face {
      font-family: "Helvetica Neue Italic";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-italic-03-webfont.woff") format("woff");
      font-weight: 400;
  }
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-light-08-webfont.woff") format("woff");
      font-weight: 300;
  }
  
  @font-face {
      font-family: "Helvetica Neue Italic";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-lightitalic-09-webfont.woff") format("woff");
      font-weight: 300;
  }
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-medium-11-webfont.woff") format("woff");
      font-weight: 500;
  }
  
  
  @font-face {
      font-family: "Helvetica Neue Italic";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-mediumitalic-12-webfont.woff") format("woff");
      font-weight: 500;
  }
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-thin-13-webfont.woff") format("woff");
      font-weight: 100;
  }
  
  @font-face {
      font-family: "Helvetica Neue Italic";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-thinitalic-14-webfont.woff") format("woff");
      font-weight: 100;
  }
  
  @font-face {
      font-family: "Helvetica Neue";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-ultralight-06-webfont.woff") format("woff");
      font-weight: 200;
  }
  
  @font-face {
      font-family: "Helvetica Neue Italic";
      src: url("/careers/wp-content/themes/nus-theme/assets/fonts/HelveticaNeue/helveticaneue-ultralightitalic-07-webfont.woff") format("woff");
      font-weight: 200;
  }
  
  
  
  
  
  /*
      Add your custom styles here
  */
  
  :root {
    --orange: #EF7C00;
    --blue: #003D7C;
  }
  
  body {
    font-family: 'Roboto', Arial, sans-serif ;
  }
  
  .ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link::before, 
  .ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link::before {
      height: 3px;
  }
  
  .ast-desktop .ast-menu-hover-style-underline > .menu-item:hover > .menu-link::before,
  .ast-desktop .ast-menu-hover-style-overline > .menu-item:hover > .menu-link::before {
      background-color: var(--orange);
  }
  
  .ast-desktop .ast-menu-hover-style-underline > .menu-item.current_page_item > .menu-link::before, 
  .ast-desktop .ast-menu-hover-style-overline > .menu-item.current_page_item > .menu-link::before,
  .ast-desktop .ast-menu-hover-style-underline > .menu-item.current-menu-parent > .menu-link::before {
      width: calc(100% - 1.2em);
      background-color: var(--orange);
      transform: scale(1,1) translate(50%,0);
  }
  
  .ast-desktop .ast-mega-menu-enabled .ast-builder-menu-1 div:not(.astra-full-megamenu-wrapper) .sub-menu, 
  .ast-builder-menu-1 .inline-on-mobile .sub-menu, 
  .ast-desktop .ast-builder-menu-1 .astra-full-megamenu-wrapper, 
  .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu { 
      
  }
  
  .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-item a.menu-link{
      color: var(--blue);
  }
  
  .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-item a.menu-link:hover{
      color: #262626;
      background-color: #F5F5F5;
  }
  
  .ast-desktop .site-branding.ast-site-identity {
      padding: 1em 20px;
  }
  
  .site-logo-img img {
      height: 60px;
      width: auto;
  }
  
  .site-branding {
      display: flex;
  }
  
  .site-branding .nus-faculty-border {
      border-right: 1.5pt solid #003d7c;
      margin: 0px 15px;
  }
  
  /********** FOOTER **********/
  footer .nus-footer .dept-footer {
      margin-left:auto;
      margin-right:auto;
  }
  
  footer .nus-footer {
      padding: 70px 0px;
  }
  
  footer .nus-footer .dept-name {
      color: white;
      font-size: 18px;
      text-align: center;
      margin-bottom: 10px;
  }
  
  footer .nus-footer .dept-info .icon {
      color: white;
      margin-right: 10px;
      float: left;
  }
  footer .nus-footer .dept-footer .dept-info .info, footer .nus-footer .dept-footer .dept-info{
      font-size: 14px;
      width: 70%;
      margin: auto;
  }
  footer .nus-footer .dept-footer .dept-info .info, footer .nus-footer .dept-footer .dept-info .info {
      text-align: left;
  }
  footer .nus-footer .dept-footer .dept-info .info, footer .nus-footer .dept-footer .dept-info .info a {
      color: #999;
  }
  
  footer .nus-footer .dept-footer .social-icons img {
      width: 30px;
      margin: 0px 4px;
  }
  
  footer .nus-footer .dept-footer .social-icons {
      margin: 0px auto;
      text-align: center;
      padding-top: 50px;
  }
  
  footer .nus-footer .dept-footer .social-icons img {
      display:inline-block;
  }
  
  @media only screen and ( max-width:768px ) {
      .nus-footer .dept-footer {
          width:auto;
      }
  }
  
  /********** HEADER **********/
  #ast-hf-mobile-menu a.menu-link{
      color:#003D7C;
      font-size: 14px;
  }
  
  
  @media only screen and ( max-width:920px ) {
      .ast-icon.icon-arrow svg {
          transform: none;
          font-size:10px;
      }
  
      .ast-submenu-expanded > .ast-menu-toggle .ast-icon.icon-arrow svg {
          transform: rotate( 180deg );
      }
  }
  
  .ast-search-box.header-cover .icon-close svg{
      color:#0d0d0d;
  }
  
  #ast-desktop-header .ast-search-box.header-cover{
      position:static;
      padding:20px;
      background: none;
  }
  
  #ast-desktop-header .ast-search-box.header-cover .ast-search-wrapper{
      position:relative;
      top:auto;
      bottom:auto;
      left:auto;
      right:auto;
      transform:none;
  }
  
  #ast-desktop-header .ast-search-box.header-cover .search-form .search-field{
      padding:10px 16px 10px 40px;
      font-size:18px;
      line-height:1.33em;
      background-color:#fff;
      color:#0d0d0d;
      border:1px solid #ccc;
      box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
      height:45px;
      border-radius: 0px;
  }
  
  #ast-desktop-header .ast-search-box.header-cover .search-form .search-text-wrap{
      width:calc( 100% - 0em );
  }
  
  #ast-desktop-header .ast-search-box.header-cover .search-form .search-text-wrap:before{
      display:block;
      position:absolute;
      top:2px;
      left:22px;
      opacity:0.1;
      z-index: 3;
      content:"";
      width:40px;
      height:40px;
      background-image:url( /careers/wp-content/themes/nus-theme/assets/images/search-solid.png );
      background-repeat: no-repeat;
      background-position: center;
      background-size:17px auto;
  }
  
  #ast-desktop-header .ast-search-box.header-cover .search-form .close {
      opacity: 0;
      display: none;
  }
  
  .nus-row-page-banner {
      max-width:1260px;
  }
  
  .nus-row-page-banner > .fl-row-content-wrap{
      background-size: cover;
      padding-top:192px;
      padding-bottom:220px;
      padding-left:235px;
      overflow:hidden;
  }
  
  .nus-row-page-banner > .fl-row-content-wrap:after{
      right:auto;
      left:50%;
      width:2170px;
      margin-left:-1085px;
  }
  
  .nus-row-page-banner > .fl-row-content-wrap h1.fl-heading{
      max-width:700px;
      font-size:60px;
      font-weight:700;
      text-transform: uppercase;
      letter-spacing: -3px;
      text-shadow: -1px 0px 15px rgba(0,0,0,0.35);
  }
  
  .nus-row-page-banner > .fl-row-content-wrap h4.fl-heading{
      max-width:700px;
      font-size:34px;
      font-weight:500;
      text-shadow: -1px 0px 15px rgba(0,0,0,0.35);
  }
  
  @media only screen and ( max-width: 1024px ) {
      .nus-row-page-banner > .fl-row-content-wrap{
          background-size: cover;
          padding-top:272px;
          padding-bottom:90px;
          padding-left:50px;
      }
      .nus-row-page-banner > .fl-row-content-wrap:after{
          right:0px;
          left:0px;
          width:auto;
      }
  
      .nus-row-page-banner > .fl-row-content-wrap h1.fl-heading{
          font-size:40px;
          letter-spacing: -2px;
      }
      
      .nus-row-page-banner > .fl-row-content-wrap h4.fl-heading{
          font-size:26px;
      }
  }
  
  @media only screen and ( max-width: 767px ) {
      .nus-row-page-banner > .fl-row-content-wrap{
          background-size: auto 100%;
          padding-top:200px;
          padding-bottom:50px;
          padding-left:20px;
      }
  
      .nus-row-page-banner > .fl-row-content-wrap h1.fl-heading{
          font-size:30px;
          letter-spacing: -1px;
      }
      
      .nus-row-page-banner > .fl-row-content-wrap h4.fl-heading{
          font-size:18px;
      }
  }
  
  /********** BREADCRUMBS **********/
  .custom-breadcrumbs {
      background: #002449;
  }
  
  .custom-breadcrumbs ul {
      list-style: none;
      max-width: 1180px;
      display: flex;
      margin: 0px auto;
      padding: 0px 20px;
  }
  
  .custom-breadcrumbs > ul > li {
      float: left;
      margin-right: 5px;
      color: #999;
      font-size: 14px;
  }
  
  .custom-breadcrumbs > ul > li > a {
      /**color: #959595;*/
      color:#555;
  }
  
  .custom-breadcrumbs ul > li a:hover {
      color: #fff;
      text-decoration: none;
  }
  
  .custom-breadcrumbs > ul > li:nth-child(n+2)::before {
       /**font-family: "Font Awesome 5 Free";*/
       font-weight: 600;
       content: "/";
       font-size: 15px;
       margin: 0px 10px;
  }
  
  .breadcrumbs-home {
      padding-right: 10px;
      color:#f27c36;
  }
  
  .nus-orange-title-1 {
      text-align: left;
      font: normal normal 900 80px/80px Avenir;
      letter-spacing: 0px;
      color: #F77C0C;
  }
  .nus-white-title-1 {
      text-align: left;
      font: normal normal 900 80px/80px Avenir;
      letter-spacing: 0px;
      color: #FFFFFF;
  }
  .nus-blue-backgroud-1 {
      background: #033061 0% 0% no-repeat padding-box;
      opacity: 1;
  }
  
  #testing .uabb-video__content svg{
      display: none;
  }
  
   
  
  .people-block{
      position: relative;
  }
  
   
  
  .people-block .extra-link{
      position: absolute;
      bottom: 10px;
      right: 10px;
  }
  
   
  
  @media only screen and (max-width: 760px){
      .people-block .extra-link{
          position: relative;
      }
  
      .people-block .research-interest .fl-module-content{
          margin-bottom: 20px;
      }
  }
  
   
  
  .ast-builder-menu-mobile .menu-item-has-children .ast-icon{
      display: block;
  }
  
   
  
  .home-hover-box .uabb-infobox-title{
      margin-top: 100px;
  }
  
   
  
  .home-hover-box .uabb-infobox-text p{
      transition: width 20s, height 4s;
      display: none;
  }
  
   
  
  .home-hover-box:hover .uabb-infobox{
          background: rgba(0,0,150,0.23);
  }
  
   
  
  .home-hover-box:hover .uabb-infobox-title{
      margin-top: 0;
      color: #f99e00;
  }
  
   
  
  .home-hover-box:hover .uabb-infobox-text p{
      display: block;
  }
  
   
  /*
  .home-hover-box .uabb-infobox-text p{
      animation: 
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
  }
  */
  
   
  
  @keyframes fadeInAnimation {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
       }
  }
  
   
  
  .BnW-col{
      position: relative;
      height: 356px;
  }
  
  
  .BnW-col .fl-module-photo img{
      height: px
  }
  
  .BnW-col:hover {
      background-color: #043162;
  }
  
  .BnW-col .fl-rich-text{
      display: none;
  }
  
   
  
  .BnW-col:hover .fl-rich-text{
      display: block;
      padding-bottom: 55px;
  }
  
   
  
  .BnW-col:hover .fl-module-photo{
      position: absolute;
      right: 0;
      bottom: 0;
  }
  
   
  
  .BnW-col:hover .fl-module-photo img{
      width: 50px
  }
  
  .scrollable-row-infobox-1  {
      overflow: scroll;
  
  
  }
  
  .home-hover-box {
  }
  
  .info-box-arrow-1 {
      transition: transform 0.3s ease;
  }
  
  .home-hover-box:hover .info-box-arrow-1 {
      transform: translatex(calc(100% - 25px));
  }
  
  .info-box-arrow-1 {
      color: white;
      font-size: 32px;
  }
  
  /*
  @keyframes moveHeader1 {
      from {bottom: 20px;}
      to (top: 150px;)
  }
  */
  
  .hover-center-title-1 {
      min-height: 368px;
  }
  
  .hover-center-title-1:hover.uabb-infobox-title {
      height: 150px;
      position: relative;
      animation: moveHeader1 5s;
  }
  
  h1.slide-box-half-1 {
    margin: 0
  }
  .box.slide-box-half-1 {
    height: 200px;
    width: 300px;
    overflow: hidden;
    border: 1px solid red;
    background: #ff0;
  }
  .hid-box.slide-box-half-1 {
    top: 100%;
    position: relative;
    transition: all .3s ease-out;
    background: #428bca;
    height: 100%;
  }
  
  .slide-box-half-1.box:hover > .hid-box{
    top: 0;
  }
  
  
  
  
  
  
  .im-moving-this-1 {
      background-color: #e2f1ff;
      z-index: 100;
      /*max-height: 660px;*/
      height: 900px;
      max-height: 900px;
      /*width: 550px;*/
      width: 32%;
      position: relative;
      overflow: hidden;
  }
  
  /*
  .im-moving-this-1::before {
      content: '';
      visibility: hidden;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #033061;
      transition: top 0.3s ease;
  }
  
  .im-moving-this-1:hover::before {
      top: 0;
      visibility: visible;
  }
  */
  
  
  @media only screen and (min-width:1201px) {
      .im-moving-this-1 {
          height: 600px !important;
          /*max-height: 600px !important;*/
      }
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
        .im-moving-this-1 {
            height: 650px !important;
            /*max-height: 750px !important;*/
        }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1 {
            height: 700px !important;
            /*max-height: 800px !important;*/
      }
  }
  
  /*
  .im-moving-this-1:hover {
    background-color: #033061;
    background-size: cover;
  }
  */
  
  .im-moving-this-1:hover .fl-module-heading {
      /*transform: translateY(-380px);*/
      transition: all 0.3s ease;
      /*background-color: transparent !important;*/
      position: absolute;
      top: 0;
      padding-top: 0;
      transform: translatey(-0%);
      float: left;
      margin-right: 10px;
      background-size: cover;
      height: 600px;
      z-index: -1;
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .im-moving-this-1:hover .fl-module-heading {
          height: 750px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1:hover .fl-module-heading {
          height: 800px;
      }
  }
  
  .im-moving-this-1:hover .fl-heading-text {
      color: #F77C0C !important;
      z-index: 101;
  }
  
  .im-moving-this-1 .compensation-and-benefits-photo {
      top: 0;
      left: 0;
      width: 50%;
      height: 40%;
      float: left;
      margin-right: 10px;
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .im-moving-this-1 .compensation-and-benefits-photo {
          height: 50%;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1 .compensation-and-benefits-photo {
          height: 60%;
      }
  }
  
  .im-moving-this-1 .fl-module-photo {
      transition: transform 0.3s ease;
      position: absolute;
      transform: translate(50%, 50%);
      /*
      width: 140px;*/
  }
  
  .im-moving-this-1 .fl-module-photo .fl-photo-img {
      size: 150px;
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .im-moving-this-1 .fl-module-photo .fl-photo-img {
          size: 130px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1 .fl-module-photo .fl-photo-img {
          size: 120px;
      }
  }
  
  .im-moving-this-1 .fl-rich-text::before {
      content: "";
      width: 170px;
      float: right;
      height: 100%;
      display: flex;
      align-items: flex-end;
      shape-outside: inset(calc(100% - 150px) 0 0);
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .im-moving-this-1 .fl-rich-text::before {
          size: 120px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1 .fl-rich-text::before {
          size: 100px;
      }
  }
  
  .im-moving-this-1 .fl-rich-text {
      height: 430px;
      overflow: hidden;
      display: hidden;
  }

  .im-moving-this-1:hover .fl-rich-text {
    display: block;
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .im-moving-this-1 .fl-rich-text {
          height: 580px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1 .fl-rich-text {
          height: 630px;
      }
  }
  
  
  /*
  .im-moving-this-1:hover .fl-module-photo {
      transition: all 0.3s ease-in-out;
      position: absolute;
      
      bottom: 0;
      right: 0;
  }
  
  
  @media only screen and (min-width:920px) and (max-width:1100px) {
      .im-moving-this-1:hover .fl-module-photo {
          width: 130px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1:hover .fl-module-photo {
          width: 100px;
      }
  }
  */
  
  .im-moving-this-1:hover .fl-module-photo{
      transition: all 0.3s ease-in-out;
      transform: translate(110%, 150%);
  }
  
  @media only screen and (min-width:920px) and (max-width:1100px) {
      .im-moving-this-1:hover .fl-module-photo {
          transform: translate(100%, 155%);
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1:hover .fl-module-photo {
          transform: translate(100%, 140%);
      }
  }
  
  
  
  
  .empty-space-1 {
    display: none;
    opacity: 0
  }
  
  .im-moving-this-1:hover .empty-space-1 {
      display: block;
  }
  
  .im-moving-this-1:hover .fl-module-rich-text {
        /*transform: translatey(35%);*/
      transition: all 0.3s;
      opacity: 1 !important;
  }
  
  .im-moving-this-1 .fl-module-heading {
        /*transform: translateY(150px);
          padding-top: 30px;*/
      height: 160px;
      width: 100%;
      background-color: #003061;
      margin-top: auto;
      /*position: absolute;*/
      transform: translatey(100%);
      padding-top: 25px;
  }
  
  .im-moving-this-1 .fl-module-rich-text {
      opacity: 0;
      width: 100%;
      height: 210px !important;
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .im-moving-this-1 .fl-module-rich-text {
          height: 255px !important; 
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1 .fl-module-rich-text {
          height: 270px !important;
      }
  }
  
  
  .im-moving-this-1 .empty-space-2 {
      height: 75px !important;
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .im-moving-this-1 .empty-space-2 {
          height: 75px !important;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .im-moving-this-1 .empty-space-2 {
          height: 110px !important;
      }
  }
  
  .leave-and-travel-divider {
      width: 2%
  }
  
  .homepage-arrow-hover .wp-image-2336 {
      width: 80px;
      height: 80px;
  }
  
  .homepage-arrow-hover .wp-image-2339 {
      width: 80px;
      height: 80px;
      display: none;
  }
  
  .homepage-arrow-hover:hover .wp-image-2336{
      display: none;
  }
  
  .homepage-arrow-hover:hover .wp-image-2339{
      display: inline-block;
      transition: all 0.3s ease-in-out;
  }
  
  .homepage-arrow-people .wp-image-2336_m {
      width: 50px;
      height: 50px;
  }
  
  /*.circle-background-homepage-hover-1 {
      background-color: #B6E4F0;
      border-radius: 50%;
      width: 400px;
      height: 400px;
      text-align: center;
      transition: all 0.3s ease-in-out;
      align-items: center;
      justify-content: center;
      display: flex;
  }*/
  
  .circle-blue-1 {
    /*width: 378px;
      height: 378px;
      /*background-color: #B6E4F0;
      border-radius: 50%;*/
      width: 32%;
    display: flex;
    justify-content: center;
  }
  
  .circle-blue-1_m {
      display: flex;
    justify-content: center;
  }
  
  /*
  .circle-blue-1_m .fl-node-content {
      background-color: #B6E4F0;
      border-radius: 50%;
      width: 80%;
  }
  */
  
  .circle-blue-1_m .fl-module.fl-module-photo.circle-blue-1-image::before {
      background-color: #B6E4F0;
      border-radius: 50%;
      width: 60%;
      height: 0;
      padding-bottom: 60%;
      position: absolute;
      left: 0;
      right: 0;
      top: 50px;
      margin-left: auto;
      margin-right: auto;
  }
  
  .circle-blue-1_m .circle-blue-1-image {
      width: 100%;
      height: 0;
      padding-bottom: 59%;
      padding-top: 5%;
      position: relative;
  }
  
  /*.circle-blue-1-text-column {
      width: 28%;
      justify-content: center;
  }*/
  
  
  .circle-blue-1 .fl-node-content .fl-photo{
      /*width: 80%;
      background-color: #B6E4F0;
      border-radius: 50%;*/
  }
  
  .circle-blue-1 .circle-blue-1-image {
      width: 100%;
      height: 0;
      padding-bottom: 78%;
      padding-top: 5%;
      position: relative;
  }
  
  .circle-blue-1:hover {
      /*transform: scale(1.08);*/
  }
  
  .circle-blue-1:hover .fl-photo.fl-photo-align-center {
      transform: scale(1.2) !important;
  }
  
  .circle-blue-1:hover .circle-blue-1-image .fl-photo-img-png {
      transform: scale(0.83) !important;
  }
  
  .circle-blue-1 .circle-blue-1-image .fl-photo-img-png {
      width: 100%;
  }
  
  .circle-blue-1:hover .circle-blue-1-image .fl-photo-img-png {
      /*transform: scale(0.92) !important;*/
  }
  
  .circle-blue-1 .fl-module.fl-module-photo.circle-blue-1-image::before {
      background-color: #B6E4F0;
      border-radius: 50%;
      width: 60%;
      height: 0;
      padding-bottom: 60%;
      position: absolute;
      left: 0;
      right: 0;
      top: 50px;
      margin-left: auto;
      margin-right: auto;
      transition: transform 0.3s ease;
  }
  
  @media only screen and (min-width:920px) and (max-width:1100px) {
      .circle-blue-1 .fl-module.fl-module-photo.circle-blue-1-image::before {
          top: 35px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .circle-blue-1 .fl-module.fl-module-photo.circle-blue-1-image::before {
          top: 20px;
      }
  }
  
  
  .circle-blue-1:hover .fl-module.fl-module-photo.circle-blue-1-image::before {
      /*width: 65% !important;
      padding-bottom: 65% !important;
      */
      transform: scale(1.2) !important;
  }
  
  
  .circle-blue-1:hover .circle-blue-1-text .fl-heading-text {
      color: #EF7B00 !important;
  }
  
  .circle-blue-1-text .fl-heading a{
      text-decoration: none !important;
  }
  
  /*.circle-blue-1:hover .circle-blue-1-text-column .circle-blue-1-text .fl-heading {
      color: #F77C0C !important;
      transform: scale(0.92) !important;
      margin-top: -20px !important;
  }*/
  
  .circle-hover-divider-1 {
    width: 2%;
  }
  
  
  
  
  
  
  
  
  
  
  .custom-overlay-1 .custom-overlay-1-header .fl-module-content {
      width: 100%;
      height: 368px;
      position: relative;
      /*background: #043D7C 0% 0% no-repeat padding-box;
      opacity: 0.3;*/
      overflow: hidden;
  }
  
  .custom-overlay-1 .custom-overlay-1-header h2 {
      width: 100%;
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      transition: bottom 0.3s ease-out;
      font-size: 40px;
      text-align: center;
      letter-spacing: 0px;
      color: #FFFFFF !important;
  }
  
  @media only screen and (min-width:801px) and (max-width:1200px) {
      .custom-overlay-1 .custom-overlay-1-header h2 {
          font-size: 34px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:800px) {
      .custom-overlay-1 .custom-overlay-1-header h2 {
          font-size: 28px;
      }
  }
  
  
  .custom-overlay-1 .custom-overlay-1-header h2 a {
      text-decoration: none !important;
      color: #FFFFFF !important;
  }
  
  .custom-overlay-1 .custom-overlay-1-header .fl-module-content:hover h2{
      bottom: 50%;
      transform: translate(-50%, 50%);
      color: #EF7B00 !important;
  }
  
  .custom-overlay-1 .custom-overlay-1-header .fl-module-content:hover h2 a {
      color: #EF7B00 !important;
  }
  
  .custom-overlay-1 .custom-overlay-1-header .fl-module-content:hover {
      background-color: rgba(4, 61, 124, 0.8)
  }
  
  
  
  .custom-overlay-1 .custom-overlay-1-mobile .fl-module-content {
      width: 100%;
      height: 368px;
      position: relative;
      /*background: #043D7C 0% 0% no-repeat padding-box;
      opacity: 0.3;*/
      overflow: hidden;
      transform: translateY(50%);
  }
  
  .custom-overlay-1 .custom-overlay-1-mobile h2 a {
      text-decoration: none !important;
      color: #FFFFFF !important;
  }
  
  .custom-overlay-1 .custom-overlay-1-mobile h2 {
      left: 50%;
      font-size: 40px;
      text-align: center;
      letter-spacing: 0px;
      color: #FFFFFF;
      
  }
  
  .hover-download-text-1 a {
      text-decoration: none !important;
      color: #033061 !important;
      transition: all 0.01s ease;
  }

  
  .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li.slick-active button:before {
      opacity: 1.25 !important;
      /* background-color: black; */
      background-color: #02266F !important;
  }
  
  .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li button:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 80px !important;
      height: 8px !important;
      border: 0px solid #CBCACE !important;
      background-color: #CBCACE !important;
      content: '' !important;
      opacity: 0.75 !important;
  }
  
  @media only screen and (min-width:768px) and (max-width:992px) {
      .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li button:before {
          width: 60px !important;
      }
  }
  
  @media only screen and (min-width:1px) and (max-width:767px) {
      .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li button:before {
          width: 40px !important;
          height: 4px !important;
      }
  }
  
  .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li {
      position: relative;
      display: inline-block;
      width: 80px !important;
      height: 8px;
      margin: 5px !important;
      padding: 0;
      cursor: pointer;
  }
  
  @media only screen and (min-width:993px) and (max-width:1200px) {
      .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li {
  
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:992px) {
      .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li {
          width: 60px !important;
      }
  }
  
  @media only screen and (min-width:1px) and (max-width:767px) {
      .rectangle-image-carousel-1 .uabb-image-carousel ul.slick-dots li {
          width: 40px !important;
      }
  }
  
  
  /*.circle-container {
    width: 400px;
      height: 400px;
      background-color: #B6E4F0;
      border-radius: 50%;
      position: relative;
      transition: all 0.3s ease-in-out;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .contained-image, .contained-text {
      position: absolute;
  }
  
  .contained-image {
    width: 300px;
      height: auto;
      pointer-events: none;
  }
  
  .contained-text {
    pointer-events: none;
  }
  
  .circle-container:hover {
    width: 450px;
      height: 450px;
  }
  
  */
  
  .orange-text-nus-1 {
    color: #F77C0C !important;
  }
  
  .turn-text-to-orange-a-1 {
      text-decoration: none !important;
      display: inline-block;
      padding-bottom: 20px;
  }
  
  .quick-link-homepage-divider {
      padding-left: 32px;
  }
  
  .quick-link-homepage {
      display: inline-block;
  }
  
  @media only screen and (min-width:920px) and (max-width:1200px) {
      .quick-link-homepage-divider  {
          padding-left: 20px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .quick-link-homepage-divider  {
          padding-left: 16px;
      }
  }
  
  @media only screen and (min-width:1px) and (max-width:767px) {
      .quick-link-homepage-divider  {
          padding-left: 12px;
      }
  }
  
  
  .turn-text-to-orange-a-1:hover {
      color: #F77C0C !important;
      text-decoration: none;
  }
  
  .job-opening-column {
      /*height: 500px !important;*/
  }
  
  @media only screen and (min-width:1200px) {
      .job-opening-column {
          /*min-height: 350px !important;*/
      }
  }
  
  .job-opening-3-column .fl-module-uabb-button {
      margin-top: auto;
  }
  
  .job-opening-column .uabb-heading-text {
  }
  
  @media only screen and (min-width:768px) and (max-width:992px) {
      .job-opening-column .uabb-heading {
          height: 90px !important;
      }
  }
  
  .more-info-orange-career:hover .uabb-heading-text{
      color: #F77C0C !important;
      text-decoration: none;
  }
  
  .nus-programmes-icon-button-1 {
      position: relative;
      bottom: 20px !important;
  }
  
  .ast-builder-menu-1 #ast-hf-menu-1 .menu-item {
      margin-right: 20px;
      /* font-family: "Helvetica Neue"; */
      color: #707070;
      text-transform: uppercase;
      padding-right: 20px;
      padding-left: 20px;
  }
  
  .ast-builder-menu-1 #ast-hf-menu-1 .menu-item .sub-menu .menu-link:hover {
      background-color: white;
  }
  
  .ast-builder-menu-1 #ast-hf-menu-1 .menu-item .menu-link:hover {
      color: #EF7C00;
  }
  
  .ast-builder-menu-1 #ast-hf-menu-1 .menu-item .menu-link {
      color: #707070;
      border-bottom: 0;
      white-space: nowrap;
      position: relative;
  }
  
  .ast-builder-menu-1 #ast-hf-menu-1 .menu-item .sub-menu {
      min-width: fit-content;
      background-color: white;
  }
  
  .ast-builder-menu-1 {
  }
  
  [aria-current]:not([aria-current="false"]) {
      font-weight: bold;
      color: #707070;
  }
  
  
  .ast-builder-menu-1 #ast-hf-menu-1 .menu-item:last-child {
      margin-right: 0px;
  }
  
  .ast-builder-menu-2 #ast-hf-menu-2 .menu-item {
      margin-right: 20px;
      /* font-family: "Helvetica Neue"; */
      padding-left: 20px;
  }
  
  .admin-bar .ast-mobile-header-content{
      top: 140px;
      height: calc(100vh - 140px);
  }
  
  .ast-mobile-header-content{
      z-index: 9999999;
      overflow-y: scroll;
      width: 100vw;
      height: calc(100vh - 92px);
      position: fixed;
      top: 92px;
      left: 0;
  }
  
  .ast-main-header-nav-open{
      overflow-y: hidden;
      height: 100vh;
      width: 100vw;
      position: fixed !important;
  }
  
  #ast-hf-mobile-menu{
      padding-top: 41px;
      padding-bottom: 30px;
  }
  
  #ast-hf-mobile-menu .menu-link{
      line-height: 1.45;
      padding: 8px 26px;
  }
  
  #ast-hf-mobile-menu .sub-menu{
      display: block !important;
      background-color: #ffffff;
  }
  
  #ast-hf-mobile-menu .sub-menu .menu-link{
      color: #003D7C !important;
      font-size: 24px !important;
      font-weight: 400 !important;
      line-height: 1.4;
      padding: 10px 26px;
  }
  
  #ast-hf-mobile-menu .ast-menu-toggle, 
  #ast-hf-mobile-menu .sub-menu .ast-icon.icon-arrow{
      display: none;
  }
  
  .ast-builder-menu-mobile #ast-hf-mobile-menu .menu-item-object-page .menu-link {
      text-align: center;
      color: #F67C0E;
      font-size: 32px;
      text-transform: uppercase;
      /* font-family: 'Helvetica Neue'; */
      font-weight: 700;
  }
  
  #ast-hf-mobile-menu {
      background-color: white;
  }
  
  .ast-builder-menu-mobile #ast-hf-mobile-menu .menu-item-object-custom .menu-link {
    text-align: center;
    color: #F67C0E;
    font-size: 32px;
    text-transform: uppercase;
    /* font-family: 'Helvetica Neue'; */
    font-weight: 700;
  }
  
  header .custom-logo-link img {
      height: 60px;
      object-fit: cover;
  }
  
  .dropdown-menu-toggle.ast-header-navigation-arrow {
      display: none;
  }
  
  p {
      margin-bottom: 0;
      line-height: 1.1;
      /* font-family: "Helvetica Neue"; */
  }
  
  h1, h2, h3, h4, h5, h6 {
      line-height: 1.2;
      /* font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; */
  }
  
  .uabb-heading-text {
      /* font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; */
  }
  
  .nus-programmes-icon {
      width: 100px;
  }
  
  /*
  .circle-background-homepage-hover-1 :hover {
    width: 450px;
      height: 450px;
  }
  */
  
  
  
  
  
  
  
  /*
  .bold-text-1-sr {
      font-size: 24px;
  }
  
  @media only screen and (min-width:920px) and (max-width:1100px) {
      .bold-text-1-sr {
          font-size: 12px;
      }
  }
  
  @media only screen and (min-width:768px) and (max-width:919px) {
      .bold-text-1-sr {
          font-size: 10px;
      }
  }
  */
  
  .card-0:hover .white-text-1 {
      color: #FFFFFF !important;
  }
  
  .card-1:hover .white-text-1 {
      color: #FFFFFF !important;
  }
  
  .card-2:hover .white-text-1 {
      color: #FFFFFF !important;
  }
  
  .card-3:hover .white-text-1 {
      color: #FFFFFF !important;
  }
  
  .card-4:hover .white-text-1 {
      color: #FFFFFF !important;
  }
  
  /* Adding margin to the top of the carousel dots */
  .slick-dots {
      margin-top: 39px !important;
     }
     
  
  /* Vertically aligning the awardees header text */
  .awardee-list-heading h3 {
      margin: 0 !important;
      padding: 0 !important;
  }
  
  /* Sizing the header sub menu to be consistent */
  .hero-submenu, .hero-submenu-desktop {
      list-style: none;
      padding: 0 !important;
      margin: 0 0 20px 0!important;
  }
  .hero-submenu {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .hero-submenu li {
      display: inline;
  }
  .hero-submenu-desktop li {
      display: inline;
  }
  
  .hero-submenu-desktop li.has-link {
      margin-left: 32px;
  }
  
  .hero-submenu li a {
      padding:0;
  }
  
  /* Scholarship links that need to be orange on hover */
  .hover-download-text-1 a:hover {
      color: #f77c0c !important;
      font-weight: 600 !important;
  }
  
  /* Job Opening zoom */
  .job-opening-zoom {
      overflow: hidden;
  }
  .job-opening-zoom div {
      transition: transform 0.3s ease;
  }
  .job-opening-zoom div:hover {
      transform: scale(1.05);
  }
  
  /* remove faculty logo */
  .nus-faculty-border, .nus-faculty-logo{
      display: none;
  }


  /* font family */

body, .uabb-heading-text, h1, h2, h3, h4, h5, h6, p, li, a, div, input, textarea, button, select, label, span {
    font-family: 'Roboto', Arial, sans-serif ;
} 

.menu-link {
    font-family: 'Roboto', Arial, sans-serif ;
}

html, body, * {
    font-family: 'Roboto', Arial, sans-serif ;
}

body, .uabb-heading-text, h1, h2, h3, h4, h5, h6, p {
  font-family: 'Roboto', Arial, sans-serif !important;
} 

.menu-link {
    font-family: 'Roboto', Arial, sans-serif !important;
}

p span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-family: 'Roboto', Arial, sans-serif !important;
}