/* New CSS file for NCE site 2024 */
/* Colours: Venture Green: #9fb14b ; bg-light: #f8f9fa ; Dark green: #006600 ; 2023 blue/grey : #083143 */
html {
	font-size: 18px;
}
@media (max-width: 991px) {
	html { font-size: 16px; }
}
body { 
	background-color: #ffffff;
	padding-top: 2.5rem;
	padding-bottom: 0;
	margin: 0;
 	}
@media (max-width: 767px) {
	body { 
		background-color: #ffffff;
		padding-top: 4rem;
		padding-bottom: 0;
		margin: 0;
	 	}
}
img {
	max-width: 100%;
	height: auto;
}
.container-fluid {
	padding: 0px;
}
div.wrencage {
	margin: 0;
	padding: 0;
	padding-left: 15vw;
	padding-right: 15vw;
	background-color: #ffffff;
}
@media (max-width: 1399px) {
	div.wrencage {
		margin: 0;
		padding: 0;
		padding-left: 10vw;
		padding-right: 10vw;
		background-color: #ffffff;
	}
}@media (max-width: 1199px) {
	div.wrencage {
		margin: 0;
		padding: 0;
		padding-left: 5vw;
		padding-right: 5vw;
		background-color: #ffffff;
	}
}
@media (max-width: 767px) {
	div.wrencage {
		margin: 0;
		padding: 0;
		padding-left: 5vw;
		padding-right: 5vw;
		background-color: #ffffff;
	}
}
.row{
	margin: 0px;
}
.green-background{
	background-color:#9fb14b;	
}
.grey-background{
	background-color:#F8F9FA;
}
.bg-venture {
	background-color: #9fb14b !important;
}
.bg-company-grey {
    background-color: #f8f9fa !important;
}
/* Navbar overrides */
.navbar {
	padding-left: 0.5rem;
	padding-right: 0.2rem;
	height: 2.5rem;
}
@media (max-width: 991px) {
.navbar {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	height: 4.2rem;
}
}
@media (max-width: 767px) {
	.navbar-collapse
	{
		background-color:#f8f9fa;
	}
}
a.nav-link, 
a.nav-link:link, 
a.nav-link:visited  {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: left;
    color: #9fb14b !important;
	text-decoration: none;
	padding: 0;
}
@media (max-width: 991px) {
	a.nav-link, 
	a.nav-link:link, 
	a.nav-link:visited  {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1.4rem;
		line-height: 2rem !important;
		text-align: left;
	    color: #9fb14b !important;
		text-decoration: none;
		padding: 0;
	}
}
a.nav-link:hover, 
a.nav-link:active {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: left;
    color: #9fb14b !important;
	text-decoration: underline;
	padding: 0;
}
@media (max-width: 991px) {
	a.nav-link:hover, 
	a.nav-link:active {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1.4rem;
		line-height: 2rem !important;
		text-align: left;
	    color: #9fb14b !important;
		text-decoration: underline;
		padding: 0;
	}
}
.dropdown-menu a{
    color: #9fb14b !important;
}
button.navbut, 
button.navbut:focus, 
button.navbut:hover{
	margin-right: 1rem;
	margin-bottom: 0.2rem;
	border: 0;
}
.nav-cnam {
	font-size: 1.5rem;
	line-height: 1.0rem;
}
@media (max-width: 991px) {
	.nav-cnam {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
}
svg.mag {
	width: 1.2rem;
	height: 1.2rem;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	fill: #9fb14b;
}
/* Author links */
.btn-author-cnam {
  background-color: #9fb14b;
  color: #000000;
  border-color: #fff9e6;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2rem;
  border-style: solid;
  border-width: 1px;
  margin: 0.2rem;
}
.btn-author-cnam:hover {
  color: #000000;
  background-color: #9fb14b;
  border-color: #9fb14b;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2rem;
  border-style: solid;
  border-width: 1px;
  margin: 0.2rem;
}
.btn-author-red {
  background-color: #703040;
  color: #ffffff;
  border-color: #fff9e6;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2rem;
  border-style: solid;
  border-width: 1px;
  margin: 0.2rem;
}
.btn-author-red:hover {
  color: #ffffff;
  background-color: #703040;
  border-color: #703040;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2rem;
  border-style: solid;
  border-width: 1px;
  margin: 0.2rem;
}
.btn-author-gold {
  background-color: #c69842;
  color: #ffffff;
  border-color: #fff9e6;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2rem;
  border-style: solid;
  border-width: 1px;
  margin: 0.2rem;
}
.btn-author-gold:hover {
  color: #ffffff;
  background-color: #c69842;
  border-color: #c69842;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2rem;
  border-style: solid;
  border-width: 1px;
  margin: 0.2rem;
}
/* Ankle */
div.katcage {
	margin: 0;
	padding-top: 2vw;
	padding-bottom: 2vw;
	padding-left: 5vw;
	padding-right: 5vw;
	background-color: #404040;
}
@media (max-width: 1199px) {
	div.katcage {
		margin: 0;
		padding-top: 2vw;
		padding-bottom: 2vw;
		padding-left: 5vw;
		padding-right: 5vw;
		background-color: #404040;
	}
}
@media (max-width: 767px) {
	div.katcage {
		margin: 0;
		padding-top: 2vw;
		padding-bottom: 2vw;
		padding-left: 5vw;
		padding-right: 5vw;
		background-color: #404040;
	}
}
#quick-links{
	background-color: #404040;
	padding-top: 1rem;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1rem;
	margin: 0;
}
div.quick-links{
	background-color: #404040;
	padding-top: 1rem;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1rem;
	margin: 0;
}
.quick-titles{
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.4rem;
	color: #ffffff;
	text-align: left;
}
a.quick-text:link, 
a.quick-text:visited {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	line-height: 2rem;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
}
a.quick-text:hover,
a.quick-text:active{
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	line-height: 2rem;
	text-align: left;
	color: #ffffff;
	text-decoration: underline;
}
.quick-text {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	line-height: 2rem;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
}
/* Social branding */
#sharemail {
	text-align: left;
	border-style: none;
	border-color: #9fb14b;
	border-radius: 1px;
	margin: 1rem;
	padding: 1rem;
	background-color: #f2f2f2;
}
@media (max-width: 991px) {
	#sharemail {
		text-align: left;
		border-style: none;
		border-color: #9fb14b;
		border-radius: 1px;
		margin: 0.2rem;
		padding: 0.5rem;
		background-color: #f2f2f2;
	}
}
div.endsocialblock {
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: bottom;
}
.endsocialitems {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #007bff;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	margin-left: 0.5rem;	
	margin-right: 0.5rem;	
	margin-top: 0;	
	margin-bottom: 1rem;	
	text-align: left;
	flex-shrink: 0;
	width: 6rem;
}
button.endmailing {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #007bff;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-left: 0.5rem;	
	margin-right: 0.5rem;	
	margin-top: 0;	
	margin-bottom: 0.5rem;	
	vertical-align: bottom;
	text-align: center;
}
input.endmailing {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-left: 0.5rem;	
	margin-right: 0.5rem;	
	margin-top: 0;	
	margin-bottom: 0.5rem;	
	text-align: left;
	flex-shrink: 0;
}
h4.endsocial, label.endsocial, p.endsoctitle {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.2rem;
	color: #9fb14b;
	padding-right: 0;
	padding-left: 0.5rem;
	padding-top: 0;
	padding-bottom: 0;
}
p.endsocial {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 0.8rem;
	color: #9fb14b;
	padding-right: 0;
	padding-left: 0.5rem;
	padding-top: 0;
	padding-bottom: 0;
}
a.endsocial:link, a.endsocial:visited {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1rem;
	text-align: left;
	color: #1877f2;
	text-decoration: underline;
}
a.endsocial:hover,a.endsocial:active{
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1rem;
	text-align: left;
	color: #1877f2;
	text-decoration: underline;
}
svg.end-social-icon-base {
	width: 1.5rem;
	height: 1.5rem;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0.1rem;
	text-decoration: none;
	margin: 0;
}
@media (max-width: 575px) {
	a.endsocial:link, a.endsocial:visited {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1rem;
		text-align: left;
		color: #1877f2;
		text-decoration: underline;
		margin-top: 0;
		margin-bottom: 1.2rem;
		margin-left: 0;
		margin-right: 0.5rem;
	}
	a.endsocial:hover,a.endsocial:active{
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1rem;
		text-align: left;
		color: #1877f2;
		text-decoration: underline;
		margin-top: 0;
		margin-bottom: 1.2rem;
		margin-left: 0;
		margin-right: 0.5rem;
	}
}
#social {
	font-size: 1.0rem;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: right;
	text-decoration: none;
}
@media (max-width: 575px) {
	#social {
		font-size: 1.0rem;
		padding: 0;
		margin: 0;
		border: 0;
		text-align: left;
		text-decoration: none;
	}
}
#quicksocial {
	font-size: 1.0rem;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	text-decoration: none;
}
#endmailing {
	padding: 0;
	color: #9fb14b;
	font-size: 1.0rem;
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
}
a.svg-social {
	text-decoration: none !important;
}
svg.svg-social-icon-base {
	width: 1.8rem;
	height: 1.8rem;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0.1rem;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
@media (max-width: 575px) {
	svg.svg-social-icon-base {
		width: 1.8rem;
		height: 1.8rem;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		text-decoration: none;
		margin-top: 0;
		margin-bottom: 0.5rem;
		margin-left: 0;
		margin-right: 0.5rem;
	}
}
/* Facebook */
svg.svg-social-icon-fb path {
	fill: #1877f2;
}
svg.svg-social-icon-fb:focus, svg.svg-social-icon-fb:hover {
	background-color: #1877f2;
}
svg.svg-social-icon-fb:focus, svg.svg-social-icon-fb:hover path {
	fill: #ffffff;
}
/* Twitter */
svg.svg-social-icon-tw path {
	fill: #1da1f2;
}
svg.svg-social-icon-tw:focus, svg.svg-social-icon-tw:hover {
	background-color: #1da1f2;
}
svg.svg-social-icon-tw:focus, svg.svg-social-icon-tw:hover path {
	fill: #ffffff;
}
/* LinkedIn */
svg.svg-social-icon-li path {
	fill: #007bb5;
}
svg.svg-social-icon-li:focus, svg.svg-social-icon-li:hover {
	background-color: #007bb5;
}
svg.svg-social-icon-li:focus, svg.svg-social-icon-li:hover path {
	fill: #ffffff;
}
/* Mastodon */
svg.svg-social-icon-ma path {
	fill: #563acc;
}
svg.svg-social-icon-ma:focus, svg.svg-social-icon-ma:hover {
	background-color: #563acc;
}
svg.svg-social-icon-ma:focus, svg.svg-social-icon-ma:hover path {
	fill: #ffffff;
}
/* WhatsApp */
svg.svg-social-icon-wa path {
	fill: #25d366;
}
svg.svg-social-icon-wa:focus, svg.svg-social-icon-wa:hover {
	background-color: #25d366;
}
svg.svg-social-icon-wa:focus, svg.svg-social-icon-wa:hover path {
	fill: #ffffff;
}
/* Reddit */
svg.svg-social-icon-re path.reddit0 {
	fill: #ff4500;
}
svg.svg-social-icon-re path.reddit1 {
	fill: #ffffff;
}
svg.svg-social-icon-re path.reddit0:focus, 
svg.svg-social-icon-re path.reddit0:hover {
	fill: #ffffff;
}
svg.svg-social-icon-re path.reddit1:focus, 
svg.svg-social-icon-re path.reddit1:hover {
	fill: #ff4500;
}
svg.svg-social-icon-re:hover path {
	fill: #ffffff;
}
svg.svg-social-icon-re {
	fill: #ff4500;
}
svg.svg-social-icon-re:focus, 
svg.svg-social-icon-re:hover {
	fill: #ffffff;
}
/* Email */
svg.svg-social-icon-en path {
	fill: #1da1f2;
}
svg.svg-social-icon-en:focus, svg.svg-social-icon-en:hover {
	background-color: #1da1f2;
}
svg.svg-social-icon-en:focus, svg.svg-social-icon-en:hover path {
	fill: #ffffff;
}
/* Share */
svg.svg-social-icon-sh:focus, svg.svg-social-icon-sh:hover {
	background-color: #ff3300;
}
svg.svg-social-icon-sh path {
	fill: #ff3300;
}
svg.svg-social-icon-sh:focus, svg.svg-social-icon-sh:hover path {
	fill: #ffffff;
}
/* Mailchimp */
#mc_embed_signup {
	background:#404040; 
	clear:left; 
	font-size: 1.4rem;
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
}
/* Footer */
#footer {
	color: #F7F5F2;
	background-color:#000000;
	height: auto;
	width: 100%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin: 0;
	font-size: 0.8rem;
	text-align: center;
}
a.fcc, 
a.fcc:link, 
a.fcc:visited {
	font-size: 0.8rem;
	color: #ffffff;
	text-decoration: underline;
}
a.fcc:hover, 
a.fcc:active {
	font-size: 0.8rem;
	color:#ffffff;
	text-decoration: underline;
}
/* Anchor IDs */
a.anchor{display: block; position: relative; top: -7rem; visibility: hidden;}
@media (max-width: 450px) {
a.anchor{display: block; position: relative; top: -8rem; visibility: hidden;}
}
/* Dividers */
.article-hr{
	width:75%;
	height: 6px;
	background-color:#404040;
	margin-top:20px;
	margin-bottom:20px;	
	border-radius: 4px;
}
/* Spacing */
.vspace-1{
	height:1rem;
}
.vspace-2{
	height:2rem;
}
.vspace-5{
	height:5rem;
}
/* Text options */
.italics{
	font-style:italic;	
}
.bolds{
	font-weight: bold !important;
}
.greens{
	color: #9fb14b;
}
.super { 
	vertical-align: super;
	font-size: 0.6rem;
}
.unders {
	text-decoration: underline;
}
.lefts {
	text-align: left !important;
}
/* Tables */
table, th, td {
	border: 1px solid black;
	font-size: 1em;  
}
.col {
	display: table-cell; /* Make elements inside the container behave like table cells */
}
/* PAGE SPECIFIC CODE */
/* index.php */
.splash-title-upper {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #ffffff;
	padding: 0;
	font-size: 4vw;
	text-align: center;
}
.splash-title-lower {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #ffffff;
	padding: 0;
	font-size: 6vw;
	font-weight: bold;
	text-align: center;
}
.intro-text {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.4rem;	
	color: #000000;
	text-align: left;
}
/* Blog index page */
div.blogblock {
	padding-top: 0.2rem;
	padding-bottom: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin-top: 0;
	margin-bottom: 1rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	background-color: #f8f9fa;
	border-style: solid;
	border-width: 1px;
	border-color: #a6a6a6;
	border-radius: 0.2rem;
}
div.blogblock .inner-l {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0.2rem;
	padding-left: 0.2rem;
	margin: 0;
	background-color: transparent;
	border-style: none;
	display: block;
}
div.blogblock .inner-r {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0.2rem;
	padding-left: 0.2rem;
	margin: 0;
	background-color: transparent;
	border-style: none;
	height: auto;
	display: flex;
	flex-direction: column;
}
@media (max-width: 575px) {
	div.blogblock .inner-l {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
		padding-left: 0;
		margin: 0;
		background-color: transparent;
		border-style: none;
		display: block;
	}
	div.blogblock .inner-r {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
		padding-left: 0;
		margin: 0;
		background-color: transparent;
		border-style: none;
		display: block;
	}
}
div.blogblock .card {
	padding:0;
	border: 1px;
	border-style: none;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	margin-left: 0;
	margin-right: 0;
	background-color: transparent;
}
div.blogblock .card-footer {
	height: auto;
	padding: 0;	
	border-style: none;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	background-color: transparent;
}
div.blogblock .card-body {
	height: auto;
	padding: 0;	
	border-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	background-color: transparent;
}
div.blogblock .card-header {
	padding: 0;	
	font-size: 0.8rem;
	line-height: 0.9rem;
	border-style: none;
	text-align: left;
	padding-bottom: 1rem;
	margin: 0;
	background-color: transparent;
}
div.blogblock img {
	width: 100%;
	text-align: center;
	border-radius: 0.2rem;
}
div.blogblock p.type {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #000000;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
	background-color: #9fb14b;
	border-style: none;
	border-radius: 0.1rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0.2rem;
	display: inline;
}
div.blogblock p.date {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #000000;
	font-size: 1rem;
	font-weight: normal;
	text-decoration:none;
}
div.blogblock p.author {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #000000;
	font-size: 1rem;
	font-weight: normal;
	text-decoration:none;
}
div.blogblock h2 {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color:#9fb14b;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
}
div.blogblock p.org {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color:#000000;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
}
div.blogblock p {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color:#000000;
	font-size: 1rem;
	line-height: 1.5rem;
	text-decoration: none;
}
div.blogblock a, 
div.blogblock a:link, 
div.blogblock a:visited {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color:#006600;
	font-size: 1rem;
	text-decoration: underline;
}
div.blogblock a:hover, 
div.blogblock a:active {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color:#006600;
	font-size: 1rem;
	text-decoration: underline;
}
/* toc.php */
.video-subhead {
	color: #083143;
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 3rem;
	text-align: left;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 2rem;
	padding-right: 0;
	margin: 0;
	font-weight: bold;
}
p.card-texts{
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;	
	color: #000000;
	text-align: left;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	text-decoration: none;
}
p.card-titles{
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.2rem;	
	color: #9fb14b;
	text-align: center;
	font-weight: bold;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
/* Collapsible block */
/* Style the button that is used to open and close the collapsible content */
.collapsible, 
.collapsible:visited {
	background-color: #eee;
	color: #9fb14b;
	cursor: pointer;
	padding: 1rem;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0;
}
@media (min-width: 600px) {
	.collapsible:after {
		content: "\002b";
		font-size: 1.5rem;
		font-weight: bold;
		color: #006600;
		float: right;
		vertical-align: middle;
		padding: 0.2rem;
		margin-right: 1rem;
		outline: none;
	}
	.active:after {
		font-size: 1.5rem;
		font-weight: bold;
		content: "\2012";
		margin-right: 1rem;
		vertical-align: middle;
		padding: 0.2rem;
	}
}
.midtext {
	vertical-align: middle;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, 
.collapsible:hover, 
.collapsible:active {
	background-color: #ccc;
	color: #006600;
	border: none;
	outline: none;
}
/* Style the collapsible content. Note: hidden by default */
.content {
	display: none;
	overflow: hidden;
	padding: 1rem;
	background-color: #f1f1f1;
}
/* magazine articles  */
.article-text {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.2rem;
	color: #000000;
}
.headercontainer {
	position: relative;
}
div.headerimg {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	margin: 0;
	background-color: #ffffff;
  	border-radius: 0 !important;
    z-index: 70;
 /* 	position: absolute; */
  	left: 0px;
  	top: 0px;
/*  	z-index: 0; */
}
div.headerimgbase {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	margin: 0;
	background-color: #ffffff;
  	border-radius: 0 !important;
 /* 	position: static; */
  	left: 0px;
  	top: 0px;
 /* 	z-index: -10; */
}
div.headerimgbase card,
div.headerimgbase img,
div.headerimg card,
div.headerimg img {
	padding:0;
  	border-radius: 0 !important;
  	border-style: none;
}
div.headerimg card.footer {
	padding:0.2rem;
	font-size: 1rem;
  	border-radius: 0 !important;
  	border-style: none;
}
div.headerimg p.cright {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.7rem;
	font-weight: normal;
	font-style: italic;
}
div.headerimg .card-img-overlay {
        position: absolute;
        padding: 0 !important;
}

/* About NCE */
div.members {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 0.8rem;
	line-height: 0.9rem;
	padding-top: 0.5rem;
	padding-bottom: 1.0rem;
	padding-right: 0.2rem;
	padding-left: 0.2rem;
	margin: 0;
	background-color: #e6e6e6;
}
div.members .card {
	padding:0;
	border: 0.5px;
	border-style: solid;
	border-color: #006600;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	margin-left: 0;
	margin-right: 0;
	display: inline-block;
}
div.members .card-footer {
	height: 100%;
	padding: 0;	
	line-height: 0.9rem;
	border: 0;
	margin: 0;
	background-color: #ffffff;
}
div.members .card-header {
	height: 100%;
	padding-top: 0;
	padding-bottom: 0.2rem;
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
	margin: 0;
}
.members p {
	color:#000000;
	font-size: 0.8rem;
	text-decoration: none;
	display: inline;
}
.members a, 
.members a:link, 
.members a:visited {
	color:#006600;
	font-size: 0.8rem;
	text-decoration: none;
}
.members a:hover, 
.members a:active {
	color:#006600;
	font-size: 0.8rem;
	text-decoration: underline;
}
div.members .card-columns {
    column-count: 10;
	column-gap: 1.0rem;
    padding: 0;
    margin: 0;
}
@media (max-width: 1200px) {
    div.members .card-columns {
        column-count: 8;
		column-gap: 1.0rem;
    	padding: 0;
    	margin: 0;
    }
}
@media (max-width: 992px) {
    div.members .card-columns {
        column-count: 5;
		column-gap: 1.0rem;
    	padding: 0;
    	margin: 0;
    }
}
@media (max-width: 768px) {
    div.members .card-columns {
        column-count: 4;
		column-gap: 1.0rem;
    	padding: 0;
    	margin: 0;
    }
}
@media (max-width: 576px) {
    div.members .card-columns {
        column-count: 2;
		column-gap: 1.0rem;
    	padding: 0;
    	margin: 0;
    }
}
/* Videos */
.btn-sections {
  color: #000000;
  background-color: #9fb14b;
  border-color: #9fb14b;
  padding: 0.25rem 0.5rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  border-radius: 0.5rem;
  margin: 0.2rem;
}
.btn-sections:hover {
  color: #006600;
  background-color: #000000;
  border-color: #006600;
  padding: 0.25rem 0.5rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  border-radius: 0.5rem;
  margin: 0.2rem;
}
/* Fixed Social */
div.socfix {
  position: fixed;
  top: 20%;
  right: 1rem;
  width: 3rem;
  border: none;
  background-color: #ffffff;
  padding: 0.2rem;
  text-align: center;
  z-index: 60;
}
/* Article Title Block */
div.titblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	padding-right: 1rem;
	padding-left: 1rem;
	margin: 0;
	border: 0;
	background-color: #fff9e6;
	color: #000000;
}
@media (max-width: 767px) {
	div.titblock {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin: 0;
		border: 0;
		background-color: #fff9e6;
		color: #000000;
	}
}
div.titblock a.main:link, 
div.titblock a.main:visited {
	color: #000000;
	text-decoration: underline;
}
div.titblock a.main:hover, 
div.titblock a.main:active {
	color: #006600;
	text-decoration: underline;
}
div.titblock h1 {
	font-size: 2.3rem;
	font-weight: bold;
	padding: 0;
	color: #9fb14b;
}
div.titblock h2 {
	font-size: 1.8rem;
	font-weight: normal;
	padding: 0;
}
div.titblock .author{
	font-size: 1rem;
	font-weight: bold;
	padding: 0;
}
div.titblock .date{
	font-size: 1rem;
	font-weight: normal;
	padding: 0;
}
div.titblock .extra{
	font-size: 1rem;
	font-weight: normal;
	font-style: italic;
	padding: 0;
}
div.titblock .by{
	font-style: italic;
	color: #808080;
}
div.titblock .main-title-upper {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #9fb14b;
	padding: 0;
	font-size: 8vw;
	line-height: 6vw;
	text-align: center;
	font-weight: bold;
}
div.titblock .main-title-upper-dgr {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #006600;
	padding: 0;
	font-size: 8vw;
	line-height: 6vw;
	text-align: center;
	font-weight: bold;
}
div.titblock .main-title-upper-dbe {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #083143;
	padding: 0;
	font-size: 8vw;
	line-height: 8vw;
	text-align: center;
	font-weight: bold;
}
div.titblock .main-title-lower {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #000000;
	padding: 0;
	font-size: 5vw;
	text-align: center;
}
div.titblock .main-title-date {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #000000;
	padding: 0;
	font-size: 3vw;
	text-align: center;
}
/* Article blocks */
div.artblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 1rem;
	padding-left: 1rem;
	margin: 0;
	background-color: #ffffff;
	z-index: 50;
}
@media (max-width: 767px) {
	div.artblock {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin: 0;
		background-color: #ffffff;
		z-index: 50;
	}
}
div.artblock .question {
	color: #006600;
	font-weight: normal;
}
div.artblock a, 
div.artblock a:link, 
div.artblock a:visited{
	color: #000000;
	text-decoration: underline;
}
div.artblock a:hover, 
div.artblock a:active {
	color:#9fb14b;
	text-decoration: underline;
}
div.artblock h1 {
	font-size: 2.3rem;
	font-weight: bold;
	color: #9fb14b;
}
div.artblock h2 {
	font-size: 1.8rem;
	font-weight: bold;
}
div.artblock h3 {
	font-size: 1.6rem;
	font-weight: bold;
}
div.artblock p, li {
	font-size: 1.2rem;
	color: #000000;
}
@media (max-width: 767px) {
	div.artblock p, li {
		font-size: 1.2rem !important;
		color: #000000;
	}
}
div.artblock .blackSubhead {
	color: #000000;
}
.greenSubhead {
	color: #9fb14b !important;
}
.darkgSubhead {
	color: #284a32 !important;
}
.blueSubhead {
	color: #083143 !important;
}
.redSubhead {
	color: #703040 !important;
}
.goldSubhead {
	color: #c69842 !important;
}
.oliveSubhead {
	color: #314e49 !important;
}
svg.cnam {
	width: 1.2rem;
	height: 1.2rem;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0.1rem;
	text-decoration: none;
	margin: 0;
	fill: #9fb14b;
}
/* label used by article type block */
div.artblock .arttype {
	color: #ffffff;
	font-size: 1rem !important;
	background-color: #9fb14b !important;
	border-style: none;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 1rem;
}
div.artblock hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  height: 5px;
  color: #c69842;
  width: 100%;
  background-color: #c69842;
}

