/*
 	Theme name: WI v1 - powerofwetlands.org
 	Description: Build by fluffytech
 	Author: Gordon Langley vs Sean Alexander
 	Author URI: http://www.fluffytech.co.uk
 	Template: twentytwelve
 	Version: 5.5.6
*/

	



/*////// Basic WP/Other OFF/ON switches //////*/

/* No dots on linkys. */
a:focus {outline: none;}

/* Remove double lines under articles */
.site-content article {
   border-bottom: none;
    margin-bottom: 0px !important;
    padding-bottom: 240px !important;
    -moz-hyphens: none;
    word-wrap: normal;}

/*homepage*/
body.home .site-content article {padding-bottom: 0px !important;}

/* turn off shadows and corners on images */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
/*site title off*/
.site-title, .site-description {display:none;}

/*margin off bottom of entry header*/
.entry-header {margin-bottom: 0px !important;}


/*page titles off*/
.page h1.entry-title {display:none;}

/*no sidebar*/

#secondary {display:none;}

/*no header, header logos, no navigation menu*/

#masthead {display:none;}

/*no footer*/

#colophon {display:none;}

/* Turn off font scaling on ipads */
body, div, p, a, li, td { -webkit-text-size-adjust:100% !important;
-moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

/* Make all input text solid, not opaque */
::-webkit-input-placeholder {
    opacity: 1 !important; /* for chrome */
}

:-moz-placeholder { /* Firefox 18- */
    opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1 !important;
}

:-ms-input-placeholder {  
   opacity: 1 !important;
}

/* Tap color to white*/

* {
    -webkit-tap-highlight-color: rgba(255,255,255,0.1) !important;
}

/*--------------all accordion focus off---------------*/

    .su-spoiler-title:focus {outline: 0 !important;}


    /*--------------all accordion focus off---------------*/

    /*--------------all hyphens none---------------*/

    * {hyphens:none !important;}

    /*--------------all hyphens none---------------*/


/*////// Basic OFF/ON switches ENDS //////*/









/*////// Basic html & Base font size //////*/

/*html*/
html {
 font-size: 100%;
    height: 100%;
    width: 100%;
    background-color: #1a7f91;
    overflow-y:auto;
	overflow-x:hidden !important;
}

/*base font size*/
body {font-size: 28px; color: rgba(0,0,0,1); font-family: 'aller', sans-serif !important;font-weight:400; letter-spacing: -0.02em;}


/*breakpoint*/
@media screen and (max-width: 1441px) {
body {font-size: 26px;}	
}
/*breakpoint*/
@media screen and (max-width: 1366px) {
body {font-size: 25px;}	
}
/*breakpoint*/
@media screen and (max-width: 1024px) {
body {font-size: 24px;}	
}
/*breakpoint*/
@media screen and (max-width: 768px) {
body {font-size: 22px;}	
}
/*breakpoint*/
@media screen and (max-width: 414px) {
body {font-size: 20px;}	
}


strong {font-weight: 700 !important;}


/*////// Basic site, page & font structure ENDS //////*/





/*////// Body & Links Colours //////*/

body {color: #fff; }

a, a:visited {
	outline: none ;
	color: #fff !important;
    text-decoration: none;
    transition: all 0.3s ease-out 0s !important;
    
}
a:hover, a:focus, a:active {
    outline: none ;
    color: #fff !important;
    text-decoration: none;
}

/*single post links*/

body.single .entry-content a {color: inherit !important; border-bottom: 3px solid #bed246; transition:all ease 0.3s; text-decoration: none;}
body.single .entry-content a:hover {border-bottom: 3px solid #bed246); text-decoration: none;}

/*////// Body & Links Colours ENDS  //////*/





/*////// WP Site & content widths//////*/
	
body .site {
		padding: 0 0px !important;
		margin-top: 0 !important;
        position: absolute;
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
		margin-bottom: 0px !important;
		box-shadow: 0 0px 0px rgba(100, 100, 100, 0);
	}

@media screen and (max-width: 1280px) {
    body .site {
		padding: 0 0 !important;
		margin-top: 0px !important;}
}

/*single post*/
@media screen and (max-width: 1280px) {
body.single .site {padding: 0 0px !important;}
body.single #main {padding: 0 20px !important;}
}

.site {
		margin: 0 auto !important;
		max-width: 100% !important;
		overflow-x: hidden;
        background-color: #1a7f91;
	}

.site-content {margin: 0}


@media screen and (min-width: 1921px){
    #content {max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px;}
}

@media screen and (max-width: 1920px){
    #content {max-width: 100%; margin-left: auto; margin-right: auto; }
}

/*////// Site & content widths ENDS //////*/




/*/////// VC overrides ////////*/

.vc_row {
    margin-left: -2.5px !important;
    margin-right: -2.5px !important;
}

.vc_row.full-width-row {margin-left: 0px !important;margin-right: 1px !important;}

/* turn off in body VC edit links*/

.vc_inline-link {display: none;}

/*/////// VC overrides ENDS ////////*/




/*////// H1's entry-content p etc //////*/

/*Heading color all WHITE*/

h1,h2,h3,h4 {color: #fff !important;}


/*h1 size & line-height*/

h1 {font-size: 	100% !important; line-height: 1 !important;}

/*h1 margin*/

h1 {margin-top: 0 !important;margin-bottom: 30px !important;}

/*entry-content p line height*/

.entry-content p {line-height: 1.2; margin-bottom: .8em;}

/*////// H1's entry-content p etc ENDs//////*/


/*////// Wi columns//////*/

/*wi-column-middle*/

.wi-column-middle {max-width: 700px; margin-left: auto; margin-right:auto; text-align:center;}
/*breakpoint*/
@media screen and (max-width: 768px) {
.wi-column-middle {padding-left: 80px; padding-right: 80px;}	
}
/*breakpoint*/
@media screen and (max-width: 767px) {
.wi-column-middle {padding-left: 8%; padding-right: 8%;}	
}

/*wi-column-right*/

.wi-column-right {max-width: 650px; margin-left:auto; margin-right:auto;}
/*breakpoint*/
@media screen and (max-width: 1366px) {
.wi-column-right {padding-right: 20px;}	
}
/*breakpoint*/
@media screen and (max-width: 600px) {
.wi-column-right {padding-left: 10px;padding-right: 20px;}	
}

/*wi-column-left*/

.wi-column-left {max-width: 650px; margin-left:auto; margin-right: auto;}
/*breakpoint*/
@media screen and (max-width: 1366px) {
.wi-column-left {padding-left: 30px;}	
}





/*////// Wi columns ENDS//////*/


/*///// Scroll to top///////*/

a#scroll-to-top {background: url("/wp-content/themes/wiv1/images/wi-up-arrow-teal.png") !important;
 width: 30px;
    height: 30px;
    position: fixed;
    background-size: 30px !important;
    right: 30px;
    bottom: 30px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: 0;
    z-index:999999;}

    /*breakpoint*/
    @media screen and (max-width: 1024px) {
    a#scroll-to-top {display:none !important;}	
    }

/*///// Scroll to top ENDS///////*/

/*//////////////////////////////////// Row by Row ////////////////////////////////////*/


/*////// ambassadors //////*/

/*dead-center*/
.dead-center {position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}

/*heading*/
#ambassadors h1 {font-style: italic; font-size: 6vw !important; line-height: 1 !important; text-align:center; letter-spacing: -0.025em;}
body.page-id-85 #ambassadors h1 {font-size: 5vw !important;}

/*breakpoint*/
@media screen and (max-width: 1024px) {
#ambassadors h1 {font-size: 9.5vw !important;}
body.page-id-85 #ambassadors h1 {font-size: 6vw !important;}
}
/*breakpoint*/
@media screen and (max-width: 768px) {
#ambassadors h1 {font-size: 10.5vw !important;}
body.page-id-85 #ambassadors h1 {font-size: 7.5vw !important;}
}

/*container for the video*/
.ambassador-video {max-width: 52vw; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
/*breakpoint*/
@media screen and (max-width: 1024px) {
.ambassador-video {max-width: 80vw;margin-bottom: 10px; margin-top: 40px;}	
}
/*breakpoint*/
@media screen and (max-width: 768px) {
.ambassador-video {min-width: 90vw;margin-bottom: 10px;}	
}
/*background*/
#ambassadors {background:url("/wp-content/themes/wiv1/images/powerofwetlands_background_hero.jpg") !important; background-size: cover !important; background-position:center center !important;}



/*call to action button*/
.wi-cta-large {position:absolute; left: 50%; transform: translateX(-50%); margin-top:0px; font-size: 95%; letter-spacing: 0.01em;}
/*breakpoint*/
@media screen and (max-width: 824px) {
.wi-cta-large  {font-size: 80%;}	
}
/*breakpoint*/
@media screen and (max-width: 768px) {
.wi-cta-large  {font-size: 95%;}	
}
@media screen and (max-width:414px) {
/*French, Spanish & Portugese*/
body.page-id-2501 .wi-cta-large , body.page-id-768 .wi-cta-large, body.page-id-2508 .wi-cta-large {font-size: 70%}
}

/*link*/
a.wi-cta-large {display:inline-block; text-align:center; border: 3px solid; padding: 10px 20px; font-weight: 700; text-transform: uppercase; position:relative; font-style:italic; color: #fff !important;}
body.single a.wi-cta-large, body.single a.wi-cta-large:hover {border: #fff solid; color: #fff !important;}
/*shadow*/
a.wi-cta-large:after {content:""; width: 95%; margin-left: auto; margin-right: auto; height: 6px; background: #fff; display:block; position: absolute; top: 101%; left: 0; right: 0;text-align: center;}



/*-translations-*/
.translations {position:absolute; display:block; right: 20px; top: 10px; font-size: 14px; width: 26px; font-weight: 700; letter-spacing: 0;}
/*breakpoint*/
@media screen and (max-width: 824px) {
.translations {right: -10px; top: 20px;width: 240px; text-align:center;}	
}
/*link*/
a.version  {display:inline-block; margin: 8px 0 0; width: 26px; height: 26px; border: 2px solid; line-height: 26px; padding: 0; text-align:center; border-radius: 50%;}
/*breakpoint*/
@media screen and (max-width: 824px) {
a.version  {margin: 0px 8px 0;}
}
/*current link*/
a.version.current {background:#fff; color: #1a7f91 !important; border: 2px solid #fff;}
/*-translations ENDS-*/


/*////// ambassadors ENDS //////*/


/*////// reviving-wetlands //////*/
/*background*/
#reviving-wetlands { position:relative;background:url("/wp-content/themes/wiv1/images/powerofwetlands-mangroves-background.jpg"); background-size: cover; background-attachment:fixed;}
/*breakpoint*/
@media screen and (max-width: 440px) {
#reviving-wetlands {padding-top: 80px; padding-bottom: 80px;}	
}
/*darken the background image*/
#reviving-wetlands:before {position:absolute; top: 0; left: 0; width: 100%; content: ""; background: rgba(0,0,0,0.3); height: 100%; display:block; z-index: +1}
/*heading*/
#reviving-wetlands h1 {font-size: 200% !important; letter-spacing: -0.025em;}
/*FR breakpoint*/
@media screen and (max-width: 600px) {
	body.page-id-85 #reviving-wetlands h1 {font-size: 180% !important;}
}
/*copy*/
#reviving-wetlands p {font-size: 140%; font-weight: 700; line-height: 1;}
/*FR breakpoint*/
@media screen and (max-width: 600px) {
	body.page-id-85 #reviving-wetlands p {font-size: 110%;}
}
/*////// reviving-wetlands ENDS //////*/


/*////// share-your-wetlands-story //////*/
/*background & padding*/
#share-your-wetlands-story { background:url("/wp-content/themes/wiv1/images/dotted-map.png"); background-size: cover; background-attachment:fixed; padding-bottom: 150px}
/*headings*/
#share-your-wetlands-story .wi-single-column-title {text-align:center; margin-bottom: 100px}
#share-your-wetlands-story .wi-single-column-title h2 {font-size: 180%; font-style:italic; margin-bottom: 0; line-height: 1.1;}
#share-your-wetlands-story .wi-single-column-title h1 {font-size: 250% !important; font-style:italic;}
#share-your-wetlands-story .wi-single-column-title h1 {margin-bottom: 0 !important}	
/*FR*/
body.page-id-85 #share-your-wetlands-story .wi-single-column-title h1 {font-size: 220% !important;}

/*breakpoint*/
@media screen and (max-width: 1366px) {
/*FR*/
body.page-id-85 #share-your-wetlands-story .wi-single-column-title h1 {font-size: 200% !important;}
}
/*breakpoint*/
@media screen and (max-width: 1024px) {
/*FR*/
body.page-id-85 #share-your-wetlands-story .wi-single-column-title h1 {font-size: 180% !important;}
}
/*breakpoint*/
@media screen and (max-width: 600px) {
#share-your-wetlands-story .wi-single-column-title h1 {font-size: 10.5vw !important}
/*FR*/
body.page-id-85 #share-your-wetlands-story .wi-single-column-title h1 {font-size: 7.5vw !important;}	
}
/*images*/
.wi-ambassador-singles {margin-left: 10%;text-align:center; margin-top: -40px;}
.wi-ambassador-singles img {max-width: 52%;}

/*breakpoint*/
@media screen and (max-width: 1366px) {
#share-your-wetlands-story .wi-ambassador-singles {margin-left: 0 !important}	
}

/*breakpoint*/
@media screen and (max-width: 768px) {
#share-your-wetlands-story .wi-ambassador-singles img {max-width: 80%;}	
}

.ambassador_1 {float:left;position:relative;left: 80px;z-index: +1;
transform: rotate(-1deg);box-shadow: -8px 8px 0px 0px rgba(255,255,255,1) !important;
margin-left: -40px;}
.ambassador_2 {float:right; position:relative; left: -50px; top: 80px;
transform: rotate(1deg);box-shadow: -8px 8px 0px 0px rgba(255,255,255,1) !important;
margin-right: -20px;}

/*breakpoint jagged edge fix*/
@media screen and (min-width: 1366px) {
	.ambassador_1, .ambassador_3 {-webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
}

/*breakpoint*/
@media screen and (max-width: 768px) {
.ambassador_2 {top: 40px; left: -40px}	
}

/*breakpoint*/
@media screen and (max-width: 767px) {
#share-your-wetlands-story .ambassador_1 {margin-left: auto; margin-right: auto; left: 0; right: 0; float:none;}
#share-your-wetlands-story .ambassador_2 {top: 30px; margin-bottom: 80px !important; margin-left: auto; margin-right: auto; left: 0; float:none;}	
}



/*copy*/
#share-your-wetlands-story .wi-column-right {padding-top: 60px;}
/*breakppoint*/
@media screen and (max-width: 1366px) {
#share-your-wetlands-story .wi-column-right  {padding-top: 0;}	
}
#share-your-wetlands-story p {font-size: 115%;}
/*FR breakpoint*/
@media screen and (max-width: 600px) {
	body.page-id-85 #share-your-wetlands-story p {font-size: 100%;}
}


/*link*/
/*copy*/
#share-your-wetlands-story a {font-weight: 700; font-size: 118%; border-bottom: 4px solid;}
/*////// share-your-wetlands-story ENDS //////*/


/*////// how-we-will-use-them //////*/
/*breakpoint*/
@media screen and (max-width: 767px) {
#how-we-will-use-them {padding-top: 80px;}	
}
/*background*/
#how-we-will-use-them { background:url("/wp-content/themes/wiv1/images/powerofwetlands-how-we-will-use-them-background.jpg") !important; background-size: cover !important ; background-repeat:no-repeat !important; background-attachment:fixed !important;}
/*copy*/
#how-we-will-use-them p { font-size: 115%;}
/*breakpoint*/
@media screen and (max-width: 600px) {
.wi-column-left {padding-right: 10px !important;}	
}
/*FR breakpoint*/
@media screen and (max-width: 600px) {
	body.page-id-85 #how-we-will-use-them p {font-size: 100%;}
}
/*strong*/
#how-we-will-use-them strong {font-size: 120%;}
/*image*/
#how-we-will-use-them .solo-ambassador {max-width: 70% !important; border: 8px solid; transform:rotate(0.5deg);}
/*breakpoint jagged edge fix*/
@media screen and (min-width: 1366px) {
	#how-we-will-use-them .solo-ambassador {-webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
}
/*breakpoint*/
@media screen and (min-width: 1441px) {
#how-we-will-use-them .solo-ambassador {max-width: 90% !important;}
}
/*column-right*/
#how-we-will-use-them .wi-column-right {text-align:center; padding-top: 60px; padding-bottom: 60px;}

/*////// how-we-will-use-them ENDS //////*/


/*////// tell-us-your-story //////*/
/*padding top of row and min-height*/
#tell-us-your-story {padding-top: 100px; min-height: 500px !important;}

/*background*/
#tell-us-your-story {background:url("/wp-content/themes/wiv1/images/form_background_graded.jpg") !important; background-size: cover !important; background-position:center -150px !important;}
/*breakpoint*/
@media screen and (max-width: 1024px) {
#tell-us-your-story {background-position:center -50px !important;}	
}
/*breakpoint*/
@media screen and (max-width: 768px) {
#tell-us-your-story {background-position:center top !important; padding-top: 50px;}	
}

/*breakpoint*/
@media screen and (max-width: 768px) {
#tell-us-your-story {min-height: 400px !important;}	
}

/*breakpoint*/
@media screen and (min-width: 1441px) {
	#tell-us-your-story {background:url("/wp-content/themes/wiv1/images/powerofwetlands_form_background.jpg") !important; background-size: cover !important; background-position:center -350px !important;}
}
/*breakpoint*/
@media screen and (min-width: 2000px) {
	#tell-us-your-story {background:url("/wp-content/themes/wiv1/images/powerofwetlands_form_background.jpg") !important; background-size: cover !important; background-position:center -550px !important;}
}
/*heading*/
#tell-us-your-story h1 {text-align:center; text-transform:uppercase; font-size: 300% !important; max-width: 600px; margin-left: auto; margin-right: auto; letter-spacing: -0.025em; margin-bottom: 100px !important;}
/*breakpoint*/
@media screen and (max-width: 600px) {
	#tell-us-your-story h1 {font-size: 14vw !important}
}
/*FR breakpoint*/
@media screen and (max-width: 600px) {
	body.page-id-85 #tell-us-your-story h1 {font-size: 11vw !important}
}
/*breakpoint*/
@media screen and (max-width: 414px) {
	#tell-us-your-story h1 {margin-bottom: 40px !important;}
}
/*kill the VC bottom margin*/
#tell-us-your-story .wpb_text_column.wpb_content_element {margin-bottom: 0 !important;}


/*--su expand and collapse--*/
.su-expand-link {margin-top: 0 !important; }
.su-expand-link.su-expand-link-more, .su-expand-link.su-expand-link-more:hover,
.su-expand-link.su-expand-link-less, .su-expand-link.su-expand-link-less:hover  {background: #1a7f91 !important; padding-top: 60px; opacity: 1; text-transform: uppercase; font-size: 60%; letter-spacing: 0.025em;}

/*icons*/
.su-expand-link.su-expand-link-more span {position:relative;}
.su-expand-link.su-expand-link-more span:before {display:block; content:""; width: 48px; height: 48px; background:url("/wp-content/themes/wiv1/images/wi-down-arrow.png"); margin-left: auto; margin-right: auto; margin-top: -20px;
background-size: 48px; margin-bottom: 10px;}

.su-expand-link.su-expand-link-less span {position:relative;}
.su-expand-link.su-expand-link-less span:before {display:block; content:""; width: 48px; height: 48px; background:url("/wp-content/themes/wiv1/images/wi-up-arrow.png"); margin-left: auto; margin-right: auto; margin-top: -20px;
background-size: 48px; margin-bottom: 10px;}

/*--su expand and collapse ENDS--*/

/*--Gravity form--*/

/*font*/
.wi-form textarea {font-family: 'aller', sans-serif !important;}

/*required*/

.gfield_required {color: #fff !important;}

/*form width, padding and font size*/

.wi-form {max-width: 700px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; border: 2px solid; font-size: 60%; margin-bottom: 60px;}
/*breakpoint*/
@media screen and (max-width: 600px) {
	.wi-form {margin-left: 10px; margin-right: 10px;}
}


/*breakpoint*/
@media screen and (max-width: 1024px) {
.wi-form {font-size:70%;}	
}
/*breakpoint*/
@media screen and (max-width: 768px) {
.wi-form {font-size:80%;}	
}
/*breakpoint*/
@media screen and (max-width: 414px) {
.wi-form {font-size:90%;}	
}



/*all uppercase*/
.wi-form {text-transform:uppercase;}

/*no borders or border-radius*/
.wi-form button, .wi-form input, .wi-form select, .wi-form textarea, .wi-form textarea:active {border-radius: 0; border: 0;}

/*all labels*/
.wi-form label.gfield_label {font-weight: 700 !important; letter-spacing: 0; line-height: 1 !important; font-size: 95% !important}

/*hide the double country one*/
#input_1_6_6_label, #input_3_6_6_label, #input_2_6_6_label {opacity: 0;}

/*can we float, yes we can*/
@media screen and (min-width: 600px) {
.gform_wrapper ul li:nth-of-type(1), .gform_wrapper ul li:nth-of-type(2) {margin-top: 0 !important}
.gform_wrapper ul li:nth-of-type(-n+4) {clear:none !important; float:left; width: 50%;}
.gform_wrapper ul.gform_fields li.gfield:nth-of-type(1), .gform_wrapper ul.gform_fields li.gfield:nth-of-type(3) {padding-right: 16px !important;}
.gform_wrapper .description_above .gfield_description { padding: 0 0 0 0 !important;}
.gform_wrapper .field_sublabel_above .gfield_description {margin-top: 0 !important;}
.gform_wrapper ul li.gfield:nth-of-type(-n+4) {clear:none !important; float:left;}
.ginput_left.address_country {width: 100% !important; padding-right: 0 !important;min-height: 30px !important;}
.gform_wrapper.gf_browser_chrome select, .gform_wrapper select {padding: 4px !important;}
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {margin: 8px 0 0px !important; position:relative; top: -4px}
.gform_wrapper ul.gform_fields li.gfield {padding-right: 0 !important;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100%!important;}
.gfield_checkbox li {width: 100% !important; padding-top: 0 !important;}
.gfield_checkbox li:nth-of-type(5) {padding: 0 0 !important;}
.gform_wrapper li.gfield:nth-of-type(5) {padding-top: 15px !important;}
}

/*character limit*/
.gform_wrapper div.charleft {color: #fff !important;}

/*submit button*/

input[type="submit"]  {
    padding: 24px;
    font-size: 120% !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: #11395d;
    background-color: #fff;
    background-image: none !important;
    border: 0px none;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(255, 255, 255, 0) !important;
    text-transform:uppercase; width: 100% !important;
}

input[type="submit"]:hover {color: #11395d;
    background-color: #fff;}

/*Confirmation*/

#gform_confirmation_wrapper_1 {padding: 24px 10px 40px; text-transform:none; font-size: 125%; line-height: 1.2; position:relative;}

#gform_confirmation_wrapper_1:after {content:""; width: 100%; position:absolute; left: 0; right: 0; bottom: -12px; height: 12px;background: #fff; display:block;}


/*--Gravity form ENDS--*/

/*--No it doesn't - can't read the red error text (gordon)--*/

.gform_wrapper div.validation_error {
    color: #1a7f91 !important;
    text-align:left !important;
    font-size: 1em!important;
    font-weight: 700;
    margin-bottom: 25px;
    border-top: 0px solid #790000!important;
    border-bottom: 0px solid #790000!important;
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error {
  border:0px!important 
  background-color:#f7941d!important
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error label,
body .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message {
  color:#fff!important
}



/*////// tell-us-your-story ENDS //////*/


/*////// social-share-panel //////*/
/*center*/
#social-share-panel {text-align:center;}
/*heading*/
#social-share-panel h1 {font-size: 250% !important; font-style: italic; margin-bottom: 0 !important; letter-spacing: -0.025em;}

/*h2*/
#social-share-panel h2 {font-size: 100% !important; font-style: italic; line-height: 1}

/*icons*/
#social-share-panel .wi-social img {margin: 0 18px; max-height: 45px;}

/*breakpoint*/
@media screen and (max-width: 1366px) {
	#social-share-panel .wi-social img {max-height: 35px; margin: 0 16px;}	
}

/*breakpoint*/
@media screen and (max-width: 600px) {
	#social-share-panel h1 {font-size: 11vw !important;}
	#social-share-panel h2 {font-size: 4vw !important;}
	img.big-share {max-width: 60px;}
}

/*////// social-share-panel ENDS //////*/
 

/*////// about-wetlands-international //////*/

/*padding at the top*/
#about-wetlands-international {padding: 32vw 0 0 0; margin: 0 !important; text-align:center;}
/*breakpoint*/
@media screen and (max-width: 768px) {
#about-wetlands-international {padding: 22vw 0 0 0;}	
}
/*logo max size*/
#about-wetlands-international img {max-width: 460px; margin-bottom: 40px !important;margin-top: 60px; margin-left: auto; margin-right: auto;}
/*breakpoint*/
@media screen and (max-width: 824px) {
#about-wetlands-international img {max-width: 300px;}	
}
/*breakpoint*/
@media screen and (max-width: 600px) {
#about-wetlands-international img {max-width: 200px;}	
}
/*heading*/
#about-wetlands-international h1 {margin-bottom: 80px !important; font-size: 120% !important; line-height: 1.1 !important;}
/*breakpoint*/
@media screen and (max-width: 768px) {
#about-wetlands-international h1 {padding-left: 20px; padding-right: 20px;}
}
/*breakpoint*/
@media screen and (max-width: 414px) {
#about-wetlands-international h1 {padding-left: 0px; padding-right: 0px;}
}
/*copy*/
#about-wetlands-international p {font-size: 100%;line-height: 1.1;margin-bottom: 30px;padding-left: 60px;padding-right: 60px;}
/*breakpoint*/
@media screen and (max-width: 560px) {
#about-wetlands-international p {padding-left: 2%; padding-right: 2%;}	
}

/*background*/
#about-wetlands-international {background:url("/wp-content/themes/wiv1/images/powerofwetlands-boys-on-water.jpg") !important; background-size: 100% !important; background-position:center top !important; background-repeat:no-repeat !important;}



/*website link*/
a.website-link {font-style: italic; font-weight: 700; font-size: 180%; margin-top: 180px !important; display:inline-block; border-bottom: 2px solid rgba(255,255,255,1);}
a.website-link:hover {border-bottom: 2px solid rgba(255,255,255,0);}
/*breakpoint*/
@media screen and (max-width: 600px) {
	a.website-link {font-size: 7vw;}
}
/*credits*/
.site-credits {font-size: 45%; margin-top: 300px; padding-bottom: 100px}
.site-credits a.diamond {position:relative;}
.site-credits a.diamond:after {content:"";display:inline-block; width: 9px; height:9px; border: 3px solid #fff; box-sizing:border-box;transform:rotate(45deg); margin-left: 4px;}

/*breakpoint*/

@media screen and (max-width: 1280px) {
    #about-wetlands-international  {margin-left: -10px !important; margin-right: -10px !important;}
}

/*lottery*/

.lottery {line-height: 1.1 !important; font-size: 65%; max-width: 220px; margin-left: auto; margin-right: auto; }

.lottery img {max-width: 90px !important; height: auto;}

/*////// about-wetlands-international ENDS //////*/
 

/*//////////////////////////////////// Row by Row ENDS ////////////////////////////////////*/


/*///////////////////cookies///////////////////*/


.cc_container {background: rgba(0,0,0,0.7); z-index:999999999 !important;}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #000;
    background-color: #1a7f91;
    transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 80% !important;
}

.cc_container .cc_btn:hover {background-color: #1a95ab !important;}

.cc_container {font-family: 'Aller', sans-serif;}
 
.cc_container p {font-size: 80% !important;}

/*///////////////////cookies ENDS///////////////////*/




/*//////////////////Microsite/////////////////////*/


/*-------------Introduction-------------*/


#introduction .vc_column-inner {padding-top: 0 !important}

.power-introduction {margin-bottom: 0 !important;}




/*---RoyalSlider customisations---*/
.power-introduction .royalSlider {width: 100%;min-height: 100vh !important;z-index:-1; position:absolute;}
.power-introduction .royalSlider .rsOverflow {min-height: 100vh;}

.power-introduction .royalSlider .rsImg {min-height: 100vh;width:auto !important;}
.power-introduction .royalSlider img {filter:brightness(60%); -webkit-filter:brightness(60%);}
/*---RoyalSlider customisations ENDS---*/


/*position slide images at the bottom
.power-introduction .royalSlider .rsMainSlideImage {transform:translateY(-9%) !important;}*/


/*Sliders same background color as the page*/

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {background: none transparent !important; }

/*#powerofwetlands*/

/*royalslider container*/
.rs-power-hashtag {position:absolute; top: 0; left: 0; width: 100%; height: 100%; text-align:center;}

/*royalslider #powerofwetlands position*/
.power-hashtag {position:absolute; top: 40%; left: 50%; margin:auto; transform: translate(-50%,-40%); text-align:center; font-weight: 700;
}
@media screen and (max-width: 1024px) {
.power-hashtag {position:absolute; top: 48%; left: 50%; margin:auto; transform: translate(-50%,-48%);}
}


.power-hashtag h1 {font-size: 10vw !important; margin:0 0 !important; letter-spacing: -0.5vw;line-height: 1;}

@media screen and (max-width: 1024px) {
	.power-hashtag h1 {font-size: 11.2vw !important; }
}


/*learn more prompt*/

.prompt a {position:absolute; left: 50%; transform:translateX(-50%);bottom: 6%; text-align:center; display:inline-block; font-size: 50%;  line-height:1.2;}
.prompt a:after {content:"\2193"; display:block; position:absolute; left: 0; right: 0; top: 18px}

/*Animate the Learn more prompt*/

.prompt a {animation-name:reveal; animation-duration:1.5s; animation-fill-mode:forwards; opacity: 0;-webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden; animation-delay:16s;}


/* keyframes*/
@keyframes reveal {
    0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}

/*Hide on ipads*/

@media screen and (max-width: 1024px) {
	.prompt {display:none;}
}


/*----------------Royalslider Intro Messaging------------------*/

/*message wrapper*/

.message-container {position:absolute; top: 0; left: 0; width: 100%; height: 100%; text-align:center;}

/*messages container - dead center and max width*/

.message-content {position:absolute; left: 50%; top: 40%; transform:translate(-50%,-40%); margin: 0 auto !important; width: 100%; max-width: 1200px;}

/*spanish & french*/

body.page-id-768 .message-content, body.page-id-80 .message-content {max-width:1100px;}

/*message call to action BUTTON 'unstranslate' and size... and give it a margin*/

.message-content .wi-cta-large {left: 0; right: 0; margin:40px auto 0 auto !important; transform:translateX(0); font-size:65% !important;}

@media screen and (max-width: 768px) {
.message-content .wi-cta-large {margin: 15px auto 0 auto !important; font-size: 75% !important;}	
}

/*message size*/

.message-container .message {font-size: 160%; font-weight: 700; line-height: 1; margin-left: auto; margin-right: auto;}

/*responsive*/

/*breakpoint*/
@media screen and (max-width: 624px) {
.message-container .message {font-size: 7.6vw;}
    /*french*/
    body.page-id-2501 .message-container .message {font-size: 6vw;}
    /*spanish*/
    body.page-id-768 .message-container .message {font-size: 6vw;}
    /*portugese*/
    body.page-id-2508 .message-container .message {font-size: 6vw;}
}

/*breakpoint*/
@media screen and (max-width: 1024px) {
	.message-container .message {max-width: 80%;}
}
/*breakpoint*/
@media screen and (max-width: 768px) {
	.message-container .message {max-width: 95%;}
}


/*message space - margin-bottom - between messages*/

.message-container .message {margin-bottom: 15px;}

/*apart from...*/

.message-container .message.one {margin-bottom: 0px;}

/*turn off messages*/

.message.off {opacity: 0 !important }


/*----------------Royalslider Intro Messaging ENDS------------------*/



/*-------------Introduction ENDS-------------*/


/*-------------Explore/Map-------------*/

#explore {

background: #fff url(/wp-content/themes/wiv1/images/partners_background.jpg);
    background-position: center 122%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 150px !important; padding-bottom: 150px !important;}
/*breakpoint*/
@media screen and (max-width:1366px) {
	#explore {padding-top: 80px !important; padding-bottom: 80px !important;background-position: center 112%;}
}
/*breakpoint*/
@media screen and (max-width:824px) {
	#explore {background-position: center 104%;}
}
/*breakpoint*/
@media screen and (max-width:414px) {
	#explore {background-position: center 100%;}
}

/*map embed*/

#explore .mpfy-container {min-height: 50vh !important; margin-bottom: 0; border-radius: 4px !important;}

#explore .mpfy-map-canvas {min-height: 50vh !important; border-radius: 4px !important;}

.our-map-container {max-width: 1200px; margin-left: auto; margin-right: auto; width: 100%;}

@media screen and (max-width: 1280px) {
	.our-map-container {max-width: 87%;}
}


/*map embed EDNS*/

#explore h1 {color: #1a7f91 !important; font-size: 4vw !important; text-align:center;margin-bottom: 50px !important;letter-spacing: -0.15vw;}
/*breakpoint*/
@media screen and (max-width:1024px) {
	#explore h1 {font-size: 5vw !important; margin-bottom: 40px !important;}
}
/*breakpoint*/
@media screen and (max-width:768px) {
	#explore h1 {font-size: 8vw !important;}
}
/*breakpoint*/
@media screen and (max-width:600px) {
	#explore h1 {font-size: 10vw !important;}
}

.center-dark-copy {color: #829194;max-width: 800px; line-height: 1.12; margin-left: auto; margin-right: auto; text-align:center; margin-bottom: 40px;font-weight: 600; font-size: 130%; letter-spacing: -0.04em;}

/*partners exception*/

#partners .center-dark-copy {color: #1a7f91; font-size: 200%;} 
/*breakpoint*/
@media screen and (max-width:1024px) {
	.center-dark-copy  {margin-bottom: 30px;padding-left: 20px; padding-right: 20px;}
    #partners .center-dark-copy {color: #1a7f91; font-size: 160%;} 
}
/*breakpoint*/
@media screen and (max-width:600px) {
	.center-dark-copy  {padding-left: 10px; padding-right:10px; font-size: 8vw}
}
/*larger screens*/

@media screen and (min-width: 1920px) {
.center-dark-copy  {max-width: 900px; font-size: 160%}
}

/*--legends--*/
.legends {text-align:center; margin-bottom: 60px; color: #829194; font-weight: 700; font-size: 70%;}
.legends .legend {display:inline; margin: 10px 10px;}
.legends .legend img {max-height: 46px; margin-right: 10px; position:relative; top: 15px;}
/*breakpoint*/
@media screen and (max-width: 600px) {
	.legends {font-size: 4vw}
	.legends .legend {display:block; margin: 0px 10px;}
	.legends .legend img {max-height: 42px;}

}
/*--legends ENDS--*/


/*explore call to action*/

/*margin*/
#explore .wi-cta-large {margin-top: 80px !important;}
/*color*/
#explore a.wi-cta-large {color: #1a7f91 !important;border:4px solid; transform:translateX(-50%) scale(1.05);}
/*shadow*/
#explore a.wi-cta-large:after {background: #1a7f91;  top: 102% !important;}



/*-------------Explore/Map ENDS-------------*/


/*-------------Mapify customisations------------*/

/*OpenStreetMap label off*/

.leaflet-bottom.leaflet-left {display:none;}

/*loader*/

.mpfy-p-loading {
	top: 45% !important;
  border: 8px solid rgba(26,127,145,.5);
  border-radius: 50%;
  border-top: 8px solid rgba(255,255,255,0);
  border-bottom: 8px solid rgba(255,255,255,0);
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  background:none transparent !important;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*cursor pointer ON*/

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive {cursor:pointer !important;}

/*--Tooltips--*/

/*Tootip font*/

.mpfy-tooltip * {font-family: 'aller', sans-serif !important;font-weight:700 !important; letter-spacing: -0.02em; color: #1a7f91 !important;}


/*Tooltip border radius & padding*/

.mpfy-tooltip .mpfy-tooltip-content {border-radius: 0 0 4px 4px; padding: 12px 0 12px 0!important;}

/*Tooltip image*/

.mpfy-tooltip img {border-radius: 4px 4px 0px 0px !important;}

/*tooltip copy*/

.mpfy-tooltip p {
    color: #43494a !important;
    font-size: 90% !important;
    line-height: 1.2 !important;
    padding: 0 16px !important;
}

/*--Tooltips ENDS--*/

/*--Location popup styling--*/

/*main overlay background*/
.mpfy-p-popup-background {
    background: rgba(255,255,255,.3) !important;
}

/*pop up window background*/
.mpfy-p-color-popup-background {position:relative;border-radius:12px !important; max-width: 800px !important; margin-left: auto !important; margin-right: auto!important;}
.mpfy-p-color-popup-background:before {content:"";display:block; width: 100%; height: 100%; background:none; position:absolute; z-index: +1; border: 12px solid #fff; box-sizing: border-box; border-radius:12px;
-webkit-box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);}

.mpfy-p-bottom {
    background-color: rgba(255,255,255,0) !important; position:relative;
}


/*restrict width*/
.mpfy-p-popup-style-two {max-width: 1024px !important; }

/*breakpoint*/
@media screen and (max-width: 624px) {
	.mpfy-p-popup-style-two img {min-height: 150% !important; min-width: 150% !important; transform:translateX(-25%);}
}

/*kill top padding*/
.mpfy-p-scroll {
    padding-top: 0px !important; 
}

/*title*/
.mpfy-p-popup .mpfy-title {
    position:absolute; z-index:+1; padding: 0; top: 22%; border-bottom: 2px solid #fff;width: 100%; line-height: 1 !important;
}

.mpfy-p-popup .mpfy-title h1 {
    font-family: 'aller', sans-serif !important;
    font-size: 220% !important;
    padding-left: 30px;
    margin-bottom: 20px !important;
}

/*breakpoint*/
@media screen and (max-width: 624px) {
	.mpfy-p-popup .mpfy-title h1 {
    font-family: 'aller', sans-serif !important;
    font-size: 140% !important;
    padding-left: 20px;
    margin-bottom: 10px !important;}
    .mpfy-p-popup .mpfy-title {top: 18%; border-bottom: 2px solid #fff;
}
}

.mpfy-p-scroll .mpfy-p-holder {
    padding: 0 0px 0px 0px !important;
}

.mpfy-p-local-info {
    padding: 0px 0 0px 0 !important; 
}

.mpfy-p-entry .alignnone {
    padding: 0 0 0px 0 !important;
}

/*global leading*/
.mpfy-p-popup {line-height: 1.6 !important}

/*our divs*/

.location-image {border-radius:13px;max-height: 570px;overflow:hidden;margin-bottom: 10px !important;line-height: 1;}

.location-content {padding: 0 12px 10px 12px!important; font-family: 'aller', sans-serif !important; font-size: 105%; margin-bottom: 10px !important;letter-spacing: -0.02em;}

.location-content .location-highlight {font-family: 'aller', sans-serif !important; font-weight: 700; font-size: 115%; color: #1a7f91; display:inline-block; margin-top: 5px}

.location-image img {filter:brightness(80%) contrast(110%);overflow:hidden;}

/*our divs ENDS*/

/*closer*/
.mpfy-p-popup-style-two .mpfy-p-close {
	background: url("/wp-content/themes/wiv1/images/wi-icon-close-btn.png") !important;
	background-size: 23px !important;
	background-repeat: no-repeat !important;
	background-position:center !important;
    top: 20px !important;
    right: 20px !important;
    width: 23px !important; height: 23px !important;}

    .mpfy-p-popup-style-two .mpfy-p-close:hover {
    transform: rotate(0deg) !important;
    transition: transform .2s;
}


/*--Location popup styling ENDS--*/

/*-------------Mapify customisations ENDS------------*/



/*-------------Meet/Ambassadors-------------*/

#meet {background: #fff;padding-top: 150px !important;padding-bottom: 150px !important;}

/*breakpoint*/
@media screen and (max-width:1366px) {
	#meet {padding-top: 80px !important; padding-bottom: 80px !important;}
}

/*breakpoint*/
@media screen and (max-width:414px) {
	#meet {padding-top: 40px !important; padding-bottom: 40px !important;}
}

#meet h1 {color: #1a7f91 !important; font-size: 4vw !important; text-align:center;margin-bottom: 60px !important;letter-spacing: -0.15vw;}

/*breakpoint*/
@media screen and (max-width:1024px) {
	#meet h1 {font-size: 5vw !important; margin-bottom: 40px !important;}
}

/*breakpoint*/
@media screen and (max-width:768px) {
	#meet h1 {font-size: 8vw !important;}
}
/*breakpoint*/
@media screen and (max-width:600px) {
	#meet h1 {font-size: 10vw !important;}
}


/*--Video--*/

/*container for the video*/
.ambassador-video.smaller {max-width: 40vw; margin-left: auto; margin-right: auto; margin-bottom:60px;}
/*breakpoint*/
@media screen and (max-width: 1024px) {
.ambassador-video.smaller {max-width: 80vw;margin-bottom: 40px}	
}
/*breakpoint*/
@media screen and (max-width: 768px) {
.ambassador-video.smaller {max-width: 90vw;}	
}


/*--Video ENDS--*/


/*--feed--*/
.stories-feed {padding-left: 5%; padding-right: 5%; margin-top: 40px;}
.feed-title { max-width: 100%; color: #fff; font-size: 1.8vw !important;}

@media screen and (min-width: 1441px) {
	.feed-title {font-size: 95% !important;}
}

@media screen and (max-width: 1024px) {
	.feed-title {font-size: 2.5vw !important;}
}

@media screen and (max-width: 768px) {
	.feed-title {font-size: 4.3vw !important;}
}

.feed-title a {display:inline; background: #1a7f91; padding: .25em .5em .3em .5em ; line-height: 1;
/*the mark-highlighting bit*/
box-decoration-break: clone;-webkit-box-decoration-break: clone;}
/*hover*/
.feed-title a:hover {opacity: 1 !important}

.feed-excerpt p {color: #5a6061; font-size: 60%; line-height: 1.4 !important;}

.vc-gitem-zone-height-mode-auto:before {
    content: "";
    display: block;
    padding-top: 50% !important;
}

/*middle relative*/
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle {position:relative !important;transform:translate(0) !important;}
/*bottom excerpt relative*/
.vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom {position:relative !important;/*top: 62%;*/}

/*load more button*/
.vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat {
    color: #fff;
    background-color: #1a7f91 !important;
}
/*more stories*/
body.single #reviving-wetlands {padding-left: 15%; padding-right: 15%; margin-top: 150px; padding-top: 80px;}
@media screen and (max-width: 1366px) {
body.single #reviving-wetlands {padding-left: 5%; padding-right: 5%;}	
}
body.single #reviving-wetlands:before {display:none;}
/*mores stories background*/
body.single #reviving-wetlands {background:url("/wp-content/themes/wiv1/images/powerofwetlands-how-we-will-use-them-background.jpg");
background-size:cover; background-attachment:fixed; background-position:center bottom}
body.single #reviving-wetlands .feed-excerpt p {color: #fff !important; font-size: 70% !important;}
/*more stories label*/
.more-from {text-align:center; margin-top: 150px; font-weight: 700; font-style: italic; font-size: 180%; color: #1a7f91; line-height:1; letter-spacing: -0.03em}


/*--responsive--*/

@media screen and (max-width: 1024px) {
.vc_grid-item.vc_col-sm-3 {
    width: 50% !important; display:inline-block !important;}
}
@media screen and (max-width: 736px) {
.vc_grid-item.vc_col-sm-3 {
    width: 100% !important; float:none !important;}
}


/*--feed ENDS--*/


/*-------------Meet/Ambassadors ENDS-------------*/




/*-------------Support us-------------------*/

#support {background:#fff url("/wp-content/themes/wiv1/images/powerofwetlands-get-involved.jpg"); background-size:cover; background-position:center;}

#support a.wi-cta-large {top: 20px;}

.center-white-copy {color: #fff;max-width: 780px; line-height: 1.1; margin-left: auto; margin-right: auto; text-align:center; margin-bottom: 15px;font-weight: 600; font-size: 130%; letter-spacing: -0.04em;}

/*breakpoint*/

@media screen and (max-width: 1366px) {
.center-white-copy {font-size: 140%}	
}

/*breakpoint*/

@media screen and (max-width: 824px) {
.center-white-copy {padding-left: 5%; padding-right: 5%;}	
}


/*breakpoint*/
@media screen and (max-width:600px) {
	.center-white-copy  {padding-left: 10px; padding-right:10px; font-size: 8vw}
}

/*larger screens*/

@media screen and (min-width: 1920px) {
.center-white-copy  {max-width: 850px; font-size: 160%;}
}


/*-------------Support us ENDS-------------------*/


/*-------------Partners-------------*/

#partners {background:#fff; padding-top: 150px !important; padding-bottom: 100px !important;}

/*breakpoint*/
@media screen and (max-width:1366px) {
	#partners {padding-top: 120px !important; padding-bottom: 40px !important;}
}

/*partner-logos*/

.partner-logos {text-align:center;}


/*-------------Partners ENDS-------------*/


/*//////////////////Microsite ENDS/////////////////////*/



/*-------------Single post-------------*/


/*Show the header - and position the content away using the margin*/

body.single #masthead {display:block; position:relative;background: #1a7f91;max-height: 40px; margin-bottom: 40px;}
/*breakpoint*/
@media screen and (max-width: 768px) {
	body.single #masthead {max-height: 30px;margin-bottom: 70px}
}
body.single #masthead:after {position:absolute; top: 100%; left: 0; width: 100%; display:block;background: #bed246; height: 10px; content:"";}
/*breakpoint*/
@media screen and (max-width: 768px) {
	body.single #masthead:after  {display:none;}
}

/*single sharing*/

body.single .single-sharing {position:absolute;top: 30px; right: 20px;font-style:italic; font-weight: 700; font-size: 70%;display:block; }
/*breakpoint*/
@media screen and (max-width: 768px) {
	body.single .single-sharing {top: 84px; background: #bed246; width: 100%; height: 38px;right: 0; text-align:right;padding-right:20px;padding-top: 12px;}
}

body.single .sharing-label {position:relative; bottom: 6px; right: 10px;}
body.single .single-sharing .wi-social {display:inline;}
body.single .single-sharing img {height: 24px; margin-left: 15px;}

/*no menu*/

body.single #masthead .main-navigation {display:none}

/*temporary single post logo*/
body.single .site-title {display:block;position:relative;}
body.single .site-title a {color: rgba(255,255,255,0) !important}

/*fake title*/
body.single .site-title a:after {content:"#PowerofWetlands"; font-style:italic; font-weight: 700;position:absolute; left: 20px;color: rgba(255,255,255,1) !important; font-size: 140%;}

/*breakpoint*/

@media screen and (max-width: 600px) {
	body.single .site-title a:after {left: 0; right: 0; font-size: 9vw; top: -8px;}
}

@media screen and (max-width: 440px) {
	body.single .site-title a:after {left: -2px; font-size: 10.5vw; top: -7px;}
}

@media screen and (max-width: 350px) {
	body.single .site-title a:after {top: -2px;}
}

/*background*/

body.single .site  {background: #fff !important;}

/*width*/

body.single .site-content {max-width: 1024px; float:none;margin-left:auto !important; margin-right: auto;}

@media screen and (max-width: 1024px) {
body.single .entry-content {padding-left: 0px; padding-right: 0px;}	
}

/*H1 title*/

body.single h1.entry-title {color: #1a7f91 !important; font-weight: 700; font-size: 165% !important; letter-spacing: -0.03em;}

/*H2*/

body.single h2 {color: #1a7f91 !important; font-size: 110%; line-height: 1.1; max-width: 66%;}

/*comment off*/
.comments-link {display:none;}

/*body colour*/

body.single .entry-content {color: #727a7b; letter-spacing: -0.025em;}

/*body size*/

body.single .entry-content p {font-size: 80%; line-height: 1.4 !important}

/*blockquotes*/

body.single blockquote {padding: 0; font-size: 150%; color: #bed246; font-style:normal; font-weight: 700;}
/*first and third quote*/
@media screen and (min-width: 1367px) {
	body.single blockquote:nth-of-type(1), body.single blockquote:nth-of-type(3) {width: 50%; float:left; position:relative; left: -150px; margin-right: -120px; margin-bottom: 10px}
}

@media screen and (max-width: 1366px) {
	body.single blockquote:nth-of-type(1), body.single blockquote:nth-of-type(3) {width: 33%; float:left; position:relative; left: -100px;margin-right: -50px; margin-bottom: 0px}
}
@media screen and (max-width: 1280px) {
	body.single blockquote:nth-of-type(1), body.single blockquote:nth-of-type(3) {width: 33%; float:left; position:relative; left: 0px;margin-right: 20px;}
}
@media screen and (max-width: 600px) {
	body.single blockquote:nth-of-type(1), body.single blockquote:nth-of-type(3) {width: 50%; float:left; position:relative; left: 0px;margin-right: 10px;}
}
@media screen and (max-width: 414px) {
	body.single blockquote:nth-of-type(1), body.single blockquote:nth-of-type(3) {width: 100%; float:left; position:relative; left: 0px;margin-right: 10px; margin-bottom: 15px; margin-top: 5px;}
}
/*second quote*/
@media screen and (min-width: 1367px) {
	body.single blockquote:nth-of-type(2) {width: 50%; float:right; position:relative; right: -100px; margin-left: -20px;margin-top: 0;margin-bottom: 10px;}
}

@media screen and (max-width: 1366px) {
	body.single blockquote:nth-of-type(2) {width: 33%; float:right; right: -100px;position:relative; margin-left: -40px;}
}

@media screen and (max-width: 1280px) {
	body.single blockquote:nth-of-type(2) {width: 33%; float:right; right: 0px;position:relative; margin-left: 36px;}
}
@media screen and (max-width: 600px) {
	body.single blockquote:nth-of-type(2) {width: 50%; float:right; right: 0px;position:relative; margin-left: 20px;}
}
@media screen and (max-width: 414px) {
	body.single blockquote:nth-of-type(2) {width: 100%; float:right; right: 0px;position:relative; margin-left: 20px;}
}

body.single .entry-content blockquote p {line-height: 1 !important;}


/*captioned images*/

.wp-caption {padding: 0; margin-top: 30px; margin-bottom: 20px}
.wp-caption-text, p.featured-caption {font-size: 50% !important; line-height: 1.4 !important;color: #777d7d !important;}

/*breakpoint*/
@media screen and (max-width: 1024px) {
	.wp-caption-text, p.featured-caption {font-size: 65% !important}
}

/*featured caption*/
p.featured-caption {font-style:italic; margin-top: -10px; margin-bottom: 30px;}


/*tall images*/

.tall-pic { border-bottom: #bed246 10px solid; box-sizing:border-box; position:relative; }


/*responsive*/

@media screen and (min-width: 1281px) {
	.tall-pic {float:left; max-width: 200px; left: -100px; margin-right: -50px; margin-top: 0; margin-bottom: 60px}
}

@media screen and (max-width: 1280px) {
	.tall-pic {float:left; max-width: 22%; top: -20px; margin-right: 26px; margin-top: 10px; margin-bottom: 26px; }
}

@media screen and (max-width: 768px) {
	.tall-pic {float:left; max-width: 33%;}
}

@media screen and (max-width: 414px) {
	.tall-pic {float:left; max-width: 40%; margin-bottom: 5px;}
}

/*back home link*/
.back-home {text-align:center; margin-top: 150px !important; }
body.single .back-home a, body.single .back-home a:hover {color: #bed246 !important;border-bottom: 10px solid;display:inline-block;font-weight:700;font-style:italic;line-height: 1.1;margin-left: auto;margin-right: auto;letter-spacing: -0.3vw;}

/*breakpoints*/

body.single .back-home a {font-size: 5vw;}

@media screen and (max-width: 1366px) {
	body.single .back-home a {font-size: 6vw;}
}


@media screen and (max-width: 1024px) {
	body.single .back-home a {font-size: 7vw;}
}

@media screen and (max-width: 824px) {
	body.single .back-home a {font-size: 8vw;}
}

@media screen and (max-width: 414px) {
	body.single .back-home a {font-size: 10.5vw;}
}


/*header-slider*/

.header-slider {float:left; clear:right; position:absolute; left: 0; right: 0;top: 85px;max-height: 110px; overflow:hidden;}

/*move content up for single post sliders*/
body.single .site-content {position:relative; z-index:999999!important;}
body.single .site-title {}
body.single .single-sharing {z-index:999999!important;}




/*outline the featured image*/
body.single .entry-header img {/*border: 6px solid; box-sizing:border-box;*/}

/*show the footer stuff*/
body.single #colophon {display:block; min-width: 100% !important;color: #1a7f91; text-align:center; padding-bottom: 180px;/*border-bottom:24px #1a7f91 solid;)*/}
body.single #colophon a {color: #1a7f91!important; }
body.single footer[role="contentinfo"] {border-top: 0;}



/*single AL diamond*/

body.single a.diamond:after {content:""; display:inline-block; width: 9px; height: 9px; transform:rotate(45deg); border: 3px solid #1a7f91; box-sizing: border-box; margin-left: 2px;}

/*wetlands footer logo*/

body.single .wetlands-footer-logo {margin-bottom: 60px;}

body.single .wetlands-footer-logo img {max-width: 246px;}

/*less space on single article*/

body.single .site-content article {padding-bottom: 120px !important}

/*tell us your story button*/

body.single .wi-cta-large {margin-bottom: 90px; margin-top: 90px;}


/*----Stories carousel----*/
/*-Turn off-*/
.mega-post-meta {display:none}
.mega-post-date {display:none}

/*each post*/
.mega-post-carousel1 {margin-bottom: 0 !important}

/*image size and hover*/

.mega-post-carousel1 .mega-post-image img {width:auto !important; transform:scale(1.2);height: auto !important;}
.mega-post-carousel1 .mega-post-image img:hover {transform:scale(1.25) !important;}


/*crazy image DIV stretch*/

@media screen and (min-width: 1441px) {
	.mega-post-image {
    min-height:250px;}
}

@media screen and (min-width: 2000px) {
	.mega-post-image {
    min-height:350px;}
}

/*headline margin*/
.mega-post-carousel1 .mega-post-title {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

/*headline margin*/
@media screen and (max-width: 1280px) {
    .mega-post-carousel1 .mega-post-title {
    margin-bottom: 20px !important;
    margin-top: 50px !important;}
    
}

/*headline margin*/
@media screen and (max-width: 768px) {
    .mega-post-carousel1 .mega-post-title {
    margin-bottom: 20px !important;
    margin-top: 20px !important;}
    
}



/*headline background and ragged edge*/
.mega-post-title {line-height: 1 !important;font-size: 100% !important;float:left;max-width: 98% !important;}

/*headline size, color & bottom border*/
.mega-post-title  a {color: #1a7f91 !important; font-size: 1.5vw !important;border-bottom: 5px solid #1a7f91; letter-spacing: -0.03em;}

.mega-post-title  a:hover {border-bottom: 5px solid #1a7f91 !important; }

/*breakpoint*/

@media screen and (max-width: 1440px) {
.mega-post-title  a {border-bottom: 4px solid;}
    .mega-post-title  a:hover {border-bottom: 4px solid #fff !important; }
}

body.page-template-full-width .mega-post-title  a {font-size: 1.6vw !important;} 

body.single .mega-post-title  a {color:#fff !important;border-bottom: 5px #fff solid;}
body.single .mega-post-title  a:hover {border-color: #fff !important;}

@media screen and (max-width: 1440px) {
.mega-post-title  a {font-size: 1.9vw !important;}
body.page-template-full-width .mega-post-title  a {font-size: 2vw !important;} 	
}

@media screen and (max-width: 1050px) {
.mega-post-title {position:relative;top: -12px !important;}	
}


@media screen and (max-width: 1024px) {
.mega-post-title  a {font-size: 2.2vw !important;}
.mega-post-title {position:relative;top: -40px !important;}	
body.page-template-full-width .mega-post-title  a {font-size: 2vw !important;} 	
}

@media screen and (max-width: 900px) {
.mega-post-title {position:relative;top: -60px !important;}	 	
}

@media screen and (max-width: 768px) {
	.mega-post-title {position:relative;top: -10px !important;}	
.mega-post-title  a {font-size: 2.6vw !important; border-bottom: 3px solid;}
body.page-template-full-width .mega-post-title  a {font-size: 2.8vw !important;} 	
}

@media screen and (max-width: 480px) {
.mega-post-title  a {font-size: 6.5vw !important; border-bottom: 4px solid; line-height:1.4 !important}
body.page-template-full-width .mega-post-title  a {font-size: 6.5vw !important;} 	
}





/*excerpt line-height single post*/
body.single .mega-post-para p {line-height: 1.2 !important;}

/*excerpt size, rabgel left and line-height*/
.mega-post-para p {font-size: 65% !important; text-align:left !important; line-height: 1.1 !important;}

/*switch excerpt off for now*/
.mega-post-para {display:none;}


/*page carousel restrict width*/


body.page-template-full-width .slick-slider {margin-left: 10%; margin-right: 10%;margin-top: 60px; padding-bottom: 60px !important;}

/*breakpoint*/
@media screen and (max-width: 1366px) {
	body.page-template-full-width .slick-slider {margin-left: 5%; margin-right: 5%;}
}

/*move next button in*/

.vc-post-styling .slick-next {
    transform: translate(-10px, -50%);
}


/*responsive for mobiles*/

@media screen and (max-width: 1280px) {
   .vc-post-styling .slick-next {
    transform: translate(-30px, -50%);
}
    .vc-post-styling .slick-prev {
    transform: translate(12px, -50%);
} 
}

/*button content size*/

.slick-prev:before, .slick-next:before {
    font-size: 30px !important;
}

/*button positions just here*/
.post-slider .slick-prev, .post-slider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 33%;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

@media screen and (min-width: 600px) {
.post-slider .slick-prev {margin-left: -9px;}
.post-slider .slick-next {margin-right: -9px;}
}
/*button positions just here ENDS*/

/*button colours*/

button.slick-next.slick-arrow:before, button.slick-prev.slick-arrow:before  {background: none !important; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {box-shadow: inset 0 0 0 0 #c6c6c6, 0 0 0 0 #f4f4f4;}

button.slick-next.slick-arrow:before:focus {background-color: none !important;}

/*button padding*/

button.slick-prev.slick-arrow:before {padding: 4px 0 4px 0 !important; color: #006e85 !important;}

body.single button.slick-prev.slick-arrow:before, body.single button.slick-next.slick-arrow:before {color: #fff !important;}

button.slick-next.slick-arrow:before {padding: 4px 0 4px 0 !important;color: #006e85 !important}

/*----Stories carousel ENDS----*/

/*-------------Single post ENDS-------------*/


/*----Get involved page----*/

/*Header*/
body.page-template-page-not-home #masthead {display:block; position:relative;background: #1a7f91;max-height: 45px; margin-bottom: 0px;}

/*breakpoint*/
@media screen and (max-width: 768px) {
	body.page-template-page-not-home #masthead {max-height: 30px;margin-bottom: 48px}
}

/*Header ENDS*/


/*no menu*/

body.page-template-page-not-home #masthead .main-navigation {display:none}

/*temporary single post logo*/
body.page-template-page-not-home .site-title {display:block;position:relative;}
body.page-template-page-not-home .site-title a {color: rgba(255,255,255,0) !important}

/*fake title*/
body.page-template-page-not-home .site-title a:after {content:"#PowerofWetlands"; font-style:italic; font-weight: 700;position:absolute; left: 20px;;color: rgba(255,255,255,1) !important; font-size: 140%;}

/*breakpoint*/

@media screen and (max-width: 600px) {
	body.page-template-page-not-home .site-title a:after {left: 0; right: 0; font-size: 9vw; top: -8px;}
}

@media screen and (max-width: 440px) {
	body.page-template-page-not-home .site-title a:after {left: -2px; font-size: 10.5vw; top: -7px;}
}

@media screen and (max-width: 350px) {
	body.page-template-page-not-home .site-title a:after {top: -2px;}
}

/*background*/

body.page-template-page-not-home .site  {background: #1a7f91 !important;}


/*get involved sharing*/

body.page-template-page-not-home .single-sharing {position:absolute;top: 30px; right: 20px;font-style:italic; font-weight: 700; font-size: 70%;display:block; }
body.page-template-page-not-home .sharing-label {position:relative; bottom: 6px; right: 10px;}
body.page-template-page-not-home .single-sharing .wi-social {display:inline;}
body.page-template-page-not-home .single-sharing img {height: 24px; margin-left: 15px;}


/*breakpoint*/
@media screen and (max-width: 768px) {
	body.page-template-page-not-home .single-sharing {top: 84px; background: #bed246; width: 100%; height: 38px;left: -10px; padding-right: 20px !important;text-align:right;padding-top: 12px;}
}

/*get involved sharing ENDS*/

/*row background colour*/

#get-involved-form {background: #bed246; padding-bottom: 0 !important;}

/*breakpoint*/
@media screen and (max-width: 1024px) {
#get-involved-form {max-height: 600px}
}

/*breakpoint*/
@media screen and (max-width: 824px) {
#get-involved-form {max-height: 100% !important;}
}

/*breakpoint force vc columns to full width @824px*/

@media screen and (max-width: 824px) {
	body.page-template-page-not-home .vc_col-sm-6 {
    width: 100% !important; float:none !important;}
}

.wpb_content_element.get-involved-intro, .wpb_content_element.our-get-involved-form {margin-bottom: 0px !important;}

/*get-involved-intro*/

.get-involved-intro {padding: 5%; background:url("/wp-content/themes/wiv1/images/get-involved-top-image.jpg"); background-size:cover; background-position: center top; background-repeat: no-repeat;
min-height: 680px;}

/*breakpoint*/

@media screen and (max-width: 1024px) {
.get-involved-intro {min-height: 600px;}	
}

/*all copy by browser width*/
.get-involved-intro {font-size: 3vw;}

@media screen and (min-width: 1100px) {
	.get-involved-intro {font-size: 2.5vw;}
}

@media screen and (min-width: 1600px) {
	.get-involved-intro {font-size: 2.3vw;}
}

@media screen and (max-width: 824px) {
	.get-involved-intro {font-size: 4vw; padding: 4%;min-height:auto !important}
}

@media screen and (max-width: 624px) {
	.get-involved-intro {font-size: 5.5vw;}
}

.get-involved-intro h1 {text-transform:uppercase; font-size: 145% !important;}

.get-involved-intro.sign-the-letter h1 {font-size: 120% !important;}

@media screen and (max-width: 1100px) {
    .get-involved-intro.sign-the-letter h1 {font-size: 150% !important}
}

/*French, Spanish & Portugese*/

@media screen and (max-width: 1095px) {
    body.page-id-772 .get-involved-intro h1, body.page-id-778 .get-involved-intro h1, body.page-id-780 .get-involved-intro h1 {font-size: 100% !important}
}



/*breakpoint*/

@media screen and (max-width: 824px) {
	.get-involved-intro h1 {font-size: 150% !important}
    body.page-id-772 .get-involved-intro h1, body.page-id-778 .get-involved-intro h1, body.page-id-780 .get-involved-intro h1 {font-size: 140% !important}
}

@media screen and (max-width: 414px) {
    .get-involved-intro h1 {font-size: 160% !important}
}

.action-highlight {display:inline;background: #bed246; padding: 4px 16px; box-decoration-break: clone !important; -webkit-box-decoration-break: clone !important;}

/*breakpoint*/

@media screen and (max-width: 824px) {
	.action-highlight {font-size: 145%; padding: .2em .4em; line-height: 1.4}
}

.get-involved-intro .disclaimer {font-size: 18px !important; line-height: 1.2; max-width: 66%;}


/*breakpoint*/

@media screen and (max-width: 1095px) {
.get-involved-intro .disclaimer {max-width: 100%; }	
}

/*breakpoint*/

@media screen and (max-width: 824px) {
.get-involved-intro .disclaimer {font-size: 65% !important; padding-bottom: 20px;}	
}




/*get-involved-intro ENDS*/


/*--get-involved-form--*/

.our-get-involved-form {padding: 5%; min-height: 600px;}

/*hide label below country*/

.our-get-involved-form .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {display:none;}

/*breakpoint*/

@media screen and (max-width: 1024px) {
.our-get-involved-form {min-height: 550px;}	
}

/*breakpoint*/

@media screen and (max-width: 824px) {
.our-get-involved-form {padding: 3%}	
}


/*form background*/

.our-get-involved-form .su-tabs {
    background: none;
}

.our-get-involved-form .su-tabs-nav span:focus{outline:0 none !important;}

/*form tabs*/

.our-get-involved-form .su-tabs-nav span {font-size: 80%;line-height: 1.4;color: #1a7f91; background:rgba(255,255,255,0.5);}

/*breakpoint*/

@media screen and (max-width: 824px) {
	.our-get-involved-form .su-tabs-nav span {margin-right: 0;}
}

.our-get-involved-form .su-tabs-nav .su-tabs-current {
    color: #1a7f91;}

/*hover*/
.our-get-involved-form .su-tabs-nav span:hover {background: #fff !important; color: #1a7f91 !important}

/*tab pane*/

.our-get-involved-form .su-tabs-pane-open {min-height: 530px !important}

/*breakpoint*/

@media screen and (max-width: 1024px) {
	.our-get-involved-form .su-tabs-pane-open {min-height: 470px !important}
}

/*form body size & color*/

.our-get-involved-form .gform_body {font-size: 130%; color: #1a7f91 !important }

/*submit button*/

.our-get-involved-form input[type="submit"] {background: #1a7f91 !important ; color: #fff; border-radius: 2px !important; font-weight: 700 !important; font-size: 160% !important; padding:10px}


/*error & confirmation messages*/

.our-get-involved-form .gform_wrapper li.gfield.gfield_error, .our-get-involved-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(190,210,70,.2);
    border-top: 1px solid #bed246;
    border-bottom: 1px solid #bed246;
}

.our-get-involved-form .gform_wrapper .gform_body ul.gform_fields li.gfield_error label, .our-get-involved-form .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message {
	color: #1a7f91 !important;
}

.our-get-involved-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .our-get-involved-form .gform_wrapper li.gfield_error textarea {
    border: 2px solid #bed246;
}

.our-get-involved-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important; padding-right: 0 !important}


.our-get-involved-form .gfield_required {color:#1a7f91 !important;}

.our-get-involved-form .gform_confirmation_message {font-size: 150%; padding: 5px; color:#1a7f91 !important;}

/*--get-involved-form ENDS--*/


/*--Other sections height and padding and wpb_content_element--*/



.get-involved-world-leaders, .get-involved-world-leaders-image {min-height: 500px; padding: 5%;}

.get-involved-youth-network, .get-involved-youth-network-image {min-height: 768px; padding: 5%;}

/*breakpoint*/

@media screen and (max-width: 1366px) {
.get-involved-world-leaders, .get-involved-world-leaders-image {min-height: 460px;}
.get-involved-youth-network, .get-involved-youth-network-image {min-height: 680px;}
}

/*breakpoint*/

@media screen and (max-width: 1024px) {
.get-involved-world-leaders, .get-involved-world-leaders-image {min-height: 420px;}
.get-involved-youth-network, .get-involved-youth-network-image {min-height: 600px;}
}

/*donate shallower*/

.get-involved-donate, .get-involved-donate-image {min-height: 420px; padding: 5%;}

/*breakpoint*/

@media screen and (max-width: 1366px) {
.get-involved-donate, .get-involved-donate-image {min-height: 360px;}
}

/*breakpoint*/

@media screen and (max-width: 1024px) {
.get-involved-donate, .get-involved-donate-image {min-height: 320px;}
}


#world-leaders .wpb_content_element, #dialogue .wpb_content_element, #donate .wpb_content_element {margin-bottom: 0px;}


/*--Other sections h1--*/

.get-involved-world-leaders h1, .get-involved-youth-network h1, .get-involved-donate h1 {text-transform:uppercase; font-size: 130% !important;}

/*breakpoint*/

@media screen and (max-width: 824px) {
	.get-involved-world-leaders h1, .get-involved-youth-network h1, .get-involved-donate h1 {font-size: 130% !important}
}



/*--Other sections font-size--*/

@media screen and (min-width: 1441px) {
	.get-involved-world-leaders, .get-involved-youth-network, .get-involved-donate {font-size: 1.62vw;}
}

@media screen and (min-width: 1600px) {
	.get-involved-world-leaders, .get-involved-youth-network, .get-involved-donate {font-size: 1.75vw;}
}

@media screen and (min-width: 1921px) {
	.get-involved-world-leaders, .get-involved-youth-network, .get-involved-donate {font-size: 1.4vw;}
}

@media screen and (max-width: 1440px) {
	.get-involved-world-leaders, .get-involved-youth-network, .get-involved-donate {font-size: 1.9vw;}
}

@media screen and (max-width: 1024px) {
	.get-involved-world-leaders, .get-involved-youth-network, .get-involved-donate {font-size: 2.2vw}
}

@media screen and (max-width: 824px) {
	.get-involved-world-leaders, .get-involved-youth-network, .get-involved-donate {font-size: 3.8vw; padding: 4% 4% 60px 4%;}
}

@media screen and (max-width: 624px) {
	.get-involved-world-leaders, .get-involved-youth-network, .get-involved-donate {font-size: 5.5vw; padding: 6% 4% 60px 4%;}
}


/*--Other sections buttons--*/

.get-involved-youth-network a.wi-cta-large, .get-involved-donate a.wi-cta-large {font-size:90% !important; margin-top: 30px;}


/*--Other sections backgrounds--*/

.get-involved-world-leaders-image {}

.get-involved-youth-network-image {}

/*breakpoint*/

@media screen and (max-width: 824px) {
	.get-involved-youth-network-image {display:none;}
}

.get-involved-donate {background: #bed246;}

.get-involved-donate-image {background:url("/wp-content/themes/wiv1/images/powerofwetlands-get-involved-page.jpg"); background-size:cover; background-position: center; background-repeat: no-repeat;}


#biodiversity-end {background:url("/wp-content/themes/wiv1/images/biodiversity-end.jpg"); background-size:cover; background-position: center top; background-repeat: no-repeat;}

/*breakpoint*/

@media screen and (max-width: 824px) {
	#biodiversity-end {display:none;}
}



/*----Get involved page ENDS----*/

/*-----Footer edit-----*/
footer.entry-meta{text-align:center; margin-top: 60px;}
/*-----Footer edit ENDS----*/





/*///////////Updates December 2020////////////*/

/*---Supporter logo carousel---*/

/*title*/

.supporter-logos {margin-top: 80px !important;}

.supporter-logos .center-dark-copy {transform: scale(0.7);}

/*arrow size*/

.supporter-logos .wpcp-carousel-section .slick-arrow {font-size: 38px !important; transition: all ease 0.3s !important; }

/*arrow size ENDS*/

/*nudging*/

.wpcp-carousel-section .slick-prev i, .wpcp-carousel-section .slick-next i {line-height: 36px; }
.wpcp-carousel-section .slick-prev i {position:relative; left: 11px;}
.wpcp-carousel-section .slick-next i {position:relative; right: 11px;}

/*nudging ENDS*/

/*arrow background*/

.supporter-logos .wpcp-carousel-section .slick-prev, .supporter-logos .wpcp-carousel-section .slick-next {background: #1a7f91 !important; border-radius: 50%; width: 40px; height: 40px; transition:background ease 0.3s !important;}

/*breakpoint*/

@media screen and (max-width:1024px) {
    .supporter-logos .wpcp-carousel-section .slick-prev, .supporter-logos .wpcp-carousel-section .slick-next {transform:scale(0.7);}
}

/*arrow background ENDS*/

/*hover*/

.supporter-logos .wpcp-carousel-section .slick-prev:hover, .supporter-logos .wpcp-carousel-section .slick-next:hover {background: #bed246 !important;}

/*hover ENDS*/

/*override .slick stuff*/

body.page-template-full-width .wpcp-carousel-section.slick-slider {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 60px;
    padding-bottom: 0px !important;
}

/*breakpoint*/

@media screen and (max-width:1024px) {
    body.page-template-full-width .wpcp-carousel-section.slick-slider {margin-left: 0.2%; margin-right: 0.2%;}
}

/*smaller logos*/

body.page-template-full-width .wpcp-carousel-section.slick-slider img {transform:scale(0.9);}


/*breakpoint*/

@media screen and (max-width:1440px) {
    body.page-template-full-width .wpcp-carousel-section.slick-slider img {transform:scale(0.8);}
}

/*---Supporter logo carousel ENDS---*/

/*///////////Updates December 2020 ENDS////////////*/


/*///////////Updates Jan 2021///////////*/

/*hide 0 of 200 max characters*/

body.page-id-782 .charleft.ginput_counter, body.page-id-784 .charleft.ginput_counter , body.page-id-786 .charleft.ginput_counter {display:none;}

/*hide 0 of 200 max characters ENDS*/


/*///////////Updates Jan 2021 ENDS ///////////*/



/*/////////// Updates May 2021 - OPEN LETTER ///////////*/


/*open-letter-intro*/

.get-involved-intro.sign-the-letter {
    padding: 5% 5% 8% 5%;
    background: url("/wp-content/themes/wiv1/images/power-of-wetlands-open-letter-background-3.jpg");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}


/*-------open-letter-background-----*/

#open-letter-background {padding-bottom: 120px;}

/*-------open-letter-content------*/

#open-letter-content {background: #fff; width: 100%; padding: 40px; max-width: 1440px; margin-left: auto !important; margin-right: auto !important; margin-top: 40px; padding-bottom: 60px;color: #727a7b;
box-shadow: -4px 8px 16px rgba(0,0,0,.5);}

@media screen and (max-width: 1600px) {
    #open-letter-content {max-width: 90%;} 
}

@media screen and (max-width: 1024px) {
    #open-letter-content {padding: 20px} 
}

@media screen and (max-width: 960px) {
    #open-letter-content {padding: 10px; max-width: 94%} 
}

@media screen and (max-width: 600px) {
    #open-letter-content {padding: 5px; max-width: 94%} 
}

/*open-letter-content links*/

#open-letter-content a, #open-letter-content a:visited {border-bottom: 3px solid #bed246 !important; color: #727a7b !important; transition: all ease 0.3s; font-weight: 700 !important; font-size: 94%;}

#open-letter-content a:hover {border-bottom: 3px solid #fff !important; }

@media screen and (max-width: 1280px) {
    #open-letter-content a, #open-letter-content a:visited {border-bottom: 2px solid #bed246 !important}
    #open-letter-content a:hover {border-bottom: 2px solid #fff !important; }
    
}

/*-------open-letter-heading------*/

.open-letter-heading h1 {color: #1a7f91 !important; font-size: 155% !important; line-height: 1.1 !important; padding-top: 20px;}


#open-letter-content .open-letter-heading a, #open-letter-content .open-letter-heading a:visited {display:inline;border-bottom: 6px solid #bed246 !important; color: #bed246 !important; transition: all ease 0.3s; font-weight: 700 !important; font-size: 100%;}

/*-------open-letter-background------*/

.open-letter-background h2 {color: #1a7f91 !important; font-size: 80% !important;}

.open-letter-background p {font-size: 80%; line-height: 1.4 !important;}

.open-letter-background p strong {font-size: 94%}

/*-------open-letter-demands------*/

.open-letter-demands h1 {color: #1a7f91 !important; font-size: 175% !important; line-height: 1 !important; padding-top: 20px; text-transform: uppercase; text-align:center; margin: 60px 0 0px 0 !important}

.open-letter-demands h2 {color: #bed246 !important; font-size: 165% !important; line-height: 1; text-align:center; margin: 40px auto 40px auto; max-width: 75%;}

@media screen and (max-width: 1280px) {
    .open-letter-demands h2 {max-width: 90%;}
}

@media screen and (max-width: 740px) {
    .open-letter-demands h2 {max-width: 98%;}
}
.open-letter-demands h2:nth-of-type(2) {}

.open-letter-demands p {font-size: 80% !important; line-height: 1.4 !important;}

.open-letter-demands ul {background: rgba(26,127,145,0.1); padding: 40px 10px 40px 20px;}

.open-letter-demands ul li {list-style: outside none; position:relative; padding: 0 20px 0 0;}

.open-letter-demands ul li:before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.open-letter-demands li {font-size: 80% !important; line-height: 1.4 !important; margin: 0 0 20px 20px;}

@media screen and (max-width: 740px) {
    .open-letter-demands ul {background: rgba(26,127,145,0.1); padding: 20px 5px 40px 8px;}
    .open-letter-demands ul li {padding: 0 0 0 0;}
    .open-letter-demands li {margin: 0 0 20px 12px;}
}

.open-letter-demands li:before {color: #1a7f91 !important;}

.open-letter-demands li strong {color: #1a7f91 !important; font-size: 110%}


/*open-letter-call-to-action*/

.open-letter-call-to-action {margin-top: 20px;}

.open-letter-call-to-action h1 {color: #1a7f91 !important; font-size: 190% !important; line-height: 1 !important; position:relative; left: -15px; margin-top: 0em !important; margin-bottom: .5em !important; letter-spacing: -0.025em}

@media screen and (max-width: 960px) {
    .open-letter-call-to-action h1 {font-size: 5vw !important}
}

@media screen and (max-width: 600px) {
    .open-letter-call-to-action h1 {font-size: 7vw !important}
}


.open-letter-call-to-action .gwpm-container {position:relative; left: -10px; margin-top: 60px;}

.open-letter-call-to-action .gwpm-container .gwpm-fill {background: #1a7f91;}

.open-letter-call-to-action .gwpm-container .gwpm-meter {background: rgba(26,127,145,0.15);}

.open-letter-call-to-action .gwpm-container .gwpm-goal, .open-letter-call-to-action .gwpm-container .gwpm-count {color: #1a7f91 !important; font-size: 80%; margin-top: 10px;}



/*-------open-letter-references-------*/

.open-letter-references h2 {color: #1a7f91 !important; margin: 30px 0px; line-height: 1.1;}

.open-letter-references {font-size: 55%; border-top: 1px solid #727a7b; margin-top: 120px}

@media screen and (max-width: 1280px) {
  .open-letter-references {font-size: 60%;}  
}

.open-letter-references li {margin: 0 0 10px 1em!important; line-height: 1.2;}

#open-letter-content .open-letter-references a, #open-letter-content .open-letter-references a:visited {border-bottom: 1px solid #727a7b !important; color: #727a7b !important; transition: all ease 0.3s; font-weight: 400 !important;}

@media screen and (min-width: 1400px) {
    .get-involved-intro {min-height: 700px}
}

/*------open letter top form-------*/

.open-letter-top-form h1 {font-size: 150% !important;}

@media screen and (min-width: 1800px) {
   .open-letter-top-form h1 {font-size: 200% !important;} 
}

.open-letter-top-form {
    padding: 5%;
    /*! min-height: 600px; */
}

.open-letter-top-form label {font-size: .9vw !important; line-height: 1 !important; color: #727a7b}

@media screen and (min-width: 1441px) {
    .open-letter-top-form label {font-size: .7vw !important;} 
}

@media screen and (max-width: 1024px) {
    .open-letter-top-form label {font-size: 1vw !important;}  
}

@media screen and (max-width: 768px) {
    .open-letter-top-form label {font-size: 1.7vw !important;}  
}

@media screen and (max-width: 600px) {
    .open-letter-top-form label {font-size: 3vw !important;}  
}

.open-letter-top-form .ginput_container {
    margin-top: 2px !important;}

.open-letter-top-form input, .open-letter-top-form .field_description_below, .open-letter-top-form .gfield_select {font-size: 60% !important;}

.open-letter-top-form input, .open-letter-top-form .gfield_select  {color: #727a7b}

.open-letter-top-form .ginput_container.ginput_container_consent {font-size: 20px !important; line-height: 1;}

.open-letter-top-form input[type="submit"], .open-letter-top-form input[type="submit"]:hover {background: #1a7f91; color: #fff;}


/*------open letter bottom form-------*/

.open-letter-bottom-form {background: #bed246;}

@media screen and (max-width: 420px) {
    .open-letter-bottom-form {width: calc(100% + 10px) !important; margin-left: -20px;}
}

.open-letter-bottom-form h1 {font-size: 150% !important;}

.open-letter-bottom-form {
    padding: 5%;
    /*! min-height: 600px; */
}

.open-letter-bottom-form label {font-size: 65% !important; line-height: 1 !important; color: #727a7b}

@media screen and (min-width: 1441px) {
    .open-letter-bottom-form label{font-size: 70% !important;} 
}

@media screen and (max-width: 1280px) {
    .open-letter-bottom-form label {font-size: .8vw !important;}  
}

@media screen and (max-width: 768px) {
    .open-letter-bottom-form label {font-size: 1.7vw !important;}  
}

@media screen and (max-width: 600px) {
    .open-letter-bottom-form label {font-size: 3vw !important;}  
}

.open-letter-bottom-form .ginput_container {
    margin-top: 2px !important;}

.open-letter-bottom-form input, .open-letter-bottom-form .field_description_below, .open-letter-bottom-form .gfield_select {font-size: 60% !important;}

.open-letter-bottom-form input, .open-letter-bottom-form .gfield_select  {color: #727a7b}

.open-letter-bottom-form .ginput_container.ginput_container_consent {font-size: 20px !important; line-height: 1;}

.open-letter-bottom-form input[type="submit"], .open-letter-bottom-form input[type="submit"]:hover {background: #1a7f91; color: #fff;}


.open-letter-signatures h2 {color: #1a7f91 !important; text-align:center; font-size: 145%; font-style:italic; margin-top: 60px; margin-bottom: 80px;}


.open-letter-signatures .wp-easy-query li {font-size: 85%; margin: 0 !important; padding: 0 !important; text-align:center; min-height: auto !important; font-style:italic;}

@media screen and (max-width: 414px) {
    .open-letter-signatures .wp-easy-query li {font-size: 85%;} 
}

/*box*/

.open-letter-signatures .mtphr-dnt{border: 2px solid #1a7f91; border-radius: 4px;}



/*---------Errors----------*/

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255,223,224,0) !important;
    margin-bottom: 6px !important;
    border-top: 0px none !important;
    border-bottom: 0px none !important;
    padding-bottom: 6px;
    padding-top: 8px;
    box-sizing: border-box;
}

.gform_wrapper li.gfield.gfield_error input {border: 1px solid #ccc !important; border-radius: 3px !important;}


.gform_wrapper .field_description_below .gfield_description.validation_message {
    padding-top: 0; text-transform:none !important; color: #727a7b !important;
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error label {color: #727a7b !important;}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message {color: #727a7b !important; font-size: 55%;}


.open-letter-top-form .gform_wrapper div.validation_error, .open-letter-bottom-form .gform_wrapper div.validation_error {
    padding: 8px 0 8px 0;
    text-align: left; line-height: 1; font-size: 90% !important;
}



/*/////////// Updates May 2021 - OPEN LETTER ENDS ///////////*/