html {font-size:18px; line-height: 150%;}
footer{min-height:400px;}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
/*TYPOGRAPHY*/

/*fonts*/
  body, .gs-title, .gs-snippet {font-family: 'Open Sans', sans-serif; font-size:1rem; font-display: swap;}
  blockquote, h1, h2, h3, .h3, h6, .h2, .lead, .nav-toplevel {font-family: 'Jost', 'Open Sans', sans-serif; font-display: swap; font-weight: 300;}
  h1, .h1, h2, .h2, h3, .h3, h6, .h6, .nav-toplevel {font-weight: 400;}
  .current {font-weight: 700;}

/*sizes*/
  blockquote {font-size:1.2rem;}
  blockquote cite {font-size:.8rem; display:block; margin-top:1rem;}
  figcaption {padding-top:.5rem;}
  h1, h3, .h3, h5, h6 {text-transform: uppercase;}
  h1, .h1 {font-size:3rem; line-height: 100%; text-transform: uppercase;}
      #article h1 {font-size:2rem; line-height: 100%; border-right:1px solid;}
      .block_header h1 {font-size:3rem; line-height: 100%;}
  h2, .h2 {font-size:1.8rem;}
      #article h2 {font-size:1.75rem; text-transform: none;}
      .col h2 {text-align:left;}
  h3, .h3 {font-size:1.3rem;}
  h4 {font-size:1.2rem; line-height: 140%;}
  h5 {font-size:1rem; font-weight: 700;}
  h6, .h6 {font-size:.75rem; margin: 1rem 0 0 0;}
  footer, nav {font-size:.9rem;}
  .credit {font-size: .6rem; line-height: 120%; text-transform: uppercase;}
  .display-5 {font-size: 2.5rem;}
  .submenu {font-size: .8rem;}

blockquote {padding:2rem;}
footer {padding:6rem 0rem;}
section, figure {padding:2rem 0rem;}
	@media (max-width: 992px) {section {padding:1rem;} }
section.image_header, section.block_featured, section.block_image {padding:0rem 0rem;}
section.block_break {margin:-2rem; padding:0rem;}
	@media (max-width: 992px) {section.block_break {margin:-3rem;} }
.block.bg-transparent + .block.bg-transparent {padding: 0rem 0rem 3rem 0rem;}
.dropdown-toggle, .dropdown-menu, .dropdown-item {white-space: normal;}
.lead {font-size:1.4rem; margin-bottom: 2rem;}
.tags a:hover {text-decoration:none;}
.bg-transparent+.textblock {margin: 0rem auto -1.5rem auto; padding:0rem; max-width: 768px;}
.textblock h2:not(:first-of-type) {margin-top:2rem;}
.textblock ol li {margin-bottom:.4rem;}
.textblock ul {padding-left:2rem;}
.textblock ul li {list-style-type:circle; padding-bottom: .4rem;}
	@media (max-width: 992px) {.row>div {padding:1rem 0rem;} }
.row .textblock {padding:1rem;}
.textblock {max-width: 670px; margin:0 auto;}


