/*
Theme Name:WWF Theme
Theme URI:blog.wwf.ca
Description:WWF multilingual blog
Author:smashLAB
Author URI:http://www.smashlab.com
Version:1.0
Tags:WWF
*/

@CHARSET "UTF-8";

/*********************
*	Normalize CSS
********************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*********************
*	Typography
********************/
body{
 margin:0;
 font:normal normal normal 113%/1.444 Helvetica, Arial, sans-serif; /* 18/26 */
 color:#414042;
 -webkit-font-smoothing:antialiased;
 -moz-font-smoothing:never;
}

.wrapper h1, .h1,
.wrapper h2, .h2,
.wrapper h3, .h3,
.wrapper h4, .h4,
.wrapper h5, .h5,
.wrapper h6, .h6{
 margin:0;
 padding:0;
 display:block;
 color:#414042;
}

.wrapper h1, .h1{
 font:2.222em/1.125 'WWF', Helvetica, Arial, sans-serif; /* 40/45 */
}

.wrapper h2, .h2{
 font:1.667em/1.167 'WWF', Helvetica, Arial, sans-serif; /* 30/35 */
}

.wrapper h3, .h3{
 font:1.111em/1.25 'WWF', Helvetica, Arial, sans-serif; /* 20/25 */
}

.wrapper h4, .h4{
 font:bold 1em/1.444 Helvetica, Arial, sans-serif; /* 18/26 */
 text-transform:uppercase;
}

.wrapper h5, .h5{
 font:bold 0.889em/1.625 Helvetica, Arial, sans-serif; /* 16/26 */
 text-transform:uppercase;
}

.wrapper h6, .h6{
 font:bold 0.778em/1.286 Helvetica, Arial, sans-serif; /* 14/18 */
 text-transform:uppercase;
}

@font-face {
 font-family: 'WWF-FontAwesome-Social';
 src:url('fonts/WWF-FontAwesome-Social.eot?37zep3');
 src:url('fonts/WWF-FontAwesome-Social.eot?37zep3#iefix') format('embedded-opentype'),
 url('fonts/WWF-FontAwesome-Social.ttf?37zep3') format('truetype'),
 url('fonts/WWF-FontAwesome-Social.woff?37zep3') format('woff'),
 url('fonts/WWF-FontAwesome-Social.svg?37zep3#WWF-FontAwesome-Social') format('svg');
 font-weight: normal;font-style: normal;
}

[class^="wwf-social-"], [class*=" wwf-social-"] {
 /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'WWF-FontAwesome-Social' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;

 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}




/*********************
*	Heading spacing
********************/
.editable h1 + p{
 margin-top:26px;
}


/*********************
*	Main
********************/
html{
 height:100%;
}

body{
 height:100%;
 background:#000;
}

.wrapper{
 min-height:100%;
 background:#f9f9f5;
 position:relative;
 top:0;
 left:0;
 z-index:1;
}

p{
 margin:0;
}

ul,
li,
ul li,
ol li,
ul ul,
ol ol{
 margin:0;
 padding:0;
}

ul, ol{
 list-style:none;
}

ul li, ol li{
 list-style-type:none;
}

.wrapper label{
 font-weight:normal;
}

img{
 border-style:none;
 display:block; /* IE img gap fix */
 color:transparent;
}

hr{
 width:100%;
 height:0;
 margin:0;
 padding:0;
 border-top:1px solid #e1e1d8;
 border-right:none;
 border-bottom:1px solid #fff;
 border-left:none;
 background:transparent;
 color:transparent;
}

.sprite,
.fakeBg{
 background-attachment:scroll !important;
 display:block;
 text-transform:capitalize; /* IE text hide fix */
 text-indent:-999em;
 overflow:hidden;
}

.sprite{
 background-repeat:no-repeat !important;
 background-position:0 0;
 background-color:transparent !important;
}

.sprite.sprite-btn{
 background-image:url('images/wwf-sprite-btn-1-2.png') !important;
}

.fakeLink{
 background-image:url('images/blank.gif') !important;
 background-repeat:repeat !important;
 background-position:0 0 !important;
 background-color:transparent;
}

.tcenter{
 text-align:center;
}

.spacer{
 height:1px;
 margin-bottom:-1px;
}

.clearfix:after{
 height:0;
 display:block;
 visibility:hidden;
 clear:both;
 content:" ";
 overflow:hidden;
}

.clearfix{
 display:block;
 clear:both;
}


/*********************
*	Links
********************/
.wrapper a{
 font-weight:normal;
 text-decoration:none;
 color:#026262;
}

.noTouchDevice .wrapper a:hover{
 text-decoration:underline;
}

.editable p a{
 font-weight:bold;
}

.noTouchDevice .editable p a:hover{

}

.noTouchDevice .editable p a:focus{
 outline:1px dotted #7d7d7d;
}


/*********************
*	Tables
********************/
.wrapper table{
 width:100%;
}

.wrapper table, .wrapper td{
 vertical-align:top;
}

.editable table{

}

.editable td{

}


/*********************
*	Forms
********************/
.topSearchOuter{
 /*	width:31.42%;*/
 width:200px;
 margin-top:10px;
}

.topSearch{
 max-width:165px;
 height:38px;
 border-radius:3px;
 /*	float:right;*/
 float:left;
 overflow:hidden;
}

.mobileNavOuter .topSearch{
 max-width:none;
 height:auto;
 float:none;
}

.topSearch input[type="text"]{
 width:90%;
 margin:0;
 /*padding:9px 2.5em 9px 7.5em;*/
 padding:9px 1em 9px 0.5em;
 border-top:1px solid #e4e4db;
 border-right:1px solid #e4e4db;
 border-bottom:1px solid #fff;
 border-left:1px solid #e4e4db;
 outline:none;
 background:#dfdfd5;
 font-size:17px;
 line-height:22px;
}

