Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt */
/* General (applicable to all pages) */

.site-title {
	font-size: 45px;
	font-family: 'Nunito', sans-serif;
letter-spacing: 0.5px;
}

#custom-header {
	position: relative !important;
}

a, a:hover, a:focus, a:active, a:focus-within, a:link {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	transition: none !important;
	-webkit-transition: none !important;
}

ul li, ol li {
	list-style: outside;
	margin-left: 1em !important;
}

ul li {
	list-style-type: disc !important;
}

ol li {
	list-style-type: decimal;
}

ol li, ul li {
	padding: 0 0 0 4px !important;
}

mark {
	background-color: white;
}

a:-webkit-any-link {
	text-decoration: none !important;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: ;
	font-weight: 100;
	color: #011721;
}

.col {
	flex: 1;
}

/* This technique doesn't naturally cause horizontal overflow, but once there is natural vertical overflow, it causes horizontal overflow, so stopping here. */
body {
	overflow-x: hidden;
}

/* this was causing problems with blog posts .container { */
/*	overflow-x: hidden; */
/* } */

main {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

p, figure {
	margin: 20px auto;
	font-weight: 400;
}

label {
	font-size: 1rem;
}

li {
	font-weight: 400;
}

figure figcaption {
	text-align: center;
}

.mobile-menu a:hover {
	color: #ccc !important;
}

/*The following bits are to deal with creating submenus (dropdowns) and trying to make them white and get rid of any shadows/backgrounds */
.sf-arrows .sf-with-ul:after {
	border-top-color: white;
}

a.sf-with-ul:hover {
	color: white;
	background-color: transparent;
}

.menu li:hover, .menu-item:hover, .menu-item:active {
	background-color: transparent;
	background: none;
	color: white;
}

.menu li:last-child {
	border-right: none;
}

.menu li li a, .menu li li a:link, .menu li li a:visited {
	color: white !important;
	font-size: 1.4em;
	padding: 0 3px;
	font-weight: 500;
}

#header #navigation .menu li li a:hover {
	color: white !important;
}

.menu li li {
	border: none !important;
}

.menu li, .menu li a, .menu li a:hover {
	color: white;
}

.menu li li a:focus, .menu li li a:hover, .menu li li a:active {
	background: transparent;
	color: white;
}

.menu ul.sub-menu .menu ul-children {
	-webkit-box-shadow: none;
	-webkit-border-radius: none;
	box-shadow: none;
	-moz-box-shadow: none;
	color: white;
}

.menu ul.sub-menu:hover, .menu ul-children:hover {
	-webkit-box-shadow: none;
	-webkit-border-radius: none;
	box-shadow: none;
	-moz-box-shadow: none;
	color: white;
}

#navigation .menu .menu-item a {
	background: transparent !important;
	color: #fff;
}

#navigation .menu li.current-menu-ancestor a, #navigation .menu li.current_page_ancestor a {
	color: white;
}

@media screen and (max-width: 1080px) {
	#navigation .menu .menu-item ul li a {
		color: rgba(0,0,0,0) !important;
	}
}
	
	@media screen and (max-width: 1250px) and (max-height: 820) {
	#navigation .menu .menu-item ul li a {
		color: rgba(0,0,0,0) !important;
	}
	
	#navigation .menu .menu-item a:after {
		border-top-color: rgba(0,0,0,0) !important;
	}
}

@media screen and (min-width: 2400px) {
	#navigation {
		font-size: 1.2em;
	}
	
	.main-logo {
		margin-top: -14% !important;
	}
}

#masthead {
	display: none;
}

.footer {
	background: #4174af;
}

.footer-widgets {
	width: 100%;
	padding-bottom: 0;
	max-width: 90vw;
	padding-left: 0;
	padding-right: 0;
}

.footer-widgets .wp-block-button a {
	margin: 0;
}

@media screen and (max-width: 600px) {
	.footer-widget p {
		font-size: 15px !important;
	}
}

.footer-widgets .widget .footer-widget, .footer-widgets .widget {
	width: 100%;
}

.footer-information {
	padding-top: 0;
}

.footer .align-left {
	display: none;
}

.footer .align-right {
	margin: auto !important;
	width: 100%;
	text-align: center;
}

#block-27 .wp-block-social-links {
	margin-left: auto !important;
	margin-right: auto !important;
}

.footer .inline-container {
	padding: 0;
	background-color: transparent!important;
	--background-color: transparent;
	border: transparent;
}

.footer .emailoctopus-form, .footer .emailoctopus-form-wrapper {
	margin: 0px!important;
}

.footer .main-form {
	align-items: left!important;
}

#wrap .footer .align-mid, #wrap .footer .p-3 {
	padding: 0rem !important;
}

.footer .inline-container .btn {
	font-weight: 600;
	transition: none!important;
	box-shadow: none!important;
}

.footer .inline-container .btn:hover, .inline-container .btn:hover {
	box-shadow: none!important;
	text-shadow: none!important;
	line-height: 1.5!important;
	padding: .375rem .75rem!important;
	top: -14px;
}

.footer p.emailoctopus-success-message {
	color: white!important;
}


@media screen and (max-width: 570px) {
	#header {
		background-color: white !important;
	}
	
	.row .eleven {
		position: absolute;
		top: 0;
		padding: 2vw;
		margin-left: 70vw;
	}
	
	.menu-toggle {
		color: #011721;
	}
	
	.menu-toggle:before {
		color: #011721;
	}
}

@media screen and (max-width: 900px) {
	#custom-header {
		background-color: transparent;
		margin-bottom: -30px;
	}
	
	#custom-header img {
		width: 170px;
	}
	
	.five .columns {
		margin-left: -2vw;
		margin-right: auto;
	}
	
	.five {
		max-width: 25%;
	}
	
	.eleven {
		max-width: 80vw;
		margin-right: 0 !important;
		padding-left: 0 !important;
		font-size: .8em;
	}
	
	#navigation {
		border-top: transparent !important;
		text-align: center;
	}
	
	.article {
		width: 100vw;
		padding: 0;
	}
	
	#header {
		float: none !important;
		z-index: 10 !important;
		padding-bottom: 0;
	}
	
	#masthead {
		display: none;
	}
	
	* {
		box-sizing: border-box;
	}
	
	body {
		margin: 0;
	}
	
	.footer .align-left {
		display: none;
	}
	
	.footer .align-right {
		margin: auto !important;
		width: 100%;
		text-align: center;
	}
	
	.col {
		flex: 1;
	}
	
	.container {
		margin: 0 !important;
	}
	
	.single-holder {
		-webkit-box-shadow: none !important;
	}
	
	.footer-information {
		background: #4174af;
	}
}

@media screen and (min-width: 830px) {
	.mobile-logo {
		display: none;
	}
	
	.main-logo {
		width: 100%;
		margin-top: -20%;
		margin-left: 0;
		display: block;
	}
	
	#custom-header img {
		max-width: 18vw;
	}
}

@media screen and (min-width: 580px) {
	.mobile-logo {
		margin-top: -15px;
	}
	
	.menu-toggle {
		display: none;
	}
	
	.navigation-main ul.menu {
		display: block !important;
	}
	
	#custom-header {
		margin-bottom: -80px;
	}
	
	.main-logo img {
	}
	
	.five {
		width: 35.35% !important;
	}
	
	#header {
		float: none !important;
	}
	
	.menu li {
		border-left: none;
	}
	
	.menu a {
		float: none !important;
		padding: .35em .45em;
		margin-left: .75em !important;
		margin-right: .25em !important;
		line-height: 2.125em;
		border: none !important;
		font-size: 1.2em;
	}
	
	.row .eleven {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wp-image-94 {
		width: 3000px !important;
	}
	
	.row {
		max-width: 3500px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0 !important;
		padding: 0 !important;
		width: 100vw;
	}
}

@media screen and (min-width: 620px) {
	.mobile-feature-image {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.mobile-feature-image {
		width: 170vw;
		overflow: hidden !important;
		margin-left: -35vw;
	}
	
	.mobile-logo {
		margin-top: 0;
		width: 45vw;
	}
	
	.mobile-menu {
		max-width: 40vw !important;
		margin-left: auto;
		margin-right: auto;
		font-size: 3.5vw;
	}
	
	.mobile-menu li li a:before {
		content: '' !important;
	}
	
	.mobile-menu li {
		text-align: left;
		padding-left: 4vw;
	}

	label {
		font-size: 0.9rem
}
}

.postarea {
	margin-bottom: 0 !important;
}

a.post-edit-link {
	margin: 0;
	line-height: 0 !important;
	display: none;
}

.container {
	margin: 0 !important;
}

.single-holder {
	-webkit-box-shadow: none !important;
}

.footer-information {
	background: #4174af;
}

/* SCREEN SIZE: general landscape phones */
@media screen and (min-width: 560px) and (max-width: 840px) and (min-height: 300px) and (max-height: 500px) {
	#navigation .menu a {
		margin-left: 1em !important;
	}
}

/* SCREEN SIZE: Galaxy S5 (360x640) */
@media screen and (max-width: 370px) and (min-width: 350px) and (min-height: 625px) and (max-height: 655px) {
	.eleven {
		margin-top: 10px !important;
	}
}

/* SCREEN SIZE: iPhone 5/SE */
@media screen and (min-width: 310px) and (max-width: 330px) and (min-height: 553px) and (max-height: 583px) {
	.row .eleven {
		margin-top: 5px;
	}
}

/* SCREEN SIZE: iPhone 5/SE  landscape*/
@media screen and (min-height: 310px) and (max-height: 330px) and (min-width: 553px) and (max-width: 583px) {
	.five {
		margin: -5vw 0;
	}
	
	.mobile-logo {
		margin-top: 5vw;
	}
}

/* SCREEN SIZE: Galaxy S5 (360x640) */
@media screen and (max-height: 370px) and (min-height: 350px) and (min-width: 625px) and (max-width: 655px) {
	#navigation {
		padding-right: 1vw;
	}
}

/* SCREEN SIZE: iPhone X (375x812) */
@media screen and (max-width: 385px) and (min-width: 365px) and (min-height: 797px) and (max-height: 827px) {
	.eleven {
		margin-top: 10px;
	}
}

/* SCREEN SIZE: iPad landscape (1024x758) */
@media screen and (max-width: 1060px) and (min-width: 990px) and (min-height: 720px) and (max-height: 790px) {
	#navigation .menu a {
		margin-left: 1.05em !important;
	}
}

/* SCREEN SIZE: iPad Pro (1024x1366) */
@media screen and (max-width: 1060px) and (min-width: 990px) and (min-height: 1310px) and (max-height: 1410px) {
	.row .eleven {
		width: 100%;
		padding-left: 20%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* colour scheme (for some reason we cannot define variables in Wordpress) */
/* white: #ffffff; dark-blue:#02082e; midblue: #298cbd; light-blue: #aaf9ff; teal: #01a29d; light-pink: #fad2d2; dark-pink: #dd6060; */
/* --- FONT + RANDOM THINGS --- */
body, .article, .menu a, .menu-item, .wp-block-button__link, .footer, h3, h4, .wp-block-button__link:not(.has-text-color):not(.has-background):hover, .button:hover {
	font-family: 'Nunito' !important;
letter-spacing: 0.5px;
}

h1, h2 {
	font-family: 'LeagueSpartan' !important;
letter-spacing: 2px;
}



/* to stop weird things at last column of flex boxes */
[class*=column]+[class*=column]:last-child {
	float: none;
}

/* don't underline buttons */
a:active, a:hover {
	text-decoration: none;
}

/* --- HEADER + MENU --- */
/* logo section */
.row.header-active, .header-active .row {
	margin-top: 0;
}

#header, .row .five {
	position: absolute;
}

#header {
	padding-top: 2%;
	background-color: transparent !important;
	box-shadow: none;
	-webkit-box-shadow: none;
}

