@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);
}

div.loading {
	text-align: center;
}


/* 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: grey;
  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: none;
  margin-bottom: 0px;
}
html.is_mobile.main_ndm div#site-header nav {
  display: none;
}

html.is_mobile.main_ndm a#primary-logo img {
    margin: 0px 0px 25px 0px;
	
}

@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;
}












#tropmed_map_v2 {
    overflow-x: auto;
    max-width: 100%;
    position: relative;
}
#tropmed_map_v2 .hover_area {
    position: absolute;
    width: 30px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 100;
    cursor: pointer;
}
#tropmed_map_v2 .hover_area a {
    display:inline-block;
    width:100%;
    height:100%;
}
#tropmed_map_v2 .pointer {
    z-index: 50;
    position: absolute;
    opacity: 0;
}
#tropmed_map_v2 .pointer img {
    width: 60px;
    height: 60px;
}
#tropmed_map_v2 #oucru_hover {
    left: 870px;
    top: 185px;
}
#tropmed_map_v2 #oucru_pointer {
    left: 869px;
    top: 168px;
}
#tropmed_map_v2 #oucru_hanoi_hover {
    left: 860px;
    top: 100px;
}
#tropmed_map_v2 #oucru_hanoi_pointer {
    left: 854px;
    top: 90px;
}
#tropmed_map_v2 #oucru_nepal_hover {
    left: 720px;
    top: 50px;
}
#tropmed_map_v2 #oucru_nepal_pointer {
    left: 715px;
    top: 41px;
}
#tropmed_map_v2 #eocru_hover {
    left: 874px;
    top: 307px;
}
#tropmed_map_v2 #eocru_pointer {
    left: 870px;
    top: 293px;
}
#tropmed_map_v2 #mocru_hover {
    left: 820px;
    top: 145px;
}
#tropmed_map_v2 #mocru_pointer {
    left: 795px;
    top: 123px;
}
#tropmed_map_v2 #smru_hover {
    left: 835px;
    top: 130px;
}
#tropmed_map_v2 #smru_pointer {
    left: 814px;
    top: 122px;
}
#tropmed_map_v2 #moru_hover {
    left: 845px;
    top: 155px;
}
#tropmed_map_v2 #moru_pointer {
    left: 828px;
    top: 145px;
}
#tropmed_map_v2 #lomwru_hover {
    left: 850px;
    top: 105px;
}
#tropmed_map_v2 #lomwru_pointer {
    left: 830px;
    top: 96px;
}
#tropmed_map_v2 #comru_hover {
    left: 860px;
    top: 155px;
}
#tropmed_map_v2 #comru_pointer {
    left: 850px;
    top: 148px;
}
#tropmed_map_v2 #kilifi_hover {
    left: 445px;
    top: 280px;
}
#tropmed_map_v2 #kilifi_pointer {
    left: 436px;
    top: 266px;
}
#tropmed_map_v2 #nairobi_hover {
    left: 425px;
    top: 280px;
}
#tropmed_map_v2 #nairobi_pointer {
    left: 415px;
    top: 260px;
}
#tropmed_map_v2 #uganda_hover {
    left: 405px;
    top: 250px;
}
#tropmed_map_v2 #uganda_pointer {
    left: 395px;
    top: 245px;
}
#tropmed_map_v2 #oxford_hover {
    left: 150px;
    top: 38px;
}
#tropmed_map_v2 #oxford_pointer {
    left: 150px;
    top: 23px;
}
/*#tropmed_map_v2 #oxford_hover {*/
/*    left: 4.6%;*/
/*    top: 4%;*/
/*}*/
/*#tropmed_map_v2 #oxford_pointer {*/
/*    left: 3.3%;*/
/*    top: -9%;*/
/*}*/
#tropmed_map_v2 .info {
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: 0;
}
#tropmed_map_v2 .info.pacific {
    left: 955px;
    top: 134px;
}
#tropmed_map_v2 .info.atlantic {
    left: 955px;
    top: 34px;
}
#tropmed_map_v2 .info.indian {
    left: 520px;
    top: 230px;
    width: 190px;
    height: 50px;
}
#tropmed_map_v2 .info.oxford {
    left: 10px;
    top: 150px;
}
#tropmed_map_v2 .info img {
    width: 120px;
	background-color: #fff;
    padding: 20px;
}
#tropmed_map_v2 .info.oxford img {
    width: 220px;
	background-color: #fff;
    padding: 20px;
}
#tropmed_map_v2 .info.indian img {
    width: 270px;
	background-color: #fff;
    padding: 15px;
}
#tropmed_map_v2 #lomwru_info img {
    width: 165px;
	background-color: #fff;
    padding: 20px;
}
#tropmed_map_v2 #mocru_info img {
    width: 145px;
	background-color: #fff;
    padding: 20px;
}
#tropmed_map_v2 #moru_info img {
    width: 130px;
	background-color: #fff;
    padding: 20px;
}
#tropmed_map_v2 #comru_info img {
    width: 155px;
	background-color: #fff;
    padding: 20px;
}

















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;
  color: #002147;
}
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;
}

