/*
Theme Name: GWP AR2022
Theme URI: http://www.scriptoria.co.uk
Description: A premium theme by Chris Thomas
Version: 1.0
Author: Chris Thomas
Author URI: http://www.scriptoria.co.uk
*/

.single-regional_stories, .page-id-93, .page-id-43, .page-id-95 {}


body {
	padding: 0;
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	width: 100%;
	font-size: 2vw;
	line-height: 1;
	color: #666;
	overflow-x: hidden;
	font-weight: 400;
	background-color: #FFF;
	color: #333333;
	overflow-x: hidden; 
}

.home body {background-color:#069092;}

.subpage-con {
    background-color: #FFF;
    position: relative;
    z-index: 9;
}
.areas-of-work-box {margin-top:-22vw; padding-top:22vw}

.anchor {display: block; margin-top: -19vw; padding-top: 19vw;}

@media only screen and (max-width : 812px) {
.anchor {display: block; margin-top: -32vw; padding-top: 32vw;}
}

margin-top: -28vw;
padding-top: 28vw;

.heading-sub {
    margin-top: 4.7vw;
    position: relative;
    height: 45.3vh;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; z-index:99
}

@media only screen and (max-width : 1300px) {
.heading-sub {width:90%;}	
}


.heading-sub h1 {-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); position:absolute; top:50%; color:#FFF; margin-top:0; margin-bottom:0; font-size:300%; font-weight: normal}



@media only screen and (max-width : 10000000px) {
body {font-size: 0.75vw;}}

@media only screen and (max-width : 1600px) {
body {font-size: 1vw;}}

@media only screen and (max-width : 1280px) {
body {font-size: 1.2vw;}}

@media only screen and (max-width : 1100px) {
body {font-size: 1vw;}}

@media only screen and (max-width : 812px) {
body {font-size: 3vw;}}
	
.widthpad {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1180px;
}
@media only screen and (max-width : 1300px) {
.widthpad {	width: 90%;}}

.heading .widthpad {position: relative; height: 100%; z-index:9; width:100%}

.pad-topbot {padding-top:2.5%; padding-bottom: 2.5%}
.pad-top {padding-top:2.5%; padding-bottom: 0}
@media only screen and (max-width : 810px) {
.pad-topbot {padding-top:10%; padding-bottom: 10%}
.pad-top {padding-top:10%; padding-bottom: 0}	
}

.mobmenu-overlay {top: 6.95vh !important;}

.clearfix:after  {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

a {-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; text-decoration:none; outline: 0;}
	
.holder-webkit-flex  {display: -webkit-flex; /* Safari */ display: flex; /* Standard syntax */}
@media only screen and (max-width : 700px) {.holder-webkit-flex  {display: block}}
.flex {-webkit-flex: 1; /* Safari */-ms-flex: 1; /* IE 10 */ flex: 1; /* Standard syntax */}

div {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;}

p, h2{margin-top:0;}

p {line-height:1.4}

#header h1 {font-weight:200;}
#header h1 strong {font-weight:700}
#header h1 {
	color:#FFF;
	margin: 0;
	text-transform: uppercase; position:absolute; -ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); top:50%; left:50%; width: 100%;
max-width: 1180px;
}


.home #header h1 {width: 49% !important; max-width: none !important;  left: 37%; text-align:center; color:#FFF;
	margin: 0;
	text-transform: uppercase; position:absolute; -ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); top:30%;   }

#header h1 span {font-size: 72%;}

.home #header .widthpad {max-width: none !important}

.header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#FFF;
	padding-top: 0.75vw;
	padding-right: 1.25vw;
	padding-bottom: 1.25vw;
	padding-left: 1.25vw;
	height: 4.7vw; z-index:5; 
}
/*
.page-id-43 .header, .page-id-93 .header, .page-id-95 .header, .regional_stories-template-default .header {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #069092;
}
*/
.header img {width:12vw; height:2.71vw;}

@media only screen and (max-width : 812px) {
	.header img {
    width: 48vw;
    height: 10.84vw;
}
.header  {height: 15vw; text-align:center; z-index: 999999999;}
}