#navigation {
	background-color: transparent !important;
	padding-right: 5vw;
}

#custom-header, .main-logo {
	margin-top: 0;
}

.menu-item, .menu-item:hover, .menu-item:active, .menu-item:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	background: none !important;
}

.sub-menu, .sub-menu:hover, .sub-menu:active, .sub-menu:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

/* default menu: white text */
.menu li a {
	padding: .2em .8em;
	background-color: transparent;
	color: white;
	box-shadow: none;
}

.menu ul.sub-menu, .menu ul.sub-menu:hover, .menu a:hover, .menu a:focus, .menu a:active, #navigation .menu .current_page_item a, #navigation .menu .current-menu-item a {
	background-color: transparent;
	color: white;
}

.menu li:hover ul, .menu li.sfHover ul {
	padding-top: 12px;
	top: 36px;
}

.menu ul.sub-menu li, .menu ul.sub-menu a:hover {
	background-color: rgba(76,76,76,0.3) !important;
}

#navigation .menu .current_page_ancestor .sub-menu li a {
	color: white !important;
}

#header #navigation .menu .menu-item-188 li a {
	background-color: transparent !important;
	color: white !important;
	font-weight: 400;
}

.menu li {
	margin-left: 0 !important;
}

.menu-item {
	font-weight: 600;
	font-size: .9em !important;
}

.menu li li a, .menu li li a:link, .menu li li a:visited {
	padding: 0 0 0 .8em;
}

.sf-arrows .sf-with-ul {
	padding-right: 1.5em !important;
}

/* dark blue + pink 'support' button */
body #navigation .menu .menu-item-188 a {
	color: white !important;
	background-color: #e3946a !important;
	border-radius: 5px;
	font-weight: 650;
}

#navigation .menu .menu-item-188 ul a {
	font-weight: 500;
	background-color: transparent !important;
}

.menu .menu-item-188 a:after {
	border-top-color: white;
}

/* --- FOOTER --- */
.footer {
	margin-top: 10vh;
	background-color: #4174af;
}

.footer .wp-block-columns {
	text-align: left;
	margin-bottom: 0;
}

h3 {
	font-weight: 400;
	margin-bottom: 13px;
}

.footer p {
	margin-top: 7px;
	margin-bottom: 7px;
}

.footer-widgets .widget a {
	color: white !important;
}

.footer .wp-block-jetpack-contact-form {
	padding: 0 70px 5px 0 !important;
	gap: 8px !important;
	margin: 10px 0 0;
}

.footer .no-label label {
	display: none;
}


.footer .wp-social-link {
	padding: 0 !important;
	border-top: 0;
}

.footer-widgets .widget li {
	border-top: none!important;
}

.footer-widgets .widget li {
	margin: 0 !important;
}

#block-16 p {
	text-align: center;
}

.footer-information {
	background-color: #02082e;
}

.footer .wp-block-social-links .wp-social-link a {
	fill: white!important;
	background-color: #4174af!important;
}

/* -------------- */
/* --- BANNER --- */
/* -------------- */
.banner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.type-page .feature-img, .type-page .headline {
	display: none;
}

.banner h1 {
	font-size: 3.8em;
	font-weight: 400;
	position: relative;
}

.banner-text {
	position: absolute;
}

.banner figure {
	margin: 0 0 5vh;
}

.sub-banner {
	margin: 10vh 0 5vh;
	display: flex;
}

.sub-banner-text {
	position: absolute;
}

.sub-banner-text p {
	font-weight: 400;
}

.sub-banner-text .wp-block-button a {
	border: none;
}

.sub-banner img {
	max-height: 30vw;
	object-fit: cover;
}

.sub-banner figure {
	margin: 0;
}

/* ------------------------------ */
/* --- GENERAL ARTICLE + TEXT --- */
/* ------------------------------ */
#wrap {
	background-color: white;
}

.article {
	padding: 0;
}

p, h2, h3, h4, .tiled-gallery__gallery, ol, ul, .wp-block-media-text, .wp-block-gallery, .intro {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

h4 {
	font-size: 1.4em;
}

body {
	font-weight: 400;
}

.article h2 {
	line-height: 1.2;
}

.wp-block-image img {
	width: 100vw;
}

.subheading-topspace {
	padding-top: 5vh;
}

.alignwide {
/* to stop certain image galleries being offset from main article */
	left: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.article li {
	margin: 2px 0;
}

a, a:link {
	color: #e3946a;
}

a.midblue {
	color: #298cbd !important;
}

a.lightpink {
	color: #eaf6ff!important;
}

a.teal, .teal {
	color: #01a29d !important;
}

.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 36px 0 0;
}

.article-block, .type-post .article, .pmpro {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


.img-mobile {
	display: none;
}

/* trying to get grids to behave */
.article .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: auto;
}

/* when hovering over buttons */
.wp-block-button__link:not(.has-text-color):not(.has-background):hover {
	background-color: #298cbd;
}

button:hover, button {
	text-shadow: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/* tagline (first sentence) */
h4 {
	color: #4174af;
}

/* subheadings (use h2) */
h2 {
	font-weight: 600;
	font-size: 2.8em;
}

/* coloured background */
.dark-blue-bg {
	background-color: #4174af;
	color: white;
}

.light-blue-bg {
	background-color: #aaf9ff;
}

.pub-button {
	font-size: 1.3em;
}

.wp-block-button__link {
	padding: calc(.1em + 2px) calc(1.2em + 2px);
}

/* --------------------- */
/* --- PROJECT PAGES --- */
/* --------------------- */
/* --- BACKGROUND --- */
.background {
	padding-top: 7vh;
	padding-bottom: 10vh;
	margin-top: calc(5vh + 24px);
	background-color: #4174AF;
	color: white;
}

.background h2 {
	color: #C1E5FF;
}

/* --- AIMS --- */
.aims {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.aims-text {
	position: absolute;
	max-width: 1000px;
	width: 100%;
}

.aims-text-inside {
	margin: auto auto 9vw;
}

.aims ol, .aims p {
	color: white;
}

.aims figure {
	margin: 0 0 5vh;
}

.article .aims-engagement {
	padding-top: 5vh;
}

/* --- UPDATES --- */
.updates-wrapper {
	display: flex;
	justify-content: center;
}

.updates {
	display: inline-block;
	padding: 20px 50px 10px;
	background-color: #C1E5FF;
	margin: 5vh auto;
}

.updates figure {
	margin-bottom: 24px!important;
}

.updates-wrapper .pubs {
	display: inline-block;
	padding: 5px 10px;
	margin: 5vh auto;
	border: solid #01B2AC;
	max-width: 800px;
}

.updates-wrapper .pubs h4 {
	color: #02082E;
	margin: 10px 0;
}

.updates-wrapper .pubs p {
	margin: 10px 0;
}

.updates .wp-block-media-text {
	grid-template-columns: 6% auto !important;
}

.updates .wp-block-media-text__content {
	padding: 0 0 0 20px;
	color: #02082e;
}

.updates h2 {
	color: #02082e;
}

.updates .wp-element-button {
	color: white;
	background-color: #E3946A;
	text-transform: uppercase;
	border: 0;
}


/* ----------------------------- */
/* --- BIG TABLET (VERTICAL) --- */
/* ----------------------------- */
@media screen and (max-width: 1024px) {
	/* --- HEADER --- */
	#header {
		display: block;
	}
	
	.menu a {
		margin-left: .5em !important;
	}
	
	#header ul.menu ul {
		width: 110px;
	}
	
	/* --- FOOTER --- */
	.footer :where(.wp-block-columns.is-layout-flex) {
		gap: .25em;
	}
	
	.footer .wp-block-jetpack-contact-form {
		padding: 0 15px 5px 0 !important;
	}
	
	/* --- BANNER --- */
	.article .banner .banner-text h1 {
		font-size: 2.8em;
		line-height: 1.25;
	}
	
	.sub-banner img {
		max-height: 100%;
	}
	
	/* --- MAIN TEXT --- */
	p, .wp-block-heading, .tiled-gallery__gallery, ol, ul, .wp-block-media-text, h4, .wp-block-gallery, .intro {
		max-width: 90vw !important;
	}
	
	.article-block, .type-post .article, .pmpro {
		max-width: 90vw !important;
	}
	
	[class*=column]:before, [class*=column]:after {
		display: none;
	}
	
	.aims img {
		max-width: 120vw;
		width: 120vw;
	}
}

/* ------------------------------- */
/* --- SMALL TABLET (VERTICAL) --- */
/* ------------------------------- */
@media screen and (max-width: 900px) {
	#navigation {
		font-size: .8rem;
		padding-right: 1vw;
	}
}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 600px) {
	/* --- MENU --- */
	#header, #header .eleven {
		position: relative;
	}
	
	#header .mobile-menu {
		max-width: 90vw !important;
		margin-top: 30px;
	}
	
	.mobile-menu-container {
		margin-left: -70vw;
		padding-top: 5vh;
		padding-bottom: 3vh;
	}
	
	/* Responsive dropdown menu on mobile */
	#navigation .mobile-menu  .menu-item-has-children  .sub-menu {
		display: none !important;
	}
	
	#navigation  .mobile-menu  .menu-item-has-children:hover  .sub-menu, #navigation  .mobile-menu  .menu-item-has-children:active {
		display: block !important;
	}
	
	#header .mobile-menu a {
		font-size: 1.4em;
		color: #02082e !important;
		padding: 6px 20px 6px 10px;
		display: inline-block;
	}
	
	.mobile-menu a.sf-with-ul:after {
		content: '';
		position: relative;
		top: 3vw;
		right: -2.5vw;
		height: 0;
		width: 10vw;
		border: 4px solid transparent;
		border-top-color: #02082e !important;
	}
	
	#header .mobile-menu .sub-menu a {
		color: #298cbd !important;
	}
	
	.mobile-menu .menu-item-188 a {
		background-color: #9CD5FF;
	}
	
	.mobile-menu .menu-item-188 .sub-menu a {
		background-color: transparent;
	}
	
	/* --- FOOTER --- */
	.footer h3 {
		font-size: 2em;
	}
	
	.footer .footer-widget p {
		text-align: left;
		font-size: 1.2em !important;
	}
	
	.footer .footer-widget .wp-block-jetpack-contact-form {
		padding-right: 0 !important;
	}
	
	.footer :where(.wp-block-columns.is-layout-flex) {
		gap: 1em;
	}
	
	/* --- BANNERS --- */
	.postarea .article .banner {
		justify-content: center;
		align-items: flex-start;
	}
	
	.postarea .article .banner h1 {
		text-align: center;
		margin: 9vh auto auto;
	}
	
	.postarea .article .banner-text {
		left: 0;
		right: 0;
	}
	
	.sub-banner {
		justify-content: center !important;
		align-items: flex-start !important;
	}
	
	.sub-banner-text {
		max-width: 90vw !important;
		width: 100%;
		text-align: left;
	}
	
	.sub-banner h2 {
		font-size: 2.3em !important;
	}
	
	/* --- BANNER --- */
	.banner h1 br {
		content: "";
	}
	
	.banner h1 br:after {
		content: " ";
	}
	
	/* --- MAIN TEXT --- */
	h4 {
		font-size: 1.3em !important;
	}
	
	.img-mobile {
		display: block;
	}
	
	.img-notmobile {
		display: none !important;
	}
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	
	.stack-mobile {
		display: block !important;
	}
	
	.stack-mobile figure {
		width: 100% !important;
		margin: 5px 0 !important;
	}
	
	/* subheadings (use h2) */
	.postarea .article h2 {
		font-size: 2.3em;
	}
	
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 0 !important;
	}

	.project-columns .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 15px!important;
	}
	
	/* --- PROJECT SECTIONS --- */
	.updates {
		padding: 3vh 5vw;
	}
	
	.updates .wp-block-media-text {
		grid-template-columns: 10% auto !important;
	}
	
	.updates .wp-block-media-text__content {
		padding: 0 0 0 10px;
	}
	
	.updates h2 {
		margin: 0;
	}
	
	.aims-text-inside {
		margin: auto auto 10vh;
	}
	
	.aims img {
		max-width: 100vw;
		width: 100vw;
	}
}