hr.art24 {
	text-align: center;
  	display: block;
  	margin-top: 0.5rem;
  	margin-bottom: 0.5rem;
  	border-style: inset;
  	border-width: 1px;
  	height: 5px;
  	color: #c69842 !important;
  	width: 90%;
  	background-color: #c69842 !important;
  	border-color: #c69842 !important;
}

/* Three More blocks */
div.threemore {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.2rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 1rem;
	padding-left: 1rem;
	margin: 0;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	div.threemore {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin: 0;
		background-color: #ffffff;
	}
}
div.threemore a, 
div.threemore a:link, 
div.threemore a:visited{
	color: #006600;
	text-decoration: underline;
}
div.threemore a:hover, 
div.threemore a:active {
	color:#660066;
	text-decoration: underline;
}
div.threemore p {
	font-size: 1.2rem;
	color: #000000;
}
@media (max-width: 767px) {
	div.threemore p {
		font-size: 1.0rem !important;
		color: #000000;
	}
}
/* Threats table block - used in carnivore conservation article */
div.tabthreats {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 1rem;
	padding-left: 1rem;
	margin: 0;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	div.tabthreats {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin: 0;
		background-color: #ffffff;
	}
}
.table-dgreen {
  --bs-table-color: #fff;
  --bs-table-bg: #284a32;
  --bs-table-border-color: #000000;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
caption {
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  color: #000000;
  text-align: left;
}
/* Article image block */
div.imgblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	padding-top: 0.5rem;
	padding-bottom: 1.0rem;
	padding-right: 1rem;
	padding-left: 1rem;
	margin: 0;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	div.imgblock {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1.0rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin: 0;
		background-color: #ffffff;
	}
}
div.imgblock card {
	height: 100%;
	padding: 0;
	margin: 0;
}
div.imgblock p.cright {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.6rem;
	font-weight: normal;
	font-style: italic;
}
div.imgblock .card-img-overlay {
        position: absolute;
        padding: 0 !important;
    }
