/* --- GENERAL --- */
p {
    color:#000000;
}
p a:link, p a:visited {
    color:#000000; text-decoration:underline;
}
p a:hover, p a:active {
    color:#e9072f; text-decoration:none;
}
ol {
    color:#000000;
}
ol a:link, ol a:visited {
    color:#000000; text-decoration:underline;
}
ol a:hover, ol a:active {
    color:#e9072f; text-decoration:none;
}
ul {
    color:#000000;
}
ul a:link, ul a:visited {
    color:#000000; text-decoration:underline;
}
ul a:hover, ul a:active {
    color:#e9072f; text-decoration:none;
}
.bt-header-menu ul a:link, .bt-header-menu ul a:visited {
   text-decoration:none;
}
#hero {
    height:85vh;
}
#hero h1 {
    text-shadow: 0px 0px 25px rgba(0, 0, 0, 1);
    font-size:48px !important;
    line-height:67px !important;
}
#hero h2 {
    text-shadow: 0px 0px 25px rgba(0, 0, 0, 1);
    font-size:36px !important;
    line-height:52px !important;
    font-style:italic !important;
}
.size12 {
    font-size:12px;
    line-height:17px;
}
.size21 {
    font-size:21px;
    line-height:31px;
}
.references p {
    font-size:14px;
    line-height:20px;
}
/* ----- from old ----- */
.all-btn-bigger .vc_btn3-size-lg {
	font-size:20px !important;
}
.bt-blog-article {
	padding-top:8em;
}
.box-shadow-menu {
  position: absolute;
	top: 22px
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1.75em;
  height: 0.20em;
  background: #ffffff;
  box-shadow: 
    0 0.5em 0 0 #ffffff,
    0 1em 0 0 #ffffff;
}
.block-hover:hover {
	opacity: 0.8;
}
.social-contact {float: left; margin: 0 auto 0 -18px !important;}
.text-light {color: #ffffff !important}
.home-filter {
-webkit-filter: multiply(100%);
filter: multiply(100%);
-moz-filter: multiply(100%);
}
#bt_main_header .main-header-wrap.header-v7 .menu-wrap .sidebar-container .widget.widget_bt_combowigets .combo-widgets-shortcode-wrap .scwg-item .btwg-icon i {
color: #ffffff;
font-size: 26px !important;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
background-color: #e9072f !important;
}

.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
background-color: #444444 !important;
}
.home-mid {
display: inline-block !important;
vertical-align: middle !important;
height: auto;
}

.bs-block.layout-bears_block--custom .bs-block-container .item.l-background_image .item-inner .title::after, .bs-block.layout-bears_block--custom .bs-block-container .item.l-background_image .item-inner .title::before {display: none;}

body input[type="text"], body input[type="email"], body input[type="search"], body input[type="tel"], body textarea, body select {margin-bottom: 10px;}

.menu-wrap a {font-size: 20px; color: #ffffff; text-transform: uppercase;}

.menu-wrap {margin-top: 10px !important;}

input[type="submit"] {
	background-color: #E9072F !important;
}


/***NEW VERSION***/
/*General*/
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	background-color:rgba(241,36,52,0.8)!important;
}
.page-id-1835 .vc_section.vc_section-has-fill, .page-id-1835  .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .page-id-1835  .vc_section.vc_section-has-fill+.vc_section,.page-id-1835 .vc_row {
    background: #fff;
    position: relative!important;
	z-index:2;
}
.vidbg-container {
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #f6fcf9;
}
.vidbg-container video {
    position: fixed;
    z-index: -1;
    top: 0;
	height:100vh;
    width: auto!important;
    left: unset;
    height: 100vh!important;
    right: 0px;
    transform: translate(0%, 0%);
    opacity: 0;
}

/*Header*/
.bt-header-v1 .bt-menu-list > ul > li > a:before, .bt-header-v2 .bt-menu-list > ul > li > a:before, .bt-header-v3 .bt-menu-list > ul > li > a:before {
	display:none;
}

@media screen and (min-width:961px) {
#bt_header li {
cursor:pointer;
	display:inline-block;
}
#bt_header li:after {
	content:''!important;
	width:0px;
	height:2px;
	margin:0 auto;
	display:block;
	background:#e9072f;
	transition: all 0.6s ease;
}
	#bt_header li:hover a {
		color:#e9072f!important;
		text-decoration:none;
	}
