footer{min-height:400px;}


/*TYPOGRAPHY*/
body, .gs-title, .gs-snippet {font-family: 'Open Sans', sans-serif; font-size:1.05rem; line-height: 1.6;}
blockquote {font-size:1.2rem; clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);}
blockquote cite {font-size:.8rem; display:block;}
figcaption {font-size:80%; padding-top:.5rem;}
h1 {border-bottom: 3px solid; padding-bottom:5px; font-size:2.8rem; line-height: 90%; font-weight:bold; text-transform: uppercase;}
	@media (max-width: 992px) { h1 {font-size:2rem;}}
h2 {font-size:1.8rem; text-align:center; text-transform: uppercase; text-weight:bold;}
h3, h4 {font-weight:300;}
h6 {font-size:.8rem; text-transform: uppercase; font-weight: bold;}
.dropdown-toggle, .dropdown-menu, .dropdown-item {white-space: normal;}
.lead {font-weight:300; font-size:1.4rem; line-height: 120%;}
	/*@media (max-width: 992px) { .lead {font-size:1.2rem;}}*/
/* .lead, #basic main .textblock:first-of-type p:first-of-type {font-weight:300; font-size:1.4rem;} */

.tags a:hover {text-decoration:none;}
.textblock {max-width:750px; margin:0 auto; padding:2rem;}
.textblock.bg-transparent {padding:0rem;}
/*COLOURS*/
	/*NB: Variables not supported by IE, don't use for anything critical*/
	:root {
		--bg-light: #D3EBFA;
		--bg-primary: #5AA0D2;
		--bg-secondary: #004877;
	}

	/*Primary*/
	a, a:hover, h1, h4 a, .publications a {color: #5AA0D2 !important;}
	.publications {border-color: #5AA0D2 !important;}	
	header nav li:hover {border-bottom: 1px solid #5AA0D2;}
	.btn-outline-primary {border: 5px solid #5AA0D2;}

	/*Secondary*/
	h2, .btn-outline-primary, .btn-primary:hover .dropdown strong, .MarkupPagerNavOn a, .navbar a {color: #004877 !important;}
	.card-img-overlay {background-color:#004877!important;}
	h2:before {display: block; content: ''; background-color: #004877; height: 5px; width:200px; margin:3rem auto .5rem auto;}

	/*Light*/
	#calendar a, .bg-dark a, .bg-secondary a {color:#dce2e6 !important;}	
	.btn-hover, .MarkupPagerNav a, .tag {background-color: #dce2e6 !important;}
	.bg-secondary h2:before {background-color: #dce2e6 !important;}

	/*White*/
	blockquote, .bg-dark, .bg-dark h2, .bg-primary, .btn-primary, .btn-primary:hover, .bg-secondary, .bg-secondary h2, .bg-secondary h2:before, .btn-secondary, .bg-success a, .btn-outline-primary:hover, .jumbotron, .jumbotron h1, .listContainer.text_on_image a, .text-white {color: #FFF !important;}
	.bg-white {background-color: #FFF !important;}
	header nav li {border-bottom: 1px solid #FFF;}
	
	/*Black-ish*/
	body {color:#222;}

	/*Greyed out*/
	a.text-muted, .text-muted, figcaption {opacity: 0.6;}
    
    /*orange*/
    a.text-edit {color:#a37700 !important;}


/*BOOTSTRAP OVERRIDE*/
button.navbar-toggler {border-width:0px;}
input.form-control {border-width: 1;  border-radius:0;}
nav {z-index:100;}
.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;}
.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;}
/*jumbotron image holder*/
.jumbotron {background-size: cover; height:600px; text-align: right; position: relative;  z-index:0;}
	@media (max-width: 992px) { .jumbotron {height:300px;}}
	@media (min-width: 2000px) { .jumbotron {height:700px;}}
/*jumbotron text holder*/
.jumbotron>div {margin-top:0px; z-index:100;}
	@media (max-width: 992px) {.jumbotron>div {margin-top:0px;}}
.jumbotron .point-tl {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%); padding:30px; width:50%; margin-left:50%;}
	@media (max-width: 992px) {.jumbotron .point-tl {width:100%; margin-left:0%; margin-top:0px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }}

/*TEMPLATE SPECIFIC*/
#ac_site nav.acs {display:none;}
#ac_site .head-default {margin-top:150px;}
#ac_site .jumbotron {margin-top:115px;}
/*#ac_site .seeall {display:none;}*/
#ac_site .wg-site-header {position:absolute; top:-30px; left:0; width:100%;}

#articles .seeall {display:none;}

#events .seeallevents {display:none;}

#home .dropdown h5 {margin-top:1.5rem;}
#home .dropdown strong {font-size:4.5rem; float:left; height: 100%; padding-right:1rem;}
#home .jumbotron {margin-top:-120px;}
	@media (max-width: 992px) { #home .jumbotron {margin-top:0px; } }
#home .jumbotron>div {margin-top:100px;}
	@media (max-width: 992px) { #home .jumbotron>div {margin-top:200px;} }
#home .list-topics {margin-top:-100px !important; z-index:1;}
	@media (max-width: 992px) { #home .list-topics {margin-top:150px !important;} }
	@media (max-width: 768px) { #home .list-topics {margin-top:170px !important;} }
    @media (max-width: 576px) { #home .list-topics {margin-top:230px !important;} }

/*LIST TYPES*/

.listContainer {padding:20px 0px;}

/*vertical with thumbnail */
.listContainer.general {margin-bottom:2rem;}
.listContainer.general .list-acronym  {display:none;}
.listContainer.general .list-title  {font-size:120%;}
.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;}


.listContainer.horizontal {display: flex; flex-direction: row; flex-wrap: nowrap; padding:.7rem 0rem 0rem; align-items: center; justify-content: center; margin-bottom:1rem;}
.listContainer.horizontal .listItem {flex: 1; flex-basis:0; flex-grow:1; padding:0rem; text-align: center;}
	@media (max-width: 992px) {.listContainer.horizontal {flex-direction: column;} }
.depth1 .listContainer.horizontal, .depth2 .listContainer.horizontal {flex-direction: column;}

.listContainer.plain .listItem {padding: .7rem 0rem; border-bottom:1px solid var(--bg-light);}
.listContainer.plain .list-summary {font-size:80%;}

.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;}

.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;}

.listContainer.text_on_image {padding:0; text-transform: uppercase;}
.listContainer.text_on_image .listItem {padding:0px; position:relative; background-color: #333;}
	@media (max-width: 992px) {.listContainer.text_on_image .listItem {width:60%; margin:0 auto;}}
.listContainer.text_on_image .list-summary {display:none;}
.listContainer.text_on_image a {height:100%; }
.listContainer.text_on_image a:hover {opacity:0.7; text-decoration:none;}
.listContainer.text_on_image img {z-index: 2; opacity:0.3; width:100%;}
.listContainer.text_on_image .list-text {font-weight:bold; width:100%; z-index: 3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.listContainer.textOnly {border-top: rgba(0, 72, 119, .1) 1px solid; border-bottom: rgba(0, 72, 119, .1) 1px solid; }
.listContainer.textOnly a {display:block; padding:20px;}
.listContainer.textOnly .list-summary {display:none;}

.listContainer.image_over_text {text-align:center; display:table; table-layout: fixed;}
.listContainer.image_over_text .listItem{display: table-cell;  vertical-align: top;}
	@media (max-width: 992px) {.listContainer.image_over_text .listItem {display:block; width:60%; margin:auto; padding-bottom:1rem;}}
.listContainer.image_over_text .listItem>a { height:200px; padding:1rem; width:100%; text-align:center;}
/*.listContainer.image_over_text .listItem>a img {width:80%;}*/
.listContainer.image_over_text .list-summary {display:none;}
.listContainer.image_over_text .list-text {text-align:center;}

.listTable {text-align:center;}

/*UTILITIES*/
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#calendar {width: 100%;margin: 0 auto;}
.bg-blur {filter: blur(4px); -webkit-filter: blur(4px);}
.bg-image {background-position: center; background-size: cover;}
.bg-multiply {background-blend-mode: darken;}
.breakout{position: relative; width: 100vw; left: calc(-1 * (100vw - 100%) / 2);}
	/*@media (min-width: 1400px) { .breakout{width: 80vw; left: calc(-1 * (80vw - 100%) / 2);} }*/
.blockImage.breakout {min-height: 800px; color:#FFF;}

.featured {background-blend-mode: multiply; height:400px; overflow: hidden; background-size: cover;}

.MarkupPagerNav {display: block; margin: 1em 0;}
.MarkupPagerNav a {padding: .4em .6em; margin-right:.2em;}
.menu-flex {display:flex;}

/*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;}


.parallax {background-attachment: fixed;}
.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%);}
.publications {border: 8px solid; min-height:350px;}
.pubs {min-height:200px;}
.tag {display:inline-block; margin: 0 5px 5px 0; padding:4px 6px; font-size:80%;}
.tag:hover {text-decoration: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%}