@import "tingle.css"; 
@import "https://tools.ndm.ox.ac.uk/haiku_assets/fontawesome-free-5.3.1-web/css/all.css"; 

@font-face {
  font-family: FontAwesome;
  src: url(https://tools.ndm.ox.ac.uk/haiku_css/fa-solid-900.ttf);
}


/* style ndm dashboard button on profile pages */
a#ndm_dashboard_button {
    margin: 3px 0px 3px 3px;
    background-color: #fb7500;
    border-color: #ffa659;
}
a#ndm_dashboard_button:hover {
    background-color: #ffa659;
}

/* style embed buttons container on embed edit popup on profile pages  */
div#embed_buttons {
    width: 100%;
    border: 2px solid #fb7500;
    padding: 8px;
    margin-bottom: 10px;
}
div#embed_buttons h3 {
    width: 176px;
    margin-top: -25px;
    margin-left: 5px;
    background: white;
    font-size: 21px;
    padding: 0px 5px 5px 5px;
    padding-right: 5px;
}

/* login dialog for remote content pages */
#confirm
{
    display: none;
    background-color: #91FF00;
    border: 1px solid #aaa;
    position: fixed;
    width: 250px;
    left: 50%;
    margin-left: -100px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
}
#confirm button {
    background-color: #48E5DA;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 5px;
    text-align: center;
    width: 100px;
    cursor: pointer;
}
#confirm .message
{
    text-align: left;
}

/* make single line video titles as tall as ones with two line titles */
.cover-list-tile figcaption {
    min-height: 62px;
}

/* make image copyright text sit to the right rather than left in carousels */
.carousel-inner .item .copyright {
    display:none;
}

/* well homepage styling for cath green student advert */
div#b3d09865-82e6-4fc6-9317-e82117ec5461 div.box-featured {
    background-color: #008d36;
}
div#b3d09865-82e6-4fc6-9317-e82117ec5461 div.box-featured h3 {
    color: #FFF;
    text-align: center;
}
div#b3d09865-82e6-4fc6-9317-e82117ec5461 div.box-featured h3 a, div#b3d09865-82e6-4fc6-9317-e82117ec5461 div.box-featured p a, div#b3d09865-82e6-4fc6-9317-e82117ec5461 div.box-featured h4 {
    color: #FFF;
}

/* increased cell padding for tables inside accordions */
div.list-accordion table td {
    padding: 5px;
}

/* Test opacity issue for darren demo */
/*.cs-c5be9349-cc82-444d-b8fb-c37db02f78fb, .cs-adcced8d-4de1-4376-82ec-f2c54977b459 {*/
/*    background-color: rgba(21,00,94,0.6)!important;*/
/*}*/

div.cover-featured-tile.tile-content.box-featured {
    transition: ease 0.3s;
}
div.cover-featured-tile.tile-content.box-featured:hover {
    transform: scale(1.05);
}

/*div.cs-d7527e23-4730-4e04-aadf-a64dad067bcd {*/
/*    background-image: none !important;*/
/*}*/

.next_slide_link {
    color: #fff;
    font-size: 4em;
    position: absolute;
    bottom: 20px;
    top: auto;
    text-align: center;
    z-index: 1000;
    width: 100%;
}
.next_slide_link:before {font-family: 'FontAwesome'; content: '\f078';}

/* ndm homepage demo test */
div.cs-e3c6e4ce-673e-4a14-838a-0eb5a960244c iframe {
    width: 100%;
}
div.cs-e3c6e4ce-673e-4a14-838a-0eb5a960244c iframe {
    height: 600px;
}
div.cs-e3c6e4ce-673e-4a14-838a-0eb5a960244c iframe body {
    overflow: hidden;
}
i.fa.fa-bars:before {
  font-family: 'FontAwesome'; content: '\f0c9'; font-style: normal;
}
i.fas.fa-times:before {
  font-family: 'FontAwesome'; content: '\f00d'; font-style: normal;
}
div#nav_opener {
  position: absolute;
  top: 20px;
	right: 20px;
	z-index: 10000;
	background-color: rgba(00,33,71,0.5);
  width: 70px;
  height: 70px;
  border-radius: 100px;
}
div#nav_opener.expanded {
	background-color: rgba(00,00,00,0);
}
div#nav_opener span.plus-minus {
  vertical-align: middle;
  display: block;
  font-size: 36px;
  color: white;
  line-height: 70px;
  text-align: center;
  font-style: normal;
}
div#nav_opener span.plus {
  display: block;
}
div#nav_opener span.minus {
  display: none;
}
div#nav_opener.expanded span.plus {
  display: none;
}
div#nav_opener.expanded span.minus {
  display: block;
}
ul.footer-logos img {
	min-width: auto;
}

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
}





