@charset "UTF-8";
/* SITE SPECIFIC INCLUDES============================================== */

/* DEBUGGING=========================================================== */

/* FONTS=============================================================== */
.icon-datacite{
  background-image : url(../images/static/datacite.png);
  background-size: cover;
  display: inline-block;
  height: 15px;
  width: 15px;
}

/* STANDARD============================================================ */
.image-top-right {float:right; margin:0 0 20px 20px;}
.clear {clear:both;}
.hidden {display:none;}
.pointer {cursor:pointer;}
.stretch {width:100%;}
.v-space-top {margin-top:10px;}
.v-space-bottom {margin-bottom:10px;}
.h-space-left {margin-left:10px;}
.h-space-right {margin-right:10px;}
.fa-spacer {width:8px;}
.fa-with-space {margin-right:10px;}
.fa-with-space-right {margin-left:10px;}
.fa-sm {font-size:0.8em; padding-top:4px;}
.col-first {padding-left:0;}
.col-last {padding-right:0;}

.smaller {font-size:0.8em;}
.stackable {margin-bottom:5px;}

/* MENU */
.dropdown-submenu {position:relative;}
.dropdown-submenu>a:after {content:"\f105"; float:right; border:none;  font-family:'Font Awesome 5 Pro';}

.navbar-toggler {border:none; padding:0; outline:none;}
.navbar-toggler:focus {box-shadow:none;}
.navbar-toggler .hamburger-toggle {position:relative; display:inline-block; width:50px; height:50px; z-index:11; float:right;}
.navbar-toggler .hamburger-toggle .hamburger {position:absolute; transform:translate(-50%, -50%) rotate(0deg); left:50%; top:50%; width:50%; height:50%; pointer-events:none;}
.navbar-toggler .hamburger-toggle .hamburger span {width:100%; height:4px; position:absolute; background:#333; border-radius:2px; z-index:1; transition:transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out; left:0px;}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {top:10%; transform-origin:50% 50%; transform:translate(0% -50%) !important;}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {top:50%; transform:translate(0, -50%);}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {left:0px; top:auto; bottom:10%; transform-origin:50% 50%;}
.navbar-toggler .hamburger-toggle .hamburger.active span {position:absolute; margin:0;}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {top:45%; transform:rotate(45deg);}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {left:50%; width:0px;}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {top:45%; transform:rotate(-45deg);}

/* CORE================================================================ */
main.sticky-footer {padding-top:146px;} /*sticky footer 80*/
.main-menu {border-radius:0;}

.page-container h1 {margin-bottom:20px !important;}

/* BOOTSTRAP CUSTOMISATIONS */
.col-compressed {width:auto !important; flex:none !important; -ms-flex:none !important; max-width:none !important;}
.bg-light {background-color:#f5f5f5 !important;}
label {font-weight:bold;}
label.form-check-label {font-weight:normal;}
.tab-pane {padding-top:10px;}

/*Select2*/
.select2-container--open {z-index:9999999;}

/* APPLICATION SPECIFIC */
.main-navbar {border-bottom:0;}

#map {width:100%; height:400px;}
#dtresults {font-size:0.8em;}

.partner-card {display:contents;}
.page-faq .card {margin-bottom:20px;}

/*Search Results*/
/* Map */
.info h3 {font-size:1rem;}
/* Datatables */
.page-item.active .page-link {color:#081f2c; background-color:#6bbbae; border-color:#081f2c;}
.page-link {color:#6bbbae;}
.page-link:hover {color:#081f2c;}
#dtresults_previous .page-link:focus, #dtresults_next .page-link:focus {color:#081f2c; background-color:#6bbbae; border-color:#081f2c; box-shadow:0 0 0 .25rem rgba(185,220,210,0.5);}
div.dataTables_wrapper div.dataTables_info {padding-top: .45em;}

.staff-row .card-img-top {width:100%; height:350px; object-fit:cover; vertical-align:middle;}
.staff-row .mba-card-img-top {height:515px;}
.staff-row .card-body {min-height:165px;}

/* Youtube Embedding */
.embed-wrap {height:0; max-width:100%; overflow:hidden; padding-bottom:56.25%; position:relative;}
.embed-wrap iframe, .embed-wrap video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}

/* MEDIA */
/* ============ menu desktop view ============ */
@media all and (min-width:992px) {
   /*Multi-layer menu*/
   .dropdown-menu {left:-2px; z-index:1030;}
   .dropdown-submenu {position:relative;}
	.dropdown-menu li {position:relative;}
	.nav-item .submenu {display:none; position:absolute; left:100%; top:0; border-top-left-radius:0; border-top-right-radius:0;}
	.nav-item .submenu-left {right:100%; left:auto; border-top-left-radius:0; border-top-right-radius:0;}
	.dropdown-menu > li:hover > .submenu {display:block;}

   /* HARD CODINGS */
   #menu_tools_nca {width:350px;}
}
/* ============ menu desktop view .end// ============ */

/* ============ menu small devices ============ */
@media (max-width:991px) {
  /* .dropdown-menu .dropdown-menu {margin-left:0.7rem; margin-right:0.7rem; margin-bottom:.5rem;} */
  main.sticky-footer {padding-top:60px;} /*sticky footer 80*/
  .staff-row .card-img-top {height:auto;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width :320px) {
   .footer .container {margin-top:5px;}
   .footer .container .col-lg-12 {padding:0;}
}