/*---------------------------------
	Colours
-----------------------------------*/

.blue {
	background-color:transparent;
	color:#007ab7;
}
.blue .bg, .blue.bg {
	background-color: #007ab7;
	color: #FFF;
}

.green {
	background-color:transparent;
	color:#4a7f3c;
}
.green .bg, .green.bg {
	background-color: #4a7f3c;
	color: #FFF;
}

.orange {
	background-color: transparent;
	color:#ff7c08;
}
.orange .bg, .orange.bg {
	background-color: #ff7c08;
	color:#FFF;
}
.dark {
	background-color: transparent;
	color: #333;
}
.dark .bg, .dark.bg {
	background-color:#333;
	color:white;
}
.white {
	color:#FFF;
}

.white .bg, .white.bg {
	background-color:#FFF;
	color:#5b5b5b;
}

.grey.bg {
	background-color:#f4f4f4;
}

.standard {
	color: #5b5b5b;
}

/*---------------------------------
	Typography
-----------------------------------*/
body {
	color: #5b5b5b;
	font-family: 'Roboto Condensed', sans-serif !important;
}
p {
	margin-bottom: 1.3rem;
}
h1 {	
	font-weight: 300;
	font-size:2.1rem;
	margin-bottom: 1rem;
	/*text-transform: lowercase;*/
}

h1.larger {
	font-size: 2.5rem;
}

h1.smaller {
	font-size: 1.85rem;
}

h1.straplinetop,
h2.straplinetop {
	font-family: 'Roboto Condensed', sans-serif !important;
	color:#FFF;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 14px;
	background-color: #000;
	font-size: 1.55rem;
	margin-bottom: 0;
}

@media screen and (max-width:768px) {
	h1.straplinetop,
	h2.straplinetop {
		letter-spacing: 3.5px;
		font-size: 1.35rem;
		max-width: 95%;
		margin:auto;
	}
}

h2 {
	font-weight: 300;
	font-size:1.85rem;
	margin-bottom: 1.85rem;
	width:100%;
}

h1.reverse, h2.reverse, h3.reverse {
	background-color: #007ab7;
	color:#FFF;
	margin-bottom: 1.8rem;
	padding: 0.5rem;
	position: relative;
}
.container .reverse:before {
	bottom: 0;
	content: "";
	background-color:#007ab7;
	position: absolute;
	top: 0;
	z-index: -1;
	left:-100vw;
	right:-100vw;
}
h2.larger {
	font-size:2.1rem;
}
h2.smaller {
	font-size:1.55rem;
}
h2 strong, h2 b {
	font-weight: 700;
}

h3 {
	font-size:1.2rem;
	font-weight:700;
}

a {
	color:#007ab7;
}
a:hover {
	text-decoration: none;
}


.line {
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #bbb;
	margin-bottom: 1rem;
}

.wf-loading h3.stencil {
	visibility: hidden;
}
.wf-active h3.stencil {
	visibility: visible;
}

.body blockquote {
	font-size: 1.5rem;
	line-height: 1.2;
	padding-left: 0.8rem;
	margin-right: 2rem;
	margin-top: 2rem;
	position: relative;
	color:#1e8dce;
}



.body blockquote:before {
	background:url(../img/quote-left.png) no-repeat;
	content: "";
	height:25px;
	left:-29px;
	position: absolute;
	top:0;
	width:29px;
	z-index: 1;
}
.body cite {
	display: block;
	padding-left:0.8rem;
	font-weight: 700;
	margin-top: -0.5rem;
	margin-bottom: 2rem;
}

@media screen and (max-width:575px) {
	.body blockquote, .body cite {
		margin-left: 2rem;
	}
}

.body .video_right,
.body .video_left,
.body .video_center {
	width: 500px;
	max-width: 100%;
}
.body .video_right {
	float:right;
	margin-left:1rem;
}
.body .video_center {
	margin: 1rem auto;
	width:600px;
}
.body .video_left {
	float:left;
	margin-right:1rem;
}
.TextformatterVideoEmbed {
	margin-bottom: 1rem;
}

.editlink {font-size: 0.9rem}

img {max-width: 100%;}

/*---------------------------------
	Rich Text
-----------------------------------*/
figure {
	display:table;
	width:1px;
	margin:1rem 0;
}

figure img {
	max-width: 100vw;
	-o-object-fit:cover;
	object-fit:cover;
}

figure.align_right,
img.align_right {
	float:right;
	margin: 0.3rem 0 1rem 1rem;
}
figure.align_left,
img.align_left {
	float:left;
	margin: 0.3rem 1rem 1rem 0;
}
figure.align_center,
img.align_center {
	margin:1rem auto;
}
img.align_center {
	display: block;  /*causes issue with figure*/
}
figcaption {
	background-color: #007ab7;
	color:#FFF;
	font-size: 0.9rem;
	padding:0.6rem;
}
figcaption p {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	/*figure {width:auto;}
	figure img {max-width: 100%;}*/
	figure.align_left, figure.align_right {
		float:none;
		margin-left: 0;
		margin-right:0;
	}
}

/*---------------------------------
	Matrix Fields Rich Text
-----------------------------------*/

.matrix-rt img {
	max-width: 100%;
}


/*=====================
  Matrix field timeline
 ======================*/
.timelinecontainer.formatrix img {
 	max-height: 300px;
}

@media (max-width: 991px) {
	.timelinecontainer.formatrix {
		background-image:none !important;
	}

}

/*---------------------------------
	Buttons
-----------------------------------*/
.btn {
	border-radius: 0;
	border:2px solid;
	color: #007ab7;
	font-size: 1.3em;
	font-weight: 700;
	min-width: 132px;
	padding: 0.4rem .75rem;
	transition: all 0.3s;
}
.btn:hover,
.btn:active
 {
	background-color: #007ab7;
	color:#FFF;
	border-color: #006598;
}
.btn-wider {
	min-width: 160px;
	white-space: normal; /*bs sets it to no-wrap*/
}
.btn-lg {
	border-width: 3px;
	font-size: 1.3em;
	font-weight: 400;
	min-width: 190px;
	padding: 0.6rem 1.2rem;
}

.btn-sm {
	padding:0.25rem 0.5rem;
	font-size:0.875rem;
}

.btn-form-inline {
	padding: 0.35rem 0.5rem;
	font-size: 0.975rem;
	min-width: 100px;
}

.btn-hand {
	cursor:pointer;
}
.btn.orange {
	color:#ff7c08;
}
.btn.orange:focus {
	box-shadow: 0 0 0 2px rgba(0, 122, 183,.25)
}
.btn.orange:hover,
.btn.orange:active
 {
	color:#FFF;
	background-color: #ff7c08;
	border-color: #da6802;
}
.btn.green {
	color:#4a7f3c;
}
.btn.green:focus {
	box-shadow: 0 0 0 2px rgba(0, 122, 183,.25)
}
.btn.green:hover,
.btn.green:active
 {
	color: #ff7c08;
}

.btn.white {
	color:#FFF;
}
.btn.white:hover {
	background:#FFF;
	color:#5b5b5b;
	border-color: #b9b9b9;
}
.btn.semi {
	background-color: rgba(0, 122, 183, 0.3);
}

.btn.white.semi {
	background-color: rgba(78, 78, 78, 0.37);
}

.btn.white.semi:hover {
	background: rgba(255, 255, 255, 0.58);
	color: #141414;
	border-color: white;
}

button.btn {
	cursor: pointer;
	background-color: #FFF; /*override bootstrap's grey bg colour*/
}

button.btn-go {
	min-width: auto;
	padding: 0.1rem 0.6rem;
	border-width: 1px;
	margin-left: -0.1rem;
	font-weight: normal;
	font-size: 1.1em;
	border-color: #ced4da;
	background-color: #f1f1f1;
	height: calc(2.25rem + 2px);
}
.btn-go:focus, .btn:focus, .btn.focus {
	box-shadow: none;
}
/*---------------------------------
	Forms
-----------------------------------*/

form.inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1rem;
	min-width: 275px;
}
form.inline .input {
	font-size: 0.8rem;
	padding: 0.3rem 0.5rem;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 250px;
	        flex: 0 0 250px;
}
form.inline input::-webkit-input-placeholder {
	color:#bcbcbc;
}
form.inline input::-moz-placeholder {
	color:#bcbcbc;
}
form.inline input:-ms-input-placeholder {
	color:#bcbcbc;
}
form.inline input::placeholder {
	color:#bcbcbc;
}

form.inline .submitright {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 33px;
	        flex: 0 0 33px;
	color:#FFF;
	background: #666;
	border:none;
	cursor:pointer;
}
form.inline .submitright i {
	font-size:1.2rem;
	margin-top: 5px;
	display: inline-block;
}

/*---------------------------------
	Inline search
-----------------------------------*/
form.inlinesearch {
	position: relative;
	width: 250px;
	height:39px;
}
form.inlinesearch .searchicon {
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;  
}