div.imgblock .card-footer {
	height: 100%;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	word-wrap: break-word;
}
div.imgblock .card-header {
	padding: 0rem;
	background-color: #ffffff;
	margin: 0;
}
div.imgblock p {
	color: #000000;
	display: inline;
}
.headerimg a,
.headerimg a:link,
.headerimg a:visited,
.imgblock a, 
.imgblock a:link, 
.imgblock a:visited {
	color: #000000;
	text-decoration: underline;
}
.headerimg a:hover,
.headerimg a:active,
.imgblock a:hover, 
.imgblock a:active {
	color:#9fb14b;
	text-decoration: underline;
}
@media (min-width: 576px) {
    div.imgblock .card-columns {
        column-count: 2;
    }
}
/* Article readmore block */
div.readmore {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	padding-top: 0.5rem;
	padding-bottom: 1.0rem;
	padding-right: 1rem;
	padding-left: 1rem;
	margin: 0;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	div.readmore {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1.0rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin: 0;
		background-color: #ffffff;
	}
}
div.readmore card {
	padding: 0;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
div.readmore .card-footer {
	height: 100%;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	word-wrap: break-word;
}
div.readmore p {
	color: #000000;
	display: inline;
}
div.readmore p.moretitle {
	font-size: 1.5rem;
	font-weight: bold;
	color: #9fb14b;
	display: block;
	text-align: center !important;
}
div.readmore a, 
div.readmore a:link, 
div.readmore a:visited {
	color: #000000;
	text-decoration: underline;
}
div.readmore a:hover, 
div.readmore a:active {
	color:#9fb14b;
	text-decoration: underline;
}
/* Article 2022 organisation blocks */
div.artorg {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
	margin: 0;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	div.artorg {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1.0rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin: 0;
		background-color: #ffffff;
	}
}
div.artorg .col {
	margin: 0;
	padding: 2rem;
}
div.artorg img.logo {
	width: 8rem;
	height: auto;
	margin: 0.5rem;
}
div.artorg .media {
	background-color: #ffffff !important;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	padding: 0.5rem !important; 
	margin: 0 !important; 
}
div.artorg .media-body {
	background-color: #ffffff;
	border-style: none;
	padding: 0.5rem !important; 
	margin: 0.5rem !important; 
}
div.artorg .card {
	background-color: #ffffff !important;
	border-color: #000000;
	border-style: none;
	border-width: 0.5px;
	text-align: center;
	padding: 0.5rem !important; 
	margin: 0 !important; 
}
div.artorg .card-footer {
	background-color: #ffffff;
	border-style: none;
	padding: 0.2rem !important; 
	margin: 0 !important; 
}
div.artorg p {
	color: #000000;
	display: inline;
}
.artorg a, 
.artorg a:link, 
.artorg a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.artorg a:hover, 
.artorg a:active {
	color:#9fb14b;
	text-decoration: underline;
	font-weight: bold;
}
/* Article references / further reading */
div.refblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	padding: 1rem;
	padding-bottom: 0.5rem;
	margin: 0;
}
@media (max-width: 767px) {
	div.refblock {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1.0rem;
		padding: 0.2rem;
		margin: 0;
	}
}
div.refblock p {
	text-align: left;
}
div.refblock p.footnote {
	text-align: left;
	font-size: 0.8rem !important;
}
div.refblock h2 {
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
}
.refblock a, 
.refblock a:link, 
.refblock a:visited {
	text-decoration: underline;
}
.refblock a:hover, 
.refblock a:active {
	text-decoration: underline;
}