/* --------------------- */
/* --------------------- */
/* --- HOME (ID:292) --- */
/* --------------------- */
/* --------------------- */
.page-id-292 p {
	font-size: 1.1em;
	font-weight: 400;
}

/* --- BANNER --- */
.page-id-292 .banner {
	justify-content: center;
	align-items: flex-end;
}

.page-id-292 iframe {
	max-height: 100vh;
}

.page-id-292 .banner .banner-about {
	position: absolute;
	text-align: center;
	padding-bottom: 10vw;
}

.page-id-292 .banner .banner-about p {
	font-size: 1.8em;
	padding: 0 15px;
	font-weight: 600;
}


/* -------------------------------- */
/* --- TABLET VERTICAL (ID:292) --- */
/* -------------------------------- */
@media screen and (max-width: 1024px) {
	.page-id-292 p {
		font-size: 1em;
	}
	
	.page-id-292 .banner iframe {
		width: 120vw;
		max-width: 120vw;
	}
	
	.page-id-292 .banner p {
		font-size: 1.3em;
	}
}

/* ----------------------- */
/* --- MOBILE (ID:292) --- */
/* ----------------------- */
@media screen and (max-width: 600px) {
	.page-id-292 .postarea .article .banner {
		align-items: center;
	}

	.page-id-292 .banner-about {
		padding-top: 55vw;
}
	
	.page-id-292 .banner p {
		font-size: 1.7em;
	}
	
	.page-id-292 h2 {
		text-align: left !important;
		font-size: 2.4em;
	}
	
	.page-id-292 br {
		display: none;
	}
}

/* ----------------------------------- */
/* ----------------------------------- */
/* --- HOME PRACTICE PAGE (ID:291) --- */
/* ----------------------------------- */
/* ----------------------------------- */
.page-id-291 p {
	font-size: 1.1em;
	font-weight: 400;
}

/* making some things centred and 1000px */
.explore-columns, .approach-grid {
	gap: 1em;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.explore-columns {
	margin-top: 40px;
}

/* --- BANNER --- */
.page-id-291 .banner {
	justify-content: center;
	align-items: flex-end;
}

.page-id-291 iframe {
	max-height: 100vh;
}

.page-id-291 .banner .banner-about {
	position: absolute;
	text-align: center;
	padding-bottom: 10vw;
}

.page-id-291 .banner .banner-about p {
	font-size: 1.8em;
	border: 3px solid #02082e;
	padding: 0 15px;
	font-weight: 600;
}

.page-id-291 .banner p a {
	color: #02082e !important;
}

/* --- WHO ARE WE FLEX --- */
.who-flex {
	display: flex;
	padding: 5vh 0 10vh;
}

.who-left h2 {
	text-align: right;
	margin: 10px 0;
}

.who-right {
	padding-left: 4vw;
}

.who-right p {
	margin: 10px 0;
}

.home-video {
	max-width: 40vw;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0 40px 0;
}

/* --- PROBLEM SECTION --- */
.problem {
	display: flex;
	justify-content: center;
	align-items: center;
}

.problem-text {
	position: absolute;
	padding-top: 10vh;
}

.problem-text p {
	color: white;
}

.problem-flex {
	display: flex;
	padding: 5vh 0;
}

.problem-flex-section {
	max-width: 50vw;
}

.problem-flex-section p, .problem-flex-section h2 {
	color: #fad2d2;
	margin: 0;
}

.problem-flex-section h2 {
	font-size: 4em;
}

.problem-flex-left {
	margin: 3vh auto 3vh 0;
}

.problem-flex-left p, .problem-flex-left h2 {
	text-align: left;
}

.problem-flex-right {
	margin: 3vh 0 3vh auto;
}

.problem-flex-right p, .problem-flex-right h2 {
	text-align: right !important;
}

.problem-button {
	text-align: center;
}

.problem-button p {
	text-align: center;
	border: 2px solid white;
	padding: 0 15px;
	font-weight: 600;
	display: inline-block;
	font-size: 1.7em;
}

.problem-button p a {
	color: white !important;
}

.problem figure {
	margin-top: 0;
}

/* --- EXPLORE WHALE WISE --- */
.countries-flex {
	display: flex;
	max-width: 1000px;
	margin: 5vh auto;
}

.countries-right {
	max-width: 30%;
}

.countries-left {
	padding-right: 3vw;
}

.countries-left-1 {
	display: flex;
	align-items: flex-end;
}

.countries-left-1 figure {
	max-width: 50%;
}

.countries-left-1 h2 {
	text-align: left;
	padding-left: 20px;
	color: #4174af;
}

.explore-columns .wp-block-column {
	margin: 0;
	border-radius: 20px;
	border: 1px transparent;
	overflow: hidden;
	width: 30vw;
	background: linear-gradient(white, #4174AF, #4174AF, #4174AF);
	-webkit-mask-image: -webkit-radial-gradient(#4174AF, white);
}

.explore-columns figure {
	margin: 0;
}

.explore-columns p {
	text-align: center !important;
	font-size: 1.3em;
	font-weight: 600;
	color: white;
	margin: 0;
	padding: 10px 0;
}

.explore-columns .wp-block-column p a {
	color: white;
}

.home-explore {
	padding: 42px 0;
}

.article .home-explore h2 {
	text-align: center;
}

/* --- NEWSLETTER SECTION --- */
.home-newsletter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 5vh;
}

.newsletter-text {
	position: absolute;
	padding-right: 6vw;
	max-width: 42vw;
}


.article .newsletter-text .inline-container {
	padding: 0;
	background-color: transparent!important;
	border: transparent;
}

.newsletter-text .main-form {
	align-items: center!important;
}

.newsletter-text .inline-container .btn {
	font-weight: 600;
	transition: none!important;
	box-shadow: none!important;
	margin-right: 0px!important;
}

.newsletter-text .emailoctopus-form {
	max-width: 350px;
	float: right;
	margin: 0!important;
}

.newsletter-text .inline-container .btn:hover {
	box-shadow: none!important;
	text-shadow: none!important;
	margin: 0 0 7px 2px!important;
	line-height: 1.5!important;
	padding: .375rem .75rem!important;
	top: -2px;
}

.inline-container .mastfoot {
	display: none!important;
}

.article .newsletter-text p, .newsletter-text .contact-form, .newsletter-text h3 {
	text-align: right;
	color: white!important;
}

p.emailoctopus-success-message {
	color: white!important;
}

.newsletter-text h3 {
	font-weight: 600;
	font-size: 2.3em;
}

.newsletter-text .contact-form {
	max-width: 250px;
	padding: 0;
	float: right;
	margin: 0;
}

.newsletter-text .wp-block-jetpack-contact-form {
	padding: 0 !important;
	gap: 12px !important;
}

.newsletter-text input {
	text-align: center;
}

.newsletter-text button {
	color: #02082e;
	background-color: #fad2d2;
	border-radius: 5px;
	margin: 8px 0;
}

.home-newsletter .no-label label {
	display: none;
}

.home-newsletter figure {
	margin-bottom: 0;
}

/* --- APPROACH --- */
.approach {
	padding: 5vw 0;
}

.approach h2 {
	text-align: center;
}

.approach-grid {
	padding-top: 5vh;
}

.approach h3 {
	font-weight: 600;
	font-size: 2.6em;
	color: #fffcf3;
}

.approach h3 a {
	color: #fffcf3 !important;
}

.approach .wp-block-columns .wp-block-columns {
	gap: 2vw;
	align-items: center !important;
}

.approach-subtitle-cols {
	margin: 0;
}

.approach-subtitle-cols figure {
	margin: 0;
}

/* --- MAKE A DIFFERENCE --- */
.difference {
	display: flex;
	justify-content: left;
}

.difference figure {
	margin: 0;
}

.difference-text {
	position: absolute;
	margin: 5vw auto auto 8vw;
	max-width: 50vw;
}

.difference-text h2, .difference-text p {
	color: white;
}

.difference-text p a {
	color: #C1E5FF !important;
}

.difference .wp-block-button a {
	margin: 0;
	font-size: 1.2em;
}

/* --- COLLABORATORS + DONORS --- */
.collab-fund h2 {
	padding: 5vh 0 3vh;
	text-align: center !important;
}

.collaborator-grid {
	display: flex;
	justify-content: center;
	max-width: 1000px;
	margin: auto;
	flex-wrap: wrap;
	padding: 10px 0 40px;
}

.collaborator-grid figure {
	margin: 10px;
	object-fit: cover;
}

.collaborator-grid img {
	height: 22vh;
	width: auto;
}

.collab-fund p {
	text-align: center !important;
}

/* -------------------------------- */
/* --- TABLET VERTICAL (ID:291) --- */
/* -------------------------------- */
@media screen and (max-width: 1024px) {
	.page-id-291 p {
		font-size: 1em;
	}
	
	.page-id-291 .banner iframe {
		width: 120vw;
		max-width: 120vw;
	}
	
	.page-id-291 .banner p {
		font-size: 1.3em;
	}
	
	.who-flex {
		padding: 0 0 5vh;
	}

.home-video {
	max-width: 80vw;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0 40px 0;
}
	
	.problem-text {
		padding-top: 2vh;
	}
	
	.problem-flex {
		padding: 2vh 0;
	}
	
	.problem-flex-section {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.problem-button p {
		margin: 10px 0;
	}
	
	.problem .problem-img img {
		width: 120vw !important;
		max-width: 120vw !important;
	}
	
	.newsletter-text {
		max-width: 52vw;
	}
	
	.newsletter-text h3 {
		font-weight: 600;
		font-size: 1.6em;
	}
	
	.newsletter-text p {
		margin: 0;
	}
	
	.home-newsletter .img-notmobile img {
		max-width: 110vw !important;
		width: 110vw !important;
	}
	
	.approach-grid {
		padding-top: 0;
	}
	
	.approach-grid h3 {
		margin: 0;
		font-size: 2em;
	}
	
	.approach-grid .wp-block-columns, approach-grid {
		gap: 0 !important;
		padding: 2vh 0;
	}
	
	.approach-grid .wp-block-columns .wp-block-columns {
		padding: 0;
	}
	
	.approach-grid p {
		padding-right: 10px;
	}
	
	.approach-grid h3 {
		padding-left: 10px;
	}
	
	.difference-text {
		margin: 0 0 0 5vw;
		max-width: 85vw;
	}
	
	.difference img {
		max-width: 120vw;
		width: 120vw !important;
	}
	
	.collaborator-grid img {
		height: 100px;
	}
}

/* ----------------------- */
/* --- MOBILE (ID:291) --- */
/* ----------------------- */
@media screen and (max-width: 600px) {
	.page-id-291 .postarea .article .banner {
		align-items: center;
	}
	
	.page-id-291 .banner p {
		font-size: 1.7em;
	}
	
	.page-id-291 h2 {
		text-align: left !important;
		font-size: 2.4em;
	}
	
	.who-flex {
		display: block;
	}
	
	.page-id-291 br {
		display: none;
	}
	
	.who-flex h2 {
		margin: 0;
	}
	
	.who-right {
		padding: 0;
	}

.home-video {
	max-width: 100vw;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0 40px 0;
}
	
	.problem-text {
		padding-top: 2vh;
	}
	
	.problem-text p {
		margin: 0;
	}
	
	.problem-text {
		padding: 0;
	}
	
	.problem-flex {
		padding: 0 !important;
		visibility: hidden;
	}
	
	.problem-flex-section {
		max-width: 35vw;
	}
	
	.problem-flex h2 {
		font-size: 2.8em;
	}
	
	.problem-flex p {
		font-size: .8em;
	}
	
	.countries-flex {
		margin: 0 auto;
	}
	
	.countries-left-1, .countries-right {
		display: none;
	}
	
	.explore-mobile br {
		display: block;
	}
	
	.countries-mobile {
		display: flex;
		align-items: center;
	}
	
	.mob-country {
		padding: 2vh;
	}
	
	.mob-country figure {
		margin: 0 !important;
	}
	
	.mob-iceland {
		border-right: 2px solid #02082e;
		width: 120%;
	}
	
	.mob-uk {
		width: 95%;
	}
	
	.article .explore-columns {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	
	.home-newsletter {
		align-items: flex-end;
		justify-content: center;
	}
	
	.newsletter-text {
		padding: 0 0 10vh;
		max-width: 90vw;
	}
	
	.article .newsletter-text p, .article .newsletter-text .contact-form, .article .newsletter-text h3 {
		text-align: left;
	}
	
	.newsletter-text p {
		margin: 10px 0;
	}
	
	.newsletter-text .contact-form {
		float: left;
	}
	
	.approach-grid .wp-block-columns {
		display: block;
	}
	
	.approach-grid .wp-block-columns .wp-block-columns {
		display: flex;
	}
	
	.difference img {
		max-width: 100vw;
	}
	
	.collab-fund h2 {
		padding: 1vh 0 0;
	}
	
	.collaborator-grid {
		justify-content: left;
		align-items: flex-start;
	/* prevent iPhone distortion */
	}
	
	.collaborator-grid img {
		height: 80px;
	}
	
	.collab-fund p {
		text-align: left;
	}
}

/* ------------------------ */
/* ------------------------ */
/* --- ABOUT US (ID:42) --- */
/* ------------------------ */
/* ------------------------ */
/* --- MENU --- */
.page-id-42 .menu a, .page-id-42 .menu a:hover, .page-id-42 .menu a:active, .page-id-42 #navigation .menu .current_page_item a, .page-id-42 #navigation .menu .current-menu-item a {
	color: #02082e !important;
}

.page-id-42 .sf-arrows .sf-with-ul:after {
	border-top-color: #02082e;
}


/* --- BANNER --- */
.page-id-42 .banner {
	align-items: flex-start;
	justify-content: left;
}

.page-id-42 .banner h1 {
	margin: 20vw auto auto 5vw;
}

.page-id-42 .sub-banner {
	align-items: center;
}

.page-id-42 .sub-banner-text {
	max-width: 45vw;
	margin: 0 calc((100vw - 1000px)/2);
}

.page-id-42 .sub-banner-text p, .page-id-42 .sub-banner-text h2 {
	margin: 15px 0;
}

.page-id-42 .article .sub-banner-engagement {
	align-items: flex-start;
}

.page-id-42 .article .sub-banner-structure .sub-banner-text {
	right: 0;
}

.page-id-42 .article .sub-banner-structure p, .page-id-42 .article .sub-banner-structure h2 {
	text-align: right;
}

.page-id-42 .wp-block-columns {
	gap: 1em;
	margin-bottom: 0;
}

.page-id-42 .wp-block-columns h3 {
	margin: 20px 0;
}

/* -------------- */
/* --- TABLET --- */
/* -------------- */
@media screen and (max-width: 1024px) {
	.page-id-42 .sub-banner-text {
		max-width: 55vw;
		margin: 0 calc((100vw - 90vw)/2);
	}
	
	.page-id-42 .sub-banner h2 {
		font-size: 2.1em;
	}
	
	.page-id-42 .sub-banner img {
		max-height: 100%;
	}
}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 600px) {
	.page-id-42 .banner {
		justify-content: center;
	}
	
	.page-id-42 .sub-banner-text {
		margin-top: 15px !important;
	}
	
	.page-id-42 .article .sub-banner-structure h2 {
		color: #fffcf3 !important;
	}
	
	.page-id-42 .article .sub-banner-structure .sub-banner-text {
		left: 0;
	}
	
	.page-id-42 .article .sub-banner-structure p, .page-id-42 .article .sub-banner-structure h2 {
		text-align: left;
	}
	
	.page-id-42 .wp-block-columns {
		display: block;
	}
	
	.page-id-42 .wp-block-columns br {
		display: none;
	}
	
	.page-id-42 .wp-block-columns p {
		margin-top: 0;
	}

.sub-banner-engagement h2{
	color: #E3946A!important;
} 

.sub-banner-engagement p {
	color: black!important;
}
}

/* ------------------------ */
/* ------------------------ */
/* --- ALL PEOPLE PAGES --- */
/* ------------------------ */
/* ------------------------ */
.team-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
}

.team-columns .wp-block-media-text, .team-columns .placeholder {
	display: block;
	width: 260px;
	flex-grow: 1;
}

.team-columns .wp-block-media-text__content {
	padding: 0;
}

.team-columns .wp-block-media-text p {
	text-align: center;
}

.team-name, .bio-name {
	color: #4174AF;
	font-weight: 600;
	font-size: 1.4em;
	margin-bottom: 0;
}

.team-title, .bio-title {
	color: #6ab0e3;
	font-weight: 600;
	font-size: 1.2em;
	margin-top: 0;
}

.bios summary {
	font-size: 2.8em;
	font-weight: 600;
	line-height: 1.2;
	margin: 24px 0;
	letter-spacing: -.6px;
	text-align: left;
}

.bios summary::marker {
	font-size: .7em;
}

.bios .wp-block-columns {
	margin-top: 50px;
}

.bios .left {
	max-width: 40%;
}

.bios .left p {
	text-align: center;
}

.bio-interests {
	padding: 4px 8px;
	background-color: #FAD2D2A3;
	color: #02082e;
}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 600px) {
	.team-columns {
		gap: 0;
	}
	
	.team-columns .wp-block-media-text {
		margin-bottom: 3em;
	}
	
	.team-columns figure {
		text-align: center;
	}
	
	.team-columns img {
		max-width: 70vw;
	}
	
	.article .bios summary {
		font-size: 2.3em;
	}
	
	.bios .wp-block-columns {
		gap: 0;
	}
	
	.bios .left {
		max-width: 100%;
	}
	
	.bios .left .bio-title {
		margin: 0;
	}
}