#bt_header li:hover:after {
		width:80%;
	height:2px;
	pointer-events:none;
}
#bt_header li a {
	position:relative;
	display:inline-block;
	cursor:pointer;
}

}
/*Fonts*/
body {
	font-family:acumin-pro-wide!important;
}
.bt-header-v3 .bt-menu-list > ul > li > a {
	font-family:acumin-pro-wide!important;
	text-transform: none;
	color:#4D4D4D!important;
	font-weight:300!important;
}
h1 {
	font-weight:900;
	line-height:1em!important;
	font-size:2.8em!important;
}
/*Header*/
.bt-header-v3 .bt-menu-list {
	padding-right:0px;
	text-align:right;
	display:inline-block;
}
.bt-header-menu .container {
	width:100%;
	max-width:1920px;
}
#nav {
	text-align:right;
}
#bt_header .widget_social_widget {
	display:inline-block;
	font-size:0.6rem;
	border:none;
	background-color:transparent!important;
}
.bt-header-v3 {
	background:transparent;
	position:fixed;
	width:100%;
	left:0px;
	z-index:10;
}
.bt-header-menu {
	background-color:transparent!important;
	box-shadow:none!important;
	position:relative;
}
.bt-header-menu:after {
	content:'';
	display:block;
	position:absolute;
	lefT:-20px;
	top:0px;
	right:-20px;
	height:30%;
	z-index:-1;
	background-color:#fff;
	box-shadow:0px 20px 30px 30px rgba(255,255,255,1)
}
#bt_header .widget_social_widget a {
	font-size:3em!important;
	margin-left:1em;
}
#bt_header a {
	color:#4D4D4D;
	text-transform:none;
}
#nav {
	padding-top:1em;
}
.bt-container-menu .col-md-10 {
	text-align:right;
}
.bt-title-bar-wrap {
	display:none;
}
.narrow .container {
	max-width:540px;
}
.thin .container {
	max-width:960px;
}
.narrow.social img {
	height:74px;
	width:auto;
	margin:0 auto;
}
.thin.social .wpb_single_image {
	margin-bottom:1em;
}
.thin.social {
	text-align:center;
}
.thin.social a:hover {
	transform:scale(1.1) rotate(10deg);
}
/*Responsive Youtube Container*/
.youtube-responsive-container {
position:relative;
padding-top:100%;
	width:100%;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.video-responsive-container {
position:relative;
padding-top:100%;
	width:100%;
overflow:hidden;
}

.video-responsive-container video {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
	object-fit:cover;
}
/*Buttons*/
a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-danger {
    font-size: 2.4rem !important;
}
button.vc_general, a.vc_btn3 {
	font-family:'Roboto'!important;
	font-weight:900!important;
	border-radius:60px!important;
	border-width:1px!important;
	font-size:1.2rem!important;
	padding:0.6em 2em!important;
}
/*Sidebar*/
.sidebar-right .widget.widget_search .search-form input.search-field {
	margin-bottom:2em;
}
/*Fish button*/
.fish-button {
	position:relative;
}
.fish-button div {
	position:absolute;
}
/*Why*/
.why .container{
	padding-bottom:8em;
	overflow:visible;
	position:relative;
}
.why .container:after {
	content:'';
	width:240px;
	height:300px;
	left:-45%;
	bottom:-50px;
	position:absolute;
	background-image:url('/wp-content/uploads/2019/05/Salmon_Website_Redesign-15.png');
	background-size:contain;
	background-repeat:no-repeat;
}
.why.narrow .container {
	max-width:720px;
}
/*Who*/
.who {
	position:relative;
}
.who .container {
	position:relative;
}
.who .container:before {
	content:'';
	display:block;
		width:200px;
	height:400px;
	background-image:url('/wp-content/uploads/2019/05/trees.png');
	background-sizE:contain;
	background-repeat:no-repeat;
	position:absolute;
	lefT:-240px;
	top:0px;
	z-index:10;
}
.who .container:after {
	content:'';
	display:block;
		width:240px;
	height:420px;
	background-image:url('/wp-content/uploads/2019/05/heron.png');
	background-sizE:contain;
	background-repeat:no-repeat;
	position:absolute;
	right:-280px;
	bottom:-200px;
	z-index:10;
}
/*Fish Sprite*/
@keyframes play {
	0% {
		background-position: 0px 0px;
	}
	80% {
		background-position: 0px 0px;
	}
   100% { background-position: -9000px 0px;}
}
div.jumping-fish {
	width:380px;
	position:absolute;
	bottom:-4em;
	left:0px;
	height:100px;
background:url('/wp-content/uploads/2019/05/Spritesheet8bit.png');
	display:block;
	animation: play 4s steps(23);
	animation-iteration-count:infinite;
	animation-delay:2s;
	background-position:left top;
	background-size:9000px auto;
	background-repeat:no-repeat;
}
.home-hero h1 {
	font-size:2em!important;
}
.home-hero h2 {
	color:rgba(241,36,52,0.8);
	display:inline-block;
}
.home-hero:before {
content:''!important;	position:absolute!important;
	width:100%!important;
	height:30px!important;
	bottom:-40px!important;
	box-shadow:0px -20px 20px 10px #fff;
	z-index:10;
}

/*Waves*/
.waves {
	background-position:top center;
	padding-top:4em;
	background-size:contain!important;
	background-repeat:repeat-x!important;
}
.waves .fish1 {
	padding:0 2em;
}
.waves .fish2 {
	margin-left:-4em;
}
.waves h3 {
	color:rgba(241,36,52,0.75);
	font-weight:900;
	margin-top:6em;
}
/*News Grid*/
.news-grid h4 {
	font-weight:300;
	margin-top:2em;
}
.news-grid .vc_gitem_row .vc_gitem-col {
	padding:0;
}
.news-grid .addtoany_share_save_container {
	display:none;
}

.sb_instagram_header {
	text-align:center!important;
}
.sb_instagram_header a {
	float:none!important;
	width:360px;
	margin:0 auto;
}
#sb_instagram .sb_instagram_header h3.sbi_no_bio {
	font-weight:700;
	font-size:1.2em;
}
#sb_instagram .sb_instagram_header h3.sbi_no_bio:before {
	content:'@';
}
#sb_instagram .sb_instagram_header h3.sbi_no_bio:after {
	content:' on instagram';
}
/*Supporters Grid*/
.supporters-grid {
	margin-top:1em;
}
.supporters-grid .featured {
	border-radius:100%;
	max-width:150px;
	margin:0 auto;
	margin-bottom:2em;
	transition: all 0.1s ease;
}
.supporters-grid .featured:hover {
	opacity:0.8;
	transform:scale(1.1);
}
.supporters-grid h4 {
	text-align:center!important;
	font-weight:300;
	font-size:1em;
	line-height:1.2em;
}
/*Mailchimp form*/
#mc_embed_signup input {
	width:100%;
	border-radius:30px;
	border:solid 1px #1FCCBF;
	padding:0.6em 2em
}

label[for="mce-EMAIL"] {
	color:#1FCCBF;
	font-weight:300;
	font-family:acumin-pro-wide;
	font-size:0.9em;
	left:2.4em;
	background:#fff;
	padding:0 0.6em;
	display:inline-block;
	position:absolute;
	top:0.2em;
}
label[for="mce-FNAME"] {
	color:#1FCCBF;
	font-weight:300;
	font-family:acumin-pro-wide;
	font-size:0.9em;
	left:2.4em;
	background:#fff;
	padding:0 0.6em;
	display:inline-block;
	position:absolute;
	top:0.2em;
}
#mce-EMAIL {
	margin-top:1em;
	margin-bottom:1.6em;
}
#mc-embedded-subscribe {
	background-color:#1FCCBF!important;
	font-weight:600;
	margin-bottom:1em;
}
#mc_embed_signup .disclaimer {
	font-size:0.8em;
	line-height:1.4em;
}
#mc_embed_signup .disclaimer .red {
	color:rgba(241,36,52,0.75);
}
.main-content {
	position:relative;
}
#mc_embed_signup div.mce_inline_error {
	overflow:auto;
}
/*Password page*/
.post-password-form {
	padding-top: 20em;
    padding-bottom: 10em;
    text-align: center;
    height: 100vh;
}
/*Blog*/
.bt-excerpt {
	display:none;
}
.bt-meta {
	display:none;
}
.bt-title {
	margin-top:2em;
}
.bt-blog-article .bt-blog-item .bt-header .bt-header-inner {

}
.bt-blog-item .bt-content {


}
.bears_blog--blog2 .extra-meta {
	display:block;
}
.bs-blog.temp-bears_blog--blog2.layout-grid_classic .bs-blog-container .item .item-inner .info-meta .extra-meta .post-comment{
	display:none!important;
}
header {
	position:relative;
	z-index:23;
}
.bear {
	margin-bottom:0;
	margin-bottom:-3em;
	z-index:2;
	position:relative;
}
/*News page*/
.blog .main-content{
	padding-top:8em;
	padding-bottom:4em;
}
/*Media Queries*/
@media screen and (max-width:991px) {
	
header .bt-container-menu .col-md-10 .widget.widget_social_widget{
	position:absolute;
	right:56px;
	top:-50px;
}
	.why .container{
		padding-bottom:0;
	}
	.why .container:after {
		position:relative;
		left:0px;
		right:0px;
		margin:0 auto;
		
	}
	.waves {
		padding-bottom:0!important;
		padding-top:0px;
	}
	.waves h3 {
		margin-top:0;
	}
	.news .vc_pageable-slide-wrapper > div:nth-child(n+2){
		display:none!important;
	}
	.sb_instagram_header a {
    float: left!important;
    width: auto;
    margin: 0 auto;
}
	#sb_instagram .sb_instagram_header h3.sbi_no_bio {
		padding-top:0!important;
	}
	#sbi_images .sbi_item:nth-child(n+4) {
		display:none!important;
	}
	.bt-footer .first a {
		float:none;
		display:block;
		margin:0 auto 2em auto;
	}
	.bt-footer .second {
		text-align:center;
	}
	.bt-footer .second .menu {
		padding:0 2em;
	}
	.bt-footer .second .menu li {
		margin:0 0.4em;
	}
	div.jumping-fish {
    width: 340px;
    position: absolute;
    bottom: -4em;
    lefT: -4em;
		right:0px;
		margin:0 auto;
    height: 100px;
    background: url(/wp-content/uploads/2019/05/Spritesheet8bit.png);
    display: block;
    animation: play 4s steps(23);
    animation-iteration-count: infinite;

    background-size: 9000px auto;
    background-repeat: no-repeat;
}
	.bt-header-menu {
		padding-top:0.6em;
	}
	.home-hero .vidbg-container:after{
		content:''!important;
		position:absolute;
		top:0px;
		lefT:0px;
		width:100%;
		height:100%;
		background-image:url('/wp-content/uploads/2019/05/mobileherobg.jpg');
		background-size:cover;
		background-position:center;
		opacity:0.3;
	}
	.home-hero .vidbg-container video {
		display:none;
	}
	.bt-menu-list {
		    /*background-image: url(https://wildfirst.ca/wp-content/uploads/2019/05/footerbg.jpg)!important;*/
            background: white!important;
    background-repeat: repeat-y;
    background-size: 100% auto;
			color:#fff!important;
	}
	.bt-blog-list .bt-blog-item .bt-blog-item-inner .bt-content {
    position: relative;
    padding: 40px 20px 20px;
    background: #FAFAFA;
    border-right: none;
    border-bottom: none;
    border-left: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	} 
	.bt-btn-main {
		width:100%;
	}
	.bt-blog-article .bt-blog-article-nav > a {
		width:100%;
		margin:1em 0 0 0;
	}
	.bt-blog-article .bt-blog-item .bt-header .bt-header-inner {
		border:none;
		padding:30px 20px;
	}
	.bt-blog-article .bt-blog-item .bt-header .bt-header-inner .bt-publish {
    position: absolute;
    top: -60px;
    right: 0px;
    left: 0px;
    display: inline-block;
    width: 100px;
    margin: 0 auto;
    height: 100px;
    text-align: center;
    background: #FFFFFF;
    padding: 15px 5px;
    border: 5px solid #F6F6F6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
}
/*Steps section*/
.steps {
	text-align:center;
	padding-top:2em;
}
.steps .circle-num br {
	display:none;
}
.steps a {
	text-align:center;
}
.steps a span {
	display:block;
}
.steps .circle-num {
	border: solid 1px #F12434;
    height: 80px;
    display: inline-block;
    align-items: center;
    width: 80px;
	font-size:1.4em;
    line-height: 75px;
    border-radius: 100%;
    text-align: center;
    margin:0 auto;
	background:#F12434;
	color:#ffff;
	-webkit-backface-visibility: hidden;
	box-shadow:0px 0px 0px 0px #F12434;
    transition: all 0.4s ease;
}
.steps a:hover .circle-num {
	background:#fff;
	color:#F12434;
	-webkit-backface-visibility: visible;
	box-shadow:0px 0px 0px 6px #F12434, 0px 0px 0px 8px #fff, 0px 0px 0px 10px #F12434;
}