div.refblock-dark {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.0rem;
	padding: 1rem;
	padding-bottom: 0.5rem;
	margin: 0;
}
@media (max-width: 767px) {
	div.refblock-dark {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1.0rem;
		padding: 0.2rem;
		margin: 0;
	}
}
div.refblock-dark p,
div.refblock-dark li {
	color: #ffffff !important;
	text-align: left;
}
div.refblock-dark p.footnote {
	color: #ffffff;
	text-align: left;
	font-size: 0.8rem !important;
}
div.refblock-dark h2 {
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ffffff;
}
.refblock-dark a, 
.refblock-dark a:link, 
.refblock-dark a:visited {
	text-decoration: underline;
	color: #ffffff;
}
.refblock-dark a:hover, 
.refblock-dark a:active {
	text-decoration: underline;
	color: #ffffff;
}


.redback {
	background-color: #703040 !important;
}
.blueback {
	background-color: #083143 !important;
}
.darkgback {
	background-color: #284a32 !important;
}
.goldback {
	background-color: #c69842 !important;
}
.oliveback {
	background-color: #314e49 !important;
}
/* Organisation block in articles */
div.orgblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	font-size: 1.2rem;
	padding: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	border: 0;
	background-color: #e6e6e6;
	text-align: center;
}
@media (max-width: 767px) {
	div.orgblock {
		font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
		font-size: 1rem;
		padding: 0.2rem;
		margin: 0.2rem;
		border: 0;
		background-color: #e6e6e6;
		text-align: center;
	}
}
div.orgblock p {
	color: #000000;
	text-align: center;
}
div.orgblock card {
	text-align: left;
}
div.orgblock ul li li {
	color: #000000;
	text-align: left;
}
div.orgblock a, 
div.orgblock a:link, 
div.orgblock a:visited {
	color: #000000;
	text-decoration: underline;
}
div.orgblock a:hover, 
div.orgblock a:active {
	color:#9fb14b;
	text-decoration: underline;
}
.logo-size-media{
	width: 12rem;
	height: auto;
	margin: auto;
	text-align: center;
	margin: 0.5rem
}
div.pdfblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 0.2rem;
	padding-left: 0.2rem;
	margin: 0;
	border: 0;
	background-color: #ffffff;
	text-align: center;
}
div.pdfblock .card {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin: 0;
	border: solid;
	border-width: 2px;
	border-color: #9fb14b;
	background-color: #9fb14b;
}
div.pdfblock .card:hover, 
div.pdfblock .card:active {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin: 0;
	border: solid;
	border-width: 2px;
	border-color: #9fb14b;
	background-color: #f2f2f2;
}
div.pdfblock a,
div.pdfblock a:link,
div.pdfblock a:visited {
	color: #ffffff;
	background-color: #9fb14b;
	font-size: 1.2rem;
	text-decoration: underline;
}
div.pdfblock a:hover, 
div.pdfblock a:active {
	color: #9fb14b;
	background-color: #f2f2f2;
	font-size: 1.2rem;
	text-decoration: underline;
}
.btn-outline-pdf {
  --bs-btn-color: #703040;
  --bs-btn-border-color: #703040;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #703040;
  --bs-btn-hover-border-color: #703040;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #703040;
  --bs-btn-active-border-color: #703040;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #703040;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #703040;
  --bs-gradient: none;
}
div.pdfdownred {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #ffffff !important;
	text-align: center;
}
card.pdfdownred {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin: 0;
	border: solid;
	border-width: 2px;
	border-color: #703040 !important;
	border-radius: 5px;
/*	border-radius: var(--bs-border-radius-pill) !important; */
	background-color: #703040 !important;
	color: #703040 !important;
}
card.pdfdownred:hover, 
card.pdfdownred:active {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin: 0;
	border: solid;
	border-width: 2px;
	border-color: #703040;
	border-radius: 5px;
/*	border-radius: var(--bs-border-radius-pill) !important; */
	background-color: #ffffff;
}
div.pdfdownred a,
div.pdfdownred a:link,
div.pdfdownred a:visited {
	color: #ffffff;
	font-size: 1.2rem;
	text-decoration: underline;
}
div.pdfdownred a:hover, 
div.pdfdownred a:active {
	color: #703040;
	font-size: 1.2rem;
	text-decoration: underline;
}
#article-links {
	color: #000000;
	padding-left: 1rem;
	padding-right: 1rem;
	background-color:#ffffff;
	padding-top:0.75rem;
	padding-bottom: 1rem;
	margin: 0;
}
a.article:link,
a.article:visited {
	color: #000000;
	text-decoration: underline;
}
a.article:hover, 
a.article:active {
	color:#9fb14b;
	text-decoration: underline;
}
.link-img-border {
	border-color: #8b4513;
	border-width: 1px;
}
/* Table of Contents */
div.tocblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	padding-top: 0rem;
	padding-bottom: 0.5rem;
	padding-right: 0.1rem;
	padding-left: 0.1rem;
	margin: 0;
	background-color: #ffffff;
	max-width: 100%;
}
div.tocblock .col{
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-right: 0.1rem;
	padding-left: 0.1rem;
	margin: 0;
	background-color: #ffffff;
}
@media (max-width: 575px) {
	div.tocblock .col{
		padding-top: 0;
		padding-bottom: 0.5rem;
		padding-right: 0;
		padding-left: 0;
		margin: 0;
		background-color: #ffffff;
	}
}
div.tocblock h2 {
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: bold;
}
div.tocblock h3 {
	color: #000000;
	font-size: 1.0rem;
}
div.tocblock p {
	font-size: 1.0rem;
	color: #000000;
}
div.tocblock .readmore {
	font-size: 1.0rem;
	color: #284a32;
	font-weight: bold;
	text-decoration: underline;
	padding: 0;
}
div.tocblock a, 
div.tocblock a:link, 
div.tocblock a:visited {
	color: #083143;
	text-decoration: none;
}
div.tocblock a:hover, 
div.tocblock a:active {
	color:#c69842;
	text-decoration: underline;
	text-decoration-color: #c69842;
}
div.tocblock a.big, 
div.tocblock a.big:link, 
div.tocblock a.big:visited {
	font-size: 2rem;
	color: #9fb14b;
	font-weight: bold;
	text-decoration: underline;
}
div.tocblock a.big:hover, 
div.tocblock a.big:active {
	font-size: 2rem;
	color:#006600;
	font-weight: bold;
	text-decoration: underline;
}
div.tocblock .card {
	margin: 0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
  	border-style: solid;
  	border-width: 1px;
  	border-color: #d9d9d9;
	background-color: #ffffff;
	height: 100%;
}
div.tocblock .card-header {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-style: none;
	border: 0;
}
div.tocblock .card-body {
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	background-color: #e9e9e9;
	border-style: none;
	border: 0;
	word-wrap: break-word;
}
div.tocblock .card-footer {
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	background-color: #fff9e6;
	border-style: none;
	border: 0;
	word-wrap: break-word;
	height: 100%;
}
button.rm {
	font-size: 1.0rem;
	font-weight: bold;
	background-color: #c69842 !important;
	text-decoration: none;
}
/* Logos and About block */
div.aboutblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	text-align: center;
	font-size: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin: 0;
	border: 0;
	background-color: #ffffff;
	color: #000000;
}
div.aboutblock .card,
div.aboutblock .card.body {
	border-style: none;
	border: 0;
	margin: 1rem;
	height: 100%;
}
div.aboutblock p.about {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	color: #9fb14b;
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}
div.aboutblock a, 
div.aboutblock a:link, 
div.aboutblock a:visited {
	color: #9fb14b;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
div.aboutblock a:hover, 
div.aboutblock a:active{
	color: #9fb14b;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
}
/* Indexing tags */
div.indextag {
	bottom: 0.5rem;
	background-color: transparent;
	margin-top: auto;
	padding: 0.2rem;
}
div.indextag p {
	font-size: 1.0rem;
	font-weight: bold;
	display: inline;
}
.btn-indextag {
  color: #6c757d;
  border-color: #6c757d;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1rem;
  border-radius: 0.2rem;
  margin: 0.2rem;
}
.btn-indextag:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1rem;
  border-radius: 0.2rem;
  margin: 0.2rem;
}
/* Button for more by author */
div.author {
	background-color: transparent;
	padding: 0.2rem;
	text-align: center;
	margin-bottom: 1rem;
}
div.author .btn-cnam {
  background-color: #9fb14b;
  color: #9fb14b;
  border-color: #9fb14b;
  padding: 0.5rem 0.5rem;
  line-height: 2rem;
  border-width: 1px;
  margin: 0.2rem;
}
div.author .btn-cnam:hover {
  color: #fff;
  background-color: #ffffff;
  border-color: #9fb14b;
  padding: 0.5rem 0.5rem;
  line-height: 2rem;
  border-width: 1px;
  margin: 0.2rem;
}
div.author a, 
div.author a:link, 
div.author a:visited{
	font-size: 1rem;
	line-height: 0.7rem;
	color: #ffffff;
	text-decoration: underline;
}
div.author a:hover, 
div.author a:active {
	font-size: 1rem;
	line-height: 0.7rem;
	color: #000000 !important;
	text-decoration: underline;
}
/* Privacy pop-up alert */
@keyframes hidepalert {
  from {height: 4rem;}
  to {height: 0.1rem;}
}
div.privacy {
	position: fixed !important;
	bottom: 0 !important;
	left: 0;
	right: 0;
	margin-bottom: 0 !important;
	height: 4rem;
	width: 100%;
	z-index: 1000;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
  	animation-delay: 5s;
  	animation-name: hidepalert;
  	animation-duration: 5s;
  	animation-fill-mode: forwards;
}
div.privacy p {
	font-size: 0.8rem;
	line-height: 0.7rem;
	color: #000000;
}
div.privacy a, 
div.privacy a:link, 
div.privacy a:visited{
	font-size: 0.8rem;
	line-height: 0.7rem;
	color: #000000;
	text-decoration: underline;
}
div.privacy a:hover, 
div.privacy a:active {
	font-size: 0.8rem;
	line-height: 0.8rem;
	color:#006600;
	text-decoration: underline;
}
/* Individual blogs  - This should be turned into a div block, but will take time. Also used in "about" and "utils" */
.res-org-name {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif";
	font-size: 1.5rem;
}
.res-art-title {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif";
	font-size: 2.0rem;
	color:#9fb14b;
	font-weight: bold;
}	
.res-art-subt {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif";
	font-size: 1.4rem;
	color:#9fb14b;
	font-weight: bold;
}	
.res-author {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif";
	font-size: 1.0rem;
	font-weight: bold;
}
a.res-author:link,
a.res-author:visited {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif";
	font-size: 1.0rem;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.res-author:hover,
a.res-author:active {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif";
	font-size: 1.0rem;
	font-weight: bold;
	color: #9fb14b;
	text-decoration: underline;
}
.res-date {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif";
	font-size: 1.0rem;
}
.blog-img-cright {
	font-size: 0.8rem;
}
a.blog-link:link,
a.blog-link:visited{
	color: #404040;
	text-decoration: underline;
}
a.blog-link:hover, 
a.blog-link:active {
	color:#9fb14b;
	text-decoration: underline;
}
/* Organisation block in blogs */
div.blog-orgblock {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin: 0rem;
	border: 0;
	background-color: #f8f9fa;
	text-align: center;
}
div.blog-orgblock p {
	color: #000000;
	font-size: 1.0rem;
	line-height: 1.2rem;
	text-align: left;
	padding: 0;
	padding-left: 0.2rem;
}
div.blog-orgblock a, 
div.blog-orgblock a:link, 
div.blog-orgblock a:visited {
	font-size: 1.0rem;
	color: #000000;
	text-align: left;
	text-decoration: underline;
}
div.blog-orgblock a:hover, 
div.blog-orgblock a:active {
	font-size: 1.0rem;
	color:#006600;
	text-align: left;
	text-decoration: underline;
}
div.blog-orgblock .card-header {
	border: 0;
	padding: 1rem;
	background-color: #f8f9fa;
}
div.blog-orgblock .card-body {
	border: 0;
	padding: 0.2rem;
	background-color: #f8f9fa;
}
div.blog-orgblock .card-footer {
	border: 0;
	padding: 0.2rem;
	background-color: #f8f9fa;
}
.logo-size-media-blog{
	width: 10rem;
	height: auto;
	margin: 0;
	margin-right: 1rem;
	text-align: left;
}
@media (max-width: 767px) {
	.logo-size-media-blog{
		width: 5rem;
		height: auto;
		margin: 0;
		margin-right: 0.5rem;
		text-align: left;
	}
}
p.org-blog-text {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #000000;
	font-size: 1.0rem;
	line-height: 1.5rem;
	text-align: left;
	padding: 0;
}
h4.org-blog-text {
	font-family: "Avenir", "Montserrat", "Futura", "Arial", "Helvetica", "sans-serif"; 
	color: #000000;
	font-size: 1.2rem;
	line-height: 1.0rem;
	text-align: left;
	font-weight: bold;
	padding: 0;
}
/* Mailing list */
.mail-off-left{
	position: absolute; 
	left: -5000px;
}
/* Honeypot technique, hide the fake field */
#m66 {
   display: none;
}
/* TEST CODE */
.test-back1{
	background-color: #660066 !important;
}
.test-back2{
	background-color: #ff00ff !important;
}
.test-back3{
	background-color: #33bbff !important;
}
/* Mailchimp complete CSS codes */
/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display:block; padding:0 0.4em; margin:0 4% 10px 0; min-height:32px; width:58%; min-width:130px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
.chart {
  border: 3px solid royalblue;
	font-size: 5rem;
}
#fig1Chart, #fig2Chart, #fig3Chart {
	font-size: 5rem;
}
  .youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
  }
  .youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }
  .youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
  }
  .youtube-player img:hover {
    -webkit-filter: brightness(75%);
  }
  .youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    /* background: url('//i.imgur.com/TxzC70f.png') no-repeat; */
    cursor: pointer;
  }