.topSearch input[type="text"]:focus{
 background-color:#fff;
}

.topSearch ::-webkit-input-placeholder{
 color:#414042;
}

.topSearch :-moz-placeholder{ /* Firefox 18- */
 color:#414042;
}

.topSearch ::-moz-placeholder{  /* Firefox 19+ */
 color:#414042;
}

.topSearch :-ms-input-placeholder{
 color:#414042;
}

.topSearch input[type="submit"]{
 display:none;
}


/*********************
*	CSS layout presets
********************/
.col-full{
 width:100%;
}

.left{
 float:left;
}

.right{
 float:right;
}


/*********************
*	Mobile nav
********************/
.mobileNavOuter{
 height:0;
 background:#414042;
 display:none;
}

.mobileNavInner{
 padding:20px 15px 21px;
 border-bottom:1px solid #a7a6a9;
}

.mobileNavOuter .topSearchOuter{
 width:100%;
 margin-bottom:18px;
}

.mobileNavOuter .topSearch{
 max-width:none;
 height:auto;
 float:none;
}

.mobileNavOuter .topSearch input[type="text"]{
 width:95%;
 padding-left:2.5%;
 border-top-color:#282729;
 border-right-color:#282729;
 border-bottom-color:#636164;
 border-left-color:#282729;
 background-color:#2c2b2d;
 color:#66656a;
}

.mobileNavOuter .topSearch ::-webkit-input-placeholder{
 color:#66656a;
}

.mobileNavOuter .topSearch :-moz-placeholder{ /* Firefox 18- */
 color:#66656a;
}

.mobileNavOuter .topSearch ::-moz-placeholder{  /* Firefox 19+ */
 color:#66656a;
}

.mobileNavOuter .topSearch :-ms-input-placeholder{
 color:#66656a;
}

.mobileNavOuter .topSearch input[type="text"]:focus{
 background-color:#fff;
 color:#000;
}

.mobileNavOuter .footerNav{
 padding:0 0 13px;
}

.mobileNavOuter .shareNav{
 padding:11px 0;
}

.mobileNavOuter .topNav{
 padding:10px 0 0;
}

#mobileHeaderNavOuter.mobileNavOuter .footerNav li,
#mobileHeaderNavOuter.mobileNavOuter .shareNav li{
 margin-right:12px;
}

.mobileNavOuter a{
 font-size:0.778em; /* 14 */
 line-height:2.143; /* 30 */
 font-weight:bold;
 text-decoration:none;
 color:#a7a6a9;
}

.mobileNavOuter hr{
 border-top-color:#2c2b2d;
 border-bottom-color:#636164;
}

.noTouchDevice .mobileNavOuter a:hover{
 text-decoration:underline;
}

.noTouchDevice .mobileNavOuter a:focus{
 outline:none;
}

.mobileNavOuter .shareNav .sprite{
 display:none;
}

.mobileNavOuter .topNav a{
 font-size:1.111em; /* 20 */
 line-height:1.75; /* 35 */
 font-family:'WWF', Helvetica, Arial, sans-serif;
 font-weight:normal;
 text-transform:uppercase;
}

.noTouchDevice .mobileNavOuter .topNav li.activeItem a,
.noTouchDevice .mobileNavOuter .topNav a:hover{
 border-bottom:2px solid #66656a;
 text-decoration:none;
}


/*********************
*	Main columns
********************/
.mainColumns{
 height:100%;
 position:relative;
 top:0;
 left:0;
 z-index:1;
}

.mainColumn{

}

.mainLeftCol{
 /*width:40%;
 max-width:450px;*/
 width:350px;
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:0 0;
 background-color:#fff;
 position:fixed;
 top:0;
 bottom:0;
 left:0;
 z-index:1;
 text-shadow:1px 0px 3px #333;
}

.oldIE .mainLeftCol{
 filter:DropShadow(Color=#333333, OffX=1, OffY=0);
}

.css3BgSize .mainLeftCol{
 -webkit-background-size:cover;
 -moz-background-size:cover;
 background-size:cover;
}

.mainLeftCol a{
 color:#fff;
}

.mainLeftCol .contentOuter{
 padding:0 50px 50px;
 position:relative;
 top:0;
 left:0;
 z-index:1;
}

.mainLeftCol .dropShadow{
 width:5px;
 height:100%;
 background:url(images/bg-dropshadow-from-right.png) repeat-y scroll 0 0 transparent;
 position:absolute;
 top:0;
 right:0;
 z-index:1;
}

.mainRightCol{
 max-width:760px;
 /*margin:0 0 0 40%;*/
 margin:0 0 0 350px;
 padding:0 0 50px;
 position:relative;
 top:0;
 left:0;
 z-index:1;
}

.mainRightCol .contentOuter{
 max-width:660px;
 padding:35px 50px 0;
}

#toggleMobileNav{
 width:24px;
 height:18px;
 display:none;
 position:absolute;
 top:14px;
 right:0;
 z-index:2;
}

#toggleMobileNav .mobileNavIcon{
 width:24px;
 height:4px;
 margin:3px 0 0;
 border-radius:2px;
 background-color:#fff;
 display:block;
}

#toggleMobileNav .mobileNavIcon:first-child{
 margin-top:0;
}


/*********************
*	Header
********************/
.mainLeftCol .mainGoHome{
 width:95px;
 height:125px;
 margin:0 0 60px;
 padding:0 5px 5px;
 background:#fff;
 display:block;
 -webkit-box-shadow:0 0 20px #757575;
 box-shadow:0 0 20px #757575;
}