/* --------------------- */
/* --------------------- */
/* --- TEAM (ID:224) --- */
/* --------------------- */
/* --------------------- */
.page-id-224 .banner {
	align-items: center;
	justify-content: flex-end;
}

.page-id-224 .banner h1 {
	text-align: right;
	margin-right: 5vw;
}


/* -------------------------- */
/* -------------------------- */
/* --- TRUSTEES (ID:9009) --- */
/* -------------------------- */
/* -------------------------- */
.page-id-9009 .banner {
	align-items: center;
	justify-content: flex-end;
}

.page-id-9009 .banner h1 {
	text-align: right;
	margin-right: 5vw;
}
/* ------------------------------- */
/* ------------------------------- */
/* --- COLLABORATORS (ID:4403) --- */
/* ------------------------------- */
/* ------------------------------- */
.page-id-4403 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-4403 .banner h1 {
	text-align: left;
	margin-left: 5vw;
	margin-bottom: 5vw;
}

.page-id-4403 .bios img {
	max-height: 22vh !important;
	width: auto !important;
	max-width: 300px;
}

/* ------------------------ */
/* ------------------------ */
/* --- SUPPORT (ID:185). This also includes friends of whale wise and sponsor a whale pages --- */
/* ------------------------ */
/* ------------------------ */

/* --- BANNER --- */
.page-id-185 .banner {
	justify-content: left;
	align-items: center;
}

.page-id-185 .banner-text {
	left: 0;
}

.page-id-185 .banner h1 {
	text-align: left;
	margin: 7vw 0 0 5vw;
}

/* --- MAIN TEXT --- */

.donate-button .wp-block-button {
	margin: 0 auto;
}

.donate-button .wp-block-button a {
	display: flex;
	align-items: center;
	font-size: 1.5em;
	margin: 15px 0;
}

.donate-button img {
	max-height: 20px;
	width: auto !important;
	margin-right: 10px;
}

.friends-packages figure {
	margin-top: 0px;
}

.friends-packages a, .sponsor-columns a {
	font-weight: 700;
	padding: 10px 16px;
	border: 0px;
}

.friends-packages p, .friends-packages ul {
	margin: 10px 0;
}

.sponsor-columns {
	gap: 2em;
	margin: 50px auto;
}

.sponsor-columns a {
	margin-bottom: 0px;
}

.adopt-grid a, .adopt-grid a:link, .adopt-grid p {
	color: #4174af;
}

.donate-columns {
	padding: 1vh 0 5vh;
}

.donate-columns .wp-block-column {
	padding: 15px;
	border-radius: 20px;
	border: 1px transparent;
	overflow: hidden;
	width: 30vw;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.donate-columns h2 {
	text-align: center;
}

.donate-columns p {
	font-weight: 400;
}

.page-id-185 .sub-banner, .donate-sub-banner {
	align-items: start;
	justify-content: center;
}

.page-id-185 .sub-banner-text, .donate-sub-banner .sub-banner-text {
	margin-top: 50px;
}

ul li.wp-social-link {
	padding: 0!important;
	margin: 0!important;
}


/* ----------------------------- */
/* --- BIG TABLET (VERTICAL) --- */
/* ----------------------------- */
@media screen and (max-width: 1024px) {
	.donate-columns {
		gap: .5em;
	}
	
	.donate-columns .wp-block-column {
		padding: 10px;
	}
	
	.donate-columns p {
		font-weight: 300;
	}

}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 600px) {
	.article .donate-columns {
		flex-wrap: wrap !important;
	}
	
	.page-id-185 .sub-banner br, .page-id-185 .banner br {
		display: none;
	}

	.page-id-185 .sub-banner h2 {
		text-align: center;
}


.friends-packages .wp-block-columns {
	gap: 0em;
}

.friends-packages .wp-block-buttons {
	justify-content: center;
}

.friends-packages a {
	margin: 0;
}
}

}



/* ---------------------------------------- */
/* ---------------------------------------- */
/* --- FRIENDS OF WHALE WISE (ID:19026) --- */
/* ---------------------------------------- */
/* ---------------------------------------- */

.page-id-19026 .banner h1 {
	margin-top: -10vh;
}



/* ---------------------------------- */
/* ---------------------------------- */
/* --- SPONSOR A WHALE (ID:19087) --- */
/* ---------------------------------- */
/* ---------------------------------- */

.page-id-19087 .banner h1 {
	margin-top: -5vh;
}



/* ---------------------- */
/* ---------------------- */
/* --- CONTACT (ID:2) --- */
/* ---------------------- */
/* ---------------------- */
.page-id-2 .banner {
	justify-content: left;
	align-items: flex-end;
}

.page-id-2 .banner h1 {
	margin: auto auto 15vw 5vw;
}

.page-id-2 .wp-block-jetpack-contact-form {
	border-radius: 5px;
	gap: .5em;
	margin-top: 2vh;
}

.page-id-2 .wp-block-jetpack-contact-form .wp-block-columns {
	margin-bottom: 0;
	gap: .5em;
}

.page-id-2 .contact-form-submission {
	max-width: 1000px;
	margin: auto;
}