/*ndm homepage slide test*/
.slider {
  position: relative;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*transform: translate(-50%, -50%);*/
  /*width: 400px;*/
  width: 100%;
  /*height: 320px;*/
  /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);*/
}

.slider .wrapper {
  overflow: hidden;
  position: relative;
  background: #FFF;
  z-index: 1;
  height: 320px;
}

.slider #items {
  width: 10000px;
  position: relative;
  top: 0;
  left: -370px;
}

.slider #items.shifting {
  transition: left .2s ease-out;
}

.slider .slide {
  width: 352px;
  height: 300px;
  cursor: pointer;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 1s;
  position: relative;
  /*background: #FFCF47;*/
  background: #FFF;
  margin-left: 10px;
  margin-right: 10px;
}
.slider .slide:hover {
    transform: scale(1.03);
}
.slider .slide .logo {
  padding: 0px;
  height: 50%;
  position: relative;
}
.slider .slide .logo img {
  position: absolute;
  bottom: 0px;
  left:10%;
  width: 80%;
}
.slider .slide p {
  padding: 10px;
  height: 50%;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
.slider .slide .link {
    /*width: 60px;*/
    /*height: 60px;*/
    color: red;
    font-size: 40px;
    position: absolute;
    bottom: 15px;
    right: 8px;
    display:none;
}
.slider .slide:hover .link {
    display:block;
}

/*.slider.loaded .slide:nth-child(2),*/
/*.slider.loaded .slide:nth-child(7) {*/
/*  background: #FFCF47;*/
/*}*/
/*.slider.loaded .slide:nth-child(1),*/
/*.slider.loaded .slide:nth-child(6) {*/
/*  background: #7ADCEF;*/
/*}*/
/*.slider.loaded .slide:nth-child(3) {*/
/*  background: #F97C68;*/
/*}*/
/*.slider.loaded .slide:nth-child(4) {*/
/*  background: #a78df5;*/
/*}*/
/*.slider.loaded .slide:nth-child(5) {*/
/*  background: #ff8686;*/
/*}*/

.slider .control {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  margin-top: -20px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.slider .prev,
.slider .next {
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.slider .prev {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);
  left: -20px;
}

.slider .next {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);
  right: -20px;
}

.slider .prev:active,
.slider .next:active {
  transform: scale(0.8);
}

/*ndm website mobile adjustments section*/
html.is_mobile.main_ndm div#site-wrapper {
        padding-left: 0px;
        padding-right: 0px;
}

html.is_mobile.main_ndm h3, html.is_mobile.main_ndm h2, html.is_mobile.main_ndm p {
  padding-left: 5px;
  padding-right: 5px;
  /*background-color:red;*/
}
html.is_mobile.main_ndm div#site-header header {
  background-color: #002147;
  margin-bottom: 0px;
}
html.is_mobile.main_ndm div#site-header nav {
  display: none;
}

@media (min-width: 768px) {
  html.main_ndm .container {
    width: auto;
  }
}

@media (min-width: 1200px) {
  html.main_ndm .container {
    width: 1170px;
  }
}

/*ndm homepage slide test 2*/
.slider2 {
  position: relative;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*transform: translate(-50%, -50%);*/
  /*width: 400px;*/
  width: 100%;
  /*height: 300px;*/
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.slider2 .wrapper {
  overflow: hidden;
  position: relative;
  background: #FFF;
  z-index: 1;
}

.slider2 #items {
  width: 10000px;
  position: relative;
  top: 0;
  left: -380px;
}

