@import "tingle.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 */
/*#tropmed_map img#main_map {*/
/*  max-width: 100%;*/
/*  height: auto;*/
/*}*/
#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;
}
#tropmed_map #oucru_hover {
    left: 819px;
    top: 118px;
}
#tropmed_map #oucru_pointer {
    left: 807px;
    top: 98px;
}
#tropmed_map #oucru_hanoi_hover {
    left: 803px;
    top: 9px;
}
#tropmed_map #oucru_hanoi_pointer {
    left: 794px;
    top: -11px;
}
#tropmed_map #oucru_nepal_hover {
    left: 698px;
    top: 8px;
}
#tropmed_map #oucru_nepal_pointer {
    left: 685px;
    top: -12px;
}
#tropmed_map #eocru_hover {
    left: 829px;
    top: 202px;
}
#tropmed_map #eocru_pointer {
    left: 816px;
    top: 182px;
}
#tropmed_map #mocru_hover {
    left: 719px;
    top: 41px;
}
#tropmed_map #mocru_pointer {
    left: 707px;
    top: 21px;
}
#tropmed_map #smru_hover {
    left: 743px;
    top: 61px;
}
#tropmed_map #smru_pointer {
    left: 730px;
    top: 41px;
}
#tropmed_map #moru_hover {
    left: 753px;
    top: 85px;
}
#tropmed_map #moru_pointer {
    left: 740px;
    top: 65px;
}
#tropmed_map #lomwru_hover {
    left: 773px;
    top: 45px;
}
#tropmed_map #lomwru_pointer {
    left: 760px;
    top: 25px;
}
#tropmed_map #comru_hover {
    left: 792px;
    top: 107px;
}
#tropmed_map #comru_pointer {
    left: 780px;
    top: 87px;
}
#tropmed_map #kilifi_hover {
    left: 461px;
    top: 195px;
}
#tropmed_map #kilifi_pointer {
    left: 448px;
    top: 175px;
}
#tropmed_map #nairobi_hover {
    left: 422px;
    top: 163px;
}
#tropmed_map #nairobi_pointer {
    left: 411px;
    top: 143px;
}
#tropmed_map #uganda_hover {
    left: 395px;
    top: 151px;
}
#tropmed_map #uganda_pointer {
    left: 382px;
    top: 131px;
}
#tropmed_map #oxford_hover {
    left: 60px;
    top: 28px;
}
#tropmed_map #oxford_pointer {
    left: 47px;
    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;
    left: 995px;
    top: 34px;
}
#tropmed_map .info img {
    width: 120px;
}
/*#tropmed_map #hcmc_info {*/
/*    right: 81px;*/
/*    top: 34px;*/
/*}*/