.heading {
	top: 4.7vw;
	margin-bottom: 0;
	text-align: center;
	height: 36vw;
	position: fixed;
	z-index: 999;
	background-repeat: no-repeat;
	background-size: cover !important; 
	width: 100%;
	transition: 0.2s;
	overflow:hidden;
}
@media only screen and (max-width : 810px) {
.heading {top: 15vw;}	
}

#mappng {-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); position:absolute; top:30%; right:0.5%; width: 40%; padding-bottom: 20%; background-size:cover !important; z-index:9}
	
#swoosh {position:absolute; bottom:-1px; width:100%; left:0; right:0; background-size:cover; opacity:1;}

#swoosh img {width:100%; height:auto}

.single-regional_stories .heading, .page-id-93 .heading, .page-id-43 .heading, .page-id-95 .heading { height:12vw}

.single-regional_stories #header #hone,
.page-id-93 #header #hone,
.page-id-43 #header #hone,
.page-id-95 #header #hone {
    font-size: 3.5vw ;
}

.single-regional_stories #menu-main-menu li a,
.page-id-93 #menu-main-menu li a,
.page-id-43 #menu-main-menu li a,
.page-id-95 #menu-main-menu li a
{padding: 4px;
font-size: 80%;}

.single-regional_stories #menu-main-menu li,
.page-id-93 #menu-main-menu li,
.page-id-43 #menu-main-menu li,
.page-id-95 #menu-main-menu li
{margin-bottom: 5px;}

#keyresults {padding-top: 40vw; z-index: 99;
position: relative;}

.single-regional_stories #keyresults,
.page-id-93 #keyresults,
.page-id-43 #keyresults,
.page-id-95 #keyresults
{padding-top: 16.7vw}

@media only screen and (max-width : 810px) {

.page-id-93 #keyresults,
.page-id-43 #keyresults,
.page-id-95 #keyresults
{padding-top: 50vw}	

.single-regional_stories #keyresults {padding-top: 22vw}	
}

.key-results {/*background-color: #e8eced;*/ background-color: #fff; margin-top: 0; position:relative; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; padding-top:22.7vw; z-index:9; border-bottom: 2px solid #d2e4e9;}

@media only screen and (max-width : 810px) {
	.key-results {padding-top:50vw !important;}
}
	
  @media only screen and (max-width: 810px) {
.home .mobmenul-container {top: 29px !important;}

}
	
#header #hone {font-size:6vw; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; }
.home h2, .regional_stories-template-default #regional-stories h2 {
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-size:350%;
	margin-bottom:2.5%;
	font-weight: 400;
	letter-spacing: 0.25vw; 
}
.regional_stories-template-default #regional-stories h2 {color: #069092;}
.regional_stories-template-default .sub-content h2 {
	text-align:left;
	color:#FFF;
	font-size:250%;
	margin-bottom:2.5%;
	margin-top:5%;
	letter-spacing: 0; color: #069092; font-weight:200 !important;
}
.regional_stories-template-default .sub-content h2:first-of-type {margin-top:0 !important}