.mainLeftCol .mainGoHome .iconOuter{
 height:124px;
 border-top:none;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 border-left:1px solid #000;
 display:block;
 position:relative;
 top:0;
 left:0;
 z-index:1;
}

.mainLeftCol .mainGoHome .sprite{
 width:64px;
 height:90px;
 margin:-40px 0 0 -32px;
 background-position:0 0;
 position:absolute;
 top:50%;
 left:50%;
 z-index:2;
}

.noTouchDevice .mainLeftCol .mainGoHome:hover{
 -webkit-box-shadow:0 0 20px #000;
 box-shadow:0 0 20px #000;
}

.noTouchDevice .mainLeftCol .mainGoHome:hover .iconOuter{
 /*border-color:#737373;*/
}

.noTouchDevice .mainLeftCol .mainGoHome:hover .sprite{
 /*background-position:0 -90px;*/
}

.mainLeftCol .blogDesc,
.mainLeftCol .blogDesc h1{
 color:#fff;
}

.mainLeftCol .blogDesc,
.mainLeftCol .wpNav{
 margin:0 0 28px;
}

.mainLeftCol .blogDesc h1{
 margin:0 0 2px;
 font-size:1.667em; /* 30 */
 line-height:1.167; /* 35 */
 text-transform:uppercase;
}

.mainLeftCol .blogDesc p{

}

.mainLeftCol .wpNav{

}

.mainRightCol .header{
 padding:0 0 48px;
}

.mainRightCol .wpNav li,
.mobileNavOuter .wpNav li{
 display:inline-block;
 vertical-align:top;
}

.ie7 .mainRightCol .wpNav li,
.ie7 .mobileNavOuter .wpNav li{
 display:inline;
 zoom:1;
}

.mainRightCol .wpNav li,
.mobileNavOuter .wpNav li{
 margin:0 14px 0 0;
}

.mainRightCol .wpNav li:first-child,
.mobileNavOuter .wpNav li:first-child{

}

.mainRightCol .wpNav li.last,
.mobileNavOuter .wpNav li.last{
 margin-right:0;
}

.mainRightCol .topNav,
.mainRightCol .topSearchOuter{
 display:inline-block;
 vertical-align:middle;
}

.ie7 .mainRightCol .topNav,
.ie7 .mainRightCol .topSearchOuter{
 display:inline;
 zoom:1;
}

.mainRightCol .topNav{
 /*	width:68.57%;*/
 width:100%%;
 /*	max-width:480px;*/
 max-width:600px;
}

.mainRightCol .topNav a{
 font-family:'WWF', Helvetica, Arial, sans-serif;
 text-transform:uppercase;
}

.noTouchDevice .mainRightCol .topNav a:hover{
 border-bottom:2px solid #026262;
 text-decoration:none;
}

.noTouchDevice .mainRightCol .topNav li.activeItem a{
 border-bottom:2px solid #002b2b;
 color:#002b2b;
}

.mainRightCol .topSearchOuter{

}

.mainRightCol .topSearchOuter + hr{
 /*	margin:39px 0 0;*/
 margin:16px 0 0;
}
/*********************
*	General templates
********************/
/* Editable areas */
.editable{
 word-wrap:break-word;
}

.editable p{
 margin-bottom:26px;
}

.editable ul{
 margin:0 0 26px 16px;
}

.editable ul.nomargin{
 margin:0 0 0 16px !important;
}

.editable ol{
 margin:0 0 26px;
}

.editable ul li{
 background:none;
 list-style-type:disc;
}

.editable ul ul{
 margin:0 0 0 10px;
}

.editable ul ul li{
 padding:0 0 0 7px;
 list-style-type:circle;
}

.editable ol li{
 list-style-type:decimal;
}

.editable ol ol{
 margin:0 0 0 10px;
}

.editable ol ol li{
 padding:0 0 0 7px;
 list-style-type:lower-roman;
}

.editable img{
 max-width:100%;
 height:auto;
 border:2px solid #fff;
 -webkit-box-shadow:0 0 5px #8f8f8f;
 box-shadow:0 0 5px #8f8f8f;
}

.noTouchDevice .editable a:hover img{
 -webkit-box-shadow:0 0 5px #000;
 box-shadow:0 0 5px #000;
}

.editable hr{
 margin-bottom:26px;
 clear:both;
}

/* All posts types */
.allPosts .postMeta{
 margin:2px 0 27px;
}
.postMeta-unit {display:inline-block;position:relative;vertical-align:top;width:auto;}
.postMeta-unit + .postMeta-unit {width:70%;}
@media only screen and (min-width:601px){
 .userExpertise:before {content:'\2219';margin-left:-0.125em;margin-right: 0.375em;}
}

.postMeta-unit a.postAuthorUrl,
.userExpertise, .postDate {display:inline-block;vertical-align:bottom!important;position:relative;bottom:0;}
/*.single .userExpertise {display:inline-block;}*/
.userExpertise + .postDate {display:block;transform: translateY(6px);}
.home .userExpertise, .archive .userExpertise, .homeLoop .userExpertise {display:none;}
.home .userExpertise + .postDate, .homeLoop .userExpertise + .postDate {display:none; transform: translateY(0);}
.home .userExpertise + .postDate, .homeLoop .userExpertise + .postDate {display:inline-block;}
.single .postDate { display:block!important; float:none; }
.single .postDate:before {content:'';clear:both;display:table;margin-top: 1.5em;}
.titleUnit {display:inline-block;}
.single .titleUnit {display:block;}
.allPosts .postMeta .postMetaContent:not(.postDate) {display:inline-block;vertical-align:bottom;}
.allPosts .postMeta-unit a.postMetaContent { position:relative; }
.ie7 .allPosts .postMeta .postMetaContent{ display:inline; zoom:1; }
.allPosts .postAuthorUrl{
 font-weight:bold;
 line-height:1.15;
 padding-right:0.5em;
}
.postAuthorUrl, .userExpertise, .postDate {line-height:24px!important;}
.allPosts .bulletSeparator{
 margin:0 6px -2px 6px!important;
}
.userExpertise {
 text-transform: none;color:#026262;letter-spacing:-0.015em;margin-left:-0.2em;
}