/***Story Page***/

/*Animations*/
@keyframes sickly {
		0% {
		transform: skew(0deg, 0deg) rotate(0deg);
	}
	25% {
		transform: skew(3deg, 1deg);
	}
		50% {
		transform: skew(1deg, -5deg) rotate(10deg);
	}
	75% {
		transform:skew(2deg, 2deg);
	}
			100% {
		transform: skew(0deg, 0deg);
	}
}
@keyframes dotDown {
	0% {
		height:2px;
	}
	100% {
		height:80px;
	}
}
@keyframes dotDownLong {
	0% {
		height:2px;
	}
	100% {
		height:160px;
	}
}
@keyframes dotLeft {
	0% {
		width:2px;
	}
	100% {
		width:100px;
	}
}
@keyframes dotRight {
	0% {
		width:2px;
	}
	100% {
		width:100px;
	}
}
@keyframes dotRightLong {
	0% {
		width:2px;
	}
	100% {
		width:320px;
	}
}
@keyframes dotRightExtraLong {
	0% {
		width:2px;
	}
	100% {
		width:100%;
	}
}
@keyframes dotLeftLong {
	0% {
		width:2px;
	}
	100% {
		width:320px;
	}
}
@keyframes dotLeftExtraLong {
	0% {
		width:2px;
	}
	100% {
		width:100%;
	}
}
@keyframes float1 {
	0% {
		transform:translate(0px,0px);
	}
	30% {
		transform:translate(10px,10px);
	}
	55% {
		transform:translate(8px,5px);
	}
	75% {
		transform:translate(9px,12px);
	}
}
@keyframes float3 {
	0% {
		transform:translate(0px,0px) rotate(0deg);
	}
	25% {
		transform:translate(10px,10px) rotate(10deg);
	}
	50% {
		transform:translate(8px,5px);
	}
	75% {
		transform:translate(9px,12px) rotate(-10deg);
	}
	100% {
		transform:translate(0px) rotate(0deg);
	}
}
@keyframes fadeOut {
	0% {
		opacity:1;
		transform:translateY(0px);
	}
	100% {
		opacity:0;
		transform:translateY(-100px);
	}
}