.slider2 #items.shifting {
  transition: left .2s ease-out;
}

.slider2 .slide {
  /*width: 380px;*/
  /*height: 300px;*/
  cursor: pointer;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 1s;
  position: relative;
  background: #FFCF47;
  margin-right: 20px;
}
.slider2 .slide :hover {
  /*transform: rotate(2deg) scale(1.1);*/
}
.slider2 .slide h3 {
  margin: 0px;
}

.slider2.loaded .slide:nth-child(2),
.slider2.loaded .slide:nth-child(7) {
  background: #FFCF47;
}
.slider2.loaded .slide:nth-child(1),
.slider2.loaded .slide:nth-child(6) {
  background: #7ADCEF;
}
.slider2.loaded .slide:nth-child(3) {
  background: #F97C68;
}
.slider2.loaded .slide:nth-child(4) {
  background: #a78df5;
}
.slider2.loaded .slide:nth-child(5) {
  background: #ff8686;
}

.slider2 .control {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  margin-top: -20px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.slider2 .prev,
.slider2 .next {
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.slider2 .prev {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);
  left: -20px;
}

.slider2 .next {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);
  right: -20px;
}

.slider2 .prev:active,
.slider2 .next:active {
  transform: scale(0.8);
}

/*ndm homepage slide test 3*/
.slider3 {
  position: relative;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*transform: translate(-50%, -50%);*/
  /*width: 400px;*/
  width: 100%;
  height: 50px;
  /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);*/
}

.slider3 .wrapper {
  overflow: hidden;
  position: relative;
  background: #FFF;
  z-index: 1;
}

.slider3 #items {
  width: 10000px;
  position: relative;
  top: 0;
  /*left: -370px;*/
}

.slider3 #items.shifting {
  transition: left .2s ease-out;
}