.page-id-2 .wp-block-jetpack-contact-form .textarea {
	width: 100% !important;
}

.page-id-2 button {
	font-size: 1.1em;
}

/* ----------------------- */
/* ----------------------- */
/* --- BLOG (ID:11558) --- */
/* ----------------------- */
/* ----------------------- */
/* --- MENU --- */
.page-id-11558 .menu a, .page-id-11558 .menu a:hover, .page-id-11558 .menu a:active, .page-id-11558 #navigation .menu .current_page_item a, .page-id-11558 #navigation .menu .current-menu-item a, .page-id-11558 #navigation .menu .current-menu-ancestor a {
	color: #02082e !important;
}

.page-id-11558 .sf-arrows .sf-with-ul:after {
	border-top-color: #02082e;
}

/* --- BANNER --- */
.page-id-11558 .banner {
	align-items: flex-start;
	justify-content: flex-end;
	margin-bottom: 50px;
}

.page-id-11558 .banner h1 {
	margin: 15vw 10vw auto auto;
	font-size: 6em;
}

/* --- MAIN TEXT --- */
.page-id-11558 ul 
.page-id-11558 .wp-block-post {
	max-width: 35vw;
}

.page-id-11558 .wp-block-post img {
	width: 35vw;
	height: 20vw;
	margin-top: 10px;
}

.page-id-11558 li.wp-block-post {
	list-style-type: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.page-id-11558 .wp-block-post h2 {
	font-size: 1.7em;
	margin: 3px 0;
	color: #02082e;
}

.page-id-11558 .wp-block-post-date {
	color: #E3946A;
}

.page-id-11558 .wp-block-query-pagination {
	justify-content: center;
	font-size: 1.4em;
	margin-top: 5vh;
}

.page-id-11558 .wp-block-query-pagination .current {
	font-weight: 600;
	color: #E3946A;
}

.page-id-11558 .wp-block-query-pagination a {
	color: #02082e;
}

.page-id-11558 ul figure {
	margin: 12px 0;
}

/* ----------------------------- */
/* --- BIG TABLET (VERTICAL) --- */
/* ----------------------------- */
@media screen and (max-width: 1024px) {
	.page-id-11558 .wp-block-post {
		max-width: 45vw;
	}
	
	.page-id-11558 .wp-block-post img {
		width: 45vw;
		height: 28vw;
	}
	
	.page-id-11558 h2 {
		font-size: 1.3em;
	}
}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 600px) {
	.page-id-11558 .banner {
		justify-content: center;
		align-items: flex-start;
		margin-bottom: 0;
	}
	
	.page-id-11558 .wp-block-post {
		max-width: 90vw;
	}
	
	.page-id-11558 .wp-block-post img {
		width: 90vw;
		height: 50vw;
	}
}

/* ------------------------------------------ */
/* ------------------------------------------ */
/* --- RESEARCH + ENGAGEGMENT (+ DONATE)  --- */
/* ------------------------------------------ */
/* ------------------------------------------ */
.projects summary {
	font-size: 2.8em;
	font-weight: 600;
	line-height: 1.2;
	margin: 24px 0;
	letter-spacing: -.6px;
	text-align: left;
}

.projects summary::marker {
	font-size: .7em;
}

.project-columns {
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	padding: 3vh 0;
}

.project-columns .wp-block-media-text, .project-columns .placeholder {
	display: block;
	width: 300px !important;
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
/* necessary for border-radius to work */
	flex-grow: 1;
}

.project-columns .wp-block-media-text {
	background: linear-gradient(white, #4174AF, #4174AF, #4174AF);
	-webkit-mask-image: -webkit-radial-gradient(#4174AF, white);
}

.article .project-columns .wp-block-media-text__content {
	padding: 20px !important;
}

.project-columns p {
	margin: 0;
	padding: 1px 0;
	color: white;
}

.project-columns .proj-title {
	color: #eaf6ff;
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.4;
}

.project-columns .proj-title a {
	color: #C1E5FF;
}

.project-columns .proj-place {
	color: #C1E5FF;
	font-size: 1.2em;
	font-weight: 400;
}

.project-columns .proj-amount {
	color: #E3946A;
	font-size: 1.2em;
	font-weight: 400;
}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 650px) {
	.what-how-where .wp-block-columns {
		display: block;
	}

	.project-columns .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
 		padding: 15px !important;
 	}

}

/* -------------------------- */
/* -------------------------- */
/* --- RESEARCH (ID:8190) --- */
/* -------------------------- */
/* -------------------------- */
.page-id-8190 .banner {
	justify-content: flex-end;
	align-items: center;
}

.page-id-8190 .banner h1 {
	margin-right: 5vw;
	text-align: right;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* --- PRACTICE PAGE: RESEARCH (ID:2904) --- */
/* ----------------------------------------- */
/* ----------------------------------------- */
.page-id-2904 .banner {
	justify-content: flex-end;
	align-items: center;
}

.page-id-2904 .banner h1 {
	margin-right: 5vw;
	text-align: right;
}

/* ---------------------------- */
/* ---------------------------- */
/* --- ENGAGEMENT (ID:9454) --- */
/* ---------------------------- */
/* ---------------------------- */
/* --- MENU --- */
.page-id-9454 .menu a, .page-id-9454 .menu a:hover, .page-id-9454 .menu a:active, .page-id-9454 #navigation .menu .current_page_item a, .page-id-9454 #navigation .menu .current-menu-item a {
	color: #02082e !important;
}

.page-id-9454 .sf-arrows .sf-with-ul:after {
	border-top-color: #02082e;
}


/* --- BANNER --- */
.page-id-9454 .banner {
	justify-content: center;
}

.page-id-9454 .banner h1 {
	padding-bottom: 6vw;
}

@media screen and (max-width: 1024px) {
	.page-id-9454 .banner {
		justify-content: flex-end;
	}
	
	.page-id-9454 .banner h1 {
		margin-right: 5vw;
	}
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* --- PUBLICATIONS AND PRESENTATIONS (ID:12460) --- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
.page-id-12460 .banner {
	align-items: center;
	justify-content: flex-end;
}

.page-id-12460 .banner h1 {
	text-align: right;
	margin-right: 5vw;
	margin-bottom: 7vw;
}


/* ------------------------- */
/* ------------------------- */
/* --- ICELAND (ID:2892) --- */
/* ------------------------- */
/* ------------------------- */
/* --- MENU --- */
.page-id-2892 .menu a, .page-id-2892 .menu a:hover, .page-id-2892 .menu a:active, .page-id-2892 #navigation .menu .current_page_item a, .page-id-2892 #navigation .menu .current-menu-item a {
	color: #02082e !important;
}

.page-id-2892 .sf-arrows .sf-with-ul:after {
	border-top-color: #02082e;
}

.page-id-2892 #navigation .menu .menu-item-188 ul a {
	background-color: transparent !important;
	color: #02082e !important;
}

/* --- BANNER --- */
.page-id-2892 .banner {
	align-items: center;
	justify-content: flex-end;
}

.page-id-2892 .banner h1 {
	margin-right: 10vw;
}

.page-id-2892 .sub-banner {
	align-items: center;
}

.page-id-2892 .sub-banner-text {
	max-width: 45vw;
	margin: 0 calc((100vw - 1000px)/2);
}

/* --- MAIN TEXT --- */
.page-id-2892 .media-text-logo figure {
	text-align: center;
}

.page-id-2892 .media-text-logo img {
	max-width: 300px;
	max-height: 22vh;
	object-fit: contain;
}

/* ----------------------------- */
/* --- BIG TABLET (VERTICAL) --- */
/* ----------------------------- */
@media screen and (max-width: 1024px) {
	.page-id-2892 .wp-block-media-text figure {
		max-width: 40vw;
	}
	
	.page-id-2892 .sub-banner-text {
		max-width: 55vw;
		margin: 0 calc((100vw - 90vw)/2);
	}
	
	.page-id-2892 .sub-banner h2 {
		font-size: 2.1em;
	}
}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 600px) {
	.page-id-2892 .iceland-intro-media-text {
		display: block;
	}
	
	.page-id-2892 .iceland-intro-media-text figure {
		max-width: 100%;
	}
	
	.page-id-2892 .tiled-gallery__row {
		display: block;
	}
	
	.page-id-2892 .tiled-gallery__col {
		margin-top: 4px !important;
		margin-left: 0 !important;
	}
	
	.page-id-2892 .tiled-gallery__item {
		width: 100% !important;
		height: auto !important;
	}
}

/* ------------------------------------- */
/* ------------------------------------- */
/* --- NEWSLETTER ARCHIVE (ID:12419) --- */
/* ------------------------------------- */
/* ------------------------------------- */
.page-id-12419 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-12419 .banner h1 {
	text-align: left;
	margin-left: 5vw;
	margin-bottom: 4vw;
}

/* --------------------------- */
/* --------------------------- */
/* --- MEDIA/EVENTS BLOCK  --- */
/* --------------------------- */
/* --------------------------- */
.media-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 3.5em;
	margin: 50px auto;
}

.media-flex .wp-block-group {
	padding: 1em;
	border-radius: 25px;
	box-shadow: 0 0 20px #298cbd;
	width: 400px;
	flex-grow: 1;
}

.media-flex p, .media-flex h4 {
	margin: 10px auto;
}

.media-flex h4 a {
	color: #298cbd !important;
}

.media-flex .placeholder {
	display: block;
	width: 400px !important;
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
	flex-grow: 1;
}

/* ------------------------------------ */
/* ------------------------------------ */
/* --- MEDIA APPEARANCES (ID:12635) --- */
/* ------------------------------------ */
/* ------------------------------------ */
/* --- BANNER --- */
.page-id-12635 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-12635 .banner h1 {
	text-align: left;
	margin-left: 5vw;
	margin-top: 80px;
}

.page-id-12635 .article-block .wp-block-column {
	margin: 1em;
	padding: 1em;
	border: 2px black solid;
	border-radius: 30px;
/* General (applicable to all pages) */
	position: relative !important;
}

/* ------------------------- */
/* ------------------------- */
/* --- EVENTS (ID:13244) --- */
/* ------------------------- */
/* ------------------------- */
/* --- BANNER --- */
.page-id-13244 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-13244 .banner h1 {
	text-align: left;
	margin-left: 5vw;
	margin-right: 5vw;
}

/* ---------------------------------- */
/* ---------------------------------- */
/* --- SCARS FROM ABOVE (ID:9095) --- */
/* ---------------------------------- */
/* ---------------------------------- */
.page-id-9095 .banner {
	justify-content: flex-end;
}

.page-id-9095 .banner h1 {
	text-align: right;
	margin: 12vw 5vw auto auto;
	text-transform: uppercase;
	line-height: 1.5;
}

@media screen and (max-width: 600px) {
	.page-id-9095 .banner {
		justify-content: flex-end !important;
	}
	
	.page-id-9095 .banner h1 {
		text-align: right !important;
		margin-right: 10vw !important;
	}
}

/* ----------------------------- */
/* ----------------------------- */
/* --- DRONE NOISE (ID:9003) --- */
/* ----------------------------- */
/* ----------------------------- */
/* --- MENU --- */
.page-id-9003 .menu a, .page-id-9003 .menu a:hover, .page-id-9003 .menu a:active, .page-id-9003 #navigation .menu .current_page_item a, .page-id-9003 #navigation .menu .current-menu-item a {
	color: #02082e !important;
}

.page-id-9003 .sf-arrows .sf-with-ul:after {
	border-top-color: #02082e;
}

.page-id-9003 #navigation .menu .menu-item-188 ul a {
	background-color: transparent !important;
	color: #02082e !important;
}

/* --- BANNER --- */
.page-id-9003 .banner {
	align-items: center;
	justify-content: LEFT;
}