.faderight {
	transform:translatex(-100px);
	opacity:0;
	transition: all 0.4s ease;
}
.fadeleft {
	transform:translatex(100px);
	opacity:0;
	transition: all 0.4s ease;
}
.fadeleft.in-view, .faderight.in-view {
	transform:translatex(0px);
	opacity:1;
}
.fadeinup {
	opacity:0;
		transform:translateY(300px);
	transition: all 0.4s ease;
}
.fadeinup.in-view {
	transform:translateY(0px);
	opacity:1;
	transition: all 0.4s ease;
}
.dot {
	display:block;
	position:relative;
}
.dot.down:after {
	content:'';
	display:block;
	width:8px;
	margin-left:-2.5px;
	margin-top:-3.5px;
	height:8px;
	border-radius:50%;
	background-color:#F12434;
	position:absolute;
	bottom:0;
}
.dot.down {
	width:2px;
	height:2px;
	margin:0 auto;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.dot.down.in-view {
	animation-name:dotDown;
	transition:all 0.4s ease;
}
.dot.arrow.down:after {
	border-top:solid 20px #F12434;
	border-left:solid 14px transparent;
	border-right: solid 14px transparent;
	margin-left:-12px;
bottom:-4px;
	height:auto;
	width:auto;
	border-radius:0px;
	background:transparent;
}
.dot.arrow.down.in-view {
	width:4px;
}
.dot.left:after {
	content:'';
	display:block;
	width:8px;
	margin-left:-2.5px;
	top:-3px;
	height:8px;
	border-radius:50%;
	background-color:#F12434;
	position:absolute;
}
.dot.left {
	width:2px;
	height:2px;
	margin:0 auto 0 0;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.dot.left.in-view {
	animation-name:dotLeft;
}
.dot.right:after {
	content:'';
	display:block;
	width:8px;
	margin-left:-2.5px;
	top:-3px;
	height:8px;
	border-radius:50%;
	background-color:#F12434;
	position:absolute;
	right:0px;
}
.dot.right{
	width:2px;
	height:2px;
	margin:0 0 0 auto;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.dot.right.in-view {
	animation-name:dotRight;
}
.dot.red {
	background-color:#F12434;
}
.dot.black {
	background-color:#000;
}
.dot.black:after {
	background-color:#000;
}
.delay04 {
	animation-delay:0.4s;
}
.delay08 {
	animation-delay:0.8s;
}
.delay12 {
	animation-delay:1.2s;
}
.delay16 {
	animation-delay:1.6s;
}
.delay3 {
	animation-delay:3s;
}
.delay35 {
	animation-delay:3.5s;
}
.delay4 {
	animation-delay:4s;
}

.caption {
	color:#F12434;
	/*display:inline-block;*/
    display: block;
	font-style:italic;
	font-size:0.8em;
	line-height:1.2em;
}
.caption:before{
	content:'';
	background-color:#F12434;
	height:2px;
	width:70px;
	display:block;
	margin-right:0;
	margin-lefT:auto;
	margin-top:3em;
	margin-bottom:1em;
	
}
@media screen and (min-width:1480px) {
section.wide .container {
	width:1480px;
}
}
.mr-6 {
	margin-right:6em;
}
/*Intro*/
.intro .waves {
	position:absolute;
	bottom:0;
	width:100%;
	padding-top:0px!important;
}
.waves .fish .wpb_wrapper{
	display:flex;
	opacity:1;
	align-items:center;
	justify-content:center;
}
.waves .fish img {
	width:auto;
	height:auto;
	margin:0 auto;
}
.float1 {
	animation-name:float1;
	animation-direction:forwards;
	animation-iteration-count:infinite;
	animation-duration:5s;
	animation-timing-function:ease-in-out;
}
.float2 {
	animation-name:float1;
	animation-direction:forwards;
	animation-iteration-count:infinite;
	animation-duration:5s;
	animation-timing-function:ease-in-out;
}
.float3 {
	animation-name:float3;
	animation-direction:forwards;
	animation-iteration-count:infinite;
	animation-duration:10s;
	animation-timing-function:ease-in-out;
}


/*Footnotes*/
.footnote {
	color:#F12434;
	cursor:pointer;
	position:relative;
	display:inline-block;
}
.note-container {
	position:relative;
}
.note-container:hover .source {
	opacity:1;
	transform:translate(0,0px);
	pointer-events:all;
}
.note-container br {
	display:none;
}
section {
	position:relative;
	z-index:2;
}
.source {
	font-size:10px;
	position:absolute;
	display:inline-block;
	line-height:14px;
	background-color:#F12434;
	padding:1em;
	color:#fff;
	width:200px;
	text-align:left;
	z-index:2;
	top:9px;
	margin-left:10px;
	opacity:0;
	transform:translate(0,20px);
	transition: all 0.4s ease;
	pointer-events:none;
	border:solid 2px #c71d2b;
}
.source a {
	font-weight:600;
	word-break:break-all;
}
.source:before {
	content:'';
	position:absolute;
	top:-2px;
	left:-32px;
	height:30px;
	width:30px;
	border-top:solid 15px transparent;
	border-bottom:solid 15px transparent;
	border-right:solid 15px #c71d2b;
}
.source a {
	color:#fff;
}
.source a:hover {
	color:#fff;
}


/*Map*/
.map-container {
	width:632px;
}
.map-container .markers > div {
	position:absolute;
}
.map-container .map-bg {
	display:block;
	width:100%;
}
.map {
	padding-bottom:8em;
}
.map .caption {
	text-align:right;
	margin-right:0px;
	margin-left:auto;
	width:100%;
	margin-bottom:2em;
}
.map .aside {
	margin-top:300px;
}
.map h2 {
	font-size:1.4em;
	line-height:1.2em;
	display:block;
}
.map .alaska {
	top:170px;
	left:240px;
}
.map .dot {
	margin-top:1em;
}
.map .bc {
	top:450px;
	left:300px;
	text-align:right;
	display:inline-block;
	width:100px;
	color:#F12434;
	padding-right:1em;
}
.map .bc span {
	position:relative;
}
.map .bc .dot.left {
	
}
.map .bc img {
	margin-lefT:1em;
}
.map .washington {
	top:570px;
	left:600px;
}
.map .oregon {
	top:640px;
	left:420px;
}
.map .california {
	top:720px;
	left:570px;
}
.map .bc img {
	position:absolute;
	bottom:-60px;
	width:240px;
	left:75px;
}

/*Open Fishfarm*/
.open-fishfarm {
	text-align:right;
}
.open-fishfarm video {
	width:100%;
}

/*Table*/
.table-content {
	margin-top:16em;
}

/*Death*/
.death-bubble {
	overflow:visible!important;
	padding-bottom:4em;
	z-index:2;
}
.death-bubble .death-content {
	overflow:visible;
	height:320px;
	width:600px;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:2;
	margin-left:100px;
}
.death-bubble .death-content h1 {
	font-weight:300;
	font-size:2em!important;
	margin-bottom:0;
	z-index:2;
	position:relative;
}
.death-bubble .death-content .sickly-container {
		width:600px;
}
.death-bubble .death-content img{
	height:auto;
	z-index:2;
	width:100%;
	position:absolute;
	top:0px;
	lefT:0px;
	
}
.death-bubble .death-content .sickly {
	z-index:10;
	position:relative;
}
.sickly .red {
	opacity:0;
	transition: all 2s ease;
	transition-delay:0.6s;
	z-index:4;
}
.death-bubble .death-content:before{
	content:'';
	width:1060px;
	height:600px;
	background:url('/wp-content/uploads/2019/06/Salmon_Website_Redesign-56.png');
	background-size:contain;
	background-position:center;
	display:block;
	background-repeat:no-repeat;
	position:absolute;
	top:-40%;
	left:-42%;
	z-index:1;
	
}

.sickly.in-view {
	animation-name:sickly;
	animation-duration:16s;
	animation-iteration-count:infinite;
	animation-delay:1s;
	animation-timing-function:ease;
	
}
.sickly.in-view .red {
	opacity:1;
}

/*Salmon school row*/
.parallax-salmon .dot.down{
	position:absolute;
	z-index:2;
	bottom:-6em;
	left:1em;
}
.salmon-school {
	position:relative;
	overflow:visible;
	height:100%;
	animation-name:float1;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
.salmon-school:before {
	background-image:url('/wp-content/uploads/2019/06/Salmon_Stock_Alone.png');
	content:'';
	top:8em;
	left:0px;
	position:absolute;
	width:500px;
	height:466px;
	display:block;

	z-index:10;
	background-repeat:no-repeat;
	background-size:contain;

}
.salmon-school:after{
	content:'';
	top:0px;
	lefT:0px;
	position:relative;
	margin-top:8em;
	width:500px;
	height:466px;
	opacity:1;
transition: all 2s ease;
	transition-delay:0s;
	display:block;
background:url('/wp-content/uploads/2019/06/Salmon_stock.png');
	background-repeat:no-repeat;
	background-size:contain;

}
.salmon-school.in-view:after {
	transform:translateY(-100px);
	opacity:0;
	transition: all 3s ease;
		transition-delay:2s;
}
/*Parasites*/
.parasites-container .wpb_wrapper {
	position:relative;
}
.parasite-content:before {
	content:'';
	display:block;
		background-image:url('/wp-content/uploads/2019/06/Farming_Net.png');
	position:absolute;
	top:-6em;
	lefT:-12em;
	right:-12em;
	bottom:-12em;;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.parasite-content {
	text-align:center;
	font-size:0.8em;
	position:relative;
	padding-top:7em;
	padding-left:2em;
	padding-right:2em;
	margin-left:-6em;
	padding-bottom:12em;
}
.parasite-content h1 {
	font-weight:200!important;
	z-index:2;
	position:relative;
	
}
.parasites img {
	position:absolute;
	top:0px;
}
.parasites {
	position:absolute;
	top:-6em;
	left:-6em;
	bottom:-6em;
	right:-4em;
	background-image:url('/wp-content/uploads/2019/06/Salmon_Website_Redesign-38.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.parasites .parasite1 {
	top:500px;
	left:240px;
			animation-name:float3;
	animation-duration:18s;
	animation-iteration-count:infinite;
}
.parasites .parasite2 {
	top:unset;
	bottom:180px;
	right:100px;
			animation-name:float1;
	animation-duration:18s;
	animation-delay:0.5s;
	animation-iteration-count:infinite;
}
.parasites .parasite3 {
	top:unset;
	top:120px;
	right:100px;
		animation-name:float2;
	animation-duration:18s;
	animation-iteration-count:infinite;
}
.parasites .parasite4 {
	top:unset;
	bottom:280px;
	right:300px;
	animation-name:float3;
	animation-duration:3s;
		animation-duration:16s;
	animation-iteration-count:infinite;
}
.free-flow .dot.left {
	position:absolute;
	top:-4em;
	left:30%;
}
.free-flow .dot.left.in-view {
	animation-name:dotRightLong;
}

/*Blood water*/
.blood-video {
	max-width:57vw;
	position:sticky;
	top:60px;
	left:4em;
}
.blood-video-container .wpb_wrapper{
       margin-top: -300px;
    height: 1000px;
	
}
.blood-water .vc_column-inner {
	height:100%;
}
.blood-water {
	position:relative;
	z-index:1;
}
.blood-water .caption {
	text-align:right;
	max-width:300px;
	margin-right:0px;
	margin-lefT:auto!important;
	width:100%;
	display:block;
	margin-top:6em;
}
.blood-water .row {
	display:flex;
}
.blood-water .row .wpb_column {
	position:relative;
}
/*At stake*/
.at-stake h1 {
	color:#F12434;
	font-weight:300;
	font-size:2em!important;
	margin-top:2em;
	margin-left:2em;
}
.at-stake .dot.right {
	left:40%;
	position:absolute;
}
.at-stake .dot.right.in-view {
	animation-name:dotRightLong;
}
.at-stake .trees{
	width:560px;
	float:right;
	margin-right:-100px;
	margin-top:-200px;
}
.at-stake .bear {
	max-width:340px;
}
/*Waves 2*/
.solution {
	overflow:visible;
}
div.waves2 {
	height:600px;
	background-size:cover;
	background-position:center 60px!important;
	position:relative;
	overflow:visible;
		margin-bottom:-300px!important;
}
.waves2:before {
	content:'';
		height:300px;
	width:400px;
	top:0px;
	position:absolute;
	display:block;
	lefT:-3.5em;
	background-image:url('/wp-content/uploads/2019/06/Seal.png');
	z-index:10;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.waves2:after {
	content:'';
		height:300px;
	width:400px;
	top:0px;
	position:absolute;
	display:block;
	right:0em;
	background-image:url('/wp-content/uploads/2019/06/Heron.png');
	z-index:10;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

/*Solution*/
.solution {
	padding-bottom:4em!important;
}
.solution h1 {
	font-weight:300;
	font-size:2em!important;
}
.solution .orca {
	width:600px;
	height:auto;
	float:left;
	position:absolute;
	top:-3.5em;
}
.solution .seal {
	width:400px;
	float:left;
	margin-top:6em;
	margin-bottom:6em;
}
.solution .dolphin {
	width:400px;
	margin-top:4em;
	position:absolute;
	right:-4em;
}
.sustainable-block .dot.red {
	margin-bottom:6.7em;
}
.sustainable-block .dot.red.in-view {
	animation-name:dotLeftLong;
}
/*Icons*/
.icons {
	padding-bottom:8em;
}
.icons img {
	width:200px;
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}
.icons .vc_col-sm-6 {
	padding-left:3em;
	padding-right:3em;
}
/*Bottom video content*/
.salmon-stocks {
	position:relative;
	z-index:10;
	opacity:1!important;
	overflow:visible!important;
	padding-bottom:0em;
}
.bottom-video-content {
	background:#000;
	padding:4em;
	top:-8em;
	position:relative;
	z-index:10;
}
.bottom-video-content .caption {
	text-align:left;
		position:relative;
	top:10em;
}
.bottom-video-content .caption:before {
	margin-left:0px;
	margin-right:auto;
}
.bottom-video-content h2 {
	color:#fff;
	z-index:2;
	position:relative;
	font-weight:600;
	max-width:400px;
	font-family: acumin-pro-wide;
}
.bottom-video-content video {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0.5;
}

/*Citations*/
section.citations {
	padding-top:8em!important;
	padding-bottom:8em!important;
}
section.citations p {
	word-break:break-all;
}
.red {
	color:#F12434;
}
.visibility-mobile {
	display:none;
}

/*interactive signup*/
.interactive-signup {
	margin-top:-1em!important;
}
.interactive-signup h1 {
	font-size:2em!important;
	text-align:center!important;
	font-weight:300;
	color:#F12434;
}
.interactive-signup h2 {
	font-size:1em!important;
	font-weight:300;
	margin-top:4em;
	font-style:italic;
	padding:0 2em;
	line-height:1.4em;
}
.interactive-signup #mc-embedded-subscribe {
	background-color:rgba(241,36,52,0.8)!important;
	border-color:rgba(241,36,52,0.8);
}
.floating-link {
	margin-top:4em;
	text-align:right;
	color:rgba(241,36,52,0.7);
}
.floating-link b {
	display:block;
}
.floating-link .dot.left {
	margin-right:0px;
	margin-left:auto;
	margin-bottom:1em;
}
.interactive-signup div.jumping-fish {
	bottom:0px;
}
.citations h2 {
	color:#F12434;
	font-weight:300;
	font-size:2em!important;
}

/*Story media queries*/
@media screen and (max-width:768px) {
	h1 {
		font-size:2em!important;
	}
	h2 {
		font-size:1.4em!important;
	}
	.fadeleft, .faderight, .fadeinup {
		transform:translatex(0px)!important;
		opacity:1!important;
	}
	.map .aside {
		margin-top:0px;
	}
	.visibility-mobile {
		display:block;
	}
	.visibility-desktop {
		display:none;
	}
	.map-container {
		margin-left:-260px;
		position:relative;
		top:-200px;
		transform:scale(0.60);
		margin-bottom:-500px;
	}
	.open-fishfarm .wpb_raw_code .wpb_wrapper{
		padding-top:100%;
	}
	.open-fishfarm video {
		object-fit:cover;
		position:absolute;
		top:0px;
		height:75%;
		left:0px;
	}
	.table-content {
		margin-top:4em;
	}
	.death-bubble .death-content {
		margin-left:0vw;
		width:100%;
	}
	.death-bubble .death-content .sickly-container {
		width:100%;
	}
	.death-bubble .death-content:before {
		display:none;
	}
	.salmon-school:before {
		top:0px;
		width:100%;
		background-position:center;
	}
	.salmon-school:after {
		margin-top:0px;
		width:100%;
		background-position:center;
	}
	.parasite-content {
		margin-left:0px;
	}
	.blood-video {
		max-width:100%;
		left:0px;
		top:0px;
		height:300px;
		object-fit:cover;
		position:relative;
	}
	.blood-water .row {
		display:block;
	}
	.blood-video-container .wpb_wrapper {
		height:auto;
		margin-top:0px;
		margin-lefT:-15px;
		margin-right:-15px;
	}
	.at-stake h1 {
		margin-left:0;
		text-align:center;
	}
	.at-stake .trees {
		display:none;
	}
	.at-stake .bear {
		max-width:100%;
		margin-bottom:2em;
		margin-top:2em;
	}
	.at-stake .dot.right.in-view {
		left:0px;
	}
	.waves2:after {
		display:none;
	}
	.solution .seal {
		display:none;
	}
	.solution .dolphin {
		display:none;
	}
	.solution .orca {
		top:0px;
		position:relative;
	}
	.sustainable-block .dot.red.in-view {
		margin-bottom:2em;
	}
	.icons .vc_col-sm-6 {
		padding-left:0;
		padding-right:0;
	}
	.salmon-stocks .container {
		padding-lefT:0px;
		padding-right:0px;
	}
	.salmon-stocks .vc_column-inner {
		padding-left:0px;
		padding-right:0px;
	}
	.bottom-video-content {
		padding:2em;
	}
		.bottom-video-content .wpb_wrapper{
height:auto;
	}
	.bottom-video-content h2 {
		font-size:1.2em;
		line-height:1.2em;
	}
	.bottom-video-content .caption {
		position:absolute;
		top:unset;
		margin-top:2em;
	}
	.interactive-signup .wpb_raw_html {
		margin-bottom:0;
	}
	.floating-link {
		margin-right:15px;
		margin-bottom:6em!important;
	}
	.source {
		left:unset;
		right:0px;
		top:4em;
		width:400%;
	}
	.source:before {
		    content: '';
    position: absolute;
    top: -32px;
    right: -2px;
		left:unset;
    height: 30px;
    width: 30px;
		transform:rotate(90deg);
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
    border-right: solid 15px #c71d2b;
	}
}

/*** End Story Page ***/

/*Pledge Page*/
.pledge-frame .container{
	max-width:900px;
	margin:0 auto!important;
}
.pledge-frame iframe{
	min-height:600px;
	width:100%;
	max-width:920px;
	margin:5em auto;
	display:block;
}
.pledge-section{
	min-height:500px;
	padding:3em 30% 0 3em;
	background-size:cover;
	background-position:top right;
	color:#3d413f;
	font-size:1.4rem!important;
}
.pledge-section p {
	font-weight:600;
	font-size:1.2em;
	z-index:1;
	position:relative;
}
.pledge-section h1 {
	color:#f91526;
	font-size:2em!important;
	position:relative;
	z-index:1;
}
.pledge-section a {
	background-color:#f91526;
	color:#fff;
	padding:0.8em 1.4em;
	display:inline-block;
	border-radius:2em;
	font-weight:600;
	font-size:1.3em;
}
.pledge-section a:hover {
	background-color:#db212f;
	color:#fff;
}
@media screen and (max-width:760px) {
	.pledge-section {
		min-height:400px;
		    padding: 2em;
	}
	.pledge-section:before {
		content:'';
		display:block;
		position:absolute;
		top:0px;
		lefT:0px;
		width:100%;
		height:100%;
		background-color:white;
		opacity:0.6;
			z-index:1;
	}
	.pledge-section a {
		padding:1em;
		font-size:1.1em;
		    width: 100%;
    text-align: center;
	}
}

/*Research page*/
section.research.intro {
	background-position:bottom center!important;
	background-size: cover!important;
}
.research-icons {
	margin-top:2em!important;
}
.research-icons .wpb_single_image {
	margin-bottom:1em;
}
.research-icons h2 {
	color:#F12434;
	font-weight:500;
		font-size:1.4em;
	margin-bottom:0em;
	height:80px;
}
.research.intro .btn {
	border:solid 2px #F12434;
	border-radius:30px;
	width:300px;
	display:inline-block;
	line-height:1.4em;
	font-size:1em;
	font-weight:400!important;
		margin-top:1em!important;
	white-space:pre-line;
}
.research.intro .btn:hover {
	background:#F12434;
	color:#fff;
}
.research .waves2:before, .research .waves2:after {
	display:none!important;
}
.research .waves2 {
	z-index:-1!important;
	margin-top:-320px;
}
div.grid-bg {
	background-position:bottom center!important;
	
}

section.research-content {
	background-position:top center!important;
}
.page-id-2374 #bt-main, .page-id-2434 #bt-main{
	background-image:url('/wp-content/uploads/2019/11/bckround-content-scaled.jpg')!important;
	background-position:center 100vh;
}
.research .dot.down.in-view {
	animation-name:dotDownLong;
}
.research-content .dot.left.in-view {
	animation-name:dotLeftExtraLong;
}
.research-content .dot{
	margin-bottom:1em;
}
.research-content {
	font-size:0.75em;
	color:#333;
}
.research-content h1 {
	font-weight:400;
	margin-bottom:1em;
}
#prv {
	padding-top:10em;
	padding-bottom:10em;
}
.pipette img {
	max-width:60px;
	transform:rotate(40deg);
}
.flask {
	text-align:left!important;
	margin-left:4em;
}
.flask img {
	max-width:160px;
}
.references {
	font-size:0.8em;
	line-height:1.3em;
	color:#666;
}
.references h2 {
	color:#F12434;
	font-weight:300;
	font-size:1.8em;
}
#prv .references {
	margin-top:8em;
}

#sealice {
	padding-top:0em;
	padding-bottom:6em;
}
.research-content .dot.right.in-view {
	animation-name:dotRightExtraLong
}
.research-content .microscope {
	text-align:center;
}
.research-content .microscope img {
	max-width:240px;
}
.aside{
	max-width:420px;
	margin-top:3em!important;
}
#sealice .aside {
	margin:0 auto;
}
#fishfarmwaste {
	padding-top:10em;
	position:relative;
	z-index:5;
}
#fishfarmwaste .bacteria img{
	transform:translate(-160px, -160px)
}
#fishfarmwaste .bacteria img{
	max-width:460px;
}
#fishfarmwaste .references {
	margin-top:10em;
}