@media only screen and (max-width:600px){
 .single .userExpertise {display:block;}
 .singlePost .hasexpertise .authorProfileImg {margin-bottom: 0!important;margin-top: 7px!important;}
}

.allPosts .postDate{
 text-transform:uppercase;
}
@media only screen and (min-width:1100px){
 /*.postDate:before {content:'\2219';margin-left:-0.25em;margin-right: 0.375em;}*/
}

/* Inline images */
.editable .wp-caption{
 max-width:100%;
 margin:11px 0 0;
 font-size:0.778em; /* 14 */
 line-height:1.429; /* 20 */
 font-style:italic;
}

.editable .wp-post-image{
 margin:0 0 26px;
}

.editable .alignleft, .editable img.alignleft{
 display:inline;
 float:left;
 margin-top:5px !important;
 margin-right:20px !important;
}

.editable .alignleft{
 margin-right:10px !important;
}

.editable .alignright, .editable img.alignright{
 display:inline;
 float:right;
 margin-top:5px !important;
 margin-left:20px !important;
}

.editable .alignright{
 margin-left:10px !important;
}

.editable .aligncenter, .editable img.aligncenter{
 clear:both;
 display:block;
 margin-left:auto;
 margin-right:auto;
 float:none;
}

.editable img.alignleft, .editable img.alignright, .editable img.aligncenter{
 margin-top:10px !important;
 margin-bottom:10px !important;
}

.editable p.wp-caption-text, .editable p.wp-caption-dd{
 margin:5px 0 26px;
 padding:6px 0 0;
 text-align:left;
}


/* Social media links */
.shareNav li{
 margin:-2px 0 0;
}

.shareNav li:first-child{
 margin-top:0;
}

.shareNav .sprite,
.shareNav .itemName{
 display:inline-block;
 vertical-align:middle;
}

.ie7 .shareNav .sprite,
.ie7 .shareNav .itemName{
 display:inline;
 zoom:1;
}

.shareNav .sprite{
 width:16px;
 height:16px;
 margin:0 10px 0 0;
}

.ie7 .shareNav .sprite{
 text-indent:0;
}

.shareNav .facebookBtn .sprite {/*  background-position:-64px -68px;*/}
.noTouchDevice .shareNav a.facebookBtn:hover .sprite {/*  background-position:-64px -84px;*/}
.shareNav .twitterBtn .sprite {/*  background-position:-80px -68px;*/}
.noTouchDevice .shareNav a.twitterBtn:hover .sprite {/*  background-position:-80px -84px;*/}
.shareNav .instagramBtn .sprite {/*  background-position:-96px -68px;*/}
.noTouchDevice .shareNav a.instagramBtn:hover .sprite {/*  background-position:-96px -84px;*/}
.shareNav .rssBtn .sprite {/*  background-position:-112px -68px;*/}
.noTouchDevice .shareNav a.rssBtn:hover .sprite {/*  background-position:-112px -84px;*/}
.shareNav .pinterestBtn .sprite {/*  background-position:-128px -68px;*/}
.noTouchDevice .shareNav a.pinterestBtn:hover .sprite {/*  background-position:-128px -84px;*/}
.noTouchDevice .shareNav a.pinterestBtn:hover .sprite {background-position:-128px -84px;}
.noTouchDevice .shareNav a:hover .itemName{text-decoration:underline;}

/* FONT-BASED SHARE ICONS */

.noTouchDevice .shareNav a.facebookBtn:hover .sprite,
.noTouchDevice .shareNav a.twitterBtn:hover .sprite,
.noTouchDevice .shareNav a.instagramBtn:hover .sprite,
.noTouchDevice .shareNav a.rssBtn:hover .sprite,
.shareNav .facebookBtn .sprite, .shareNav .twitterBtn .sprite,
.shareNav .instagramBtn .sprite, .shareNav .rssBtn .sprite,
.shareNav .pinterestBtn .sprite,
.shareNav .shareBtn .sprite {display:none!important;text-decoration:none!important;}

.shareNav .facebookBtn:before, .shareNav .twitterBtn:before,
.shareNav .instagramBtn:before, .shareNav .rssBtn:before,
.shareNav .pinterestBtn:before, .shareNav .shareBtn:before,
.noTouchDevice .shareNav a.facebookBtn:hover:before,
.noTouchDevice .shareNav a.twitterBtn:hover:before,
.noTouchDevice .shareNav a.instagramBtn:hover:before,
.noTouchDevice .shareNav a.pinterestBtn:hover:before,
.noTouchDevice .shareNav a.rssBtn:hover:before {color:white;}

.shareNav .facebookBtn:before,
.shareNav .twitterBtn:before,
.shareNav .instagramBtn:before,
.shareNav .rssBtn:before,
.shareNav .pinterestBtn:before {
 display:inline-block;content:'X';color:white;color:rgba(255,255,255,0.75);
 font-family: 'WWF-FontAwesome-Social' !important;speak: none;font-style: normal;font-weight: normal;
 font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
 text-shadow: none;margin-right: 0.125em;bottom:-0.125em;position:relative;
}