.page-id-9003 .banner h1 {
	text-align: left;
	margin-left: 5vw;
}



/* -------------------------------- */
/* -------------------------------- */
/* --- WHALE WATCHING (ID:2895) --- */
/* -------------------------------- */
/* -------------------------------- */
/* --- BANNER --- */
.page-id-2895 .banner {
	align-items: center;
	justify-content: center;
}

.page-id-2895 .banner-text {
	margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
	.page-id-2895 .banner h1 {
		color: #02082e !important;
	}
}

/* --------------------------------- */
/* --------------------------------- */
/* --- CITIZEN SCIENCE (ID:8221) --- */
/* --------------------------------- */
/* --------------------------------- */
/* --- MENU --- */
.page-id-8221 .menu a, .page-id-8221 .menu a:hover, .page-id-8221 .menu a:active, .page-id-8221 #navigation .menu .current_page_item a, .page-id-8221 #navigation .menu .current-menu-item a {
	color: #02082e !important;
}

.page-id-8221 .sf-arrows .sf-with-ul:after {
	border-top-color: #02082e;
}

.page-id-8221 #navigation .menu .menu-item-188 ul a {
	background-color: transparent !important;
	color: #02082e !important;
}

/* --- BANNER --- */
.page-id-8221 .banner {
	align-items: center;
	justify-content: flex-end;
}

.page-id-8221 .banner h1 {
	text-align: right;
	margin-right: 5vw;
}


/* ------------------------------------ */
/* ------------------------------------ */
/* --- COVID-19 ACOUSTICS (ID:8995) --- */
/* ------------------------------------ */
/* ------------------------------------ */
/* --- BANNER --- */
.page-id-8995 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-8995 .banner h1 {
	text-align: left;
	margin-left: 5vw;
}


/* --------------------------------- */
/* --------------------------------- */
/* --- LISTENING LINES (ID:8999) --- */
/* --------------------------------- */
/* --------------------------------- */
/* --- BANNER --- */
.page-id-8999 .banner {
	align-items: center;
	justify-content: center;
}

.page-id-8999 .banner h1 {
	text-align: center;
	margin-left: 5vw;
	margin-right: 5vw;
}

/* --- AIMS --- */
.page-id-8999 .media-text-details {
	grid-template-columns: 1fr 35%;
}

.page-id-8999 .media-text-details figure img {
	width: 230px;
	float: right;
}

/* ---------------------------------------- */
/* ---------------------------------------- */
/* --- WHALES OF FINNAFJORDUR (ID:8274) --- */
/* ---------------------------------------- */
/* ---------------------------------------- */
/* --- BANNER --- */
.page-id-8274 .banner {
	align-items: center;
	justify-content: center;
}

.page-id-8274 .banner h1 {
	text-align: center;
	margin-left: 5vw;
	margin-right: 5vw;
}

@media screen and (max-width: 600px) {
	.page-id-8274 .article .banner h1 {
		font-size: 2.3em !important;
	}
}

/* --- PROJECTS: AIMS --- */
.page-id-8274 .aims {
	align-items: center !important;
}

/* ---------------------- */
/* ---------------------- */
/* --- NBWs (ID:8280) --- */
/* ---------------------- */
/* ---------------------- */
/* --- BANNER --- */
.page-id-8280 .banner {
	align-items: center;
	justify-content: center;
}

.page-id-8280 .banner h1 {
	text-align: center;
	margin-left: 5vw;
	margin-right: 5vw;
}

/* --- AIMS --- */
.page-id-8280 .media-text-details figure img {
	max-width: 230px;
}

.page-id-8280 .media-text-details .nbw-iceland img {
	max-width: 300px;
	margin-left: 0;
}

.page-id-8280 .location-left {
	flex-basis: 65% !important;
}

.page-id-8280 .location-right {
	flex-basis: 35% !important;
}

@media screen and (max-width: 600px) {
	.page-id-8280 .article .aims {
		align-items: flex-start;
	}
	
	.page-id-8280 .article .aims-text-inside {
		margin: 3vh auto auto;
	}
}


/* ------------------------- */
/* ------------------------- */
/* --- DIATOMS (ID:8997) --- */
/* ------------------------- */
/* ------------------------- */
/* --- MENU --- */
.page-id-8997 .menu a, .page-id-8997 .menu a:hover, .page-id-8997 .menu a:active, .page-id-8997 #navigation .menu .current_page_item a, .page-id-8997 #navigation .menu .current-menu-item a {
	color: #02082e !important;
}

.page-id-8997 .sf-arrows .sf-with-ul:after {
	border-top-color: #02082e;
}

.page-id-8997 #navigation .menu .menu-item-188 ul a {
	background-color: transparent !important;
	color: #02082e !important;
}

/* --- BANNER --- */
.page-id-8997 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-8997 .banner h1 {
	text-align: left;
	margin-left: 5vw;
	margin-right: 5vw;
}

/* --- AIMS --- */
.page-id-8997 .article .aims {
	align-items: flex-start;
}

.page-id-8997 .article .aims-text-inside {
	margin-top: 15px;
}


/* ----------------------------------- */
/* ----------------------------------- */
/* --- WHALES ON THE GO (ID:12823) --- */
/* ----------------------------------- */
/* ----------------------------------- */
/* --- BANNER --- */
.page-id-12823 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-12823 .banner h1 {
	text-align: left;
	margin-left: 5vw;
}

.page-id-12823 .article .aims {
	align-items: flex-start;
}

.page-id-12823 .article .aims-text-inside {
	margin: 3vw auto auto;
}

.page-id-12823 .aims ol {
	color: #02082E;
}

/* ------------------------ */
/* ------------------------ */
/* --- ViROE (ID:12877) --- */
/* ------------------------ */
/* ------------------------ */
/* --- BANNER --- */
.page-id-12877 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-12877 .banner h1 {
	text-align: left;
	margin-left: 10vw;
	margin-top: 5vw;
	padding-bottom: 5vw;
}

.page-id-12877 .aims ol {
	color: white;
}

@media screen and (max-width: 600px) {
	.page-id-12877 .article .aims {
		align-items: flex-start;
	}
}

/* ----------------------------------- */
/* ----------------------------------- */
/* --- PROJECT PORPOISE (ID:12934) --- */
/* ----------------------------------- */
/* ----------------------------------- */
/* --- BANNER --- */
.page-id-12934 .banner {
	align-items: center;
	justify-content: left;
}

.page-id-12934 .banner h1 {
	text-align: left;
	margin-left: 5vw;
	padding-bottom: 5vw;
}

/* -------------------------------------- */
/* -------------------------------------- */
/* --- OCEAN FILMS HUSAVIK (ID:12958) --- */
/* -------------------------------------- */
/* -------------------------------------- */
/* --- BANNER --- */
.page-id-12958 .banner {
	align-items: center;
	justify-content: center;
}

.page-id-12958 .banner h1 {
	text-align: center;
	margin-left: 5vw;
}

/* ---------------------------------- */
/* ---------------------------------- */
/* --- WHALES OF ISA (ID:15779) --- */
/* ---------------------------------- */
/* ---------------------------------- */
.page-id-15779 .banner {
	justify-content: flex-end;
}

.page-id-15779 .banner h1 {
	text-align: right;
	margin: 12vw 5vw auto auto;
	text-transform: uppercase;
	line-height: 1.5;
}

@media screen and (max-width: 600px) {
	.page-id-15779 .banner {
		justify-content: flex-end !important;
	}
	
	.page-id-15779 .banner h1 {
		text-align: right !important;
		margin-right: 10vw !important;
	}
}

/* ------------------ */
/* ------------------ */
/* --- BLOG POSTS --- */
/* ------------------ */
/* ------------------ */
.single-post #header {
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: #02082e !important;
}

.single-post .post {
	padding-top: calc(2% + 2em);
}

.single-post .feature-img {
	margin-bottom: 40px;
}

.single-post .feature-img img {
	height: 100%;
}

.single-post .intro {
	padding: 0;
}

.single-post h1.headline {
	text-align: left !important;
	text-transform: none !important;
	font-weight: 400;
	font-size: 2.7em;
	color: #298cbd;
}

.single-post h2 {
	font-weight: 500;
}

.single-post h1, .single-post h2 {
	letter-spacing: 1px;
	padding-top: 25px;
}

.single-post .align-left, .single-post .align-right {
	float: none;
}

.post-author {
	font-size: .9em;
}

.sharedaddy, .post-navigation, #comments, .single-post figure, .single-post .embed-vimeo {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
}

.single-post .fluid-width-video-wrapper {
	padding-top: 60% !important;
}

.post-meta {
	display: none;
}

#comments {
	margin-top: 0;
}

.jp-relatedposts h3 {
	font-size: 1.3em !important;
	color: #02082e;
}

.jp-relatedposts p, .previous-post, .next-post {
	font-size: 1em !important;
}

.previous-post a, .next-post a {
	color: #298cbd;
	font-weight: 600;
}

.single-post .jp-relatedposts {
	margin: 5em 0 1em !important;
}

@media (max-width: 1024px) {
	.sharedaddy, .post-navigation, .post-meta, #comments, .single-post figure, .single-post .embed-vimeo {
		max-width: 90vw !important;
	}
}

@media (max-width: 600px) {
	.single-post #header {
		background-color: white !important;
	}
	
	.single-post .post {
		padding-top: 10vw !important;
	}
	
	.single-post h1.headline {
		font-size: 2.7em;
	}
} 

/* --- WP SIMPLE PAY (hiding for now) --- */
/* page 17441: sponsor a whale */
/* page 17458: friends of Whale Wise */
/* page 17471: manage subscription */

.simpay-form-control .simpay-radio-wrap ul li, .simpay-dropdown-wrap ul li {
	list-style-type: none!important;
}

.simpay-checkout-form {
	margin-left: auto;
	margin-right: auto;
}

.page-id-17441 .banner, .page-id-17458 .banner, .page-id-17471 .banner {
	align-items: center;
	justify-content: center;
}

.simpay-subscription-management-form {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.simpay-embedded-heading {
	display: none;
}

.simpay-form-control h2 {
	padding-top: 20px;
}

span.simpay-currency-symbol {
	margin-bottom: 0px;
}








.home-cover-video p {
	padding-bottom: 3vw;
}

.home-cover-video {
	align-items: flex-end;
}

.who-flex {
	padding: 5vh 0;
}

@media screen and (min-width: 102px) {
.home-bird {
	max-width: 100vw;
	margin: 0 5vw;
}}

.collab-fund-group .is-layout-grid {
	display: flex;
	justify-content: center;
	align-items: center;
}

.collab-fund-group .is-layout-grid figure {
	max-width: 9rem;
}

.collab-fund-group h2 {
	padding-top: 5vh;
}

.support-pattern .wp-block-button a {
	padding: .5em 1em;
	margin 7px 0;
}

.support-pattern .wp-block-cover__inner-container {
	max-width: 70vw;
	padding: 25px 36px;
}

.home-newsletter {
	margin-top: 0!important;
}

.home-newsletter figure {
	margin: 0
}

.support-pattern-mobile .wp-block-cover__inner-container {
	max-width: 90vw;
	padding: 0 0 70vw 0;
	margin: 0 auto!important;
}

.support-pattern-mobile .wp-block-button a {
	padding: .5em 1em;
	margin: 5px 0;
}Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt */
/* General (applicable to all pages) */

.site-title {
	font-size: 45px;
	font-family: 'Nunito', sans-serif;
letter-spacing: 0.5px;
}

#custom-header {
	position: relative !important;
}

a, a:hover, a:focus, a:active, a:focus-within, a:link {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	transition: none !important;
	-webkit-transition: none !important;
}