/*COLOURS*/

  /*Primary medium blue*/
  a,  blockquote, .publications a {color: #0d74a3 !important;}
  .btn-outline-primary:hover {background-color: #0d74a3 !important;}
  .publications {border-color: #0d74a3 !important;}
  .pinned {border-left:3px solid #0d74a3;}

  /*Secondary dark blue*/
  a:hover, h1, h2, .h2, h3, .h3, .bg-primary h1, .btn-outline-primary, .dropdown strong, .listContainer.text_on_image a,
  .MarkupPagerNavOn a, .navbar a {color: #04425c !important;}
  .btn-primary:hover, .card-img-overlay {background-color:#04425c!important;}

  /*Light*/
  #calendar a, .bg-dark a, .bg-dark h3, .bg-dark .h3, .bg-primary a, .bg-secondary h3, .bg-secondary a h3, .bg-secondary h1 {color:#f3f2f5 !important;}
  .bg-light, .btn-hover, .MarkupPagerNav a {background-color: #f3f2f5 !important;}
  /*bde3de*/

  /*Black-ish*/
  body {color:#2d272a !important;}
  .bg-dark, .btn-secondary:hover, .listContainer.text_on_image .listItem:hover .list-text {background-color: #2d272a !important;}
  .bg-gradient-t { background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 100%); }

  /*Greyed out*/
  a.text-muted, .text-muted, .credit {opacity: 0.6;}

  /*purple*/
  .accent {color:#584992 !important;}
  .accent-light {color:#d6d3ed !important;}
  .btn-primary {background-color: #584992 !important;}
  .btn-outline-primary {border: 2px solid #584992;}

    /*green*/
  .status-2 {background-color: #9fa738;}

  /*White*/
  .bg-dark, .bg-dark h1, .bg-dark h2, .bg-dark .h2, .bg-image, .bg-image h1, .bg-image h2, .bg-image h3, .bg-image .h3, .bg-primary, .btn-primary, .btn-primary:hover,
  .bg-secondary, .bg-secondary a, .bg-secondary h2, .bg-secondary h2:before, .btn a, .btn-secondary, .bg-success a, .btn-outline-primary:hover, .listContainer.text_on_image
  .listItem:hover .list-text a, .recommended a, .text-white {color: #FFF !important;}
  .btn-secondary:hover, .bg-white {background-color: #FFF !important;}
  .bg-semi {background-color: rgba(255,255,255,.75);}

    /*none*/
    a.dropdown-item:hover {background-color: transparent !important;}


/*BOOTSTRAP OVERRIDE*/
button.navbar-toggler {border-width:0px;}
input.form-control {border-width: 1;  border-radius:0;}
nav {z-index:100;}
nav .nav-toplevel {text-transform: uppercase;}
.navbar .dropdown-menu {border:0; border-radius: 0; box-shadow: 0px 10px 33px -22px rgba(69,69,69,1); padding:1rem;}
.btn {border-radius:0; cursor:pointer;  }
.btn-primary {border:0;}
.card {border:0;}
.card-img-overlay {height:50%;}
	@media (max-width: 992px) { .card-img-overlay {height:100%;}}
.embed-responsive {padding:0; margin:0 0 2rem 0;}
.form-control {border-radius:0;}

/*TEMPLATE SPECIFIC*/
#ac_site nav.acs {display:none;}
#articles .seeall {display:none;}
#calendar {width: 100%;margin: 0 auto;}
#events ul.list>li {list-style-type: none;}
#home .image_over_text.listContainer {margin-top:-1.5rem;}
#home .image_over_text img {width:75%;}
#projectList ul {padding:0; margin:0; list-style-type: none;}
#projectList .project-meta div {padding: 1rem; border-bottom: 1px solid #d8d9d5;}

/*BLOCK SPECIFIC*/
.block_code {z-index:100;}
.block_dropdown {padding:0;}
.block_dropdown .dropdown h5 {margin-top:1.5rem;}
.block_dropdown .dropdown strong {font-size:4.5rem; float:left; height: 100%; padding-right:1rem;}
.block_featured .featured {height: 18rem;}
.block_featured .depth-0 .featured {height: 100%;}
.block-feature-partial .featured {min-height:250px;}


.block_header {margin-bottom:-1.5rem; position: relative; }
.block_header img {z-index: -1; position:relative;}
.block_header .block_headerText {
  top:50px;
  left:0;
  padding:2rem;
  overflow:hidden;
  width:500px;
  position:absolute;
  text-align: left;
  z-index:1;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
.block_header .block_headerText img {max-width:80%;}
.image_header .imgDesc {
  color:#FFF;
  text-shadow: 1px 1px #666;
  font-size:.8rem;
  position:absolute;
  bottom:5%;
  right:5%;
 }
@media (max-width: 720px) {
  .block_header img {width:720px;}
}
@media (max-width: 992px) {
  .block_header img {width:992px;} }
@media (max-width: 1400px) {
  .image_header .imgDesc {top:3%; left:5%;}
  .block_header {
    margin-bottom:0;
    width: 100vw; left: calc(-1 * (100vw - 100%) / 2);}
  .block_header .block_headerText{
    clip-path: none;
    margin-top:-3rem;
    padding:1rem;
    top:0; left:0;
    text-align: center;
    position:relative;
    width:100%;
  }

}


.block_tweet .MarkupTwitterFeed {padding:0; margin:0;}
.recommended .row div {min-height: 250px;}

/*blocks - publications*/
.oarPubs .row {justify-content: center;}
.oarPubs img {width:100%;}
.oarPubs a.image-link {min-height:220px; margin-bottom:1em; display:block;}
    @media (max-width: 1024px) {.oarPubs a.image-link {min-height:120px;}}
.oarPubs .oarDesc {font-size:80%; margin-bottom:1em; display:block;}
.publications {border: 8px solid; min-height:350px;}
.pubs {min-height:200px;}

/*lists*/

    /*all horizontal lists*/
    .listContainer.horizontal {display: flex; flex-direction: row; flex-wrap: nowrap;  justify-content: center; align-items: flex-start;}
    .listContainer.horizontal .listItem {padding:0rem; text-align: center;}
        @media (max-width: 992px) {
            .listContainer.horizontal {flex-direction: column; align-items: center;}
          }
    .depth0 .listContainer.horizontal {}
    .depth1 .listContainer.horizontal {flex-basis: 50%; flex-wrap: wrap;}
    .depth2 .listContainer.horizontal {flex-direction: column;}

    /*vertical with thumbnail */
    .listContainer.general {margin-bottom:2rem;}
    .listContainer.general .list-acronym  {display:none;}
    .listContainer.general .listItem  {display:flex; margin-bottom: 1rem;}
    .listContainer.general .listItem a>img  {margin: 0 1rem 1rem 0;  border-radius: 50%; flex: 0 0 100px;}
    .listContainer.general .listItem .list-text  {flex: 1;}
    .listContainer.general .listItem img.placeholder  {height:100px; width:100px;}


    /* simple vertical list */
    .listContainer.plain .listItem {padding: .5rem 0rem;}
    .listContainer.plain .list-summary {font-size:0.8rem;}
        footer .listContainer.plain .list-summary {display:none;}

    /*slideshow */
    /* .listContainer.slideshow {width:100%; height:100%; position: relative;}
        @media (max-width: 768px) {.listContainer.slideshow {}}
    .listContainer.slideshow img {margin-bottom: .5rem;}
    .listContainer.slideshow .list-summary {display:none;}
    .listContainer.slideshow .list-title {font-size:120%;}
    .listContainer.slideshow .list-acronym {display:none;}
    .listContainer.slideshow .slider-btn {position:absolute; cursor:pointer;}
    .listContainer.slideshow .slider-btn.slider-l {bottom:5%; left:-40px;}
    .listContainer.slideshow .slider-btn.slider-r {bottom:5%; right:-40px;} */

    /* darkened image with text overlay, horizontal */
    .listContainer.text_on_image {height:100%; padding:0; text-transform: uppercase; }
    .listContainer.text_on_image .listItem {flex-basis:240px; flex-grow: 0; position:relative; }
    .listContainer.text_on_image .listItem:hover img {opacity: 1; transition: opacity .5s}
    .listContainer.text_on_image .list-summary {display:none;}
    .listContainer.text_on_image a {height:100%; width:100%; text-decoration:none;}
    .listContainer.text_on_image a img {z-index: 2; opacity: .4; transition: opacity .5s}
    .listContainer.text_on_image .list-text {
      background-color:rgba(255,255,255,1);
      font-size:.7rem;
      font-weight:bold;
      padding:2%;
      position: absolute; top:50%; left: 50%;
      transform: translate(-50%, -50%);
      width:90%;
      z-index: 3;
    }

    /*Only text*/
    .listContainer.textOnly a {display:block; padding: 0rem 1rem;}
    .listContainer.textOnly .list-summary {display:none;}

    /*thumbnail with text below */
    .listContainer.image_over_text .listItem {flex-basis:240px; padding:1rem;}
    .listContainer.image_over_text .listItem>a img {margin-bottom:.5rem; width:80%;}
    .listContainer.image_over_text .list-summary {display:none;}
    .listContainer.image_over_text .list-text {text-align: center; font-size: 80%;}
        @media (max-width: 992px) {
            .listContainer.image_over_text .listItem {flex:100%;}
            .listContainer.image_over_text .listItem>a img {margin: .5rem 0 0 0rem;}
            .listContainer.image_over_text .list-text {display:block;}
        }

    .listTable {text-align:center;}


/* SLIDER */
/* .slick-slide {opacity:.4; transition: opacity 1s;}
.slick-slide .list-text {opacity:0; transition: opacity 1s;}
.slick-slide.slick-current {opacity:1; transition: opacity 1s;}
.slick-slide.slick-current .list-text {opacity:1; transition: opacity 1s;}
.slick-slide img {border:5px solid #FFF;} */

/*UTILITIES*/

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bg-blur {filter: blur(4px); -webkit-filter: blur(4px);}
.bg-gradient {background-image: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 90%);}
.bg-image {background-position: center; background-size: cover; overflow: hidden;}
.bg-multiply {background-blend-mode: darken;}
/*.bg-zoom {background-size: 100%; transition: background-size ease-out 2s;}
.bg-zoom:hover {background-size: 105%; transition: background-size ease-out 2s;}*/
.breakout{position: relative; width: 100vw; left: calc(-1 * (100vw - 100%) / 2);}
    @media (min-width: 1900px) { .breakout{width: 1900px; left: 50%; transform: translateX(-50%);} }
.blockImage.breakout {min-height: 800px; color:#FFF;}

.collapser>a, .collapser>a[aria-expanded="false"]:after, .collapser>a:not(.collapsed):after {content:"▼";}
.collapser>a[aria-expanded="true"]:after {content:"▲";}

.MarkupPagerNav {display: block; margin: 1em 0;}
.MarkupPagerNav a {padding: .4em .6em; margin-right:.2em;}
.menu-flex {display:flex;}
.parallax {}
.point-tl {clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);}
    @media (max-width: 992px) {.point-tl {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
.point-tr img {clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); transition:clip-path .3s;}
.point-tr img:hover {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition:clip-path .5s;}
.point-bl {clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);}
    @media (max-width: 992px) {.point-bl {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
.point-br img {clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);}
.sort.desc::after {content:"▼"}
.sort.asc::after { content: "▲"}
.submenu {position: fixed; top:10rem; padding:2rem; width:15rem; max-height:40vw; overflow-y: auto; overflow-x: hidden; z-index:101;}
    @media (max-width: 1600px) {
      .submenu {display:none;}
    }
.tag {display:inline-block; margin: 0 5px 5px 0; padding:4px 6px; font-size:80%;cursor:pointer;}
.tag:hover {text-decoration:none;}
.text-shadow {text-shadow: 1px 1px 1px #666; }
.timeline .chair-1 {display:none;}
.vCenter {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/*Google custom search*/
.gs-snippet {font-size: 1rem;}
.gs-title a {font-size: 1.2rem;}
.gsc-control-wrapper-cse {padding:0px !important; margin:0px !important;}
.gsc-cursor-page {padding:5px 8px;}
.gsc-result-info {display: none;}
.gsc-webResult {border-left:0px !important;}
.gcsc-branding {display: none;}

/*Twitter api */
.MarkupTwitterFeed li {list-style-type: none; padding:10px 0; margin:0; font-size: 120%}
.MarkupTwitterFeed .date {display: block; margin-top:5px; font-size: 70%}

/*cookie banner */
.cookie-banner {
	position: fixed;
	bottom: 40px;
	left: 10%;
  right: 10%;
  width: 80%;
  /* display: flex; */
  align-items: center;
  /* justify-content: space-between; */
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.cookie-banner .close {
  cursor: pointer;
}