.slider3 .slide {
  width: 208px;
  height: 50px;
  cursor: pointer;
  float: left;
  /*display: flex;*/
  /*flex-direction: column;*/
  justify-content: center;
  transition: all 0.4s;
  position: relative;
  /*background: #FFCF47;*/
  background: #FFF;
  /*margin-left: 10px;*/
  /*margin-right: 10px;*/
  margin: 10px;
}
.slider3 .slide:hover {
    /*transform: scale(1.1);*/
}
.slider3 .slide:hover img {
  transition: all 0.4s;
    transform: scale(1.15);
    border: solid 2px #002147;
}
.slider3 .slide .logo {
  padding: 0px;
  /*height: 50%;*/
  position: relative;
}
.slider3 .slide .img_cont {
  /*width: 60%;*/
  width: 100%;
  max-height: 100%;
  position: absolute;
  bottom: 0px;
  left: 50%;
  text-align: center;
  margin-left: -50%;
  /*bottom: 300px;*/
  /*-webkit-box-reflect: below 10px linear-gradient(#ffffff00, #ffffff42);*/
}
.slider3 .slide .img_cont img {
  max-width: 100%;
  max-height: 50px;
}
.slider3 .slide p {
  padding: 10px;
  height: 50%;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
.slider3 .slide .link {
    /*width: 60px;*/
    /*height: 60px;*/
    color: red;
    font-size: 40px;
    position: absolute;
    bottom: 15px;
    right: 8px;
    display:none;
}
.slider3 .slide:hover .link {
    display:block;
}

/*.slider3.loaded .slide:nth-child(2),*/
/*.slider3.loaded .slide:nth-child(7) {*/
/*  background: #FFCF47;*/
/*}*/
/*.slider3.loaded .slide:nth-child(1),*/
/*.slider3.loaded .slide:nth-child(6) {*/
/*  background: #7ADCEF;*/
/*}*/
/*.slider3.loaded .slide:nth-child(3) {*/
/*  background: #F97C68;*/
/*}*/
/*.slider3.loaded .slide:nth-child(4) {*/
/*  background: #a78df5;*/
/*}*/
/*.slider3.loaded .slide:nth-child(5) {*/
/*  background: #ff8686;*/
/*}*/

.slider3 .control {
  position: absolute;
  top: 75%;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  margin-top: -20px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.slider3 .prev,
.slider3 .next {
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.slider3 .prev {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);
  left: -20px;
}

.slider3 .next {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);
  right: -20px;
}

.slider3 .prev:active,
.slider3 .next:active {
  transform: scale(0.8);
}
div.rich-text ul li {
  margin: 0px;
}


/* #image map test */
.is_mobile #tropmed_map img#main_map {
  max-width: 100%;
  height: auto;
}
.is_mobile #tropmed_map .pointer {
  opacity: 1;
  width: 60px;
  height: 60px;
}
.is_mobile #tropmed_map .pointer img {
  width: 40px;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#tropmed_map {
    overflow-x: auto;
    max-width: 100%;
    position: relative;
}
#tropmed_map .hover_area {
    position: absolute;
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 100;
    cursor: pointer;
}
#tropmed_map .hover_area a {
    display:inline-block;
    width:100%;
    height:100%;
}
#tropmed_map .pointer {
    z-index: 50;
    position: absolute;
    opacity: 0;
}
#tropmed_map .pointer img {
    width: 60px;
    height: 60px;
}
#tropmed_map #oucru_hover {
    left: 803px;
    top: 118px;
}
#tropmed_map #oucru_pointer {
    left: 791px;
    top: 98px;
}
#tropmed_map #oucru_hanoi_hover {
    left: 787px;
    top: 9px;
}
#tropmed_map #oucru_hanoi_pointer {
    left: 778px;
    top: -11px;
}
#tropmed_map #oucru_nepal_hover {
    left: 682px;
    top: 8px;
}
#tropmed_map #oucru_nepal_pointer {
    left: 669px;
    top: -12px;
}
#tropmed_map #eocru_hover {
    left: 813px;
    top: 202px;
}
#tropmed_map #eocru_pointer {
    left: 800px;
    top: 182px;
}
#tropmed_map #mocru_hover {
    left: 703px;
    top: 41px;
}
#tropmed_map #mocru_pointer {
    left: 691px;
    top: 21px;
}
#tropmed_map #smru_hover {
    left: 727px;
    top: 61px;
}
#tropmed_map #smru_pointer {
    left: 714px;
    top: 41px;
}
#tropmed_map #moru_hover {
    left: 737px;
    top: 85px;
}
#tropmed_map #moru_pointer {
    left: 724px;
    top: 65px;
}
#tropmed_map #lomwru_hover {
    left: 757px;
    top: 45px;
}
#tropmed_map #lomwru_pointer {
    left: 744px;
    top: 25px;
}
#tropmed_map #comru_hover {
    left: 776px;
    top: 107px;
}
#tropmed_map #comru_pointer {
    left: 764px;
    top: 87px;
}
#tropmed_map #kilifi_hover {
    left: 445px;
    top: 195px;
}
#tropmed_map #kilifi_pointer {
    left: 432px;
    top: 175px;
}
#tropmed_map #nairobi_hover {
    left: 406px;
    top: 163px;
}
#tropmed_map #nairobi_pointer {
    left: 395px;
    top: 143px;
}
#tropmed_map #uganda_hover {
    left: 379px;
    top: 151px;
}
#tropmed_map #uganda_pointer {
    left: 366px;
    top: 131px;
}
#tropmed_map #oxford_hover {
    left: 44px;
    top: 28px;
}
#tropmed_map #oxford_pointer {
    left: 31px;
    top: 8px;
}
/*#tropmed_map #oxford_hover {*/
/*    left: 4.6%;*/
/*    top: 4%;*/
/*}*/
/*#tropmed_map #oxford_pointer {*/
/*    left: 3.3%;*/
/*    top: -9%;*/
/*}*/
#tropmed_map .info {
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: 0;
}
#tropmed_map .info.pacific {
    left: 955px;
    top: 34px;
}
#tropmed_map .info.atlantic {
    left: 955px;
    top: 34px;
}
#tropmed_map .info.indian {
    left: 550px;
    top: 200px;
    width: 190px;
    height: 50px;
}
#tropmed_map .info.oxford {
    left: 10px;
    top: 150px;
}
#tropmed_map .info img {
    width: 120px;
}
#tropmed_map .info.indian img {
    width: 190px;
}
#tropmed_map #lomwru_info img {
    width: 180px;
}
#tropmed_map #mocru_info img {
    width: 155px;
}
#tropmed_map #moru_info img {
    width: 130px;
}
#tropmed_map #comru_info img {
    width: 155px;
}
div.social_buttons {
  float: left;
  padding-top: 12px;
  margin-left: 25px;
}
/*a.apply_button {*/
/*  float:left;*/
/*}*/
div#modal_share_buttons {
  /*display: none;*/
  text-align: center;
  margin-top: 20px;
}
div#modal_share_buttons div.social_icon {
  /*float: left;*/
  display: inline-block;
  padding: 10px;
  /*width: 100px;*/
  /*height: 100px;*/
}
div#modal_share_buttons div.social_icon iframe {
  vertical-align: bottom;
}
div#modal_share_buttons div.social_icon a.email {
  background-color: #a02018!important;
  border: 0!important;
  border-radius: 2px!important;
  box-sizing: border-box!important;
  color: #fff!important;
  cursor: pointer!important;
  display: inline-block!important;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif!important;
  font-weight: 600!important;
  overflow: hidden!important;
  outline-width: 2px!important;
  position: relative!important;
  text-align: center!important;
  text-decoration: none!important;
  vertical-align: middle!important;
  white-space: nowrap!important;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  padding: 0px 5px;
}
div#modal_share_buttons div.social_icon a.email:hover {
  background-color: #c72b21!important;
}
div#modal_share_buttons div.social_icon a.email span.link_text {
  margin-left: 4px;
}
div#modal_share_buttons div.social_icon a.copy_link {
  background-color: #6d6d6d!important;
  border: 0!important;
  border-radius: 2px!important;
  box-sizing: border-box!important;
  color: #fff!important;
  cursor: pointer!important;
  display: inline-block!important;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif!important;
  font-weight: 600!important;
  overflow: hidden!important;
  outline-width: 2px!important;
  position: relative!important;
  text-align: center!important;
  text-decoration: none!important;
  vertical-align: middle!important;
  white-space: nowrap!important;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  padding: 0px 5px;
}
div#modal_share_buttons div.social_icon a.copy_link:hover {
  background-color: #525252!important;
}
div#modal_share_buttons div.social_icon a.copy_link span.link_text {
  margin-left: 4px;
}
/*div.share_modal div.content {*/
/*  width: 250px;*/
/*  height: 250px;*/
/*}*/
div#modal_share_buttons {
  display: block;
  width: 100%;
  /*height: 50px;*/
}
div.share_modal div.tingle-modal-box {
  max-width: 500px;
}
a.share_button {
  font-size: 18px;
  padding-top: 3px;
  padding-bottom: 3px;
}
a.share_button span.link_text {
  margin-left:6px;
}
div#modal_copy_success {
  padding-top: 10px;
  border: solid 1px #bbb;
  padding: 10px;
  text-align: center;
  display: none;
  /*min-height:45px;*/
}
div.share_buttons {
  display: none;
}
a#primary-logo img {
  margin-top: 20px;
}
p.clear_both {
  clear: both;
}

#institutes_map .hover_area {
    position: absolute;
    width: 142px;
    height: 144px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    border-radius: 500px;
    z-index: 100;
    cursor: pointer;
}
/*#institutes_map .hover_area a {
    display:inline-block;
    width:100%;
    height:100%;
}
*/
#institutes_map #ndms_hover {
    left: 557px;
    top: 37px;
    background-color: rgba(0,0,0,0);
}
#institutes_map #tdi_hover {
    left: 843px;
    top: 85px;
    background-color: rgba(0,0,0,0);
}
#institutes_map #centre_container {
    position: absolute;
    left: 408px;
    top: 442px;
    display: none;
}
#institutes_map .tdi_pointer {
    position: absolute;
    display: none;
}
#institutes_map #tdi_pointer_1 {
    left: 320px;
    top: 414px;
}
#institutes_map #tdi_pointer_2 {
    left: 867px;
    top: 561px;
}
#institutes_map #tdi_pointer_3 {
    left: 610px;
    top: 582px;
}