.shareNav .facebookBtn:before {content:'\f082';}
.shareNav .twitterBtn:before {content:'\f081';}
.shareNav .instagramBtn:before {content:'\f16d';}
.shareNav .rssBtn:before {content:'\f143';}
.shareNav .pinterestBtn:before {content:'\f231';}
.shareNav .shareBtn:before {content:'\f1e1';}


/* Share buttons */
.shareButtons{
 margin:20px 0 0;
}

.shareButtons li{
 margin:0 12px;
 display:inline-block;
 vertical-align:middle;
}

.ie7 .shareButtons li{
 display:inline;
 zoom:1;
}

.shareButtons li.sharePrefix{
 margin:0 10px 0 0;
 font-family:'WWF', Helvetica, Arial, sans-serif;
 text-transform:uppercase;
}

.shareButtons a{
 width:34px;
 height:34px;
 position:relative;
 top:4px;
 left:0;
 z-index:1;
 overflow:visible;
}

.shareButtons a.facebookBtn{
 background-position:-64px 0;
}

.noTouchDevice .shareButtons a.facebookBtn:hover{
 background-position:-64px -34px;
}

.shareButtons a.twitterBtn{
 background-position:-98px 0;
}

.noTouchDevice .shareButtons a.twitterBtn:hover{
 background-position:-98px -34px;
}

.shareButtons a.tumblrBtn{
 background-position:-137px 0;
}

.noTouchDevice .shareButtons a.tumblrBtn:hover{
 background-position:-137px -34px;
}

.shareButtons .countBubble{
 padding:1px 5px;
 background-color:#fff;
 border:1px solid #b5b5b5;
 border-radius: 3px;
 position:absolute;
 display:block;
 top: 5px;
 left: 120%;
 text-indent:0;
 color:#414042;
 font-size: 13px;
 font-weight:bold;
 opacity:0;
}

.shareButtons .countBubbleArrow{
 position:absolute;
 top:5px;
 left:-6px;
 width:6px;
 height:8px;
 background-repeat:no-repeat;
 background-position: -145px -75px;
}

.shareButtons a:hover .countBubble{
 border-color: #689f9f;
 color: #689f9f;
 background-position: -145px -85px;
}

.shareButtons a:hover .countBubbleArrow{
 background-position: -145px -85px;
}


/*********************
*	Home/Main Loops
********************/
/* Default loop */
.homeLoop{

}

.homeLoop .resultsHeading{
 margin:0 0 46px;
}

.homeLoop .allPosts{
 position:relative;
 top:0;
 left:0;
 z-index:1;
}

.homeLoop .allPosts .postTitle{
 display:block;
}

.homeLoop .allPosts .postMeta{
 margin:6px 0 4px;
}

.homeLoop .allPosts .postAuthorUrl{

}

.homeLoop .featuredPost .featuredImgOuter{
 margin:0 0 24px;
 display:block;
}

.homeLoop .featuredPost .featuredImgOuter img,
.homeLoop .normalPosts .postThumbOuter{
 border:2px solid #fff;
 -webkit-box-shadow:0 0 5px #8f8f8f;
 box-shadow:0 0 5px #8f8f8f;
 display:block;
}

.noTouchDevice .homeLoop .featuredPost .featuredImgOuter:hover img{
 -webkit-box-shadow:0 0 5px #000;
 box-shadow:0 0 5px #000;
}

.homeLoop .featuredPost .featuredImgOuter img{
 max-width:99%;
 height:auto;
}

.homeLoop .featuredPost hr{
 margin:27px 0 22px;
}

.homeLoop .postsOuter{

}

.homeLoop .normalPosts{
 width:100%;
 min-height:180px;
 padding:0 0 29px;
 float:left;
}

.homeLoop .normalPosts:first-child{

}

.homeLoop .normalPosts hr{
 margin:0 0 26px;
}

.homeLoop .normalPosts:first-child hr{
 display:none;
}

.homeLoop .normalPosts .postCol{

}

.homeLoop .normalPosts .postLeftCol{
 width:150px;
 height:150px;
 margin:10px 0 0 -100%;
 float:left;
}

.homeLoop .normalPosts:first-child .postLeftCol{

}

.noTouchDevice .homeLoop .normalPosts .postThumbOuter:hover{
 -webkit-box-shadow:0 0 5px #000;
 box-shadow:0 0 5px #000;
}

.homeLoop .normalPosts .postRightCol{
 width:100%;
 float:left;
}

.homeLoop .normalPosts .postRightColInner{
 margin:0 0 0 170px;
}

.homeLoop .normalPosts .postTitle{
 margin-top:-1px;
}

.homeLoop .pagination{
 padding:24px 0 0;
}

.homeLoop .pagination div a{
 margin:26px 0 0;
 padding:20px 0;
 background:#036363;
 display:block;
 font-family:'WWF', Helvetica, Arial, sans-serif;
 line-height:1;
 text-align:center;
 text-transform:uppercase;
 color:#fff;
}

.homeLoop .pagination div:first-child a{
 margin-top:0;
}


/* Author loop */
.homeLoop .authorInfoOuter{

}

.homeLoop .authorInfoOuter .profileImageOuter{
 margin:0 0 19px;
}

.homeLoop .profileImageOuter img{
 border:2px solid #fff;
 border-radius:93px;
 -webkit-box-shadow:0 0 5px #8f8f8f;
 box-shadow:0 0 5px #8f8f8f;
}

.homeLoop .authorInfoOuter span.h1{
 margin:0 0 2px;
 text-transform:uppercase;
}

.homeLoop .authorInfoOuter .authorFeed{
 font-weight:bold;
}

.homeLoop .authorInfoOuter span.postsPrefix{
 margin:51px 0 16px;
}