@media only screen and (max-width : 810px) {.home h2, .regional_stories-template-default #regional-stories h2, .regional_stories-template-default .sub-content h2  {font-size:250%;}}


.sub-page .wp-block-image {margin-top:5%; margin-bottom:2.5%; width:70%;}
figcaption { background-color:#f0f1f1; padding:2.5%; margin:0 !important}

.areas-of-work { background-color:#FFF; margin-top:-16.5vw; padding-top:17vw; border-bottom: 2px solid #d2e4e9;}



.regional-stories { margin-top:-16.5vw; padding-top:17vw;}


.regional_stories-template-default .regional-stories { margin-top: 0; padding-top: 0;}
.areas-of-work h2, .regional-stories h2, .about-gwp h2,.regional_stories-template-default h2  {color:#069092}

.knowledge-learning {background-color: #fff; border-bottom: 2px solid #d2e4e9;}
.acknowledgements  {background-color: #747678;}
.acknowledgements p {color:#FFF;}
.acknowledgements p a {color:#33b182; font-weight:bold}
.acknowledgements p a:hover {text-decoration:underline}

.key-results-single {
  margin-bottom: 0;
  width: 10.85%;
margin-right: 4%;
  float: left; text-align:center; color:#77b8bc; flex: 1;
}
.key-results-single:nth-child(4), .key-results-single:nth-child(6) {position:relative}

.key-results-single:nth-child(4)::before, .key-results-single:nth-child(6)::before {
  content: " "; position:absolute; right:-18%; top:0; bottom:0; border-right: 2px dashed #d2e4e9; }
  
@media only screen and (max-width : 810px) {
.key-results-single:nth-child(4)::before, .key-results-single:nth-child(6)::before  { display:none}
.key-results-single {margin-bottom: 20px;}
}

.key-holder {display: flex; margin-bottom: 20px;}

@media only screen and (max-width : 812px) {
	.key-holder {display: block;}
}

#counter-6 {color: #558697 !important;}


.key-results-single:nth-child(7) {margin-right:0 !important}
.key-results span {font-size:300%; font-weight:700;}
.key-results p {margin-bottom:5px; color: #000 !important}
.key-results p:nth-of-type(2n) {margin-bottom:10px}
.key-results img {width:80%; height:auto; margin-bottom:5px; border-radius: 50%;}
.counter {margin-bottom:5px; color:#193971 !important}

.link-holder {width:100%; clear:both; text-align:center}
.orange-link {
	display: inline-block;
	clear: both;
	background-color: #35a2e7;
	color: #FFF;
	border-radius: 1vw;
	font-size: 150%;
	font-weight: 700;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%; line-height:1; margin-top:2vw; margin-bottom:2vw;
}
.orange-link:hover {background-color:#aaa}

@media only screen and (max-width : 810px) {
.orange-link {padding:1%}	
}

.footer-img {width:100%}
.footer-img img{width:100%; height:auto}

.regional-stories{background-color: #fff;}
.quotes {z-index:6; position:relative; background-color: #fff; border-bottom: 2px solid #d2e4e9;}
.areas-of-work {z-index:5; position:relative}
.quotes p {margin-bottom:0}
.quotes-single {float:left; width:30%; margin-right:5%; text-align:center;}
.quotes-single img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 50%;
}
.quotes-single a {color: #35a2e7}
.quotes-single a:hover {text-decoration:underline}
.quotes-single:last-of-type {margin-right:0}
.quotes-single p:nth-child(1) {margin-bottom:20px}
.quotes-single p {margin-bottom:0}
.quotes p strong {color: #35a2e7; font-weight:700; position:relative; margin-bottom:0 !important; display: inline-block; margin-top: 0.5vw;}
.quotes p strong:after {
    background-image: url(../../../assets/themes/gwp-ar2022/images/quote.png);
    background-repeat: no-repeat;
    content: ' ';
    position: absolute;
    width: 2.3vw;
    height: 2vw;
    right: -3vw;
    top: -1.25vw;
    background-size: cover;
}



 .areas-single{
  margin-bottom: 20px;
  width: 13.33%;
  margin-right: 4%;
  float: left; text-align:center; color:#FFF; position:relative;
}

.page-id-93 .areas-single, .page-id-95 .areas-single{
  margin-bottom: 20px;
  width: 20.5%;
  margin-right: 6%;
  float: left; text-align:center; color:#FFF; position:relative;
}

.areas-single:last-of-type {margin-right:0 !important}

.areas-single p strong, .about-single p strong {color: #35a2e7; padding-left:10%; padding-right:10%; text-align:center; display:block; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;}

.areas-single a:hover p strong, .about-single a:hover p strong {color: #193971}

.areas-single img {width:75%; height:auto; margin-bottom:5px; border-radius:50%; }
.areas-single a::after {
    content: ' ';
    position: absolute;
    background-color: #000;
    left: 12.5%;
    top: 0px;
    width: 75%;
    padding-bottom: 75%;
    border-radius: 50%;
    opacity: 0.2; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.imgquote {
  position: relative;
  display: block;
  width: 76%;
  margin-left: auto;
  margin-right: auto;
}
.quotes-single .imgquote::after {
    content: ' ';
    position: absolute;
    background-color: #000;
    left: 0px;
    top: 0px;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    opacity: 0.2; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.areas-single a:hover::after, .quotes-single a:hover::after {opacity: 0.5;}

.areas-of-work-box img {margin-bottom:20px; width:100%; height:auto; max-width:400px; }
.areas-of-work-box p, .sub-page p  {line-height: 1.4}

.anchor {display: block}
.sub-nav {margin-bottom:20px; line-height:1.2;}

.regional-single-link {
  margin-bottom: 20px;
  width: 13%;
  margin-right: 1.5%;
  float: left; text-align:center; color:#FFF; padding-bottom:13%; position:relative; background-color: #CCC; border-radius:50%;
}
.regional-single-link:nth-child(8),.regional-single-link:nth-child(15) {margin-right:0 !important}

.regional-single-link:hover {background-color: #aaa !important;}

/* Measuring results*/ .regional-single-link:nth-child(2), .postid-74 .sub-title-box .slide{background-color:#05aee6}
.postid-89 .sub-title-box .slide  {background-color: #f26a66 !important;}



/* Caribbean */ .regional-single-link:nth-child(3), .postid-87 .sub-title-box .slide {background-color:#ff6b6b}


.regional-single-link:nth-child(4), .postid-80 .sub-title-box .slide {background-color:#be82b8}
.regional-single-link:nth-child(5), .postid-87 .sub-title-box .slide {background-color:#f18f1b}
.regional-single-link:nth-child(6), .postid-85 .sub-title-box .slide {background-color:#478ac8}
.regional-single-link:nth-child(7), .postid-83 .sub-title-box .slide {background-color:#9898e2}
.regional-single-link:nth-child(8), .postid-78 .sub-title-box .slide {background-color:#30a6c6}
.regional-single-link:nth-child(9), .postid-76 .sub-title-box .slide {background-color:#cdc107}
.regional-single-link:nth-child(2) .regional-single::before {
    content: url('');
    display: block;
    background-image: url(../../../images/measuring.png);
    position: relative;
    width: 40%;
    padding-bottom: 20%;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.regional-single-link:nth-child(10), .postid-72 .sub-title-box .slide {background-color:#eec03c}
.regional-single-link:nth-child(11), .postid-70 .sub-title-box .slide {background-color:#e06a49}
.regional-single-link:nth-child(12), .postid-68 .sub-title-box .slide {background-color:#92bf5e}
.regional-single-link:nth-child(13), .postid-66 .sub-title-box .slide {background-color:#00ab66}
.regional-single-link:nth-child(14), .postid-64 .sub-title-box .slide {background-color:#e26189}
.regional-single-link:nth-child(15), .postid-62 .sub-title-box .slide {background-color:#eaca81}

.regional-single {
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); padding: 2%;
}

.knowledge-single{
  margin-bottom: 20px;
  width: 20.5%;
  margin-right: 6%;
  float: left; text-align:center; color:#FFF; position:relative;
}
.about-single{
  margin-bottom: 0;
  width: 20.5%;
  margin-right: 6%;
  float: left; text-align:center; color:#FFF; position:relative;
}

.knowledge-single:nth-child(5), .about-single:nth-child(5)  {margin-right:0 !important}

.knowledge-single p {color:#35a2e7}

.knowledge-single a:hover p strong {color: #193971;}

.knowledge-single img, .about-single img {width:75%; height:auto; margin-bottom:5px; border-radius:50%; }
.knowledge-single a::after, .about-single a::after {
    content: ' ';
    position: absolute;
    background-color: #000;
    left: 12.5%;
    top: 0px;
    width: 75%;
    padding-bottom: 75%;
    border-radius: 50%;
    opacity: 0.2; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.knowledge-single a:hover::after, .about-single a:hover::after {opacity: 0.5;}

@media only screen and (max-width : 810px) {#menu-main-menu {display:none}}	
	

.home #menu-main-menu {
	margin:0px !important;
	padding: 0px !important;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:10000000;
    position: absolute;
    top: 30%;
    opacity: 1; list-style:none; left:0.5%; min-width:12%;
}

#menu-main-menu {
	margin:0px !important;
	padding: 0px !important;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:10000000;
    position: absolute;
    top: 50%;
    opacity: 1; list-style:none; left:0.5%; min-width:12%;
}


#menu-main-menu li {
	padding: 0px !important;
	position:relative;
	margin-bottom:10px;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;   background-color: #33b182; border-radius: 10px;
}
#menu-main-menu li:last-of-type {margin-bottom:0 !important}
#menu-main-menu li a {
	text-align: left;
	display: block; padding: 0.5vw; display:block; font-weight:bold; text-transform:uppercase; color:#fff;
	-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
#menu-main-menu li a:hover {color: #fff}

#menu-main-menu li:hover {background-color: #aaa;}



@media only screen and (max-width : 1280px) {#menu-main-menu li a span {font-size:90%;}}



#menu-main-menu:hover li a span { opacity:1; transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out; }
   

.menu-cover {position:fixed; top: 0; bottom:0; left:0; right:0; z-index:1; opacity:0; transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out}

#menu-main-menu:hover ~ .menu-cover {background-color:#000; opacity:0.6; transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out; display:block; z-index:999999}
   
.img-overlay  {
	background-color: #000;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity: 0.3;
	right: 0px;
	bottom: 0px;
}
.main-holder {position:relative; z-index:3}

.knowledge-learning, .about-gwp, .acknowledgements {margin-top: -16.5vw; padding-top: 17vw;}

#regional-stories {z-index: 4; position: relative; border-bottom: 2px solid #d2e4e9;}
#knowledge-learning {z-index: 3; position: relative;}
#about-gwp {z-index: 2; position: relative; background-color:#FFF}
#acknowledgements {z-index: 1; position: relative;}


#acknowledgements {
  /*background-image: url(../../../assets/uploads/Virtual-Backgrounds-v3-06.jpg);
  background-size: 100%;
  background-position-y: bottom;*/
  background-color:#2b5ba4;
}






.mob-menu-header-holder {top: 13.5vw !important;}
.mobmenu-left-alignment {top: 15vw !important;}
#header .mobmenu {display:block !important}

#header .mobmenu, #header .mobmenu-panel {top: 6.95vh !important;}
#mobmenuleft li a {font-family: 'Calibri', Arial, Helvetica, sans-serif !important;}

#header .mobmenu, #header .mobmenu-panel, .mobmenul-container, mobmenur-container {display:none}

.close-link {position: absolute; right: 2vw; top:50%; -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); color:#069092;}
.close-link:hover svg {fill: #193971 ;}
.close-link svg {width:1.5vw; fill:#33b182; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;}

@media only screen and (max-width : 810px) {
.close-link svg {width:5vw;}	
}


.sub-title-box {position:relative; width:100%; padding-bottom:25%; background-size:cover !important; background-position:center center !important; overflow:hidden;}

@media only screen and (max-width : 810px) {
	.sub-title-box {padding-bottom:40%;}
}


@keyframes slidebox {0% {left: -30%;}100% {left: 0;}}
@-moz-keyframes slidebox {0% {left: -30%;}100% {left: 0;}}
@-webkit-keyframes slidebox {0% {left: -30%;}100% {left: 0;}}
@-o-keyframes slidebox {0% {left: -30%;}100% {left: 0}}
@-ms-keyframes slidebox {0% {left: -30%;}100% {left: 0;}}




.sub-title-box .slide {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 80%;
    z-index: 9999;
    background-color: #33b182;
    padding: 2vw;
    max-width: 90%;
    border-radius: 0vw 2vw 2vw 0vw;
	animation: slidebox 2s 0s ease;
	-webkit-animation: slidebox 1s 0s ease;
	 moz-animation: slidebox 1s 0s ease;
  -o-animation: slidebox 1s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; 
	
}

.sub-title-box h2 {
    color: #FFF;
    font-size: 250%;
    font-weight: normal;
    margin-left: 0; margin-bottom:0 !important	
}

@media only screen and (max-width : 810px) {
.sub-title-box h2 {font-size: 125%;}
}


@-webkit-keyframes fading {
    from {opacity: 0; }
    to {opacity: 1; }
}
@-moz-keyframes fading {
    from {opacity: 0; }
    to {opacity: 1; }
}

@keyframes fading {
    from {opacity: 0; }
    to {opacity: 1; }
}


.fade {
    opacity: 0;
    -webkit-animation: fading ease-in 1s;
    animation: fading ease-in 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}



.fade.fade2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes fadingoverlay {from {opacity: 0; } to {opacity: 0.1; }}
@-moz-keyframes fadingoverlay {from {opacity: 0; } to {opacity: 0.1; }}
@keyframes fadingoverlay {from {opacity: 0; } to {opacity: 0.1; }}

.fadeoverlay { opacity: 0;
    -webkit-animation: fadingoverlay ease-in 1s;
    animation: fadingoverlay ease-in 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;}

.sub-nav a {color: #069092;}
.sub-nav a:hover{color:#000; text-decoration:underline;}
.sub-nav span {display:inline-block; color:#000}
.sub-nav span:last-of-type {display:none !important}
.sub-content {
	padding-top: 2.5vw;
	padding-right: 5vw;
	padding-bottom: 2.5vw;
	padding-left: 5vw;
	margin-bottom:2.5vw;
	background-color: #fff; border-bottom: 2px solid #d2e4e9;}
.sub-content ul li, .sub-content ol li {margin-bottom:1.25vw; line-height:1.4}
.sub-content a {color: #33b182;}
.sub-content a:hover {text-decoration:underline;}

.back {margin-bottom:5vw; color: #35a2e7; display:block;}
.back:hover {text-decoration:underline; color:#193971;}

.intmarg {margin-top: -4.6vw; padding-top:4.6vw !important}

.page-id-43 h1, .page-id-93 h1, .page-id-95 h1, .regional_stories-template-default h1 {
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-size:350%;
	margin-bottom:2.5%;
	font-weight: 400;
	letter-spacing: 0.25vw;
	color:#069092
}

.grad-text {background: radial-gradient(109.66% 1819.42% at 5.65% 53.67%,#059d57 0%,#93beef 100%);
  background-clip: border-box;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-fill-color: transparent;
display:inline-block;}

.grad-text2 {background: radial-gradient(109.66% 1819.42% at 5.65% 53.67%,#091c46 0%,#2b5ba4 100%);
  background-clip: border-box;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-fill-color: transparent;
display:inline-block;}



.grad-text-holder100 {width: 100%; text-align: center;}




@media only screen and (max-width : 810px) {
	
	#header .mobmenu, #header .mobmenu-panel, .mobmenul-container, mobmenur-container {display:block}
	
	.key-results-single, .areas-single, .knowledge-single, .about-single {
    margin-bottom: 20px;
    width: 60%;
    margin-right: 20%;
    float: none;
    text-align: center;
    margin-left: 20%; font-size:150%}

.quotes-single {width: 80%; margin-left: 10%;margin-right: 10%;}
	
.regional-single-link {width: 50%;
    margin-right: 25%;
    float: none;
    text-align: center;
    margin-left: 25%; padding-bottom:50%; display:block;}
.regional-single {font-size:150%; padding-left:10%; padding-right:10%}

.quotes-single p {margin-bottom:40px;  font-size: 150%;}
.quotes-single p:nth-child(1) {
    margin-bottom: 20px !important;
}

.areas-of-work, #regional-stories, .knowledge-learning, .about-gwp, .acknowledgements { margin-top: -30vw; padding-top: 30vw;}

.home .areas-of-work, .home #regional-stories, .home .knowledge-learning, .home .about-gwp, .home .acknowledgements { margin-top: -45vw; padding-top: 45vw;}


element {

}
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel {

    top: 32px;

}
}