.research-prefooter {
	padding-top:20em!important;
	padding-bottom:14em;
}
.research-prefooter .trees img{
	max-width:300px;
	transform:translate(160px, 0px);
}
.research-prefooter .death-content{
	max-width:400px!important;
	text-align:left;
	color:#fff;
	font-size:2em;
	line-height:1.2em;
	position:relative;
}
.research-prefooter .death-content .sickly {
	height:200px;
	width:550px;
	margin-left:-80px;
	margin-top:-30px;
	margin-bottom:2em;
	z-index:-1;
}
.research-prefooter .death-bubble .death-content:before {
	background-image:none;
	background-color:#dee5d7;
	width:700px;
	height:700px;
	z-index:-1;
	left:-150px;
	border-radius:100%;
	top:-100px;
	z-index:-1;
}
.research-prefooter .death-bubble .death-content:after {
	content:'';
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	background-color:#dee5d7;
	border-radius:100%;
	top:10%;
	left:-120px;
	z-index:-1;
}
.research-prefooter .death-bubble .death-content .wpb_wrapper:before {
		content:'';
	display:block;
	position:absolute;
	width:80px;
	height:80px;
	background-color:#dee5d7;
	border-radius:100%;
	top:-140px;
	left:-100px;
	z-index:-1;
}
.research-prefooter .death-bubble .death-content .wpb_wrapper:after {
		content:'';
	display:block;
	position:absolute;
	width:80px;
	height:80px;
	background-color:#dee5d7;
	border-radius:100%;
	top:-240px;
	right:-100px;
	z-index:-1;
}
.research-prefooter .death-bubble .death-content a {
	display:block;
	color:#fff;
	border-radius:25px;
	background:#F12434;;
    border-radius: 30px;
    width: 300px;
    line-height: 1.4em;
font-size:0.6em;
    font-weight: 400!important;
    margin-top: 1em!important;
	margin:0 auto;
}
.sticky-nav {
	position:absolute;
	display:block;
top:0px;
	height:100%;
	z-index:10;
	padding-top:0;
}
.research.intro {
	z-index:12;
}
#sticky-nav-container {
	position:fixed;
	top:300px;
		left:100px;
	display:block;
	height:100vh;
	z-index:10;
	width:300px;
}
.sticky-nav > div {

	display:inline;
	font-size:0.8em;
	color:#F12434;
}
.sticky-nav > div:last-child:after {
	display:none;
}
.sticky-nav > div:after {
	display:block;
	content:'';
	width:2px;
	background:#F12434;
	height:60px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:29px;
}
.sticky-nav span {
	border:solid 1px #F12434;
	height:60px;
	display:inline-block;
	align-items:center;
	width:60px;
	line-height:55px;
	border-radius:100%;
	text-align:center;
	margin-right:1em;
	transition: all 0.4s ease;
}
.sticky-nav > div.active span{
	background:#F12434;
	color:#fff;
}