.homeLoop.author .normalPosts:first-child hr{
 display:none;
}


/* Search loop */
.homeLoop .searchResultsOuter{
 word-wrap:break-word;
}

.homeLoop .searchResultsSummary{

}

.homeLoop .searchResultsSummary{

}

.homeLoop .searchResultCount{

}

.homeLoop .searchQuery{
 margin:0 0 0 3px;
 font-style:italic;
}


/*********************
*	Single Posts
********************/
.singlePost{
 margin-top:-11px;
}

.singlePost .postMeta{
 margin-top:19px;
 margin-bottom:6px;
}

.singlePost .postMeta .postMetaContent{
 vertical-align:middle;
}
.postMeta {padding-top:0.25em;padding-bottom:0.5em;}
.postMeta .bulletSeparator {font-size:85%;position:relative;bottom:0em;margin:0 0.5em;display:none;}
.home .postMeta-unit.postMeta-profileimg, .homeLoop .postMeta-unit.postMeta-profileimg {display:none;}
.postMeta .postDate.secondline {line-height: 1;}
.singlePost .authorProfileImg, .authorProfileImg{
 width:40px;
 height:40px;
 margin:-6px 11px 0 0;
 float:left;
 display:inline;
 border-radius:20px;
 overflow:hidden;
}

.ie7 .singlePost .authorProfileImg {
 display:inline;
 zoom:1;
}

.singlePost .postTagsOuter{
 word-wrap:break-word;
}

.singlePost .tagPrefix{
 margin:0 2px 0 0;
}

.singlePost .tagList{
 display:inline;
}

.singlePost .tagList li{
 display:inline-block;
 vertical-align:top;
}

.ie7 .singlePost .tagList li{
 display:inline;
 zoom:1;
}

.singlePost .tagList li:first-child{

}

.singlePost .tagList li.tagSeparator{
 margin:0 2px 0 0;
}

.singlePost .tagList li a{
 font-weight:bold;
}

.singlePost .morePostsOuter{
 margin:74px 0 0;
}

.singlePost .morePostsOuter h2{
 margin:0 0 26px;
 text-transform:uppercase;
}

.singlePost .morePost{
 width:50%;
 margin:0 0 29px;
 display:inline-block;
 vertical-align:top;
}

.ie7 .singlePost .morePost{
 display:inline;
 zoom:1;
}

.singlePost .morePost span{
 display:block;
}

.singlePost .morePost .rightColInner{
 margin:-6px 0 0;
 font-weight:bold;
}

.singlePost .morePost .leftCol{
 width:74px;
 height:74px;
 margin:0 0 0 -100%;
 float:left;
}

.singlePost .morePost .postThumbOuter{
 width:70px;
 height:70px;
 border:2px solid #fff;
 -webkit-box-shadow:0 0 5px #8f8f8f;
 box-shadow:0 0 5px #8f8f8f;
}

.noTouchDevice .singlePost .morePost:hover .postThumbOuter{
 -webkit-box-shadow:0 0 5px #000;
 box-shadow:0 0 5px #000;
}

.singlePost .morePost .rightCol{
 width:100%;
 float:left;
}

.singlePost .morePost .rightColInner{
 margin:0 0 0 85px;
 padding:0 20px 0 0;
}

.noTouchDevice .singlePost .morePost:hover .rightColInner{
 text-decoration:underline;
}

.singlePost .disqusSeparator{
 margin:44px 0 22px;
}

.singlePost .disqusOuter{

}


/*********************
*	Pages
********************/
.singlePage{

}

/*********************
*	Media Queries
********************/
@media only screen and (max-width:1141px){
 /* Home loop */
 /*.homeLoop .normalPosts .postMeta .postMetaContent,
 .ie7 .homeLoop .normalPosts .postMeta .postMetaContent{
 display:block;
 }*/

 .homeLoop .normalPosts .postMeta .bulletSeparator,
 .ie7 .homeLoop .normalPosts .postMeta .bulletSeparator{
  display:none;
 }
}

/* Tablet */
@media only screen and (max-width:850px) {
 /* Mobile nav */
 .storeButton {display:none!important} /* hide right margin donate button for mobile */
 .donateButton {display:none!important} /* hide right margin donate button for mobile */
 .page-donate .donateButton {position:relative;display:inline-block!important;text-align:center!important}

 .mobileNavOuter{ height:auto; }

 .mobileNavOuter .shareNav .sprite{ display:none; }

 /* Main columns */
 .mainColumn{ display:block; clear:both; position:relative; top:0; left:0; }

 .mainLeftCol{ width:100%; max-width:none; position:relative; }

 .mainLeftCol .contentOuter{ margin:0 15px; padding-right:0; padding-bottom:1px; padding-left:0; }

 .mainLeftCol .blogDesc{ margin-bottom:25px; }
 .mainLeftCol .navOuter{ display:none; }
 .mainLeftCol .dropShadow{ display:none; }
 .mainRightCol{ width:auto; margin-right:0; margin-left:0; padding-top:50px; padding-right:16px; padding-left:16px; }

 .mainRightCol .contentOuter{ margin-right:auto; margin-left:auto; padding-top:0; padding-right:0; padding-left:0; }


 /* Header */
 #toggleMobileNav{ display:block; }

 .mainLeftCol .mainGoHome{ width:62px; height:81px; margin-bottom:20px; }

 .mainLeftCol .mainGoHome .iconOuter{ height:81px; }

 .mainLeftCol .mainGoHome .sprite{ width:43px; height:60px; margin:-28px 0 0 -22px; background-position:-64px -100px; }

 .mainLeftCol .blogDesc p, .mainRightCol .header{ display:none; }

 /* Home loop */
 .homeLoop .normalPosts .postLeftCol{ display:none; }

 .homeLoop .normalPosts .postRightColInner{ margin-left:0; }

 .homeLoop .allPosts .postMeta .postMetaContent, .homeLoop .ie7 .allPosts .postMeta .postMetaContent{ display:block; }
 .homeLoop .allPosts .postMeta .bulletSeparator,
 .ie7 .homeLoop .allPosts .postMeta .bulletSeparator{
  display:none;
 }

 .postDate {margin-bottom:0;}

 /* Single posts */
 .singlePost .postMeta{
  margin-top:32px;
  margin-bottom:26px;
 }
 @media only screen and (max-width:600px){
  .singlePost .postMeta{
   margin-bottom:12px;
  }
 }
 .singlePost .postMeta .authorProfileImg {
  /*    margin-right:0;*/
  margin-bottom:15px;
  display:block;
 }

 .singlePost .morePost:nth-child(1n+5){
  display:none;
 }
}