i.searchicon.icon-search {
    display: inline-block;
    padding-top: 10px;
    font-size: 1rem;
}

form.inlinesearch input {
  width: 100%;
  font-size: 0.9rem;
  position: relative;
  float: right;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border: 1px solid #b9b9b9;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-indent: 15px;
  height: 39px;
  z-index: 2;
  outline: none;
  color: #585858;
  /*background-color: #efefef;*/
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}
/*form.inlinesearch input:focus {
  width: 240px;
}*/

form.inlinesearch input:focus~.btnstyle {
  background-color: #282C37 !important;
  color: #fff;
  opacity: 0.9;
}

form.inlinesearch input:focus~.btnstyle .fa {
  color: #fff;
}

form.inlinesearch input:focus~.searchicon {
  opacity: 1;
  z-index: 3;
  color: #FFFFFF;
}

form.inlinesearch .btnstyle {
  top: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  line-height: 30px;
  z-index: 1;
  cursor: pointer;
  opacity: 0.6;
  color: #fff;
  z-index: 100;
  background-color: #000000;
  border: solid 0px;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}

form.inlinesearch .btnstyle .fa {
  line-height: 38px;
  margin: 0;
  padding: 0;
  text-align: center;
}

form.inlinesearch .btnstyle:hover {
  opacity: 0.9;
}

form.form-inline .form-control.mw-50 {
	display: inline-block;
	max-width: 50%;
}
form.signup .submitright {
	background: #ff7c08;
}

form#newsbymonth {
	margin:0.4rem 0;
}

form#newsbymonth .custom-select {
	border-radius: 0;
}

.form-control:focus {
	box-shadow: none;
}

/*---------------------------------
	Navigation/Header
-----------------------------------*/
section#navigation {
	overflow:visible; /*so search form can pop out at certain resolutions*/
}

#nav-mobile {
	display: none;
}

@media screen and (max-width:768px) {
	.socialcontainer {
		max-width: 70%; /*so we can get to the mobile navburger*/
	}
}

@media screen and (max-width:1200px) and (min-width: 1024px) {
	.navlogo {
		position: absolute;
		top: -4.3em;
		left: 1.2em;
	}
}

@media screen and (max-width:1023px) and (min-width:768px) {
	.navlogo {
		position: absolute;
		top: -4.3em;
		left: 3em;
	}	
}

.social {
	text-align: center;
	margin-top: 1.5rem;
}

.social i {
	padding:0.32rem;
	color:#FFF;
	min-width: 1.65rem;
	text-align: center;
}
.social .icon-envelop {
	background-color: #FF7D09;
}
.social .icon-facebook {
	background-color: #3B5998;
}
.social .icon-linkedin2 {
	background-color: #007bb6;
}
.social .icon-twitter {
	background-color: #00aced;
}

@media (min-width:1024px) {
	.social {
		text-align: right;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	#navigation .container {
		max-width: 92%;
	}
}
@media (max-width:992px) {
	.nav {
		text-align: center;
		display: block
	}
	.nav-link {
		display: inline-block;
	}
}
.navbar-toggler {
	padding: 0.25rem 0.55rem 0.55rem 0.55rem
}
.navbar-toggler-icon {
	width: 1.3em;
	height:1.3em;
}
.navbar-brand {
	margin-right: 1.5rem;
	padding-bottom: 0;
	padding-top: 0.4125rem;
	display: block;
	width:100%;
	text-align: center;
}

@media (min-width: 992px) {
	.navbar-brand {
		width:auto;
		display: inline-block;
	}
}

.navbar-brand img {
	height: auto;
	max-width: 190px !important;
}
.nav>.nav-link {
	color: #000;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 2rem;
	margin-top: 1.3em;
	padding: 0.2rem 1rem 0.3rem;
	text-transform: uppercase;
	-webkit-transition:all 0.2s;
	transition: all 0.2s;
	border-right:1px solid #FFF;
}
.nav>.nav-link.active,
.nav>.nav-link:hover {
	background-color:#007ab7;
	color:#FFF;
	border-color:#5294b5;
}
.nav {
	position:relative;
}
.nav form {
	margin:1.3rem auto 0.5rem auto;
	width: 250px;
}
@media (min-width: 1200px) {
	.nav form {
		position: absolute;
		right:0;
	}
}

@media (min-width: 992px) and (max-width:1199px) {
	.nav form {
		position: absolute;
		top: -49px;
		right: 117px;
	}
}
.nav>form #search,
.nav>form button {
	height: 31px;
	border-radius: 0;
	padding: 0 0.4rem;
	font-size: 0.9rem;
}
.nav>form #search:focus {
	box-shadow: none;
}
.nav>form button {
	background-color: #666;
	border-color:#666;
	cursor:pointer;
}

.subnav {
	background-color:#007ab7 ;
	width:100%;
	height:0;
	overflow: hidden;
	-webkit-transition:height 0.5s ease;
	transition: height 0.5s ease;
}

@media only screen and (min-width: 768px){
	.subnav.open {
		height:35px;
	}
}
.subnav .nav-link {
	color:#FFF;
	display: inline-block;
	font-size: 0.82rem;
	font-weight: 500;
	padding: 0.6rem;
	text-transform: uppercase;
}
.subnav.lower .nav-link {
	text-transform: lowercase;
	letter-spacing: 0.2px;
}
.subnav .nav-link.active,
.subnav .nav-link:hover {
	color:#ffb109;
}
.subnav a.nav-link:hover {
	text-decoration: underline;
}
.subnav .nav-link.heading {
	text-transform: uppercase;
	padding-right: 0;
}
.subnav .nav-link.heading:before {
	content: "|";
	color:#FFF;
	display: inline-block;
	margin-right: 1rem
}
.subnav .nav-link.heading:first-of-type:before {
	content: "";
	margin-right: 0;
}
.subnav .nav-link.heading:after {
	content: " :";
	color:#FFF;
	display: inline-block;
	/*margin-right: 1rem*/
}
.subnav .nav-link.heading+.nav-link {
	padding-left: 0.5rem;
}
.subnav .nav-link.subheading {
	opacity: 0.6;
}

#mobile-header {
    display: none;
}
@media only screen and (max-width: 767px){
    #mobile-header {
        display: block;
        margin:10px;
        position:absolute;
        top:4px;
        z-index: 1000;
    }
    .nav-link, .subnav .nav-link {
    	display: none;
    }
    .navbar-brand {
    	margin-bottom: 1em;
    }
}