ul li, ol li {
	list-style: outside;
	margin-left: 1em !important;
}

ul li {
	list-style-type: disc !important;
}

ol li {
	list-style-type: decimal;
}

ol li, ul li {
	padding: 0 0 0 4px !important;
}

mark {
	background-color: white;
}

a:-webkit-any-link {
	text-decoration: none !important;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: ;
	font-weight: 100;
	color: #011721;
}

.col {
	flex: 1;
}

/* This technique doesn't naturally cause horizontal overflow, but once there is natural vertical overflow, it causes horizontal overflow, so stopping here. */
body {
	overflow-x: hidden;
}

/* this was causing problems with blog posts .container { */
/*	overflow-x: hidden; */
/* } */

main {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

p, figure {
	margin: 20px auto;
	font-weight: 400;
}

label {
	font-size: 1rem;
}

li {
	font-weight: 400;
}

figure figcaption {
	text-align: center;
}

.mobile-menu a:hover {
	color: #ccc !important;
}

/*The following bits are to deal with creating submenus (dropdowns) and trying to make them white and get rid of any shadows/backgrounds */
.sf-arrows .sf-with-ul:after {
	border-top-color: white;
}

a.sf-with-ul:hover {
	color: white;
	background-color: transparent;
}

.menu li:hover, .menu-item:hover, .menu-item:active {
	background-color: transparent;
	background: none;
	color: white;
}

.menu li:last-child {
	border-right: none;
}

.menu li li a, .menu li li a:link, .menu li li a:visited {
	color: white !important;
	font-size: 1.4em;
	padding: 0 3px;
	font-weight: 500;
}

#header #navigation .menu li li a:hover {
	color: white !important;
}

.menu li li {
	border: none !important;
}

.menu li, .menu li a, .menu li a:hover {
	color: white;
}

.menu li li a:focus, .menu li li a:hover, .menu li li a:active {
	background: transparent;
	color: white;
}

.menu ul.sub-menu .menu ul-children {
	-webkit-box-shadow: none;
	-webkit-border-radius: none;
	box-shadow: none;
	-moz-box-shadow: none;
	color: white;
}

.menu ul.sub-menu:hover, .menu ul-children:hover {
	-webkit-box-shadow: none;
	-webkit-border-radius: none;
	box-shadow: none;
	-moz-box-shadow: none;
	color: white;
}

#navigation .menu .menu-item a {
	background: transparent !important;
	color: #fff;
}

#navigation .menu li.current-menu-ancestor a, #navigation .menu li.current_page_ancestor a {
	color: white;
}

@media screen and (max-width: 1080px) {
	#navigation .menu .menu-item ul li a {
		color: rgba(0,0,0,0) !important;
	}
}
	
	@media screen and (max-width: 1250px) and (max-height: 820) {
	#navigation .menu .menu-item ul li a {
		color: rgba(0,0,0,0) !important;
	}
	
	#navigation .menu .menu-item a:after {
		border-top-color: rgba(0,0,0,0) !important;
	}
}

@media screen and (min-width: 2400px) {
	#navigation {
		font-size: 1.2em;
	}
	
	.main-logo {
		margin-top: -14% !important;
	}
}

#masthead {
	display: none;
}

.footer {
	background: #4174af;
}

.footer-widgets {
	width: 100%;
	padding-bottom: 0;
	max-width: 90vw;
	padding-left: 0;
	padding-right: 0;
}

@media screen and (max-width: 600px) {
	.footer-widget p {
		font-size: 15px !important;
	}
}

.footer-widgets .widget .footer-widget, .footer-widgets .widget {
	width: 100%;
}

.footer-information {
	padding-top: 0;
}

.footer .align-left {
	display: none;
}

.footer .align-right {
	margin: auto !important;
	width: 100%;
	text-align: center;
}

#block-27 .wp-block-social-links {
	margin-left: auto !important;
	margin-right: auto !important;
}

.footer .inline-container {
	padding: 0;
	background-color: transparent!important;
	--background-color: transparent;
	border: transparent;
}

.footer .emailoctopus-form, .footer .emailoctopus-form-wrapper {
	margin: 0px!important;
}

.footer .main-form {
	align-items: left!important;
}

#wrap .footer .align-mid, #wrap .footer .p-3 {
	padding: 0rem !important;
}

.footer .inline-container .btn {
	font-weight: 600;
	transition: none!important;
	box-shadow: none!important;
}

.footer .inline-container .btn:hover {
	box-shadow: none!important;
	text-shadow: none!important;
	line-height: 1.5!important;
	padding: .375rem .75rem!important;
	top: -14px;
}

.footer p.emailoctopus-success-message {
	color: white!important;
}


@media screen and (max-width: 570px) {
	#header {
		background-color: white !important;
	}
	
	.row .eleven {
		position: absolute;
		top: 0;
		padding: 2vw;
		margin-left: 70vw;
	}
	
	.menu-toggle {
		color: #011721;
	}
	
	.menu-toggle:before {
		color: #011721;
	}
}

@media screen and (max-width: 900px) {
	#custom-header {
		background-color: transparent;
		margin-bottom: -30px;
	}
	
	#custom-header img {
		width: 170px;
	}
	
	.five .columns {
		margin-left: -2vw;
		margin-right: auto;
	}
	
	.five {
		max-width: 25%;
	}
	
	.eleven {
		max-width: 80vw;
		margin-right: 0 !important;
		padding-left: 0 !important;
		font-size: .8em;
	}
	
	#navigation {
		border-top: transparent !important;
		text-align: center;
	}
	
	.article {
		width: 100vw;
		padding: 0;
	}
	
	#header {
		float: none !important;
		z-index: 10 !important;
		padding-bottom: 0;
	}
	
	#masthead {
		display: none;
	}
	
	* {
		box-sizing: border-box;
	}
	
	body {
		margin: 0;
	}
	
	.footer .align-left {
		display: none;
	}
	
	.footer .align-right {
		margin: auto !important;
		width: 100%;
		text-align: center;
	}
	
	.col {
		flex: 1;
	}
	
	.container {
		margin: 0 !important;
	}
	
	.single-holder {
		-webkit-box-shadow: none !important;
	}
	
	.footer-information {
		background: #4174af;
	}
}

@media screen and (min-width: 830px) {
	.mobile-logo {
		display: none;
	}
	
	.main-logo {
		width: 100%;
		margin-top: -20%;
		margin-left: 0;
		display: block;
	}
	
	#custom-header img {
		max-width: 18vw;
	}
}

@media screen and (min-width: 580px) {
	.mobile-logo {
		margin-top: -15px;
	}
	
	.menu-toggle {
		display: none;
	}
	
	.navigation-main ul.menu {
		display: block !important;
	}
	
	#custom-header {
		margin-bottom: -80px;
	}
	
	.main-logo img {
	}
	
	.five {
		width: 35.35% !important;
	}
	
	#header {
		float: none !important;
	}
	
	.menu li {
		border-left: none;
	}
	
	.menu a {
		float: none !important;
		padding: .35em .45em;
		margin-left: .75em !important;
		margin-right: .25em !important;
		line-height: 2.125em;
		border: none !important;
		font-size: 1.2em;
	}
	
	.row .eleven {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wp-image-94 {
		width: 3000px !important;
	}
	
	.row {
		max-width: 3500px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0 !important;
		padding: 0 !important;
		width: 100vw;
	}
}

@media screen and (min-width: 620px) {
	.mobile-feature-image {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.mobile-feature-image {
		width: 170vw;
		overflow: hidden !important;
		margin-left: -35vw;
	}
	
	.mobile-logo {
		margin-top: 0;
		width: 45vw;
	}
	
	.mobile-menu {
		max-width: 40vw !important;
		margin-left: auto;
		margin-right: auto;
		font-size: 3.5vw;
	}
	
	.mobile-menu li li a:before {
		content: '' !important;
	}
	
	.mobile-menu li {
		text-align: left;
		padding-left: 4vw;
	}

	label {
		font-size: 0.9rem
}
}

.postarea {
	margin-bottom: 0 !important;
}

a.post-edit-link {
	margin: 0;
	line-height: 0 !important;
	display: none;
}

.container {
	margin: 0 !important;
}

.single-holder {
	-webkit-box-shadow: none !important;
}

.footer-information {
	background: #4174af;
}

/* SCREEN SIZE: general landscape phones */
@media screen and (min-width: 560px) and (max-width: 840px) and (min-height: 300px) and (max-height: 500px) {
	#navigation .menu a {
		margin-left: 1em !important;
	}
}

/* SCREEN SIZE: Galaxy S5 (360x640) */
@media screen and (max-width: 370px) and (min-width: 350px) and (min-height: 625px) and (max-height: 655px) {
	.eleven {
		margin-top: 10px !important;
	}
}

/* SCREEN SIZE: iPhone 5/SE */
@media screen and (min-width: 310px) and (max-width: 330px) and (min-height: 553px) and (max-height: 583px) {
	.row .eleven {
		margin-top: 5px;
	}
}

/* SCREEN SIZE: iPhone 5/SE  landscape*/
@media screen and (min-height: 310px) and (max-height: 330px) and (min-width: 553px) and (max-width: 583px) {
	.five {
		margin: -5vw 0;
	}
	
	.mobile-logo {
		margin-top: 5vw;
	}
}

/* SCREEN SIZE: Galaxy S5 (360x640) */
@media screen and (max-height: 370px) and (min-height: 350px) and (min-width: 625px) and (max-width: 655px) {
	#navigation {
		padding-right: 1vw;
	}
}

/* SCREEN SIZE: iPhone X (375x812) */
@media screen and (max-width: 385px) and (min-width: 365px) and (min-height: 797px) and (max-height: 827px) {
	.eleven {
		margin-top: 10px;
	}
}

/* SCREEN SIZE: iPad landscape (1024x758) */
@media screen and (max-width: 1060px) and (min-width: 990px) and (min-height: 720px) and (max-height: 790px) {
	#navigation .menu a {
		margin-left: 1.05em !important;
	}
}

/* SCREEN SIZE: iPad Pro (1024x1366) */
@media screen and (max-width: 1060px) and (min-width: 990px) and (min-height: 1310px) and (max-height: 1410px) {
	.row .eleven {
		width: 100%;
		padding-left: 20%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* colour scheme (for some reason we cannot define variables in Wordpress) */
/* white: #ffffff; dark-blue:#02082e; midblue: #298cbd; light-blue: #aaf9ff; teal: #01a29d; light-pink: #fad2d2; dark-pink: #dd6060; */
/* --- FONT + RANDOM THINGS --- */
body, .article, .menu a, .menu-item, .wp-block-button__link, .footer, h3, h4, .wp-block-button__link:not(.has-text-color):not(.has-background):hover, .button:hover {
	font-family: 'Nunito' !important;
letter-spacing: 0.5px;
}

h1, h2 {
letter-spacing: 3px;
}

/* to stop weird things at last column of flex boxes */
[class*=column]+[class*=column]:last-child {
	float: none;
}

/* don't underline buttons */
a:active, a:hover {
	text-decoration: none;
}

/* --- HEADER + MENU --- */
/* logo section */
.row.header-active, .header-active .row {
	margin-top: 0;
}

#header, .row .five {
	position: absolute;
}

#header {
	padding-top: 2%;
	background-color: transparent !important;
	box-shadow: none;
	-webkit-box-shadow: none;
}

#navigation {
	background-color: transparent !important;
	padding-right: 5vw;
}

#custom-header, .main-logo {
	margin-top: 0;
}

.menu-item, .menu-item:hover, .menu-item:active, .menu-item:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	background: none !important;
}

.sub-menu, .sub-menu:hover, .sub-menu:active, .sub-menu:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