/* ndm site header and footer width change */
@media (min-width: 1200px) {
  html.main_ndm div#site-header, html.main_ndm footer#site-footer {
    width:100%;
    max-width: 2560px;
  }
}

#dab15160-df04-48fe-b3f5-4dc87c9d26b9 h1,
#dab15160-df04-48fe-b3f5-4dc87c9d26b9 .lead {
    text-shadow: 2px 2px 0px hsla(0, 0%, 0%, 0.64);
}
#fb502c8a-1df5-47d4-9044-aa8ba885a360 h1,
#fb502c8a-1df5-47d4-9044-aa8ba885a360 .lead {
    text-shadow: 2px 2px 0px hsla(0, 0%, 0%, 0.64);
}
#c8d75fbe-887d-4aea-9011-fc0be3af0e00 h1,
#c8d75fbe-887d-4aea-9011-fc0be3af0e00 .lead {
    text-shadow: 2px 2px 0px hsla(0, 0%, 0%, 0.64);
}
#a05ff9a5-7be4-4816-8969-0d173cfeb1bd h1,
#a05ff9a5-7be4-4816-8969-0d173cfeb1bd .lead {
    text-shadow: 2px 2px 0px hsla(0, 0%, 0%, 0.64);
}

/*@media screen and (max-width: 767px) {
  .cs-fae8a532-2d2e-4585-a376-ca08fa451b9a {
      background-position: center center!important;
      width: 100%!important;
      max-width: 100%!important;
      background-repeat: no-repeat!important;
      background-size: cover!important;
      background-image: url(https://www.ndm.ox.ac.uk/images/site-logos/footer-hr-logos)!important;
  }
}
*/
/*div#sabl ul#structure>li ul {
    display: none;
}
*/

html.is_mobile div#c37978a1-ef23-4903-8e9e-bef7c4a628ad iframe {
	height: 50vh;
}


/* hr site health and wellbeing page - image adjustment - can delete after sharepoint! */
div#ad97102f-49dc-4525-a793-cee6acc5e3ec, div#d388a75e-c602-4ccd-b388-ad10bec5c30b, div#a5547efb-c0f9-4c81-ac0e-d7bd463d86dd {
    margin-top: -45px;
}

div#d31ae2af-0feb-452e-b9d6-4f96bea6d9b9 .rich-text h2 {
	border-bottom: none!important;
}

/*html.main_ndm a.btn-primary {
	color: white;
}
*/
html.main_ndm .btn-primary::after {
    right: -1.16rem;
}
table.sortable tr:nth-child(odd) {
	background-color: white !important;
}
div.cs-4ddf2d88-6f0f-4730-9edc-f2635f9c4e78 {
	padding-left:0px;
	padding-right:0px;
}
div.cs-4ddf2d88-6f0f-4730-9edc-f2635f9c4e78 div.iframe-container {
	padding-top:0px;
}
/*html.main_ndm div#site-header nav[role="navigation"] {
	border-bottom-color: #FFF;
}
html.main_ndm div#content {
	border-top: 1px solid #002147;
}*/
span.arrow_font {
	font-family: "arial";
}
html.main_ndm div#c8b48c65-cf1f-4b84-957d-7b3a2b7e478c p, html.main_ndm div#c8b48c65-cf1f-4b84-957d-7b3a2b7e478c h3, html.main_ndm div#c8b48c65-cf1f-4b84-957d-7b3a2b7e478c h3 a, div#d5ff7d91-6472-49bd-9f85-01991cd7411f h3 a {
	color: white !important;
}


html.main_ndm div#c8b48c65-cf1f-4b84-957d-7b3a2b7e478c h3 {
	display: block;
}
div.job-accordion div.panel-heading p {
	text-transform: none;
}
div.jobs_container {
	margin-bottom: 30px;
	position: relative;
}
div.job {
	/*padding: 10px;*/
	margin-top: 25px;
	margin-bottom: 10px;
}
div.job:last-of-type {
	margin-bottom: 40px;
}
div.job.expanded {
	/*background-color: #ebf0fe;*/
}
div.job h3 a {
	color: #1d3850;
	text-decoration: none;
}
div.job h3::after {
  content: "▸"; /* Right-facing triangle */
  display: inline-block;
  /*margin-left: 5px;*/
  font-size: larger;
  /*vertical-align: text-bottom;*/
}

div.job.expanded h3::after {
  content: "▾"; /* Down-facing triangle */
}

body.userrole-anonymous div#site-actions {
	display: none;
}
body.userrole-anonymous div#site-actions-footer {
	/*display: none !important;*/
}
html.main_ndm div#mapid .collaborator h2 {
	font-size: 20px;
}
html.main_ndm div#mapid .collaborator p {
	font-size: 14px;
}

html.main_ndm div[itemtype="http://schema.org/Person"] {
	margin-top: 15px;
}

html.main_ndm div[itemtype="http://schema.org/Person"] h1 {
	padding-top: 0px;
}



/*div {
	display:none;
}*/