/*Transition page*/
.atlantic-video {
	width:48vw;
	max-width:900px;
	margin-left:-16vw;
	position:relative;
	float:right;
	margin-top:-2em;
}
.videoWrapperActive .poster{
	opacity:0;
	z-index:-1;
	pointer-events:none;
}
.atlantic-video .poster {
	width:100%;
	z-index:2;
	position:relative;
}
.atlantic-video.clicked .poster {
	opacity:0;
} 
.atlantic-video iframe {
	position:absolute;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
}

.align-middle .row, .align-middle .vc_row{
	display:flex;
	align-items:center;
}
.transition-intro {
	overflow:visible!important;
}
.dolphin-container img {
	float:right;
}
.transition-intro-bg {
	height:80vh;
	top:40vh;
	position:absolute;
	width:100%;
	z-index:-1;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}
.help-bg {
	height:500px;
	margin-top:8em;
}
.help-bg img{
	position:absolute;
	width:100vw;
	margin-left:50%;
	transform: translate(-50%, -25%);
	top:50%;
	
}
.transition-social {
	z-index:10;
	position:relative;
}
.transition-social img {
	width:60px;
	height:60px;
}
.overflow-visible {
	overflow:visible!important;
}

@media screen and (max-width:1600px) {
	.page-id-2374 .research-content .container > .row {
		padding-left:20%;
	}
}
@media screen and (max-width:1024px) {
	#sticky-nav-container {
display:none;
	}
	.research-content .container > .row {
		padding-left:15px;
	}

	.research-content .container {
		padding-left:inherit;
	}

	.research-content .mobile-hidden {
	display:none;	
	}
	.research-content .bacteria {
		text-align:center;
	}
	.research-content .bacteria img {
		transform:none!important;
	}
	#fishfarmwaste {
		padding-top:0;
		padding-bottom:0;
	}
	#sealice {
		padding-top:0;
	}
	#prv {
		padding-bottom:2em;
		padding-top:4em;
	}
	div.flask {
		margin-left:6em!important;
	}
	.aside {
		margin:0 auto 5em auto;
	}
	.research-prefooter {
		padding-top:4em!important;
	}
	.research-prefooter .death-content {
		max-width:100%!important;
	}
	.research-prefooter .death-content .sickly {
		width:100%;
		margin:0 auto 1em auto;
	}
	.research-prefooter .death-content p {
		color:#000!important;
	}
	.research-icons .wpb_column {
		margin-bottom:2em!important;
	}
	.research-icons h2 {
		margin-bottom:0;
	}
	.research.intro .btn {
		width:100%;
	}
	.research .dot.down {
				animation:unset!important;
		min-height:100px!important;
		max-height:100px;

	}
	.home-hero h2 {
		display:block;
		text-align:center;
	}
	.align-middle .row, .align-middle .vc_row{
		display:block;
	}
	.dolphin-container img {
    float: right;
    height: 300px;
}
	.icons {
    padding-bottom: 0em;
}
	div.vc_custom_1580502280986 {
    padding-right: 0em!important;
}
	.kuterra {
		width:100%;
	}
	section.vc_custom_1580428036773 {
    padding-top: 0em!important;
    padding-bottom: 8em !important;
}
	.atlantic-video {
    width: 100%;
    max-width: 900px;
    margin-left: 0;
    position: relative;
    float: none;
    margin-top: -2em;
}
	div.vc_custom_1580502295524 {
    padding-left: 0em !important;
}
	#atlanticsapphire {
		padding-bottom:0px!important;
	}
	.help-bg {
		height:300px;
	}
	.help-bg img {
    position: absolute;
    width: 300%;
    margin-left: 50%;
    transform: translate(-50%, -25%);
    top: 50%;
}
	section.vc_custom_1580431169347 {
    margin-top: 0em !important;
    padding-top: 0em !important;
    padding-bottom: 4em !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
	.transition-intro-bg {
    height: 40vh;
    top: -60vh;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
	div.vc_custom_1580755105752 {
    padding-left: 0em !important;
}
}
@media screen and (min-width:768px) {
	.desktop-hidden {
		display:none;
	}
	.pledge-row h2 {
		font-weight:400;
	}
}

/*Signatories section*/
.signatories ol{
column-count:4;
	display:block;
	width:100%;
	padding:0;
	margin-top:6em;
	column-gap:4em;
	padding-bottom:4em;
}
.signatories ol li {
color:#000;
	padding:0;
	line-height:2em;
	white-space:normal;

}
.supporters-container {
	display:block;
	position:relative;
	margin-bottom:2em;
	pointer-events:none;
}
.supporters-container  .container{
		max-width:960px!important;
	margin:0 auto;
	position:relative;
}
.supporters-container .supporters-graphic div {
position:absolute;
}
.supporters-graphic {
	margin-top:4em;
	
}
.supporters-graphic div.support-bg {
	position:relative!important;
	display:block;
	width:100%;
	height:auto;
}
.supporters-graphic .support-bg img {
	display:block;
	width:100%;
	position:relative;
}
.page-id-2594 .main-content{
	background-image:linear-gradient(-140deg, #fff 0%, #fff 40%, #1FCCBF 120%);
}
.supporters-container .supporters-graphic img {
	width:100%;
	height:auto;
}
.supporters-graphic .salmon {
	width:37%;
	bottom:38%;
	z-index:10;
}
.supporters-graphic .bear {
	right:10%;
	bottom:64%;
	width:20%;
}
.supporters-graphic .fish {
	bottom:0%;
	left:44%;
	z-index:10;
	width:16%;
}
.supporters-graphic .heron {
	right:3%;
	z-index:20;
	width:14%;
	bottom:33%;
}
.supporters-graphic .trees {
	z-index:12;
	right:33%;
	bottom:75%;
	width:12%;
}
.supporters-graphic .support-bg:after {
	content:'This map is intended to be representative of the widespread support across British Columbia.  It is not to scale.';
	position:absolute;
	z-index:10;
	bottom:4%;
	right:2%;
	width:300px;
	font-size:0.9em;
	line-height:1.4em;
	text-align:center;
	display:block;
}
@media screen and (max-width:1024px) {
		.signatories ol{
column-count:2!important;
}
	.supporters-graphic .support-bg:after {
	position:relative;
		top:40px;
	z-index:10;
	bottom:0px;
	right:0px;
	width:100%;

		display:block;
	line-height:1.4em;
}
	.supporters-graphic .fish {
	bottom:16%;
	left:44%;
	z-index:10;
	width:16%;
}
	.supporters-graphic .trees {
		bottom:65%;
	}
}
/*Make A Splash*/
section.make-splash {
	padding-top:8em!important;
	padding-bottom:8em!important;
}

.make-splash h2 {
	color:#F12434;
	font-weight:300;
	font-size:2em!important;
}
.make-splash h3 {
	color:#F12434;
	font-weight:300;
	font-size:1.5em!important;
}
/*Discovery page*/
section.discovery page {
	background-position:bottom center!important;
	background-size: cover!important;
}
.discovery-icons {
	margin-top:2em!important;
}
.discovery-icons .wpb_single_image {
	margin-bottom:1em;
}
.discovery-icons h2 {
	color:#F12434;
	font-weight:500;
		font-size:1.4em;
}
.discovery.page .btn {
	border:solid 2px #F12434;
	border-radius:30px;
	width:200px;
	display:inline-block;
	line-height:1.4em;
	font-size:1em;
	font-weight:400!important;
		margin-top:1em!important;
	white-space:pre-line;
}
.discovery.page .btn:hover {
	background:#F12434;
	color:#fff;
}
.discovery .waves2:before, .research .waves2:after {
	display:none!important;
}
.discovery .waves2 {
	z-index:-1!important;
	margin-top:-320px;
}
/*Discovery Action*/
.discovery-action h1 {
	color:#F12434;
	font-weight:300;
	font-size:2em!important;
	margin-top:1em;
	margin-left:1em;
}
.discovery-action .dot.right {
	left:40%;
	position:absolute;
}
.discovery-action .dot.right.in-view {
	animation-name:dotRightLong;
}
.discovery-action .trees{
	width:560px;
	float:right;
	margin-right:-100px;
	margin-top:-300px;
}
.discovery-action .bear {
	max-width:340px;
}
.discovery-reaction .btn {
	border:solid 1px #F12434;
	border-radius:30px;
	width:130px;
	display:inline-block;
	line-height:1.4em;
	font-size:15px;
	font-weight:400!important;
		margin-top:1em!important;
	white-space:pre-line;
}
.discovery-reaction .btn:hover {
	background:#F12434;
	color:#fff;
}
.discovery-reaction h2 {
	color:#444444;
	font-weight:700;
	font-size:25px;
	margin-top:1em;
	line-height:1.2em;
}

.big-btn .btn {
	border:solid 3px #F12434;
	border-radius:40px;
	display:inline-block;
	line-height:1.4em;
	font-weight:400!important;
	margin-top:1em!important;
	padding:20px
}

@media (min-width: 600px){
    .big-btn .btn{
        font-size:1.5em;
    }
}
.big-btn .btn:hover {
	background:#F12434;
	color:#fff;
}
.hometitle h1 {
	font-family:acumin-pro-wide!important;
	font-weight:900;
	line-height:1em!important;
	font-size:3em!important;
	color:#F12434;
}
div.jumping-fishbig {
	width:380px;
	position:absolute;
	bottom:3em;
	left:0px;
	height:100px;
background:url('/wp-content/uploads/2019/05/Spritesheet8bit.png');
	display:block;
	animation: play 5s steps(23);
	animation-iteration-count:infinite;
	background-position:left top;
	background-size:9000px auto;
	background-repeat:no-repeat;
}

.bt-blog-article .bt-blog-item .bt-content > p {
	margin-bottom: 20px;
}
.bt-blog-article .bt-blog-item .bt-content ul li {
	list-style-type: disc;
}
.bt-blog-article .bt-blog-item .bt-content ul {
	margin: 0 0 24px 20px;
	padding-left: 40px;
}

.btn-cta{
	border: solid 3px #F12434;
    border-radius: 40px;
    display: inline-block;
    line-height: 1.4em;
    font-weight: 400!important;
    padding: 20px;
}

.btn-cta:hover,
.btn-cta:focus{
    background: #F12434;
    color: #fff;
}

.bt-footer .second .menu li{
	text-transform: inherit!important;
}

body h3, .bt-font-size-3{
	line-height: 1.3!important;
}
body h5, .bt-font-size-5{
	line-height: 1.6!important;
}

#menu-item-2970 a, 
#menu-item-3070 a {
	 background: #F12434!important;
   color: #fff!important;
	border-radius: 40px;
		padding: 1rem 1.5rem!important;
   display: block!important;
	border: 1px solid #F12434!important;
	text-align: center!important;
}
#menu-item-2970 a:hover,
#menu-item-3070 a:hover {
	 background: transparent!important;
   color: #000!important;
}
#menu-item-2970:hover::after,
#menu-item-3070:hover::after {
	 display: none!important;
}