/* Narrower mobile */
@media only screen and (max-width:660px){
 .singlePost .morePost{
  width:100%;
 }
}

/* Phone */
@media only screen and (max-width:500px){
 .singlePost .morePost:nth-child(1n+4){
  display:none;
 }
}


.donateButton {font:1.25em/1.125 'WWF', Helvetica, Arial, sans-serif;border:1px solid white; padding:0.125em 0.0625em 0.25em 0.25em;text-transform:uppercase;display:inline-block;width:auto!important;margin-top:1.25em;}
.donateButton:hover {background-color:rgba(255,255,255,0.2);text-shadow:none;text-decoration:none!important}
.donateButton:after {display:inline-block;content:'\25B6';font-size:88%;transform: scale(0.5,1);-ms-transform: scale(0.5,1);-webkit-transform: scale(0.5,1);margin-left:-.125em;}


/*********************
*	Three-column layout, basic responsive grid
********************/

.row {position:relative;display:block;width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5rem;}
.row:before,.row:after{content:' ';display:table}
.row:after{clear:both}
.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}
.row.collapse .row{margin-left:0;margin-right:0}
.row .row{width:auto;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:none}
.row .row:before,.row .row:after{content:" ";display:table}
.row .row:after{clear:both}
.row .row.collapse{width:auto;margin:0;max-width:none}
.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}
.row .row.collapse:after{clear:both}
.column, .columns {position:relative;display:block;padding:0!important;margin-left:0;margin-right:0;width:100%;float:left}

@media only screen and (min-width: 1141px){
 .large-4 {width:33.33333%!important}
}
@media only screen and (min-width: 850px) {
 .medium-4 {width:33.33333%!important;}
 .row.colgrid [class*="column"]:first-child > *    {margin-left:0.0rem; margin-right:0.75rem;}
 .row.colgrid [class*="column"]:nth-child(n+2) > * {margin-left:0.375rem; margin-right:0.375rem;}
 .row.colgrid [class*="column"]:last-child > *     {margin-left:0.75rem; margin-right:0.0rem;}
}
@media only screen and (max-width: 849px) {
 .small-12 {width:100%;}
 .page-donate p {text-align:center!important}
 .row.colgrid [class*="column"]:first-child > *,
 .row.colgrid [class*="column"]:nth-child(n+2) > *,
 .row.colgrid [class*="column"]:last-child > * {margin-left:0!important;margin-right:0!important}
 .page-donate .coltop, .page-donate .colbody, .page-donate .donateButton {text-align:center;}
}



/*********************
*	Donate page styles
********************/