/* default menu: white text */
.menu li a {
	padding: .2em .8em;
	background-color: transparent;
	color: white;
	box-shadow: none;
}

.menu ul.sub-menu, .menu ul.sub-menu:hover, .menu a:hover, .menu a:focus, .menu a:active, #navigation .menu .current_page_item a, #navigation .menu .current-menu-item a {
	background-color: transparent;
	color: white;
}

.menu li:hover ul, .menu li.sfHover ul {
	padding-top: 12px;
	top: 36px;
}

.menu ul.sub-menu li, .menu ul.sub-menu a:hover {
	background-color: rgba(76,76,76,0.3) !important;
}

#navigation .menu .current_page_ancestor .sub-menu li a {
	color: white !important;
}

#header #navigation .menu .menu-item-188 li a {
	background-color: transparent !important;
	color: white !important;
	font-weight: 400;
}

.menu li {
	margin-left: 0 !important;
}

.menu-item {
	font-weight: 600;
	font-size: .9em !important;
}

.menu li li a, .menu li li a:link, .menu li li a:visited {
	padding: 0 0 0 .8em;
}

.sf-arrows .sf-with-ul {
	padding-right: 1.5em !important;
}

#navigation .menu .menu-item-188 ul a {
	font-weight: 500;
	background-color: transparent !important;
}

.menu .menu-item-188 a:after {
	border-top-color: #02082e;
}

/* --- FOOTER --- */
.footer {
	margin-top: 10vh;
	background-color: #4174af;
}

.footer .wp-block-columns {
	text-align: left;
	margin-bottom: 0;
}

h3 {
	font-weight: 400;
	margin-bottom: 13px;
}

.footer p {
	margin-top: 7px;
	margin-bottom: 7px;
}

.footer-widgets .widget a {
	color: white !important;
}

.footer .wp-block-jetpack-contact-form {
	padding: 0 70px 5px 0 !important;
	gap: 8px !important;
	margin: 10px 0 0;
}

.footer .no-label label {
	display: none;
}

.footer .wp-social-link {
	padding: 0 !important;
	border-top: 0;
}

.footer-widgets .widget li {
	margin: 0 !important;
}

#block-16 p {
	text-align: center;
}

.footer-information {
	background-color: #4174af;
}

/* -------------- */
/* --- BANNER --- */
/* -------------- */
.banner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.type-page .feature-img, .type-page .headline {
	display: none;
}

.banner h1 {
	font-size: 3.8em;
	font-weight: 400;
	position: relative;
}

.banner-text {
	position: absolute;
}

.banner figure {
	margin: 0 0 5vh;
}

.sub-banner {
	margin: 10vh 0 5vh;
	display: flex;
}

.sub-banner-text {
	position: absolute;
}

.sub-banner-text p {
	font-weight: 400;
}

.sub-banner-text .wp-block-button a {
	border: none;
}

.sub-banner img {
	max-height: 30vw;
	object-fit: cover;
}

.sub-banner figure {
	margin: 0;
}

/* ------------------------------ */
/* --- GENERAL ARTICLE + TEXT --- */
/* ------------------------------ */
#wrap {
	background-color: white;
}

.article {
	padding: 0;
}

p, h2, h3, h4, .tiled-gallery__gallery, ol, ul, .wp-block-media-text, .wp-block-gallery, .intro {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

body {
	font-weight: 400;
}

.article h2 {
	line-height: 1.2;
}

.wp-block-image img {
	width: 100vw;
}

.subheading-topspace {
	padding-top: 5vh;
}

.alignwide {
/* to stop certain image galleries being offset from main article */
	left: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.article li {
	margin: 2px 0;
}


a.midblue {
	color: #298cbd !important;
}


a.teal, .teal {
	color: #01a29d !important;
}

.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 36px 0 0;
}

.article-block, .type-post .article, .pmpro {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


.img-mobile {
	display: none;
}

/* trying to get grids to behave */
.article .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: auto;
}

/* when hovering over buttons */
.wp-block-button__link:not(.has-text-color):not(.has-background):hover {
	background-color: #298cbd;
}

button:hover, button {
	text-shadow: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/* tagline (first sentence) */
h4 {
	color: #298cbd;
}

/* subheadings (use h2) */
h2 {
	font-weight: 600;
	font-size: 2.8em;
}

/* coloured background */

.light-blue-bg {
	background-color: #aaf9ff;
}

.pub-button {
	font-size: 1.3em;
}

.wp-block-button__link {
	padding: calc(.1em + 2px) calc(1.2em + 2px);
}

/* --------------------- */
/* --- PROJECT PAGES --- */
/* --------------------- */
/* --- AIMS --- */
.aims {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.aims-text {
	position: absolute;
	max-width: 1000px;
	width: 100%;
}

.aims-text-inside {
	margin: auto auto 9vw;
}

.aims ol, .aims p {
	color: white;
}

.aims figure {
	margin: 0 0 5vh;
}

.article .aims-engagement {
	padding-top: 5vh;
}

/* --- UPDATES --- */
.updates-wrapper {
	display: flex;
	justify-content: center;
}


.updates-wrapper .pubs {
	display: inline-block;
	padding: 5px 10px;
	margin: 5vh auto;
	border: solid #01B2AC;
	max-width: 800px;
}

.updates-wrapper .pubs h4 {
	color: #02082E;
	margin: 10px 0;
}

.updates-wrapper .pubs p {
	margin: 10px 0;
}

.updates .wp-block-media-text {
	grid-template-columns: 6% auto !important;
}

.updates .wp-block-media-text__content {
	padding: 0 0 0 20px;
	color: #02082e;
}

.updates h2 {
	color: #02082e;
}

/* ----------------------------- */
/* --- BIG TABLET (VERTICAL) --- */
/* ----------------------------- */
@media screen and (max-width: 1024px) {
	/* --- HEADER --- */
	#header {
		display: block;
	}
	
	.menu a {
		margin-left: .5em !important;
	}
	
	#header ul.menu ul {
		width: 110px;
	}
	
	/* --- FOOTER --- */
	.footer :where(.wp-block-columns.is-layout-flex) {
		gap: .25em;
	}
	
	.footer .wp-block-jetpack-contact-form {
		padding: 0 15px 5px 0 !important;
	}
	
	/* --- BANNER --- */
	.article .banner .banner-text h1 {
		font-size: 2.8em;
		line-height: 1.25;
	}
	
	.sub-banner img {
		max-height: 100%;
	}
	
	/* --- MAIN TEXT --- */
	p, .wp-block-heading, .tiled-gallery__gallery, ol, ul, .wp-block-media-text, h4, .wp-block-gallery, .intro {
		max-width: 90vw !important;
	}
	
	.article-block, .type-post .article, .pmpro {
		max-width: 90vw !important;
	}
	
	[class*=column]:before, [class*=column]:after {
		display: none;
	}
	
	.aims img {
		max-width: 120vw;
		width: 120vw;
	}
}

/* ------------------------------- */
/* --- SMALL TABLET (VERTICAL) --- */
/* ------------------------------- */
@media screen and (max-width: 900px) {
	#navigation {
		font-size: .8rem;
		padding-right: 1vw;
	}
}

/* -------------- */
/* --- MOBILE --- */
/* -------------- */
@media screen and (max-width: 600px) {
	/* --- MENU --- */
	#header, #header .eleven {
		position: relative;
	}
	
	#header .mobile-menu {
		max-width: 90vw !important;
		margin-top: 30px;
	}
	
	.mobile-menu-container {
		margin-left: -70vw;
		padding-top: 5vh;
		padding-bottom: 3vh;
	}
	
	/* Responsive dropdown menu on mobile */
	#navigation .mobile-menu  .menu-item-has-children  .sub-menu {
		display: none !important;
	}
	
	#navigation  .mobile-menu  .menu-item-has-children:hover  .sub-menu, #navigation  .mobile-menu  .menu-item-has-children:active {
		display: block !important;
	}
	
	#header .mobile-menu a {
		font-size: 1.4em;
		color: #02082e !important;
		padding: 6px 20px 6px 10px;
		display: inline-block;
	}
	
	.mobile-menu a.sf-with-ul:after {
		content: '';
		position: relative;
		top: 3vw;
		right: -2.5vw;
		height: 0;
		width: 10vw;
		border: 4px solid transparent;
		border-top-color: #02082e !important;
	}
	
	#header .mobile-menu .sub-menu a {
		color: #298cbd !important;
	}
	
	.mobile-menu .menu-item-188 .sub-menu a {
		background-color: transparent;
	}
	
	/* --- FOOTER --- */
	.footer h3 {
		font-size: 2em;
	}
	
	.footer .footer-widget p {
		text-align: left;
		font-size: 1.2em !important;
	}
	
	.footer .footer-widget .wp-block-jetpack-contact-form {
		padding-right: 0 !important;
	}
	
	.footer :where(.wp-block-columns.is-layout-flex) {
		gap: 1em;
	}
	
	/* --- BANNERS --- */
	.postarea .article .banner {
		justify-content: center;
		align-items: flex-start;
	}
	
	.postarea .article .banner h1 {
		text-align: center;
		margin: 9vh auto auto;
	}
	
	.postarea .article .banner-text {
		left: 0;
		right: 0;
	}
	
	.sub-banner {
		justify-content: center !important;
		align-items: flex-start !important;
	}
	
	.sub-banner-text {
		max-width: 90vw !important;
		width: 100%;
		text-align: left;
	}
	
	.sub-banner h2 {
		font-size: 2.3em !important;
	}
	
	/* --- BANNER --- */
	.banner h1 br {
		content: "";
	}
	
	.banner h1 br:after {
		content: " ";
	}
	
	/* --- MAIN TEXT --- */
	h4 {
		font-size: 1.3em !important;
	}
	
	.img-mobile {
		display: block;
	}
	
	.img-notmobile {
		display: none !important;
	}
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	
	.stack-mobile {
		display: block !important;
	}
	
	.stack-mobile figure {
		width: 100% !important;
		margin: 5px 0 !important;
	}
	
	/* subheadings (use h2) */
	.postarea .article h2 {
		font-size: 2.3em;
	}
	
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 0 !important;
	}
	
	/* --- PROJECT SECTIONS --- */
	.updates {
		padding: 3vh 5vw;
	}
	
	.updates .wp-block-media-text {
		grid-template-columns: 10% auto !important;
	}
	
	.updates .wp-block-media-text__content {
		padding: 0 0 0 10px;
	}
	
	.updates h2 {
		margin: 0;
	}
	
	.aims-text-inside {
		margin: auto auto 10vh;
	}
	
	.aims img {
		max-width: 100vw;
		width: 100vw;
	}
}







.support-pattern-mobile .wp-block-button a {
	padding: .5em 1em;
	margin: 5px 0;
}

.wp-block-button__link {
	border-radius: 3px;
}


.navigation-main:not(.toggled) ul ul {
    left: -25px;
    right: 0;
}

ul.menu ul a {
	line-height: 1.5;
	margin-top: 8px;
	margin-bottom: 8px;
}


.wp-block-button__link {
	border-radius: 3px;
}


.navigation-main:not(.toggled) ul ul {
    left: -25px;
    right: 0;
}

ul.menu ul a {
	line-height: 1.5;
	margin-top: 8px;
	margin-bottom: 8px;
}

.hide-block {	
display: none!important
}


/* ------------------------------------ */
/* ------------------------------------ */
/* --- NEWSLETTER SIGNUP (ID:15779) --- */
/* ------------------------------------ */
/* ------------------------------------ */


.page-id-20129 .inline-container {
	margin: auto
}

/* temporary for whale-watching guide donate button */
@media screen and (max-width: 700px) {
	.donate-button-guide .wp-block-button a {
			font-size: 1.1em;
	}
}