#home-intro{
	font-size: 2rem;
	background-position:bottom!important;
}

@media (min-width: 600px){
    .extra-padding{
        padding-top: 8em!important;
    }
}

@media (min-width: 7689px){
    .row-flip-order .row{
        display: flex;
        flex-direction: row-reverse;
    }
}

.vc_custom_1618002080034{
    margin-top: -10rem!important;
}

@media (min-width: 600px){
    .vc_custom_1618002080034{
        margin-top: -0rem!important;
    }
}

@media screen and (max-width: 991px){
    .news .vc_pageable-slide-wrapper > div:nth-child(n+2) {
        display: block!important;
    }
}
.video-ratio{
    overflow: hidden;
    position: relative;
    width: 100%;
   padding-bottom: 66.666%;
}

.video-ratio video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}
.vc_custom_1618529078264{
    background-attachment: fixed;
}
/* -------------- */
/* -------------- */
/* --- FOOTER --- */
/* -------------- */
/* -------------- */
.bt-footer-top {
	font-size:16px;
	font-weight:bold;
    color:white;
}
.bt-footer-top a:link, .bt-footer-top a:visited {
    color:white;
    text-decoration:none;
}
.bt-footer-top a:hover, .bt-footer-top a:active {
    color:#F12434;
    text-decoration:underline;
}
#bt_footer.bt-footer.footer-v3 .bt-footer-top .widget.widget_social_widget .social-wrap > a i {
	font-size:22px;
    color:white;
}
.bt-footer-bottom p {
    color:#ffffff;
}