.page-donate h2 {color:#026262;font-size:38px;line-height:100%;margin-bottom:6px;margin-bottom:0.375em;}
.page-donate h3 {font-size:21px;line-height:125%;font-family:Helvetica, Arial, sans-serif;margin-bottom:1em;}
.page-donate .bigpicture {width:100%;height:290px;background-repeat: no-repeat;margin-top:0}
.page-donate .subhead {background-color:none;font-family:Helvetica, Arial, sans-serif;}
.page-donate .coltop {font:1.66em/100% 'WWF', Helvetica, Arial, sans-serif;text-transform:uppercase;color:#026262;padding-top:4px;border-top:1px solid #2c2b2d;margin-top:0.5em;margin-bottom:0.25em;}

.page-donate .donateButton {border:none;background-color:#e8510a;color:white!important;background: -moz-linear-gradient(top,  #f29724 0%, #e8510a 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29724), color-stop(100%,#e8510a));
 background: -webkit-linear-gradient(top,#f29724 0%,#e8510a 100%);
 background: -o-linear-gradient(top,#f29724 0%,#e8510a 100%);
 background: -ms-linear-gradient(top,#f29724 0%,#e8510a 100%);
 background: linear-gradient(to bottom,#f29724 0%,#e8510a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29724', endColorstr='#e8510a',GradientType=0 );padding:8px 6px 8px 8px;margin-top:0.5em;font-weight:normal;
}
.page-donate .donateButton:hover, .page-donate .donateButton:active {
 background-color:#f29724!important;background: -moz-linear-gradient(top,  #e8510a 0%, #f29724 100%)!important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8510a), color-stop(100%,#f29724))!important;
 background: -webkit-linear-gradient(top,#e8510a 0%,#f29724 100%)!important;
 background: -o-linear-gradient(top,#e8510a 0%,#f29724 100%)!important;
 background: -ms-linear-gradient(top,#e8510a 0%,#f29724 100%)!important;
 background: linear-gradient(to bottom,#e8510a 0%,#f29724 100%)!important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8510a', endColorstr='#f29724',GradientType=0 )!important;padding:8px 6px 8px 8px!important;margin-top:0.5em!important;font-weight:normal!important;
}
.page-donate .copyright {font-size:12px;line-height:100%;color:#444;}

@media only screen and (min-width:850px) and (max-width:960px) {
 .page-donate .coltop {font-size:25px;}
 .page-donate .colbody {font-size:14px;}
 .page-donate .donateButton {font-size:17px;}
}

@media only screen and (max-width:850.5px){ /* smartphone styles */
 .page-donate {margin-top:-1em}
 .page-donate h2 {font-size:42px;}
 .page-donate .subhead {
  position:relative;float:left;width:100%;margin-top:0
 }
 .page-donate .subhead h3 {font-size:18px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;width:auto;display:block;background-color:white;background-color:rgba(255,255,255,0.7);padding:0.5em 0.5em;margin:0;}
}

/*drop menu styles*/
/*#wrapper {z-index:-10;} */
#wrapper .topNav {z-index:1000;xmax-height:26px;overflow:visible;}
#wrapper .dropmenu-box {margin-right:6px!important;}
#wrapper .menuactive .dropmenu-box {float:left;position:absolute;margin-left:0;}
.wpNavItem.dropmenu-unit {margin-right:9px!important;}
/*.wpNavItem.dropmenu-unit:not(.menuactive) {margin-right:14px!important;}*/
/*.wpNavItem.dropmenu-unit.menuactive {margin-right:13px!important;}*/
/*.wpNavItem.dropmenu-unit:hover {margin-right:8px!important;}*/
#wrapper .dropmenu-item {display:none;}
#wrapper .dropmenu-unit.menuactive .dropmenu-box {
 margin:-6px 0 6px 0;background-color:#fff;border:1px solid #DFDFD5;border-radius:3px;-webkit-border-radius:3px;padding-bottom:4px
}
#wrapper .dropmenu-unit.menuactive.activeItem a {border-bottom:none;}
#wrapper .dropmenu-unit.menuactive .dropmenu-top span,
#wrapper .dropmenu-unit.menuactive .dropmenu-item span
{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent}
#wrapper .dropmenu-unit.menuactive .dropmenu-top {display:block;}
#wrapper .dropmenu-unit.menuactive .dropmenu-top + .dropmenu-item {display:block}
#wrapper .dropmenu-unit.menuactive .dropmenu-top:hover,
#wrapper .dropmenu-unit.menuactive .dropmenu-item:hover {border:none!important}
#wrapper .dropmenu-unit.menuactive .dropmenu-top:hover span,
#wrapper .dropmenu-unit.menuactive .dropmenu-item:hover span {border-bottom-color:#026262}
#wrapper .dropmenu-unit.menuactive .dropmenu-top,
#wrapper .dropmenu-unit.menuactive .dropmenu-item {margin-top:1px;position:relative;display:inline-block;padding:8px 6px 8px 6px!important;line-height:1;}
#wrapper .dropmenu-unit.menuactive .dropmenu-item {margin-top:-3px!important;}
/*#wrapper .dropmenu-unit.menuactive .dropmenu-item {margin-right:-6px}*/
#wrapper .dropmenu-unit.menuactive .dropmenu-item:after {content:'',display:table;clear:both}

#wrapper .dropmenu-unit.menuactive {margin-left:-7px;margin-right:13px!important;}
/*
#wrapper .dropmenu-item').parent().addClass('dropmenu-new').appendTo(jQuery('#wrapper .dropmenu-top').parent());
/*  jQuery('.dropmenu-new').removeClass('dropmenu-new').wrap('<ul class="dropmenu-set">');*/
/*  jQuery('.dropmenu-top').hover(function(){jQuery(this).addClass('menuactive');},f*/ */

/* LOVE NATURE */
/*.tag-love-nature #mainLeftCol {background-image:url(https://sidewaysdesign.com/partners/wwf/blog/wp-content/themes/wwf-theme/images/wwfblog_lovenature_bg.jpg)!important}*/
.lovenature-menu {display:none}
/*.tag-love-nature .lovenature-menu {display:inherit}*/
/*.tag-love-nature .lovenature-menu span + span {line-height:115%;}*/
/*.tag-love-nature .lovenature-menu .sprite-btn {background-image:url(https://sidewaysdesign.com/partners/wwf/blog/wp-content/themes/wwf-theme/images/wwfblog_lovenature_menulogo.png)!important;width:104px;height:43px;background-position:0 0;margin-top:6px;}*/
/*.tag-love-nature .lovenature-menu:hover .sprite-btn {background-position:0 -43px!important}*/

/*.tag-love-nature .lovenaturebadge {display:block;position:absolute;top:20px;width:160px;left:174px;margin-top:2px;font-size:15px;line-height:1.2;border-left:1px solid white;padding-left:15px!important;font-weight:bold;letter-spacing:-0.015em;}*/
/*.tag-love-nature .lovenaturebadge:before {content:'';display:block;background-image:url(https://blog.wwf.ca/wp-content/themes/wwf-theme/images/lovenature_2sizes.png)!important;background-repeat:no-repeat;width:134px!important;height:56px;margin-left:-3px;}*/
@media only screen and (max-width:850px) {
 /*.tag-love-nature .lovenaturebadge:before {width:134px;height:43px;background-position:0 -60px;}.tag-love-nature .lovenaturebadge {left:89px;top:8px;font-size:13px;}*/
}
.topNav {
 display: -webkit-box!important;
 display: -moz-box!important;
 display: -ms-flexbox!important;
 display: -webkit-flex!important;
 display: flex!important;
 overflow-x:auto;
 flex-wrap: wrap;
}
.topNav .wpNavLink {white-space:nowrap;}
.search-results .titleUnit .postAuthorUrl {display:none!important;}