.subhead {
	background-color:#000;
	padding:14px 0;
	border-top:5px solid #007ab7;
	border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.subhead h3 {	
	color:#FFF;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 0;
	text-transform: uppercase;
}

/*---------------------------------
	Specific Nav styles
-----------------------------------*/
@media only screen and (min-width: 768px){
	/*transition*/
	.wsmenu-list li > a {-webkit-transition: background 0.2s ease;transition: background 0.2s ease;}
	/*support us top-nav*/
	.wsmenu-list li > a.nav-1169 {background: #ff7c08;;color: #FFF;}

}

/*---------------------------------
	Sidr
-----------------------------------*/
/*.sidr {
	width:75%;
	max-width: 350px;
}
.sidr.left {
	left: -350px;
}
.sidr-class-nav-link a {
    background: #545454;
    color: #CCC;
    display: block;
    margin-top: 1px;
    padding: 10px;
    text-transform: uppercase;
}
.sidr-class-active>a {
	color:#ffb109 !important;
}
.sidr-class-subnav {
	display: none;
}
.sidr-class-open > .sidr-class-subnav {
	display: block;
}
.sidr-class-dropdown {
	position: relative;
}
.sidr-class-dropdown:after {
	content: ' + ';
	position: absolute;
	right:14px;
	top:-1px;
	font-size: 1.3rem;
	color:#bbb;
}
.sidr-class-dropdown.sidr-class-open:after  {
	content: ' - ';
	font-size: 2.5rem;
}
.sidr-class-dropdown .sidr-class-nav-link a {
	background-color: #6d6d6d;
	text-transform: none;
}

.sidr ul li ul li ul li a,
.sidr ul li ul li ul li span {
  background-color: #8a8a8a !important;
  padding-left: 50px;
}

.sidr form {
	display: none;
}
#mobile-menu-close {
	color:#CCC;
	display: block;
	font-weight: 700;
	margin: 0.5rem 1rem;
	text-align: right;
}
#mobile-menu-close:hover {
	text-decoration: none;
}*/
/*---------------------------------
	Hero/Jumbotron
-----------------------------------*/
.jumbotron {
	background-color: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}
.jumbotron .hero-overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.jumbotron .hero-overlay .container {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.jumbotron .hero-overlay .col-auto {
	max-width: 100%;
}
.jumbotron h1,
.jumbotron h2 {
	font-size:1.6rem;
	font-weight: 700;	
	/*text-transform: uppercase;*/
	margin-bottom:0.5rem;
}
.jumbotron p {
	font-size: 1.1rem;
}

@media (min-width: 1681px) {
	.home .jumbotron p {
		font-size: 1.4rem;
	}
}

@media (max-width: 767px) {
	.jumbo-content {
		text-align: center !important;
	}
}

p.info-hover {
	background:#000;
	color:#FFF;
	padding:0.25rem 0.9rem;
	border-radius: 50%;
	border: 1px solid #353535;
	position: absolute;
	bottom:1.0rem; 
	right:1rem;
	font-weight: bold;
	font-family: serif !important;
	font-style: italic;
	margin-bottom: 0;
	cursor:pointer;
	z-index: 102;  /* 1 less than megamenu */
}

p.info-hover.left {
	right:auto;
	left:0.4rem;
}


.hero-caption { /*.card-img-overlay*/
	position: absolute;
	top:auto;
	left:0;
	right:0;
	bottom:0;
	padding:1.25rem;
	background: rgba(0,0,0,0.6);
	color:white;
	text-align: left;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 101;

}
.hero-caption p {
	margin-bottom: 0;
	font-size:0.9rem;
	margin-left: 1rem;
}

/*give the i icon room t*/
.hero-caption.left p {
	padding-left:1.6rem;
}

.hero-caption.right p {
	padding-right:1.6rem;
}

.hero-caption a {
	color:#FFF;
	text-decoration: underline;
}

.hero-caption.on {
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
	opacity: 1 !important;
}

h1.bgpad {
	padding:0.2rem 0.9rem 0.4rem 0.9rem;
	
}

@media screen and (max-width:575px) {
	/*override alignment to centre for smaller screens */
	.jumbotron .hero-overlay .container {
		text-align: center !important;
		-ms-flex-pack: center !important;
		-webkit-box-pack: center !important;
		 justify-content: center !important;
	}
}

#hero .jumbotron .card {width:100%; max-height: 400px; overflow:hidden;}
.home #hero .jumbotron .card {max-height: 800px;}
#hero .jumbotron .hero-overlay .btn-lg {padding:0.3rem 1.6rem;}		

@media screen and (min-width:768px) {
	#hero .jumbotron .hero-overlay .btn {margin-top: 1rem;}		
	#hero .jumbotron .hero-overlay .btn-lg {padding:0.6rem 1.6rem;}		
}

/*@media (max-width: 400px) {
	.jumbo-content > div {
		margin-top: 2% !important;
		margin-top: 2vw !important;
	}
}*/

/*---------------------------------
	Jumbotron for matrix-page: image-text-overlay
-----------------------------------*/
.image-text-overlay .outer {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.image-text-overlay .jumbotron .card.svg {
	/*make overlay svg block images full width on larger screens*/
	/*otherwise limited to size of svg image*/
	width:100%; 
}

.image-text-overlay .hero-overlay>.container,
.image-text-overlay .hero-overlay>.container>.row {
	height:100%;
}

.image-text-overlay .image {
	position: relative;
	overflow: hidden;
}

.image-text-overlay .content {
	-ms-flex-preferred-size:auto;
	flex-basis:auto; /*fix for IE flex bug*/
	overflow-y: scroll;
	padding-left: 2rem;
	padding-right: 2rem;
	max-height: 100%;
}

.image-text-overlay h2 {
	margin-bottom: 1.2rem;
	margin-left: 1rem;
}

.image-text-overlay .content p {
	font-size:1rem;
}

@media screen and (max-width:767px) {
	.image-text-overlay .card-img-overlay {
		position: static;
	}	
	.image-text-overlay .content {
		overflow-y:visible;
		padding-top: 1rem;
	}

	.image-text-overlay p.info-hover.left {
		left:auto;
		right:1rem;
	}
}

@media screen and (max-width:575px) {
	.image-text-overlay .jumbotron .hero-overlay .container {
		text-align: left !important;	
	}
	.image-text-overlay h2 {
		margin-left: 0;
	}
}

/*---------------------------------
	Breadcrumbs
-----------------------------------*/
ul.breadcrumbs {
	list-style-type: none;
	padding-left: 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
ul.breadcrumbs li {
	display: inline-block;
	/*text-transform: lowercase;*/
}
ul.breadcrumbs li.home i {
	font-size: 1.3rem;
}

.breadcrumbs li span {
	font-size: 1.5rem;
	display: inline-block;
	margin-right: 0.3rem;
	margin-left: 0.2rem;
}

@media screen and (max-width:575px) {
	.home #hero + .mt6,
	.breadbin + .mt6 {
		margin-top: 2rem !important;
	}
}

/*---------------------------------
	Publications
-----------------------------------*/
.taxonomic .card {
	margin-bottom: 2rem;
	overflow: hidden;
}
.taxonomic a {
	text-decoration: none;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.5);
	color:#FFF;
	margin-bottom: 0;
	padding:0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.taxonomic a:hover {
	background-color: rgba(0,0,0,0);
}
.taxonomic p {
	padding:0.5rem;
	letter-spacing: 3px;
	margin-bottom: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	min-width: 80%;
	border:2px solid transparent;
	word-wrap:normal;
}

.taxonomic a:hover p {
	background-color: rgba(0,0,0,0.4);
	border-color:rgba(192,192,192,0.6);
}

.taxonomic img.card-img {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.taxonomic .card:hover img.card-img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

a.region:after {
	content: "|";
	margin-left: 0.5rem;
	margin-right: 0.4rem;
}
a.region:last-of-type:after {
	content: "";
}
/*---------------------------------
	Reports
-----------------------------------*/
.report .jumbotron h1,
.report .jumbotron h2 {
	font-size:2.45em;
	/*font-size:2.45vw;*/
	font-weight: 300;
	text-transform: none;	
}
.jumbotron h1 span,
.report .jumbotron h1 span,
.jumbotron h2 span {
	font-size:2em;
	display: block;
	/*display: inline-block;*/
}


.report .jumbo-content.align-right {
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
}


@media (max-width: 1199px) {
	.report .jumbo-content h1 span,
	.report .jumbo-content h2 span {
		font-size:inherit;
		/*margin-top:0;*/
	}
}

@media (min-width: 768px) {
	.report .jumbo-content .herocaption {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: none;
		max-width: none;
	}
	.report .jumbo-content.align-right .herocaption {
		-webkit-box-pack:end;
		    -ms-flex-pack:end;
		        justify-content:flex-end;
	}

	.report .herocaption h1 span {
		display: block;
	}
}

@media (max-width: 767px) {
	.report .jumbotron .card-img-overlay {
		top:auto;
	}
	.report .jumbo-content .align-right {
		position:static;
	}
	.report .jumbo-content h1,
	.report .jumbo-content h2 {
		font-size: 1.85em;
	}

	.jumbotron h1 span,
	.report .jumbotron h1 span,
	.jumbotron h2 span {
		font-size: 1.4em;
	}

	.jumbotron p,
	.jumbotron h1 small {
		font-size: 1rem;
	}
}

@media (max-width: 525px) {
/*	.report .jumbo-content div {
		margin-top: 1% !important; 
		margin-top: 1vw !important;
	}*/
	.report .jumbo-content h1,
	.report .jumbo-content h2 {
		font-size: 1.65rem; 
	}
}

@media (max-width:359px) {
	.jumbotron h1 span,
	.report .jumbotron h1 span,
	.jumbotron h2 span {
		font-size: 1.1em;
	}	
}

.btn.btn-report, .btn.yellow {
	background-color: #ffab1d;
	color: #3a3a3a;
	border-color: #ffab1d;
	font-weight: normal;
	text-transform: none;
	border-width:1px;
}

.btn.btn-report strong {
	font-weight: 700;
}
.btn.btn-report:hover, .btn.yellow:hover {
	background-color: #fd8403;
	border-color: #fd8403;
	color: #272727
}

/*@media (min-width: 576px) {
	.btn-report {
		position: absolute;
		top:1rem;
		right:0;
	}
}*/

.reports.pages.grey {
	background-color:#ececec;
}

.reports.pages h4 {
	font-weight: 700;
	font-size: 1.3rem;
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
}
.reports.pages .card.page {
	cursor:default;
}

.reports.pages .card.page img {
	border:1px solid #e4e4e4;
}

.report .at-share-btn-elements {text-align: center}
.report .at-resp-share-element .at-share-btn {min-width: 122px; text-align: left; padding:1px !important; margin:2.5px; -webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease; border-radius: 4px !important;}
.report .at-resp-share-element .at-share-btn:focus, .report .at-resp-share-element .at-share-btn:hover {-webkit-transform: none;transform: none; opacity:0.9;}
.report .at-resp-share-element.at-mobile .at4-share-count-container, .report .at-resp-share-element.at-mobile .at-label {display:inline-block;}

/*---------------------------------
	Bulletin
-----------------------------------*/
.bulletin h2 {font-size:1.75rem;}
.bulletin h3 {font-size:1rem;}
.bulletin .btn-lg {border-width: 2px;}
/*I think we should keep the links blue & obvious*/
/*.bulletin li a {color: #5b5b5b;}
.bulletin li a:hover {text-decoration: underline}*/
.bulletin .bold  {font-weight: 600;}
.bulletin img {max-width: 100%;margin-bottom: 2em;}

@media screen and (min-width:576px) {
/*	.bulletin ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-width: 200px;
		-moz-column-width: 200px;
		column-width: 200px;
	}	*/	
}

.bulletin ul {
	padding-left: 0.5rem;
}
.bulletin ul li {
	list-style-image: url(../img/bullet-doc.png);
	list-style-position: inside;
	text-indent: -16px;
    margin-left: 8px;
}
.bulletin ul li a:hover {
	text-decoration: underline;
}

.bulletin .editlink {position: absolute;right:-0.8em;bottom:0;}

/*single bulletins override bg colour and padding-top*/
.bulletin-single .bulletin>.grey {background:#FFF;padding-top: 4rem !important}

/*---------------------------------
	News Article/Reports
-----------------------------------*/
.article .summary {
	font-size: 1.4rem;
}
.article .summary hr {
	margin-top: 3rem;
}

.article .contacts {
	/*max-width: 100%;*/
	margin-bottom: 1.2rem;
	margin-top: 1rem;
}
.article .contacts .inner {
	border-top: 2px solid #007ab7;
	padding:1rem;
	padding-top: 0.7rem;
	font-size:1.0rem;
}
.article .contacts p {
	/*margin-bottom: 0;*/
}
.article .contacts h3 {
	color: #007ab7;
	font-size: 1.2rem;
}
.article .contacts span {
	font-weight: 600;
}

.article .notes h3 {
	color:#007ab7;
}

.article .organisations p {
	margin-bottom: 0.8rem;
}
.article .organisations h3 {
	font-size: 1.1rem;
	color:#007ab7;
}

.article .organisations .logo.box {
	max-width: 260px;
	padding:0.7rem;
	margin: -1.25rem 0 0.25rem 0.5rem;
}

@media screen and (max-width:575px) {
	.article .organisations .logo.box {
		margin: 0.5rem 0.5rem 0.5rem 0;
	}
}


.article .prevnext {
	margin-top: 4rem;
}
.prevnext .btn {
	margin:0.3rem;
} 

.keyfacts .box {
	margin-bottom: 1.9rem;
	border: 1px solid #dcdcdc;
	width:100%;
}
.keyfacts .box h2 {
	font-size: 2.3rem;
	margin-bottom: 0;
}
.keyfacts .box p {
	margin-bottom: 0;
}
.keyfacts .box .card-body {
	padding:1rem;
}

@media (max-width: 991px) {
	.keyfacts .box {
		width:100%;
	}
}


.sidebar .contacts {
	padding:1.5rem 1rem 0.5rem 1rem;
	background-color: #f5f5f5;
	word-wrap:break-word;
}

@media (max-width: 767px) {
	figure, figure.align_left, figure.align_right {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		width:100%;
	}
	figure img {
		max-width: 100%;
		margin-bottom: 0.2rem;
	}
}

@media (min-width: 992px) {
	.sidebar {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 33.33333%;
		        flex: 1 0 33.33333%; 
		max-width:100%;
	}
	.notes,
	.organisations {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 66.666667%;
		        flex: 1 0 66.666667%; 
		max-width:100%;
	}
	
}
/*.newsarticle .addthis_inline_share_toolbox {margin-top: 1em; max-width: 240px;}*/
.newsarticle .socialshares {text-align:right;}
.newsarticle .at-resp-share-element .at-share-btn {text-align:left;min-width: 100px; margin:2.5px; padding:1px !important; -webkit-transition: opacity 0.2s ease; transition:opacity 0.2s ease; border-radius: 4px !important;}
.newsarticle .at-resp-share-element .at-share-btn:focus, .newsarticle .at-resp-share-element .at-share-btn:hover {-webkit-transform: none;transform: none; opacity:0.9;}
.newsarticle .at-resp-share-element.at-mobile .at4-share-count-container, .newsarticle .at-resp-share-element.at-mobile .at-label {display:inline-block;}

@media screen and (max-width:768px) {
	.newsarticle .socialshares {text-align: center;}
	.newsarticle .at-resp-share-element.at-mobile .at4-share-count-container, .newsarticle .at-resp-share-element.at-mobile .at-label {display:none;}
	.newsarticle .at-resp-share-element .at-share-btn {min-width: 0;}
}

/*---------------------------------
	Newsfeed
-----------------------------------*/
.newsfeed .pubdate {
	font-style: italic;
}
.newsfeed span.pubdate {
	display: inline-block;
	margin-right: 0.5em;
}
.newsfeed .content .card {
	margin-bottom: 1rem;
}
.newsfeed .content .card-img-overlay {
	background-color: rgba(0,0,0,0.7);
	color:white;
	top:auto;
}

.newsfeed .content .card-img-overlay h2,
.newsfeed .content .card-img-overlay a {
	font-weight: 500;
	margin-bottom: 0;
	color:white;
}
.newsfeed .content .card-img-overlay h2 {
	font-size:1.3rem;
}
.newsfeed .first .card-img-overlay h2 {
	margin-bottom: 0.5rem;
}

@media(min-width: 767px) and (max-width: 992px) {
	.newsfeed .first .card-img-overlay {
		top: 0;
		font-size: 0.95rem;
	}
}

.newsfeed .first p,
.newsfeed .second p
 {
	margin-bottom: 0.7rem;
}
.newsfeed .first .btn {
	font-weight: 500;
}

.newsfeed .first .card-img-overlay,
.newsfeed .second .card-img-overlay {
	background-color: rgba(0,0,0,0.5);
	border-top:1px solid rgba(255, 255, 255, 0.25);
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
/*.newsfeed .first:hover .card-img-overlay,*/
.newsfeed .second:hover .card-img-overlay  {
	background-color: rgba(0,0,0,0.7);
	/*background-color: #000;*/
}


.newsfeed .second h2 {
	/*font-size: 1rem;*/
}
.newsfeed .second p.content {
	font-size: 1rem;
	margin-top:1rem;
	display:none;
}


.newsfeed .subsequent .card {
	margin-bottom: 4rem;
	overflow: hidden;
}
.newsfeed .subsequent .card-img-overlay {
	top:0;
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.newsfeed .subsequent .card:hover .card-img-overlay {
	opacity:1;
}

.newsfeed .subsequent h2 {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	height:38px;
	overflow:hidden;
}
.newsfeed .subsequent .summary {
	font-size: 1rem;
}
.newsfeed .subsequent .link {
	text-decoration: underline;
}

@media (max-width: 420px), (min-width:768px) and (max-width: 991px) {
	.newsfeed .first .summary {
		display: none;
	}
	.newsfeed .first h2, 
	.newsfeed .second h2 {
		font-size: 1rem !important;
	}
	.newsfeed .first .card-img-overlay,
	.newsfeed .second .card-img-overlay {
		top:0;
	}
}

/*---------------------------------
	Policy pages
-----------------------------------*/
.policythumbs>.container {
	max-width: 970px;
}
.policythumbs .card {
	margin-bottom: 2rem;
	overflow: hidden;
}
.policythumbs p {
	font-size: 1.2rem;
	letter-spacing: 6px;
	margin-bottom: 0;
	padding: 0.4rem;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.policythumbs a:hover p {
	background-color: rgba(0,0,0,0.4);
}
.policythumbs a {
	text-decoration: none;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.4);
	color:#FFF;
	margin-bottom: 0;
	-webkit-transition: all 0.3s ease;	
	transition: all 0.3s ease;
}
.policythumbs a:hover {
	background-color: rgba(0,0,0,0);
}

.policythumbs img.card-img {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.policythumbs .card:hover img.card-img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

@media screen and  (min-width:768px) {
	.policythumbs .twobytwo {
		width: 645px !important;
	}
}


/*---------------------------------
	Linkhover thumbs
-----------------------------------*/
.linkhoverthumbs .card {
	margin-bottom: 2rem;
	overflow: hidden;
	width:100%;
}

.linkhoverthumbs .overlay h3 {
	padding: 0 10%;
}

.linkhoverthumbs .overlay p {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.linkhoverthumbs a {
	text-decoration: none;
	background-color: rgba(0,0,0,0.2);
	color:#FFF;
	margin-bottom: 0;
	-webkit-transition: all 0.3s ease;	
	transition: all 0.3s ease;
}

.linkhoverthumbs .nosummary h3 {
	font-size: 1.5em;
	padding: 0;
	font-weight: normal;
	margin:0;
	text-shadow: 0px 0px 10px #000;
}

.linkhoverthumbs a:hover {
	background-color: rgba(0,0,0,0);
}

.linkhoverthumbs img.card-img {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.linkhoverthumbs .card:hover img.card-img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

@media screen and (max-width:575px) {
	.linkhoverthumbs .card-deck {
		max-width:none;
	}
	
}

@media screen and (max-width:768px) {
	.linkhoverthumbs .card p {
		display: none;
	}	
}

@media screen and  (min-width:576px) {
	.linkhoverthumbs .card-deck {
		max-width: 100%;
	}
	.linkhoverthumbs .card {
		width:100%;
	}
}

/*
*/
/*---------------------------------
	Filter blocks
-----------------------------------*/
h3.filter {
	font-weight: 300;
}
h3.filter a.current {
	font-weight: 700;
}
h3.filter a {
	color:#FFF;
	text-transform: lowercase;
}
.filter small {
	display: block;
}
.filter a.maincat:after,
.filter a.subcat:after {
	content: "/";
	/*margin-right: 0.2rem;*/
	margin-left: 0.2rem;
	font-weight: 300;
}

.filter a.maincat:last-of-type:after {
	content: "|";
	margin-left: 0.5rem;
	margin-right: 0.2rem;
}

.filter a.subcat:last-of-type:after {
	content:"";
}


@media (min-width:768px) {
	.filter small {display: inline-block;}
}

/*---------------------------------
	Pagination
-----------------------------------*/
.MarkupPagerNav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style-type: none;
	padding-left: .5rem;
}
.MarkupPagerNav li {
}
.MarkupPagerNav li:after {
	content: "/";
	margin: 0 0.2rem;
}
.MarkupPagerNav li:last-of-type:after {
	content: "";
}
.MarkupPagerNav li a {
	font-size:1.1rem;
	font-weight: 600;
	color: #5b5b5b;
}
.MarkupPagerNav li.MarkupPagerNavOn a {
	color:#007ab7;
}

@media screen and (max-width:575px) {
	.MarkupPagerNav {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
	.MarkupPagerNav li {
		margin-bottom: .5rem;
	}
	.MarkupPagerNav li:after {
		content: '';
	}
	.MarkupPagerNav li a {
		display: inline-block;
		padding:.2rem .8rem;
		border: 1px solid #CCC;
	}

	.MarkupPagerNav li a:hover {
		color: #007ab7;
	}

	.MarkupPagerNav li.MarkupPagerNavOn a {
		background-color: #EFEFEF;
	}
}

/*---------------------------------
	Cards
-----------------------------------*/
.card, .card-img {
	border-radius: 0;
	border:none;
}

/*---------------------------------
	Cards.Related
-----------------------------------*/
.related .card h3.card-title {
	font-size: 1.0rem;
	font-weight: 700;
}

@media (min-width:768px) {
	.related .card h3.card-title {
		height: 2.5rem;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
/*		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;*/
	}
}

.related .card-footer {
	border-radius: 0;
	display: block;
	font-size: 1.0rem;
	font-weight: 700;
	padding:0.25rem 2.2rem 0.25rem 0.75rem;
	text-transform: uppercase;
	position: relative;
	text-align: left!important;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.related .container .row {
	margin-top: 3rem;
}

.related a.card-footer:before {
	content: "";
	background:url(../img/bluetri.png) no-repeat;
	width:29px;
	height:25px;
	position: absolute;
	right:0;
	top:-20px;
}

.related a.card-footer:after {
	content: "";
	background:url(../img/arrow.png) no-repeat;
	width:11px;
	height:12px;
	position: absolute;
	right:6px;
	top:10px;
}

.related .green a.card-footer:before {
	background:url(../img/greentri.png) no-repeat;
	top:-20px;
}

.related .categories a:before {
	content: "/";
	color: #007ab7;
	display: inline-block;
	margin-left:0.1rem;
	margin-right: 0.1rem;
}
.related .categories a:first-of-type:before {
	content: "";
}

.related h2, 
.related p {
	margin-bottom: 0;
}


/*---------------------------------
	Cards.Bgimage - Link Hover box
-----------------------------------*/
.card.bg-img .card-img-overlay {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	min-height: 129px;
	padding:1em;
	text-transform: lowercase;
	background-blend-mode: multiply;
}
.card.bg-img h3 {
	font-size: 1.5em;
	margin:0;
	text-shadow: 0px 0px 10px #000;
}
.card.bg-img a {
	background-color:transparent;
	-webkit-transition:all 0.2s ease;
	transition: all 0.2s ease;
}
.card.bg-img a:hover {
	text-decoration: none;
}

.card.bg-img a.orange.bg,
.card.bg-img a.green.bg
 {
	background-color:#CCC;
}

.card.bg-img a.orange.bg:hover {
	background-color:#ff7c08;
}
.card.bg-img a.green.bg:hover {
	background-color:#4a7f3c;
}

.linkhoverbox .overlay {
	width:100%;
	height:100%;
	padding:5%;
	-webkit-transition:all 0.2s ease;
	transition: all 0.2s ease;
	background-blend-mode: multiply;
}
.linkhoverbox .overlay h3 {
	padding: 0 10%;
}
.linkhoverbox .overlay.nosummary {
	padding: 15% 5%;
}

.linkhoverbox .overlay.nosummary h3 {
	font-size: 1.5em;
	padding: 0;
	font-weight: normal;
	margin:0;
	text-shadow: 0px 0px 10px #000;
}

/*---------------------------------
	Cards.Reports
-----------------------------------*/
.reports>.container>.row {
	padding:0.75rem;
} 
.reports .card {
	overflow:hidden;
}
.reports .card.leader {
	/*margin-left:1.5rem;*/
	/*max-width: 300px;*/
	background-color: #009fd7;
	color:#FFF;
}
.reports .card.leader .card-body {
	padding-left: 1.75rem;
}
.reports .card.leader h4 {
	font-size: 1.2rem;
	/*text-transform: lowercase;*/
}
.reports .card.leader p {
	font-size: 0.9rem;
	font-weight: 300;
	line-height:1.35;
}
.reports .card.leader p:last-of-type {
	margin-bottom: 0.5rem;
}
.reports .card.leader a {
	color:#fa9f00;
	font-weight: 400;
}
.reports .card.page {
	cursor: pointer;
	margin-bottom: 1rem;
}
.reports .card-img-overlay {
	background-color: rgba(0, 0, 0, 0.72);
	color:#FFF;
	padding: 0.75rem;
	text-transform: uppercase;
	top: 110%;
	-webkit-transition: top 0.3s ease;
	transition: top 0.3s ease;
}
.reports .card:hover .card-img-overlay {
	top: 50%;
}
.reports .card.hover-short:hover .card-img-overlay {
	top: 70%;
}
.reports .card-img-overlay h4 {
	font-size: 0.85rem;
	font-weight:700;
	max-height:6em;
	overflow: hidden;
}
.hover-short .card-img-overlay h4 {
	text-transform: none;
	font-weight:400;
}


@media (min-width: 1200px) {
	.reports .card:hover .card-img-overlay {
		top: 42%;
	}
	.reports .card.hover-short:hover .card-img-overlay {
		top: 62%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.reports .card:hover .card-img-overlay {
		top: 30%;
	}
	.reports .card.hover-short:hover .card-img-overlay {
		top: 50%;
	}
	.taxonomic p {
		letter-spacing: 1px;
		font-size: 0.9rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.reports .card:hover .card-img-overlay {
		top: 54%;
	}
	.reports .card.hover-short:hover .card-img-overlay {
		top: 70%;
	}

}
@media (min-width: 576px) and (max-width: 767px) {
	.reports .card:hover .card-img-overlay {
		top: 34%;
	}
	.reports .card.hover-short:hover .card-img-overlay {
		top: 57%;
	}
}

@media (max-width: 444px) {
	.reports .card:hover .card-img-overlay {
		top: 24%;
	}
	.reports .card.hover-short:hover .card-img-overlay {
		top: 57%;
	}
}

/*.reports .card-img-overlay h4:after {
  content  : "";
  position : absolute;
  z-index  : 1;
  bottom   : 0;
  left     : 0;
  pointer-events   : none;
  background-image : linear-gradient(to bottom, 
                    rgba(255,255,255, 0), 
                    rgba(255,255,255, 1) 90%);
  width    : 100%;
  height   : 4em;
}*/

.reports .card-img-overlay a {
	color:#FFF;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.reports .card-img-overlay a:hover {
	opacity:1 !important;
}

.reports .card-img-overlay a.launch-link,
.reports .card-img-overlay a.download-link {
	bottom:0.5rem;
	font-size: 0.8rem;
	position: absolute;
}

.reports .card-img-overlay a.launch-link {
	opacity:0.6;
}
.reports .card-img-overlay a.download-link {
	right:0.8rem;
	bottom: 0.3rem;
	opacity: 0.7;
	font-size: 1.1rem;
}

.reports .card-img-overlay a.download-link:hover {
	color:#ffb83f;
	opacity: 1;
}


/*---------------------------------
	Flipster
-----------------------------------*/
section .flipster {
	margin-top: 2rem;
}
.flipster ul {
	list-style-type: none; /*avoid fouc*/
}
.flip-item img {
	height:auto; /*fixed width/heights to prevent load fail*/
}
.flip-content {
	position: relative;
}
.flip-content .caption {
	/*background-color: rgba(0, 159, 215, 0.7);*/
	background-color: rgba(3, 139, 187, 0.7);
	bottom: 20px;
	color: #FFF;
	/*height: 40%;*/
	min-height: 140px;
	min-width: 261px;
	padding: 14px 17px;
	position: absolute;
	right: 20px;
	text-align: left;
	visibility: hidden;
	width: 40%;
}
.flip-current .flip-content .caption {
	visibility:visible;
}
.flip-content h4 {
	font-size: 1.4rem;
	line-height: 1.0;
	margin-bottom: 0rem;
	text-transform: lowercase;
}
.flip-content p {
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 0.8rem;
}
.flip-content .btn {
	font-size: 0.8rem;
	font-weight: 400;
	min-width: 120px;
	padding: 0.3em 0.5rem;
	text-transform: uppercase;
	/*position: absolute; bottom:0.8rem;*/
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.flip-content .btn:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255,255,255,0.9);
    border-color: rgba(255,255,255,0.6);
}

@media screen and (max-width:480px) {
	.flip-content .caption {
		background-color: rgba(3, 139, 187, 0.5);
		width: calc(100% - 40px);
	}
}

/*---------------------------------
	Split-50
-----------------------------------*/
.split-50 h2 {
	font-size:1.6rem;
	margin-bottom: 0;
	padding:0.95rem;
	position: relative;
	text-align: center;
}
@media (min-width: 992px) {
	.split-50 .card:before {
/*		bottom: 0;
		content: "";
		position: absolute;
		top: 0;
		z-index: -1;*/
	}

	.split-50 .card.left:before {
		/*width: 50vw;
		right:-7px;*/
	}
	.split-50 .card.right:before {
		/*width: 50vw;
		left:-7px;*/
	}

	.split-50 h2:before {
	/*	bottom: 0;
		content: "";
		position: absolute;
		top: 0;
		z-index: -1;*/
	}
	.split-50 h2.orange.bg:before {
		background-color:#ff7c08;
	}
	.split-50 h2.dark.bg:before {
		background-color:#333;
	}
	.split-50 .card.grey.bg:before {
		background-color:#f4f4f4;
	}
	.split-50 .left h2:before {
		width: 50vw;
		right:-7px;
	}
	.split-50 .right h2:before {
		width: 50vw;
		left:-7px;
	}
}

/*---------------------------------
	Image-Text
-----------------------------------*/
.image-text .card h2 {
	font-weight: 700;
	font-size: 1.8rem;
}
.image-text .spaced-heading h3 {
	letter-spacing: 4px;
}
.image-text .orange.bg .text:before {
	content: "";
	background:url(../img/orangetri.png) no-repeat;
	width:58px;
	height:25px;
	position: absolute;
	bottom:0;
	z-index: 1;
}

.image-text .orange.bg .order-lg-1:before {
	right:-29px;
}
.image-text .orange.bg .order-lg-2:before {
	left:-29px;
}

.image-text .grey.bg {
	position: relative;
	padding-bottom: 1rem;
}
.image-text .grey.bg h2 {
	font-weight: 300;
	color:#007ab7;
}
.image-text .grey.bg:after {	
	bottom: 0;
	content: "";
	background-color:#f4f4f4;
	position: absolute;
	top: 0;
	z-index: -1;
	left:-100vw;
	right:-100vw;
}

.image-text .grey.bg .text:after {
	content: "";
	background:url(../img/greytri.png) no-repeat;
	width:58px;
	height:25px;
	position: absolute;
	bottom:0;
	z-index: 1;
}

.image-text .grey.bg .order-lg-1:after {
	right:-68px;
}
.image-text .grey.bg .order-lg-2:after {
	left:-68px;
}

.image-text .background-fit {
	background-repeat: no-repeat;
	background-size: 100% 100%; 
	background-size:cover;
}

@media(min-width:992px) {
	.image-text .background-fit img {
		opacity: 0;
	}
	.image-text .grey.bg {
		padding-bottom: 0;
	}
	.image-text .grey.bg .card-image.order-lg-2 {
		border-left:40px solid #f4f4f4;	
	}
	.image-text .grey.bg .card-image.order-lg-1 {
		border-right:40px solid #f4f4f4;	
	}
}

@media(max-width:992px) {
	.image-text .orange.bg .text:before,
	.image-text .card-image {
		background:none !important;
	} 

}

/*---------------------------------
	Testimonials
-----------------------------------*/
.testimonial img.rounded-circle {
	max-width: 84px;
	margin-right: 1rem;
}

.testimonial h4 {
	font-size: 1.2rem;
	line-height: 1.2;
	margin-left: 1.6rem;
	margin-right: 2rem;
	/*text-transform: lowercase;*/
	position: relative;
}
.testimonial h4:before {
	background:url(../img/quote-left.png) no-repeat;
	content: "";
	height:25px;
	left:-29px;
	position: absolute;
	top:0;
	width:29px;
	z-index: 1;
}

.testimonial h4:after {
	background:url(../img/quote-right.png) no-repeat;
	bottom:5px;
	content: "";
	height:25px;
	position: absolute;
	right:-29px;
	width:29px;
	z-index: 1;
}

.cite {
	color:#696969;
}

@media (max-width: 576px) {
	.testimonial .media {
		display: block;
	}
	.testimonial h4 {
		margin-top: 1rem;
	}
}

@media (min-width:768px) {
	.testimonial img.rounded-circle {
		max-width: 130px;
		margin-right:2rem;
	}
	.testimonial h4 {
		font-size: 1.4rem;
		font-weight: 300;
		line-height: 1.4;
		margin-left: 2.9rem;
		margin-right: 2rem;
	}
	.testimonial h4:before {
		left:-37px;
	}
	.testimonial h4:before {
		right:-37px;
	}
}

@media (min-width: 1200px) {
	.testimonial h4 {
		font-size: 1.6rem;
		line-height: 1.6;
	}
}

/*---------------------------------
	Video
-----------------------------------*/
.video-overlay {
	position: relative;
	cursor:pointer;
}
.video-nooverlay {
	position:relative;
	width:100%; /* flexbox collapses width to zero if not specified when fitvids applied */
	max-width: 647px; /*otherwise it will be full width of parent container */
}
.overlay {
	-webkit-transition: opacity 1.5s ease;
	transition: opacity 1.5s ease; 
}
.video-overlay .thevideo
 {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease;
	transition: opacity 1.5s ease; 
}
.thevideo {
	/*visibility: hidden;*/
}
.thevideo iframe {
	border:none; /*frameborder=0 is obsolete according to W3 validator*/
}

.video .playbutton {
	max-width: 20%;
}
.video h4 {
	font-size: 1rem;
}


@media (min-width: 576px) {
	.video h3 {
		font-weight: 700;	
		font-size:2rem;
	}
	.video h4 {
		font-size: 1.5rem;
	}
}

/*---------------------------------
	Video/Image
-----------------------------------*/
.video-image .imagewithcaption {
	position: relative;
	overflow: hidden;
}
.video-image .imagewithcaption img {
	display: block;
	max-width: 100%;
	/*margin-top: 15px;*/
}
.video-image .hero-caption {
	-webkit-transform: translateY(200%);
	        transform: translateY(200%);
}
.video-image p {
	margin-bottom: 0;
}

/*---------------------------------
	Video Archive
-----------------------------------*/
.varchive .vid {
	padding: 1rem 1rem 2.7rem;
}
@media screen and (min-width:576px) {
	.varchive {max-width: 990px}
	.varchive .vid {
		padding: 1rem 2.7rem;
	}		
}
.varchive .vid .card {
	margin-bottom: 0.7rem;
}
.varchive .vid img {
	max-width: 100%;	
}
.varchive .vid img.playbutton {
	max-width: 50px;	
}
.varchive .vid .caption h3 {
	color: #007ab7;
	text-transform: uppercase;
}
.varchive .vid .caption .pubdate {
	font-size: .85rem
}
.varchive .vid p {
	font-size: 1.1rem;
}

.varchive .vid a.card-img-overlay {	
	background-color: rgba(0,0,0,0.7);
	opacity:0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.varchive .vid a.card-img-overlay:hover {
	opacity: 0.8;
}	

/*---------------------------------
	amMaps
-----------------------------------*/
.amcharts-map-area {  
  -webkit-transition: all .3s .3s ease-out;
  transition: all .3s .3s ease-out;
  
}
.amcharts-map-area:hover {
  fill: #007ab7;
  stroke: #007ab7;
  -webkit-transition: all .6s ease-out;
  transition: all .6s ease-out;
}

/*---------------------------------
	Team Profiles
-----------------------------------*/
section.teamprofiles {
	overflow: visible;
}
.teamprofiles .row.profiles {
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.teamprofiles .card {
	margin:1rem;
	position: static;
}
.teamprofiles .card p {
	margin-bottom: 0;
}
.teamprofiles>.container {
	position: relative;
}

/*enhanced*/
.teamprofiles.enhanced .card { 
	cursor:pointer;
	overflow: hidden;
}

.teamprofiles.enhanced .card img {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.teamprofiles.enhanced .card img:hover {
	-webkit-transform: scale(1.05);
	        transform: scale(1.05)
}

.teamprofiles.enhanced .card-footer {
	text-align: center;
	background-color: #333;
	color:#FFF;
	padding: 0.35rem;
	position: relative;
}

.teamprofiles.enhanced .card.on .card-footer:after {
	content: "";
	background:url(../img/greytriup.png) no-repeat;
	width:48px;
	height:24px;
	position: absolute;
	bottom:-16px;
	left: 37%;	
} 

.teamprofiles.enhanced .bio {
	background:#f4f4f4;
	position: absolute;
	padding:1.5rem;
	opacity:0;
	transition:opacity 0.3s ease, -webkit-transform 0.3s ease;
	transition:opacity 0.3s ease, transform 0.3s ease;
	transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
	-webkit-transform: scale(0.5);
	        transform: scale(0.5);
	z-index: 10000;
	margin-left:2.5rem;
	margin-right: 2.5rem;
	box-shadow: 1px 1px 2px 2px #dcdbdb;
}
.teamprofiles.enhanced .bio .close {
	position: absolute;
	right:1rem;
	top:.7rem;
}
.teamprofiles.enhanced .bio .summary {
	margin-bottom: 1rem;
}

.teamprofiles.enhanced .bio.off {
	opacity:0;
	left: -99999px !important;
}

.teamprofiles.enhanced .bio.on {
	left:0;
	opacity:0.96;
	-webkit-transform:scale(1);
	        transform:scale(1);
}

/*Standard*/

.teamprofiles.standard>.container {
	max-width: 800px;
}

.teamprofiles.standard .card {
	max-width: 160px;
	text-align: center;
	margin:1rem 0.5rem;
}

.teamprofiles.standard .card-footer {
	background:transparent;
	border-top:none;
	padding: 1rem 0.65rem 0.5rem 0.65rem;
}
.teamprofiles.standard p.blue {
	font-weight: 600;
}
.teamprofiles.standard h2 {
	font-size: 1.6rem;
	font-weight:500;
}
.teamprofiles.standard h2.line {
	border-bottom: 2px solid #f4f4f4;
}


/*---------------------------------
	Box
-----------------------------------*/
.box.border {
	border-color:#c5c5c5!important;
	width:100%;
}
.box .card-body {
	padding:1.7rem;
}
.box h2 {
	font-size: 1.8rem;
	margin-bottom: 0;
}
.box h3 {
	font-size:2.4rem;
	font-weight: 300;
	color:#007ab7;
}
.box h4 {
	font-size: 1.6rem;
	font-weight:300;
	color:#007ab7;
}


/*---------------------------------
	Logos
-----------------------------------*/
.no-gutters .logo {
	background-color:white;
	padding:7%;
	margin:3%;
	border:1px solid #CCC;
	text-align: center;
}
.logo img {
	max-width: 100%;
}

.logo.box {
	border:1px solid #CCC;
	margin:0.7%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.logo3.box {
	width:333px;
	height:158px;
	margin:1%;
}

.logo4.box {
	width:268px;
	height:158px;
}

.logocontainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	height:130px;
	width:240px;
}

.logo3 .logocontainer {
	width:260px;
}

.logo img.img-sq {
	max-height: 110px;
	width:auto;
}

.logo img.img-v {
	max-height: 80px;
	width:auto;
}

.logo4 img.img-h {
	max-width: 180px;
	height:auto;
}
.logo3 img.img-h {
	max-width: 245px;
	height:auto;
}

.logo .card-img-overlay {
	background: rgba(0,0,0,0.8);
	color:#FFF;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	font-size: 1.2rem;
	font-weight: 300;
}
.logo .card-img-overlay:hover {
	opacity: 1;
	cursor:default;
}

@media (min-width:576px) {
	.logo4.box {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 250px;
		        flex: 1 1 250px;
	}
		
}

/*---------------------------------
	Card with background img
-----------------------------------*/
@media screen and (max-width:991px) {		
.card.bg-lg {background-image: none !important;}
}


/*---------------------------------
	Card Deck Types
-----------------------------------*/
/*Type 1: image-top, light on dark summary*/
.type1 .card {
	color:#FFF;
	background-color:#333;
	min-width: 150px;
}
.type1 .card-body {
	padding:0.75rem 0.85rem 0 ;
}


.type2 .card {
	color:#333;
	background-color:#FFF;
	border:1px solid #c5c5c5;
	min-width: 150px;
}
.type2 .card-title {
	color:#007ab7;
	font-size: 1.5rem;
}

/*Type 3: icon boxes with overlay summary*/

.type3 img {
	width:auto;
	max-width: 100px;
}
.type3 .logo.box {
	min-height: 155px;
	min-width: 175px;
}

.type3 .card-img-overlay {
	font-size: 0.85rem;
}
.type3 .card-img-overlay p {
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

/*---------------------------------
	Sections
-----------------------------------*/
section {
	overflow: hidden;
}
section.grey, .container.grey.box {
	background-color:#efefef;
}
section.pale.grey, .container.pale.grey.box {
	background-color: #f6f6f6;
}

/*---------------------------------
	Image Only
-----------------------------------*/
.image_only img {max-width: 100%;}

/*---------------------------------
	Timeline
-----------------------------------*/
.timeline .footer {margin-top: 0 !important;}
.timeline .row.morebutton {margin-top: 1rem;margin-bottom:2rem;}
.timelinecontainer {background:#001314;padding-top: 1rem;}
.timelinecontainer p {color:#FFF;}
.timelinecontainer h3 {font-size:1.8rem;color:#FFF;background-color: #25a5b0; text-transform: uppercase; display: inline-block; padding: 0.5rem 1.4rem;}
.timelinecontainer .founded h3 {background-color:#007ab7; font-size: 1.5rem;}
.row.timeline {padding: 1rem 0;}
.row.timeline img {max-width: 100%; vertical-align: bottom; margin-bottom: 0.3rem;}
.row.timeline .vtop img {vertical-align: top;}
.row.timeline .order-md-1 {text-align: right;}	
.row.timeline .order-md-2 {text-align: left;}
.row.timeline .tcontent.order-md-1 {padding-left: 12%;}
.row.timeline .tcontent.order-md-2 {padding-right: 12%;}
.row.timeline h3 small a {font-size: 0.8rem; color:white;}

@media (min-width: 992px) {
	.timelinecontainer {background-image: url(/img/timeline-bg2.jpg);background-repeat: repeat-y;background-position: center top;}
}

@media (max-width: 991px) {
	.timelinecontainer .container {max-width: 90%;}
	.row.timeline {margin-bottom: 2rem;}
	.row.timeline .tcontent.order-md-1 {padding-left: 0;}
	.timages, .tcontent {margin-top: 0 !important;}
}

@media screen and (max-width:480px) {
	.timages, .tcontent {text-align: center;}
}

/*---------------------------------
	Donate forms
-----------------------------------*/
.donatechoices {background-color: #00aded; color:#FFF; padding:0.9rem; max-width: 330px; margin-left: auto;margin-right: auto;}
.donatechoices h3 {background-color: #46cafb;margin: -0.9rem -0.9rem 0.5rem  -0.9rem;padding:0.5rem;text-align: center;text-transform: uppercase;font-size: 1.1rem;}
.donateamounts {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom: 0.5rem;}
.donateamounts>div.amountbox {text-align: center; font-size:41px; letter-spacing: -1.5px; border:4px solid #b8ecff; margin:0.2rem; padding:0.3rem 0; font-weight: bold; cursor:pointer; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;}
.donateamounts>div.fixedamount {-webkit-box-flex:1;-ms-flex:1 0 25%;flex:1 0 25%;}
.donateamounts>div:hover, .donateamounts>div.selected {background-color: #0082b2;}
.donateamounts>div span::before {display: inline-block;margin-right: 0.0.5rem;}
.donateamounts>div.specify span::before {margin-right: 0;}
.donateamounts[data-currency="GBP"]>div span::before {content: '£';}
.donateamounts[data-currency="EUR"]>div span::before {content: '\20ac';}
.donateamounts[data-currency="USD"]>div span::before {content: '$';}
.donatechoices select#amount {display: none;}

.donatechoices .currency_submit {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.donatechoices select#currency {color:#666;}
.donatechoices label {display: block;margin-bottom: 0;}

.donatechoices .amountbox.specify {font-size:22px; letter-spacing: 0; padding:0.5rem; width:100%;}
.donatechoices input#specified {padding:0.3rem 0.5rem;font-size: 1.3rem;width:98%;width: calc(100% - 0.5rem);margin: 0.3rem auto;display: none;border: 4px solid #b8ecff;}
.donatechoices input#specified::-webkit-input-placeholder {color:#CCC;}
.donatechoices input#specified::-moz-placeholder {color:#CCC;}
.donatechoices input#specified:-ms-input-placeholder {color:#CCC;}
.donatechoices input#specified::placeholder {color:#CCC;}

.donatechoices button {background-color: #ffc12b; color:#FFF;border:1px solid #ffc12b;font-size: 24px; min-width: 130px; cursor:pointer;}
.donatechoices button {-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;}
.donatechoices button:hover {background-color: #e8a911;}

.donatechoices p.error {margin: 0 0.2em;padding: 0 0.2em;color: #ffc12b;background: #0082b2;width: 100%;}

form.traffic .form-control {
	padding:0.75em;
	background: #f1f1f1;
	border:1px solid #d8d8d8;
	font-size: 0.9em;
}

form.traffic .form-check-input {margin-left: 0;}
form.traffic select {height:auto !important;}
form.traffic label {margin-bottom: 0.2rem;}
span.requiredlabel::after,
form.traffic .required label::after {
	content: ' *';
	color:red;
	font-size: 1.1rem;
}

form.traffic .formerror.text-danger {
	display: inline-block;
	margin-left: 1.3em;
}

form.traffic .formsection {
	border:1px solid #c5c5c5;
	padding:1rem;
	margin-bottom: 1rem;
}
.formsection h3 {
	margin-bottom: 0.7rem;
}

form.traffic .notice {
	background: #ffeddd;
	padding:0.7rem;
}

.er_title .inputtitle,
.er_fname .inputfname,
.er_sname .inputsname,
.er_address1 .inputaddress1,
.er_town .inputtown,
.er_county .inputcounty,
.er_country .inputcountry,
.er_postcode .inputpostcode,
.er_email .inputemail,
.er_terms .inputterms,
.er_giftaidtax .inputgiftaidtax,
.er_message .inputmessage {
	background-color: #f3d3d6;
	padding: 0.5rem;
}


/*---------------------------------
	Modals
-----------------------------------*/
.modal-content {
	border: 8px solid #007ab7;
	outline: 1px solid #FFF;
}

.modal-title {color:#007ab7;}

/*---------------------------------
	Search results
-----------------------------------*/
.searchresults {
	list-style-type: none;
	padding-left:1.5rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 1rem;
}
.searchresults li {
    margin-bottom: 0.6rem;
    line-height: 1.3;
}

h3.searchresultheader {
	display: inline-block;
	border-bottom: 2px solid #CCC;
	margin-bottom: 0;
	margin-top:0.5rem;
	color: #666;
	padding-right: 0.3rem;
	font-weight: 500;
}


/*---------------------------------
     Footer
-----------------------------------*/
.footer {
     background-color: #3b3b3b;
     color: #b2b2b2;
}
.home .footer {
	margin-top: 0 !important;
}
.footer h3 {
     color: #FFF;
     text-transform: uppercase;
     font-size: 0.9rem;
     font-weight: 600;
     letter-spacing: 2.3px;
     margin-bottom: 1rem;
}
.footer ul {
     padding-left: 0;
     list-style-type: none;
}

.footer ul {
	/*display: -webkit-box;*/
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.footer li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 125px;
	        flex: 0 0 125px;
	white-space: nowrap;
}
@media (min-width:992px) {
	.footer .lg-noflex ul {
		display:block;
	}
}

.footer p {
	line-height: 1.25;
}

.footer p,
.footer a {
     color: #b2b2b2;
     font-size: 0.85rem;
}

.footer p a,
.footer a:hover {
     color: #619dbb;
}

.socialfooter {
	margin-bottom: 1rem;
}
.socialfooter [class^="icon-"], 
.socialfooter [class*=" icon-"] {
	color:#FFF;
	font-size: 1.5rem;
	margin-right: 2rem;
}

img.footerlogo {
	height: 48px;
	margin-bottom: 1rem;
}

/*form.signup {
	display: flex;
	margin-bottom: 1rem;
}
form.signup .input {
	font-size: 0.8rem;
	padding: 0.3rem 0.5rem;
	flex: 0 0 250px;
}
form.newsletter .input {
	font-size: 0.9rem;
	padding: 0.3rem 0.5rem;
}

form.signup input::placeholder,
form.newsletter input::placeholder {
	color:#bcbcbc;
}
form.signup .submitright {
	flex: 0 0 33px;
	color:#FFF;
	background: #ff7c08;
	border:none;
	cursor:pointer;
}*/

@media screen and (min-width:992px) {
	form.newsletter #firstname,
	form.newsletter #surname {
		max-width: 200px;
		display: inline-block;
	}

	form.newsletter #email {
		max-width: 250px;
		display: inline-block;
	}
}

/*@media screen and (max-width:576px) {*/
@media screen and (max-width:768px) {
	.footer h3, .footer p, .socialfooter {text-align: center;}
	form.signup .input {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
	.footer	.footernav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 1rem;
	}
	.footer .footernav li {
		margin:3px;
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 150px;
		        flex: 1 0 150px;
		text-align: center;
	}
	.footer .footernav li a {
		display: block;
		padding:5px;
		background-color: #4a4a4a;
		-webkit-tap-highlight-color: #696969;
	}
	.footer .footernav li a:active {
		background-color: #696969;
	}
}


/*---------------------------------
	Subfooter
-----------------------------------*/
.subfooter {
     border-top:1px solid #adadad;
     margin: 1rem auto 0 auto;
     padding-top: 1.4rem;
     padding-bottom:1.4rem;
     text-align: center;
}
.subfooter p, .subfooter a {
     font-size: 0.8rem;
     margin-bottom: 0.2rem;
}
.subfooter p a, .subfooter p a:hover {
	color:#dedede;
}
.subfooter p.copyright {
	margin-top: 1rem;
}


/*---------------------------------
	Back To Top
-----------------------------------*/
.backToTop {
	position: fixed;
	bottom: 10px;
	z-index: 1000;
	right:10px;
}
.backToTop a {
	width: 50px;
	text-indent:-9999px;
	height: 50px;
	display: block;
	margin: 0;
	background:rgba(0, 122, 183, 0.7) url(/img/top.png) no-repeat center center;
}
.backToTop a:hover {
	background-color:rgba(0, 122, 183, 0.9);
}

@media screen and (max-width:768px) {
	.backToTop.touch {
		position:relative;
		clear:both;
		margin:0 auto;
		width: 100%;
		right:auto;
		bottom:auto;
	}
	.backToTop.touch a {
		width: 100%;
	}		
}


/*---------------------------------
	Languages
-----------------------------------*/
a.language {text-transform: uppercase;}
a.language:hover,
a.currentlanguage {text-decoration: underline;}
ul.language-switcher {
	list-style: none;
	padding-left: 0;
	margin-right: 0.5rem;
}
*[dir="rtl"] {text-align: right;}

/*---------------------------------
	Cookie Banner
-----------------------------------*/
.pwcmb-widget {
	border-top:1px solid #dedede;
}

/*attempted fix for buttons not clickable on iOS10 etc.*/
@media screen and (max-width:1024px) {		
	.pwcmb-widget__inner {
		display: block !important;
	}

	.pwcmb-widget__copy {
		max-width: 75%;
	}
}
/*allow buttons to wrap*/
.pwcmb-widget__actions {
	white-space: inherit;
}

.pwcmb p {margin-bottom: 0.4em;}
.pwcmb-widget__close::before {
	content: '\00D7';
	top: -7px;
}
@media screen and (min-width:769px) {
	.pwcmb-widget__actions {margin-right: 1em;}
}

.pwcmb button {
	background-color: white;
	border-radius: 0;
	border:2px solid;
	color: #007ab7;
	font-size: 1.3em;
	font-weight: 700;
	min-width: 134px;
	padding: 0.3rem .75rem;
	transition: all 0.3s;
	font-size: 1em;
	cursor: pointer;
	margin: 0.2em;
}
.pwcmb button:hover,
.pwcmb button:active
 {
	background-color: #007ab7;
	color:#FFF;
	border-color: #006598;
}
/*---------------------------------
	Experimental
-----------------------------------*/

/*Blockquotes with floated images/figures*/

.body blockquote {
	display:flex;
	padding-left: 22px;
}
.body blockquote:before {
	left: -13px;
}
figure.align_left, img.align_left {
	margin-right: 1.2rem;
}
/*---------------------------------
	Changes
-----------------------------------*/
/*
26 Oct 2018 - style overrides for single bulletins (now accessed from search)
2 Jan 2019 - remove lowercase text transform from .btn class
18 Jan 2019 - add right align style for dir=rtl attribute
*/