/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,400i,700");
/* line 11, node_modules/normalize-css/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, node_modules/normalize-css/normalize.css */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, node_modules/normalize-css/normalize.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 51, node_modules/normalize-css/normalize.css */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, node_modules/normalize-css/normalize.css */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 76, node_modules/normalize-css/normalize.css */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, node_modules/normalize-css/normalize.css */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, node_modules/normalize-css/normalize.css */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 104, node_modules/normalize-css/normalize.css */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 118, node_modules/normalize-css/normalize.css */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, node_modules/normalize-css/normalize.css */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 135, node_modules/normalize-css/normalize.css */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, node_modules/normalize-css/normalize.css */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 152, node_modules/normalize-css/normalize.css */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 162, node_modules/normalize-css/normalize.css */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 171, node_modules/normalize-css/normalize.css */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, node_modules/normalize-css/normalize.css */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 191, node_modules/normalize-css/normalize.css */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 199, node_modules/normalize-css/normalize.css */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 207, node_modules/normalize-css/normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 215, node_modules/normalize-css/normalize.css */
sup {
  top: -0.5em;
}

/* line 219, node_modules/normalize-css/normalize.css */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, node_modules/normalize-css/normalize.css */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, node_modules/normalize-css/normalize.css */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, node_modules/normalize-css/normalize.css */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 263, node_modules/normalize-css/normalize.css */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 274, node_modules/normalize-css/normalize.css */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 285, node_modules/normalize-css/normalize.css */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 299, node_modules/normalize-css/normalize.css */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 311, node_modules/normalize-css/normalize.css */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 324, node_modules/normalize-css/normalize.css */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 336, node_modules/normalize-css/normalize.css */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 346, node_modules/normalize-css/normalize.css */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 358, node_modules/normalize-css/normalize.css */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 370, node_modules/normalize-css/normalize.css */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 379, node_modules/normalize-css/normalize.css */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, node_modules/normalize-css/normalize.css */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, node_modules/normalize-css/normalize.css */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 11, app/assets/stylesheets/verticals/shared/_typography.scss */
html {
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 16, app/assets/stylesheets/verticals/shared/_typography.scss */
body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}

/* line 23, app/assets/stylesheets/verticals/shared/_typography.scss */
a {
  color: #1981bf;
  text-decoration: none;
}

/* line 29, app/assets/stylesheets/verticals/shared/_typography.scss */
h1 {
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
}

/* line 29, app/assets/stylesheets/verticals/shared/_typography.scss */
h2 {
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
}

/* line 29, app/assets/stylesheets/verticals/shared/_typography.scss */
h3 {
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
}

/* line 29, app/assets/stylesheets/verticals/shared/_typography.scss */
h4 {
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
}

/* line 29, app/assets/stylesheets/verticals/shared/_typography.scss */
h5 {
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
}

/* line 1, app/assets/stylesheets/verticals/shared/_layout.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* line 10, app/assets/stylesheets/verticals/shared/_layout.scss */
html,
body {
  min-height: 100%;
}

/* line 14, app/assets/stylesheets/verticals/shared/_layout.scss */
html.nav-is-open,
body.nav-is-open {
  position: fixed;
}

/* line 20, app/assets/stylesheets/verticals/shared/_layout.scss */
.l-wrap {
  max-width: 990px;
  margin: auto;
  padding: 0 15px;
}

@media only screen and (min-width: 640px) {
  /* line 20, app/assets/stylesheets/verticals/shared/_layout.scss */
  .l-wrap {
    padding: 0 30px;
  }
}

/* line 33, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer {
  position: relative;
  overflow: hidden;
  z-index: 100;
}

/* line 39, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer__sections {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/verticals/shared/_layout.scss */
  .app-footer__sections {
    flex-direction: row;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 47, app/assets/stylesheets/verticals/shared/_layout.scss */
  .app-footer__section {
    flex: 0 1 37%;
  }
}

/* line 53, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer__title {
  font-size: font-size(normal);
  margin: 0 0 2rem 0;
  text-transform: uppercase;
}

/* line 59, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 67, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer__link:hover,
.app-footer-nav__link:hover {
  text-decoration: underline;
}

/* line 71, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer__link,
.app-footer-nav__link {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  font-size: font-size(normal);
}

/* line 78, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer-nav__link {
  margin-bottom: 1.25rem;
}

/* line 81, app/assets/stylesheets/verticals/shared/_layout.scss */
.app-footer-nav__link:last-child {
  margin-bottom: 0;
}

/* line 1, app/assets/stylesheets/verticals/shared/_video.scss */
.vertical-video {
  position: fixed;
  z-index: -1;
  min-width: 100% !important;
  top: 0;
  background-size: cover;
  height: 300px;
}

/* line 9, app/assets/stylesheets/verticals/shared/_video.scss */
.vertical-video video {
  display: block;
  opacity: 0;
}

@media only screen and (min-width: 640px) {
  /* line 15, app/assets/stylesheets/verticals/shared/_video.scss */
  .vertical-video video {
    display: block;
    opacity: 1;
  }
}

/* line 21, app/assets/stylesheets/verticals/shared/_video.scss */
.vertical-video:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.4) 83%, #000000 99%);
  background-repeat: no-repeat;
}

/* line 1, app/assets/stylesheets/verticals/shared/_header.scss */
.app-header {
  z-index: 9999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  padding-top: 1rem;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-header {
    padding-top: 2rem;
  }
}

/* line 15, app/assets/stylesheets/verticals/shared/_header.scss */
.app-title {
  margin: 0;
}

/* line 19, app/assets/stylesheets/verticals/shared/_header.scss */
.app-title__link {
  display: block;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-title__link {
    display: block;
  }
}

/* line 27, app/assets/stylesheets/verticals/shared/_header.scss */
.app-title__img {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 27, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-title__img {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 36, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav__hamburger {
    display: none;
  }
}

/* line 42, app/assets/stylesheets/verticals/shared/_header.scss */
.app-nav {
  position: absolute;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  bottom: 100%;
  height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

/* line 56, app/assets/stylesheets/verticals/shared/_header.scss */
.app-nav.is-open {
  bottom: 0;
  height: 100%;
  opacity: 1;
}

@media only screen and (min-width: 1024px) {
  /* line 42, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav {
    height: auto;
    overflow: visible;
    position: relative;
    opacity: 1;
    width: 590px;
    flex: 1 1 590px;
    text-align: right;
    background: transparent;
    display: flex;
    justify-content: flex-end;
  }
  /* line 62, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav.is-open {
    height: auto;
  }
}

/* line 78, app/assets/stylesheets/verticals/shared/_header.scss */
.app-nav__title {
  position: relative;
  text-align: center;
  font-weight: 600;
  height: 78px;
  line-height: 78px;
  margin: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 78, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav__title {
    display: none;
  }
}

/* line 89, app/assets/stylesheets/verticals/shared/_header.scss */
.app-nav__title span {
  display: block;
  text-indent: -9999px;
}

/* line 95, app/assets/stylesheets/verticals/shared/_header.scss */
.app-nav__close-menu {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 640px) {
  /* line 95, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav__close-menu {
    right: 30px;
  }
}

/* line 106, app/assets/stylesheets/verticals/shared/_header.scss */
.app-nav__item {
  padding: 10px 15px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 106, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav__item {
    display: inline-block;
    margin: 0 20px;
    text-align: left;
    position: relative;
    padding: 0;
  }
}

/* line 118, app/assets/stylesheets/verticals/shared/_header.scss */
.app-nav__link {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: inherit;
  font-weight: 600;
}

@media only screen and (min-width: 1024px) {
  /* line 118, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav__link {
    text-decoration: none;
    color: inherit;
  }
  /* line 126, app/assets/stylesheets/verticals/shared/_header.scss */
  .app-nav__item:hover .app-nav__link {
    color: color(text-default);
  }
}

/* line 1, app/assets/stylesheets/verticals/shared/_page.scss */
.page {
  position: relative;
}

/* line 5, app/assets/stylesheets/verticals/shared/_page.scss */
.page-content {
  position: relative;
}

/* line 9, app/assets/stylesheets/verticals/shared/_page.scss */
.vertical__title {
  font-size: 26px;
}

@media only screen and (min-width: 640px) {
  /* line 9, app/assets/stylesheets/verticals/shared/_page.scss */
  .vertical__title {
    font-size: 36px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/verticals/shared/_page.scss */
  .vertical__title {
    font-size: 64px;
  }
}

/* line 21, app/assets/stylesheets/verticals/shared/_page.scss */
.component__container {
  position: relative;
}

/* line 25, app/assets/stylesheets/verticals/shared/_page.scss */
.component__title {
  font-size: 18px;
}

@media only screen and (min-width: 640px) {
  /* line 25, app/assets/stylesheets/verticals/shared/_page.scss */
  .component__title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 25, app/assets/stylesheets/verticals/shared/_page.scss */
  .component__title {
    font-size: 52px;
  }
}

/* line 2, app/assets/stylesheets/verticals/shared/_grid.scss */
.component--basic-grid .component__content {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 640px) {
  /* line 8, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid .component__content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  /* line 17, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid .vertical-tout {
    width: calc((100% - 1rem) / 2);
    flex: 0 1 calc((100% - 1rem) / 2);
    margin-right: 1rem;
  }
  /* line 21, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid .vertical-tout:nth-child(even) {
    margin-right: 0;
  }
  /* line 29, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid.grid-3 .vertical-tout {
    width: calc((100% - (1rem * (3 - 1))) / 3);
    flex: 0 1 calc((100% - (1rem * (3 - 1))) / 3);
    margin-right: 1rem;
  }
  /* line 33, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid.grid-3 .vertical-tout:nth-child(3n + 3) {
    margin-right: 0;
  }
  /* line 29, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid.grid-4 .vertical-tout {
    width: calc((100% - (1rem * (4 - 1))) / 4);
    flex: 0 1 calc((100% - (1rem * (4 - 1))) / 4);
    margin-right: 1rem;
  }
  /* line 33, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid.grid-4 .vertical-tout:nth-child(4n + 4) {
    margin-right: 0;
  }
  /* line 29, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid.grid-6 .vertical-tout {
    width: calc((100% - (1rem * (6 - 1))) / 6);
    flex: 0 1 calc((100% - (1rem * (6 - 1))) / 6);
    margin-right: 1rem;
  }
  /* line 33, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid.grid-6 .vertical-tout:nth-child(6n + 6) {
    margin-right: 0;
  }
  /* line 39, app/assets/stylesheets/verticals/shared/_grid.scss */
  .component--basic-grid .component__content-footer {
    width: 100%;
    flex: 1 1 100%;
  }
}

/* line 149, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
body {
  background: #000831;
  background-image: linear-gradient(-180deg, #1e435b 300px, #000831 1000px);
  background-repeat: no-repeat;
  color: #fff;
  font-family: "Raleway", sans-serif;
}

/* line 161, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.body--section-taking-action {
  background-image: none;
}

/* line 165, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical-header {
  margin-bottom: 2rem;
  margin-top: 2.5rem;
}

/* line 169, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical--home .vertical-header {
  margin-top: 0;
}

@media only screen and (min-width: 640px) {
  /* line 165, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical-header {
    margin-top: 2.5rem;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 165, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical-header {
    margin-top: 6rem;
    margin-bottom: 3rem;
  }
  /* line 182, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical--home .vertical-header {
    margin-top: 2.5rem;
  }
}

/* line 188, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical-content {
  padding-bottom: 90px;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 640px) {
  /* line 188, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical-content {
    padding-bottom: 150px;
  }
}

/* line 198, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical__title {
  color: #fff;
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 640px) {
  /* line 198, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical__title {
    font-size: 36px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 198, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical__title {
    font-size: 64px;
  }
}

/* line 212, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical--home .vertical__title {
  color: #0098db;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2vw;
  max-width: 660px;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.3;
}

@media only screen and (min-width: 640px) {
  /* line 212, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical--home .vertical__title {
    font-size: 36px;
    letter-spacing: 0;
    line-height: 1.2;
    padding-bottom: 3vw;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 212, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical--home .vertical__title {
    font-size: 52px;
    padding-bottom: 3vw;
    max-width: 100%;
  }
}

/* line 236, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.app-background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: -1;
}

/* line 243, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.app-background:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.4) 83%, #000000 99%);
  background-repeat: no-repeat;
}

/* line 262, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.app-background__video {
  display: none;
}

@media only screen and (min-width: 1024px) {
  /* line 262, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .app-background__video {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* line 273, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.app-background__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
}

@media only screen and (min-width: 1024px) {
  /* line 273, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .app-background__image {
    display: none;
  }
}

/* line 285, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical__image {
  display: block;
  margin-bottom: 100px;
  width: 100%;
}

/* line 291, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical__standfirst {
  margin-bottom: 60px;
  max-width: 760px;
}

@media only screen and (min-width: 640px) {
  /* line 291, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical__standfirst {
    margin-bottom: 90px;
    max-width: 630px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 291, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical__standfirst {
    margin-bottom: 150px;
    max-width: 760px;
  }
}

/* line 305, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical__standfirst p {
  line-height: 1.4;
  margin-bottom: 3rem;
  text-align: center;
}

@media only screen and (min-width: 640px) {
  /* line 305, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical__standfirst p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 305, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .vertical__standfirst p {
    font-size: 22px;
    margin-bottom: 4rem;
  }
}

/* line 321, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.vertical__components {
  overflow: hidden;
}

/* line 325, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.component--action-step .component__container {
  margin-top: 6rem;
  position: relative;
}

/* line 329, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.component--action-step .component__container:before {
  background-image: linear-gradient(-180deg, #163350 0%, #000831 12%);
  border-radius: 10000px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 500vw;
  height: 500vw;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 2;
  margin-top: 18%;
}

@media only screen and (min-width: 640px) {
  /* line 349, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .component--action-step .component__container:before {
    width: 700vw;
    height: 700vw;
    margin-top: 140px;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 358, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
  .component--action-step .component__container:before {
    width: 800vw;
    height: 800vw;
  }
}

/* line 366, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_base.scss */
.page--parent-action-tracks .vertical-header {
  display: none;
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
.app-nav {
  background-image: linear-gradient(-180deg, #1e435b 300px, #000831 1000px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
  .app-nav {
    background: none;
    flex-direction: row;
  }
}

/* line 12, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
.app-nav__title {
  margin-bottom: 2rem;
  width: 100%;
}

/* line 17, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
.app-title__img {
  width: 90px;
}

@media only screen and (min-width: 1024px) {
  /* line 17, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
  .app-title__img {
    width: 100%;
  }
}

/* line 25, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
.app-nav__item {
  margin-bottom: 3rem;
  padding: 0;
  position: relative;
}

/* line 32, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
.app-nav__item.is-active .app-nav__link, .app-nav__item:hover .app-nav__link {
  color: #fff;
  cursor: pointer;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 25, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
  .app-nav__item {
    margin-bottom: 0;
  }
  /* line 44, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
  .app-nav__item.is-active:before, .app-nav__item:hover:before {
    background-image: linear-gradient(90deg, #069ad9 0%, #3dbd95 100%);
    content: "";
    display: block;
    position: absolute;
    left: -0.25rem;
    right: -0.25rem;
    bottom: 0;
    height: 7px;
    pointer-events: none;
  }
}

/* line 59, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
.app-nav__link {
  font-size: 26px;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  /* line 59, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_nav.scss */
  .app-nav__link {
    font-size: 14px;
  }
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer {
  background: #000831;
}

/* line 5, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer__title {
  color: #fff;
}

/* line 9, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer__container {
  background: #1e435b;
  padding: 2rem 0;
}

/* line 14, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer__section {
  margin-bottom: 4rem;
}

/* line 17, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer__section:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
  .app-footer__section {
    margin-bottom: 0;
  }
}

/* line 26, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer__link,
.app-footer-nav__link {
  color: #fff;
}

/* line 31, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer__legal {
  margin: 1rem 0;
}

/* line 35, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social {
  display: flex;
  flex-direction: row;
}

/* line 40, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social__link {
  display: block;
  width: 44px;
  height: 44px;
  margin-right: 1.5rem;
  padding: 0;
  text-indent: -9999px;
  background-size: 100%;
}

/* line 49, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social__link--twitter {
  background-image: url(/assets/verticals/friends-of-ocean-action/social-icon--twitter-2bbd4d17ef7f71c62de6da0648fa0e201838c384898059563e817f3e8eeaefe9.svg);
}

/* line 55, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social__link--linked_in {
  background-image: url(/assets/verticals/friends-of-ocean-action/social-icon--linked_in-022a56b6a8ffcd70452991852c2d733cf1e5b558dd83dd61dbe7071633b1529c.svg);
}

/* line 60, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social__link--instagram {
  background-image: url(/images/verticals/friends-of-ocean-action/social-icon--instrgram.svg);
}

/* line 66, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social__link--facebook {
  background-image: url(/assets/verticals/friends-of-ocean-action/social-icon--facebook-79ab0ba57a363fdb6f88f3d0f3d7747bd7153a62edeffa30fd007f8deb14f31c.svg);
}

/* line 72, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social__link--vimeo {
  background-image: url(/assets/verticals/friends-of-ocean-action/social-icon--vimeo-d30eae704574e5c6fd7a86342d71d59a66a60cb2dc1fc30e5b896d129f3a88a2.svg);
}

/* line 78, app/assets/stylesheets/verticals/friends_of_ocean_action/layout/_footer.scss */
.app-footer-social__link--youtube {
  background-image: url(/assets/verticals/friends-of-ocean-action/social-icon--youtube-c23b8c5d6986b6a5b4dabef5511e5f76afd5e45aeea7a444da8e3ac91369a450.svg);
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
.vertical-tout__image img {
  display: block;
  width: 100%;
}

/* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
.vertical-tout__title {
  font-size: 16px;
  margin: 0 0 0.5rem 0;
}

@media only screen and (min-width: 640px) {
  /* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .vertical-tout__title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .vertical-tout__title {
    font-size: 36px;
  }
}

/* line 21, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
.vertical-tout__description p {
  line-height: 1.4;
  margin-top: 0;
}

@media only screen and (min-width: 640px) {
  /* line 21, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .vertical-tout__description p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .vertical-tout__description p {
    font-size: 22px;
  }
}

/* line 34, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
.tout--description {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
  max-width: 440px;
  text-align: center;
}

@media only screen and (min-width: 640px) {
  /* line 34, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .tout--description {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 34, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .tout--description {
    margin-bottom: 6rem;
    max-width: 700px;
  }
}

/* line 50, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
.tout--description .vertical-tout__title {
  font-size: 16px;
  font-weight: 300;
}

@media only screen and (min-width: 640px) {
  /* line 50, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .tout--description .vertical-tout__title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 50, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
  .tout--description .vertical-tout__title {
    font-size: 22px;
  }
}

/* line 64, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_base.scss */
.link-tout {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4rem;
  margin-left: -15px;
  transition: 300ms ease-in-out;
}

/* line 9, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step .vertical-tout__image {
  margin-right: 1rem;
  width: 50px;
}

/* line 14, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step .vertical-tout__content {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

/* line 22, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step .vertical-tout__content-text {
  flex: 1;
  margin-right: 1rem;
}

/* line 27, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step .vertical-tout__title {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}

/* line 33, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step .vertical-tout__cta {
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23cbdc56' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
  display: block;
  flex: 0 0 35px;
  width: 35px;
  height: 34px;
  text-indent: -9999px;
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-stratos-blue .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23000831' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-shalimar-yellow .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23f6ffb4' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-malibu-blue .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%2379d6ff' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-brink-pink .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23ff707f' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-aero-blue .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23a9ffe2' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-witch-haze .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23fff795' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-wattle-green .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23cbdc56' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-grandis-yellow .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23ffd083' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-cerulean-blue .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%230098db' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-malibu-violet .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%2390a0ff' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-monalisa-red .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23ff9b9b' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-heliotrope .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%23c38bfc' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
.action-step.color-aquamarine .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34'><path fill='%2363ffd0' fill-rule='evenodd' d='M270.762541,5641.78947 L298.00736,5641.78947 L286.02208,5653.95789 C285.317064,5654.67368 285.317064,5655.74737 286.02208,5656.46316 C286.374588,5656.82105 286.903351,5657 287.255859,5657 C287.608367,5657 288.13713,5656.82105 288.489638,5656.46316 L303.471238,5641.25263 C304.176254,5640.53684 304.176254,5639.46316 303.471238,5638.74737 L288.489638,5623.53684 C287.784621,5622.82105 286.727097,5622.82105 286.02208,5623.53684 C285.317064,5624.25263 285.317064,5625.32632 286.02208,5626.04211 L298.00736,5638.21053 L270.762541,5638.21053 C269.705016,5638.21053 269,5638.92632 269,5640 C269,5641.07368 269.705016,5641.78947 270.762541,5641.78947 Z' transform='translate(-269 -5623)'/></svg>");
}

@media only screen and (min-width: 640px) {
  /* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step {
    margin-left: -60px;
    margin-bottom: 80px;
  }
  /* line 55, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step:hover {
    transform: translateX(30px) !important;
  }
  /* line 59, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .vertical-tout__image {
    margin-right: 2.5rem;
    width: 130px;
  }
  /* line 64, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .vertical-tout__content-text {
    margin-right: 4rem;
  }
  /* line 68, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .vertical-tout__title {
    font-size: 32px;
  }
}

@media only screen and (min-width: 1280px) {
  /* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1280px) {
  /* line 77, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large {
    margin-left: 0;
    margin-bottom: 120px;
  }
  /* line 82, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large:hover {
    transform: translateX(50px) !important;
  }
  /* line 86, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large .vertical-tout__image {
    margin-left: -290px;
    margin-right: 7rem;
    width: 300px;
  }
  /* line 92, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large .vertical-tout__content-text {
    margin-right: 4rem;
  }
  /* line 96, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large .vertical-tout__title {
    font-size: 52px;
  }
  /* line 100, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23cbdc56' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
    flex: 0 0 182px;
    width: 182px;
    height: 46px;
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-stratos-blue .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23000831' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-shalimar-yellow .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23f6ffb4' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-malibu-blue .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%2379d6ff' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-brink-pink .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23ff707f' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-aero-blue .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23a9ffe2' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-witch-haze .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23fff795' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-wattle-green .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23cbdc56' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-grandis-yellow .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23ffd083' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-cerulean-blue .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%230098db' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-malibu-violet .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%2390a0ff' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-monalisa-red .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23ff9b9b' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-heliotrope .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%23c38bfc' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
  /* line 109, app/assets/stylesheets/verticals/friends_of_ocean_action/touts/_action_steps.scss */
  .action-step .action-step--large.color-aquamarine .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='182' height='46' viewBox='0 0 182 46'><path fill='%2363ffd0' fill-rule='evenodd' d='M1172.40106,132.421053 L1343.83641,132.421053 L1327.50923,148.884211 C1326.54881,149.852632 1326.54881,151.305263 1327.50923,152.273684 C1327.98945,152.757895 1328.70976,153 1329.18997,153 C1329.67018,153 1330.3905,152.757895 1330.87071,152.273684 L1351.27968,131.694737 C1352.24011,130.726316 1352.24011,129.273684 1351.27968,128.305263 L1330.87071,107.726316 C1329.91029,106.757895 1328.46966,106.757895 1327.50923,107.726316 C1326.54881,108.694737 1326.54881,110.147368 1327.50923,111.115789 L1343.83641,127.578947 L1172.40106,127.578947 C1170.96042,127.578947 1170,128.547368 1170,130 C1170,131.452632 1170.96042,132.421053 1172.40106,132.421053 Z' transform='translate(-1170 -107)'/></svg>");
  }
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
.page--home {
  overflow: hidden;
}

/* line 4, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
.page--home .component__title {
  color: #fff;
}

/* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
.page--home .page-header {
  height: 50vw;
  max-height: 60vh;
}

@media only screen and (min-width: 640px) {
  /* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .page--home .page-header {
    height: 380px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .page--home .page-header {
    height: 40vw;
  }
}

/* line 22, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
.vertical--home,
.component--home-1 .component__container,
.component--home-2 .component__container,
.component--home-4 .component__container,
.component--home-7 .component__container,
.component--home-8 .component__container,
.component--other-action-steps .component__container {
  padding-top: 3rem;
  position: relative;
}

/* line 32, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
.vertical--home:before,
.component--home-1 .component__container:before,
.component--home-2 .component__container:before,
.component--home-4 .component__container:before,
.component--home-7 .component__container:before,
.component--home-8 .component__container:before,
.component--other-action-steps .component__container:before {
  background-image: linear-gradient(-180deg, #163350 0%, #000831 12%);
  border-radius: 10000px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 500vw;
  height: 500vw;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 2;
}

@media only screen and (min-width: 640px) {
  /* line 22, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .vertical--home,
.component--home-1 .component__container,
.component--home-2 .component__container,
.component--home-4 .component__container,
.component--home-7 .component__container,
.component--home-8 .component__container,
.component--other-action-steps .component__container {
    padding-top: 4vw;
  }
  /* line 53, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .vertical--home:before,
.component--home-1 .component__container:before,
.component--home-2 .component__container:before,
.component--home-4 .component__container:before,
.component--home-7 .component__container:before,
.component--home-8 .component__container:before,
.component--other-action-steps .component__container:before {
    width: 700vw;
    height: 700vw;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 22, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .vertical--home,
.component--home-1 .component__container,
.component--home-2 .component__container,
.component--home-4 .component__container,
.component--home-7 .component__container,
.component--home-8 .component__container,
.component--other-action-steps .component__container {
    padding-top: 6vw;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 64, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .vertical--home:before,
.component--home-1 .component__container:before,
.component--home-2 .component__container:before,
.component--home-4 .component__container:before,
.component--home-7 .component__container:before,
.component--home-8 .component__container:before,
.component--other-action-steps .component__container:before {
    width: 800vw;
    height: 800vw;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .vertical--home {
    padding-top: 4vw;
  }
}

/* line 76, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
.vertical--home:after {
  background: #000831;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin-top: 200px;
}

@media only screen and (min-width: 640px) {
  /* line 91, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .component--other-action-steps .component__container {
    padding-top: 8vw;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 91, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .component--other-action-steps .component__container {
    padding-top: 12vw;
  }
}

/* line 101, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
.component--other-action-steps .component__title {
  color: #fff;
}

@media only screen and (min-width: 640px) {
  /* line 101, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .component--other-action-steps .component__title {
    font-size: 1.375rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 101, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_base.scss */
  .component--other-action-steps .component__title {
    font-size: 1.375rem;
  }
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout__title {
  margin: 0 auto;
  max-width: 280px;
}

/* line 7, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout__image {
  border-radius: 100%;
  overflow: hidden;
}

/* line 12, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout {
  margin-bottom: 100px;
  position: relative;
  text-align: center;
}

/* line 17, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout:last-child {
  margin-bottom: 3rem;
}

/* line 21, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout:nth-child(2) {
  padding: 0 30px;
}

/* line 23, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout:nth-child(2):before {
  position: absolute;
  display: block;
  content: "";
  border-radius: 100%;
  width: 200vw;
  height: 200vw;
  left: 100%;
  top: 40%;
  transform: translate3d(0, -50%, 0);
  background-image: linear-gradient(20deg, #c38bfc 1%, #022d42 100%);
  left: 70%;
}

/* line 37, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout:nth-child(2) .vertical-tout__title {
  text-align: left;
  padding-right: 70px;
}

/* line 42, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout:nth-child(2) .vertical-tout__content-text {
  margin-top: 1.5rem;
}

/* line 47, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout:nth-child(3) {
  margin-left: auto;
  margin-right: auto;
  max-width: 660px;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 54, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
.component--home-1 .vertical-tout:nth-child(3) .vertical-tout__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  width: 66%;
}

@media only screen and (min-width: 640px) {
  /* line 65, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout .vertical-tout__title {
    margin: 0 auto;
    max-width: 320px;
    padding: 0;
  }
  /* line 71, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(1) {
    margin-bottom: 8rem;
  }
  /* line 74, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(1) .vertical-tout__content {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
  }
  /* line 81, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0 0 64px 0;
  }
  /* line 82, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2):before {
    width: 100vw;
    height: 100vw;
    top: 50%;
    left: 90%;
  }
  /* line 94, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) > * {
    flex: 1;
  }
  /* line 98, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) .vertical-tout__content {
    margin-right: 50px;
    padding-left: 12%;
    text-align: left;
  }
  /* line 104, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) .vertical-tout__image {
    flex: 0 0 42%;
  }
  /* line 110, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(4):before {
    position: absolute;
    display: block;
    content: "";
    width: 90px;
    height: 715px;
    left: 120%;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    background: url(/assets/verticals/friends-of-ocean-action/tout2-488f3fed5336e9a2344c49de3f8d91c0a0023fb4fce3bbbbf41ef568d4f3cc98.svg);
    background-repeat: no-repeat;
  }
  /* line 123, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(4) .vertical-tout__content {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 132, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout .vertical-tout__title {
    margin: 0 auto;
    max-width: 500px;
  }
  /* line 137, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) {
    margin: 0 -10% 64px -10%;
  }
  /* line 140, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) .vertical-tout__content {
    margin-right: 100px;
    padding-left: 12%;
    text-align: left;
  }
  /* line 146, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) .vertical-tout__image {
    flex: 0 0 42%;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 153, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) {
    margin: 0 -20% 64px -20%;
  }
  /* line 156, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) .vertical-tout__content {
    margin-right: 100px;
    padding-left: 12%;
    text-align: left;
  }
  /* line 162, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component1.scss */
  .component--home-1 .vertical-tout:nth-child(2) .vertical-tout__image {
    flex: 0 0 42%;
  }
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 {
  padding-top: 0;
}

/* line 4, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2:before {
  display: none;
}

/* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .component__container {
  overflow: hidden;
}

/* line 11, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .component__container:before {
  background-image: linear-gradient(-180deg, #ed2c41 5%, #0098db 50%);
}

@media only screen and (min-width: 640px) {
  /* line 11, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .component__container:before {
    background-image: linear-gradient(-180deg, #ed2c41 5%, #0098db 40%);
    height: 300vw;
    width: 300vw;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .component__container:before {
    background-image: linear-gradient(-180deg, #ed2c41 5%, #0098db 30%);
    height: 300vw;
    width: 300vw;
  }
}

/* line 28, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .component__footer {
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
}

/* line 33, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .component__footer:before {
  background: #0098db;
  border-radius: 10000px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 500vw;
  height: 500vw;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 2;
}

@media only screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .component__footer:before {
    height: 300vw;
    width: 300vw;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .component__footer {
    padding-bottom: 300px;
  }
}

/* line 57, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout {
  margin-bottom: 80px;
  padding: 15px;
  text-align: center;
}

/* line 62, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout .vertical-tout__content {
  max-width: 280px;
  margin: 0 auto;
}

/* line 67, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout:nth-child(1) {
  margin-bottom: 2rem;
}

/* line 69, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout:nth-child(1) .vertical-tout__content {
  max-width: 280px;
  margin: 0 auto;
}

@media only screen and (min-width: 640px) {
  /* line 76, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout .vertical-tout__content {
    max-width: 100%;
  }
  /* line 80, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout:nth-child(1) {
    margin-bottom: 4rem;
  }
  /* line 83, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout:nth-child(1) .vertical-tout__content {
    max-width: 320px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 91, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout:nth-child(1) {
    margin-bottom: 14rem;
  }
  /* line 94, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout:nth-child(1) .vertical-tout__content {
    max-width: 600px;
    margin: 0 auto;
  }
}

/* line 102, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout__title {
  font-size: 16px;
  font-weight: 700;
}

@media only screen and (min-width: 640px) {
  /* line 102, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout__title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout__title {
    font-size: 36px;
  }
}

/* line 116, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout--image .vertical-tout__content-text {
  margin-top: 1.5rem;
}

/* line 120, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout--image .vertical-tout__title {
  text-align: center;
}

@media only screen and (min-width: 640px) {
  /* line 115, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 -20% 64px -20%;
  }
  /* line 130, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image > * {
    flex: 0 0 50%;
  }
  /* line 134, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image .vertical-tout__title {
    text-align: left;
  }
  /* line 139, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(2) .vertical-tout__content {
    flex: 1;
    padding-left: 50px;
    padding-right: 20%;
  }
  /* line 145, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(2) .vertical-tout__image {
    flex: 0 0 42%;
  }
  /* line 150, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(3) {
    flex-direction: row-reverse;
  }
  /* line 152, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(3) .vertical-tout__content {
    flex: 1;
    padding-right: 50px;
    padding-left: 20%;
  }
  /* line 157, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(3) .vertical-tout__image {
    flex: 0 0 41.6666666667%;
  }
  /* line 163, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(4) .vertical-tout__content {
    flex: 1;
    padding-left: 50px;
    padding-right: 20%;
  }
  /* line 168, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(4) .vertical-tout__image {
    flex: 0 0 36.6666666667%;
  }
}

/* line 174, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
.component--home-2 .vertical-tout--image .vertical-tout__image {
  border-radius: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  /* line 115, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image {
    margin: 0 -40% 64px -40%;
  }
  /* line 183, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(2) .vertical-tout__content {
    padding-left: 100px;
    padding-right: 24%;
  }
  /* line 190, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(3) .vertical-tout__content {
    padding-right: 100px;
    padding-left: 24%;
  }
  /* line 197, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component2.scss */
  .component--home-2 .vertical-tout--image:nth-child(4) .vertical-tout__content {
    padding-left: 100px;
    padding-right: 24%;
  }
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component3.scss */
.component--home-3 .vertical-tout {
  text-align: center;
}

@media only screen and (min-width: 640px) {
  /* line 7, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component3.scss */
  .component--home-3 .vertical-tout:nth-child(1) .vertical-tout__content {
    max-width: 440px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component3.scss */
  .component--home-3 .vertical-tout:nth-child(1) .vertical-tout__content {
    max-width: 700px;
    margin: 0 auto;
  }
}

/* line 24, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component3.scss */
.component--home-3 .vertical-tout__image {
  border-radius: 100%;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component4.scss */
.component--home-4 {
  text-align: center;
}

/* line 4, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component4.scss */
.component--home-4 .vertical-tout:last-child {
  margin-bottom: 0;
}

/* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component4.scss */
.component--home-4 .component__title {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 640px) {
  /* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component4.scss */
  .component--home-4 .component__title {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component4.scss */
  .component--home-4 .component__title {
    margin-bottom: 6rem;
  }
}

/* line 20, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component4.scss */
.component--home-4 .vertical-tout__image {
  border-radius: 100%;
  overflow: hidden;
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component7.scss */
.component--home-7 .component__title {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 640px) {
  /* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component7.scss */
  .component--home-7 .component__title {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component7.scss */
  .component--home-7 .component__title {
    margin-bottom: 6rem;
  }
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component8.scss */
.component--home-8 .component__title {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 640px) {
  /* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component8.scss */
  .component--home-8 .component__title {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component8.scss */
  .component--home-8 .component__title {
    margin-bottom: 6rem;
  }
}

/* line 14, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component8.scss */
.component--home-8 .component__body {
  line-height: 1.4;
  margin: 0 auto 4rem auto;
  text-align: center;
}

@media only screen and (min-width: 640px) {
  /* line 14, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component8.scss */
  .component--home-8 .component__body {
    margin: 0 auto 8rem auto;
    max-width: 640px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/verticals/friends_of_ocean_action/home/_component8.scss */
  .component--home-8 .component__body {
    font-size: 22px;
    margin: 0 auto 12rem auto;
    max-width: 700px;
  }
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component {
  margin: 0 0 4rem 0;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
  .component {
    margin-bottom: 8rem;
  }
}

/* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component:last-child {
  margin-bottom: 0;
}

/* line 13, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component__title {
  color: #0098db;
  font-size: 22px;
  margin: 0 auto 60px auto;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 640px) {
  /* line 13, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
  .component__title {
    font-size: 30px;
    max-width: 460px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
  .component__title {
    font-size: 52px;
    margin-bottom: 150px;
    max-width: 100%;
  }
}

/* line 32, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component__content-footer {
  text-align: center;
  width: 100%;
}

/* line 37, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component__footer {
  margin: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component__cta {
  color: #cbdc56;
  display: inline-flex;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  transition: 100ms ease-in-out;
}

/* line 54, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component__cta:after {
  background: url(/assets/verticals/friends-of-ocean-action/component-cta-33397ac92ee6acd6a33a2b4a8dfff99960d2e28f594654f10bbe2bdad03a960b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 15px;
  width: 7px;
  margin-left: 1rem;
  margin-top: 2px;
}

/* line 68, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component__cta:hover {
  color: #fff;
}

@media only screen and (min-width: 1024px) {
  /* line 45, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
  .component__cta {
    font-size: 22px;
    margin: 0 auto;
  }
  /* line 76, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
  .component__cta:after {
    height: 30px;
    width: 14px;
    margin-top: 2px;
  }
}

/* line 85, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_base.scss */
.component__container > * {
  z-index: 20;
  position: relative;
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout {
  margin-bottom: 8rem;
}

/* line 4, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout .vertical-tout {
  background: #000831;
  border: 2px solid #0098db;
  margin-right: 1.5rem;
  padding: 1.5rem;
  position: relative;
}

/* line 11, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout .vertical-tout:before {
  background-image: linear-gradient(270deg, #1e435b 0%, #000831 96%);
  background-repeat: no-repeat;
  border: 2px solid #0098db;
  display: block;
  content: "";
  position: absolute;
  top: 1.5rem;
  height: 100%;
  width: 100%;
  z-index: -1;
}

@media only screen and (min-width: 640px) {
  /* line 4, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout {
    border-width: 5px;
    margin-right: 50px;
    padding: 50px;
  }
  /* line 33, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout:before {
    border-width: 5px;
    top: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout {
    border-width: 5px;
    margin-right: 80px;
    padding: 60px;
  }
  /* line 44, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout:before {
    border-width: 5px;
    top: 70px;
  }
}

/* line 51, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout .vertical-tout__title {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
}

@media only screen and (min-width: 640px) {
  /* line 51, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout__title {
    font-size: 60px;
    margin: 0 0 2rem 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 51, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout__title {
    font-size: 90px;
  }
}

/* line 69, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout .vertical-tout__description {
  font-size: 16px;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 640px) {
  /* line 69, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout__description {
    font-size: 22px;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 69, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout__description {
    font-size: 36px;
    margin-bottom: 2rem;
  }
}

/* line 83, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout .vertical-tout__description a {
  color: #cbdc56;
}

/* line 85, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout .vertical-tout__description a:hover {
  text-decoration: underline;
}

/* line 91, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
.component--callout .vertical-tout__cta {
  color: #fff;
  font-size: 12px;
}

@media only screen and (min-width: 640px) {
  /* line 91, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_callout.scss */
  .component--callout .vertical-tout__cta {
    font-size: 12px;
  }
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
.component--co-chairs .vertical-tout {
  margin-bottom: 4rem;
  padding: 0 15px;
}

@media only screen and (min-width: 640px) {
  /* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
  .component--co-chairs .vertical-tout {
    padding: 0 30px;
  }
}

/* line 11, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
.component--co-chairs .vertical-tout__image {
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 2rem;
}

/* line 17, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
.component--co-chairs .vertical-tout__content {
  text-align: center;
}

/* line 21, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
.component--co-chairs .vertical-tout__title {
  color: #0098db;
  font-size: 22px;
  font-weight: bold;
}

@media only screen and (min-width: 640px) {
  /* line 21, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
  .component--co-chairs .vertical-tout__title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
  .component--co-chairs .vertical-tout__title {
    font-size: 44px;
  }
}

/* line 35, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
.component--co-chairs .vertical-tout__description {
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (min-width: 640px) {
  /* line 35, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_cochairs.scss */
  .component--co-chairs .vertical-tout__description {
    font-size: 22px;
  }
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

/* line 6, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__image {
  margin-bottom: 1.25rem;
  margin-left: -15px;
  position: relative;
  transition: 300ms ease-in-out;
}

/* line 12, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__image:before {
  background-image: linear-gradient(225deg, #0098db 0%, #cbdc56 98%);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 85%;
  bottom: 0;
  transition: 300ms ease-in-out;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* line 30, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__image .placeholder-inner {
  padding-bottom: 64% !important;
  position: relative;
}

/* line 35, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__image img {
  width: 100%;
}

/* line 40, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__details {
  transition: 300ms ease-in-out;
}

/* line 44, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout {
  transition: 300ms ease-in-out;
}

/* line 48, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout:active {
  opacity: 0.8;
}

/* line 53, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout:hover .tout__image,
.component__collection .tout:hover .tout__details {
  transform: translate3d(0.25rem, 0.25rem, 0);
}

/* line 57, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout:hover .tout__image:before {
  transform: translate3d(-0.25rem, -1rem, 0);
}

/* line 62, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__link {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 640px) {
  /* line 62, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .tout__link {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 73, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__title {
  color: #fff;
  font-size: 22px;
  margin-bottom: 1rem;
}

/* line 79, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__meta {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  margin-bottom: 0.75rem;
}

/* line 85, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__description {
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  margin: 1.5rem 0 1.5rem 0;
}

/* line 92, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__url {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #0e9fd0;
  font-size: 14px;
}

/* line 100, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__url svg {
  margin-left: 1rem;
}

/* line 103, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__url svg:first-of-type {
  display: block;
}

/* line 107, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__url svg:last-of-type {
  display: none;
}

/* line 112, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__url__base {
  stop-color: #0e9fd0;
}

/* line 117, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout__url__highlight {
  stop-color: #0e9fd0;
}

/* line 123, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout--article .tout__url {
  color: #0e9fd0;
}

/* line 126, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .tout--article .tout__url__base {
  stop-color: #0e9fd0;
}

/* line 131, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .component__collection-tout {
  margin-bottom: 5rem;
  width: 100%;
}

@media only screen and (min-width: 640px) {
  /* line 137, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout {
    margin-bottom: 6rem;
    width: 50%;
  }
  /* line 142, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .tout__image {
    margin-left: 0;
  }
  /* line 146, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .tout__meta {
    text-transform: none;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 152, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout {
    margin-bottom: 6rem;
    width: 33.3333333333%;
  }
}

/* line 158, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
.component__collection .component__collection-tout--large {
  width: 100%;
}

@media only screen and (min-width: 640px) and (max-width: 1023px) {
  /* line 158, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large {
    margin-left: -30px;
    width: 100%;
  }
  /* line 165, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
  }
  /* line 172, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__image {
    margin: 0 2rem 0 0;
    width: 50%;
  }
  /* line 177, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__description {
    font-size: 0.875rem;
  }
  /* line 181, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__details {
    padding-top: 0.75rem;
    flex: 1;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
  }
  /* line 189, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__title {
    font-size: 24px;
    margin: 0 0 1rem 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 158, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large {
    margin-left: 0;
    width: 100%;
  }
  /* line 199, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__link {
    font-size: 1.25rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
  }
  /* line 207, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__image {
    margin: 0 3rem 0 0;
    width: 40%;
  }
  /* line 212, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__details {
    padding-top: 0;
    flex: 1;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
  }
  /* line 220, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__title {
    font-size: 2.125rem;
    margin: 0 0 1rem 0;
  }
  /* line 225, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__description {
    color: #fff;
    font-size: 1.125rem;
    margin: 0.5rem 0 1rem 0;
  }
  /* line 231, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__meta {
    font-size: 1.125rem;
  }
  /* line 235, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__url {
    font-size: 1.3125rem;
  }
  /* line 239, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__url svg:first-of-type {
    display: none;
  }
  /* line 243, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_collection.scss */
  .component__collection .component__collection-tout--large .tout__url svg:last-of-type {
    display: block;
  }
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable {
  margin: 1rem 0;
}

@media only screen and (min-width: 640px) {
  /* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable {
    margin: 5rem 0;
  }
  /* line 7, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable:first-child {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable {
    margin: 12rem 0;
  }
  /* line 15, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable:first-child {
    margin-top: 0;
  }
}

/* line 20, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .component__header {
  display: flex;
  align-items: center;
  min-height: 100px;
}

@media only screen and (min-width: 640px) {
  /* line 20, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__header {
    min-height: 160px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 20, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__header {
    min-height: 200px;
  }
}

/* line 33, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .component__title {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: left;
  text-transform: none;
}

@media only screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__title {
    font-size: 52px;
  }
}

/* line 46, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .component__content {
  max-height: 0;
  max-width: 700px;
  overflow: hidden;
  transition: 300ms ease-in-out;
}

@media only screen and (min-width: 1024px) {
  /* line 46, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__content {
    margin-left: 4rem;
  }
}

/* line 57, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.is-open .component__content {
  max-height: 10000px;
}

/* line 61, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .component__body {
  margin-bottom: 4rem;
}

@media only screen and (min-width: 640px) {
  /* line 61, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__body {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 61, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__body {
    margin-left: 4rem;
    margin-top: 0;
  }
}

@media only screen and (min-width: 640px) {
  /* line 74, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__body .st__content-block--text p {
    font-size: 22px;
  }
}

/* line 81, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .component__body .st__content-block--heading {
  font-size: 16px;
  margin-top: 40px;
  text-transform: uppercase;
}

@media only screen and (min-width: 640px) {
  /* line 81, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__body .st__content-block--heading {
    font-size: 22px;
    margin-top: 60px;
  }
}

/* line 91, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .component__body .st__content-block--heading:first-child {
  margin-top: 0;
}

/* line 97, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .component__touts {
  margin-top: 1rem;
}

@media only screen and (min-width: 1024px) {
  /* line 97, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .component__touts {
    margin-top: 8rem;
  }
}

/* line 104, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .vertical-tout {
  margin-bottom: 0;
}

/* line 108, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .action-step {
  cursor: pointer;
  margin: 1rem 0 1rem 0;
  margin-left: -15px;
}

@media only screen and (min-width: 640px) {
  /* line 108, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .action-step {
    margin: 1rem 0 1rem -75px;
  }
  /* line 116, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .action-step:hover {
    transform: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 108, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .action-step {
    margin: 1rem 0 1rem 0;
  }
}

@media only screen and (min-width: 1280px) {
  /* line 108, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .action-step {
    transform: none !important;
  }
}

/* line 129, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .action-step .vertical-tout__cta {
  background-size: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31"><g fill="none" fill-rule="evenodd" stroke="%23cbdc56" stroke-linecap="round" stroke-width="3" transform="rotate(45 20.621 13.379)"><path d="M0,18.5142857 L37,18.5142857"/><path d="M0.5,18.5 L36.5,18.5" transform="rotate(90 18.5 18.5)"/></g></svg>');
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  transform: rotate(-45deg);
  transition: 200ms ease-in-out;
}

@media only screen and (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .action-step .vertical-tout__cta {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63"><g fill="none" fill-rule="evenodd" stroke="%23cbdc56" stroke-linecap="round" stroke-width="5" transform="rotate(-45 25.136 46.864)"><path d="M0.5,40.5 L80.5,40.5"/><path d="M0.5,40.5 L80.5,40.5" transform="rotate(90 40.5 40.5)"/></g></svg>');
    flex: 0 0 63px;
    width: 63px;
    height: 63px;
  }
}

/* line 149, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.is-open .action-step .vertical-tout__cta {
  transform: rotate(0deg);
}

/* line 153, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline {
  padding-left: 2.5rem;
  padding-bottom: 2rem;
  position: relative;
}

/* line 158, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline:before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 0px;
  bottom: 0;
  width: 1px;
  border-left: 1px solid #fff;
}

/* line 169, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline:after {
  background: #fff;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.625rem;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}

/* line 182, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline.timeline-first:before {
  top: 20px;
}

/* line 188, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline.timeline-last:before {
  bottom: auto;
  height: 20px;
}

/* line 194, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline .vertical-tout__content {
  overflow: hidden;
}

/* line 198, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline .vertical-tout__title {
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1024px) {
  /* line 198, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .timeline .vertical-tout__title {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
}

/* line 210, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline .vertical-tout__description p {
  color: #fff;
}

@media only screen and (min-width: 640px) {
  /* line 210, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .timeline .vertical-tout__description p {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 153, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .timeline {
    padding-left: 3.5rem;
  }
  /* line 222, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .timeline.timeline-first:before {
    top: 2rem;
  }
  /* line 228, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .timeline.timeline-last:before {
    height: 30px;
  }
  /* line 233, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .timeline:after {
    top: 1.5rem;
  }
}

/* line 240, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable .timeline-header .vertical-tout__title {
  margin-bottom: 2rem;
}

@media only screen and (min-width: 1024px) {
  /* line 240, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable .timeline-header .vertical-tout__title {
    font-size: 30px;
    margin-left: 3.5rem;
  }
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-stratos-blue .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step__blob1-color1 {
  stop-color: #000831;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step__blob1-color2 {
  stop-color: #000831;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-stratos-blue .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step__blob2-color1 {
  stop-color: #000831;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step__blob2-color2 {
  stop-color: #000831;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-stratos-blue .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step-header__colour {
  stop-color: #000831;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step-header__colour--dark {
  stop-color: #000831;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step-header__title {
  color: #000831;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-stratos-blue .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .st__content-block--heading {
  color: #000831;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23000831' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-stratos-blue .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23000831' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .timeline .vertical-tout__title {
  color: #000831;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-stratos-blue .timeline:after {
  background-color: #000831;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-shalimar-yellow .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step__blob1-color1 {
  stop-color: #a9ffe2;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step__blob1-color2 {
  stop-color: #f6ffb4;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-shalimar-yellow .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step__blob2-color1 {
  stop-color: #a9ffe2;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-shalimar-yellow .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step-header__colour {
  stop-color: #f6ffb4;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step-header__colour--dark {
  stop-color: #fff795;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step-header__title {
  color: #f6ffb4;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-shalimar-yellow .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .st__content-block--heading {
  color: #f6ffb4;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23f6ffb4' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-shalimar-yellow .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23f6ffb4' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .timeline .vertical-tout__title {
  color: #f6ffb4;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-shalimar-yellow .timeline:after {
  background-color: #f6ffb4;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-blue .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step__blob1-color1 {
  stop-color: #34a56f;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step__blob1-color2 {
  stop-color: #37baf4;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-blue .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step__blob2-color1 {
  stop-color: #a9ffe2;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-blue .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step-header__colour {
  stop-color: #79d6ff;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step-header__colour--dark {
  stop-color: #2395c8;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step-header__title {
  color: #79d6ff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-blue .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .st__content-block--heading {
  color: #79d6ff;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%2379d6ff' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-blue .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%2379d6ff' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .timeline .vertical-tout__title {
  color: #79d6ff;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-blue .timeline:after {
  background-color: #79d6ff;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-brink-pink .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step__blob1-color1 {
  stop-color: #a9ffe2;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step__blob1-color2 {
  stop-color: #fe758e;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-brink-pink .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step__blob2-color1 {
  stop-color: #badbcb;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step__blob2-color2 {
  stop-color: #008ed1;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-brink-pink .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step-header__colour {
  stop-color: #ff647c;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step-header__colour--dark {
  stop-color: #ed7e8f;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step-header__title {
  color: #ff707f;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-brink-pink .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .st__content-block--heading {
  color: #ff707f;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23ff707f' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-brink-pink .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23ff707f' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .timeline .vertical-tout__title {
  color: #ff707f;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-brink-pink .timeline:after {
  background-color: #ff707f;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aero-blue .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step__blob1-color1 {
  stop-color: #8cffe0;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step__blob1-color2 {
  stop-color: #00e8ef;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aero-blue .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step__blob2-color1 {
  stop-color: #00bc91;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aero-blue .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step-header__colour {
  stop-color: #8cffe0;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step-header__colour--dark {
  stop-color: #03e3ec;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step-header__title {
  color: #a9ffe2;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aero-blue .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .st__content-block--heading {
  color: #a9ffe2;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23a9ffe2' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aero-blue .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23a9ffe2' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .timeline .vertical-tout__title {
  color: #a9ffe2;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aero-blue .timeline:after {
  background-color: #a9ffe2;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-witch-haze .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step__blob1-color1 {
  stop-color: #a9ffe2;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step__blob1-color2 {
  stop-color: #f6ffb4;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-witch-haze .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step__blob2-color1 {
  stop-color: #a9ffe2;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-witch-haze .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step-header__colour {
  stop-color: #fff885;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step-header__colour--dark {
  stop-color: #f6ffb4;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step-header__title {
  color: #fff795;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-witch-haze .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .st__content-block--heading {
  color: #fff795;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23fff795' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-witch-haze .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23fff795' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .timeline .vertical-tout__title {
  color: #fff795;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-witch-haze .timeline:after {
  background-color: #fff795;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-wattle-green .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step__blob1-color1 {
  stop-color: #c6dd34;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step__blob1-color2 {
  stop-color: #00eba0;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-wattle-green .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step__blob2-color1 {
  stop-color: #00bc91;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-wattle-green .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step-header__colour {
  stop-color: #c6dd34;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step-header__colour--dark {
  stop-color: #00e6a7;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step-header__title {
  color: #cbdc56;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-wattle-green .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .st__content-block--heading {
  color: #cbdc56;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23cbdc56' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-wattle-green .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23cbdc56' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .timeline .vertical-tout__title {
  color: #cbdc56;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-wattle-green .timeline:after {
  background-color: #cbdc56;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-grandis-yellow .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step__blob1-color1 {
  stop-color: #a9ffe2;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step__blob1-color2 {
  stop-color: #f6f79d;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-grandis-yellow .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step__blob2-color1 {
  stop-color: #a9ffe2;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-grandis-yellow .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step-header__colour {
  stop-color: #ffce76;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step-header__colour--dark {
  stop-color: #f6ffb4;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step-header__title {
  color: #ffd083;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-grandis-yellow .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .st__content-block--heading {
  color: #ffd083;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23ffd083' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-grandis-yellow .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23ffd083' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .timeline .vertical-tout__title {
  color: #ffd083;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-grandis-yellow .timeline:after {
  background-color: #ffd083;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-cerulean-blue .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step__blob1-color1 {
  stop-color: #34a56f;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step__blob1-color2 {
  stop-color: #00a7ed;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-cerulean-blue .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step__blob2-color1 {
  stop-color: #00a893;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-cerulean-blue .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step-header__colour {
  stop-color: #009ae1;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step-header__colour--dark {
  stop-color: #37baf4;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step-header__title {
  color: #0098db;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-cerulean-blue .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .st__content-block--heading {
  color: #0098db;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%230098db' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-cerulean-blue .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%230098db' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .timeline .vertical-tout__title {
  color: #0098db;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-cerulean-blue .timeline:after {
  background-color: #0098db;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-violet .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step__blob1-color1 {
  stop-color: #a9ffe2;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step__blob1-color2 {
  stop-color: #ff6fb6;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-violet .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step__blob2-color1 {
  stop-color: #badbcb;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step__blob2-color2 {
  stop-color: #008ed1;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-violet .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step-header__colour {
  stop-color: #ce85ff;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step-header__colour--dark {
  stop-color: #f378b2;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step-header__title {
  color: #90a0ff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-violet .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .st__content-block--heading {
  color: #90a0ff;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%2390a0ff' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-malibu-violet .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%2390a0ff' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .timeline .vertical-tout__title {
  color: #90a0ff;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-malibu-violet .timeline:after {
  background-color: #90a0ff;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-monalisa-red .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step__blob1-color1 {
  stop-color: #a9ffe2;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step__blob1-color2 {
  stop-color: #ff6fb6;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-monalisa-red .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step__blob2-color1 {
  stop-color: #badbcb;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step__blob2-color2 {
  stop-color: #008ed1;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-monalisa-red .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step-header__colour {
  stop-color: #ce85ff;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step-header__colour--dark {
  stop-color: #f378b2;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step-header__title {
  color: #ff9b9b;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-monalisa-red .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .st__content-block--heading {
  color: #ff9b9b;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23ff9b9b' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-monalisa-red .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23ff9b9b' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .timeline .vertical-tout__title {
  color: #ff9b9b;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-monalisa-red .timeline:after {
  background-color: #ff9b9b;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-heliotrope .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step__blob1-color1 {
  stop-color: #a9ffe2;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step__blob1-color2 {
  stop-color: #ff6fb6;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-heliotrope .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step__blob2-color1 {
  stop-color: #badbcb;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step__blob2-color2 {
  stop-color: #008ed1;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-heliotrope .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step-header__colour {
  stop-color: #ce85ff;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step-header__colour--dark {
  stop-color: #f378b2;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step-header__title {
  color: #c38bfc;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-heliotrope .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .st__content-block--heading {
  color: #c38bfc;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%23c38bfc' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-heliotrope .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%23c38bfc' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .timeline .vertical-tout__title {
  color: #c38bfc;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-heliotrope .timeline:after {
  background-color: #c38bfc;
}

/* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step__blob1 {
  position: absolute;
  right: calc(100% - 5px);
  top: 200px;
}

@media only screen and (min-width: 1024px) {
  /* line 252, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aquamarine .action-step__blob1 {
    top: 900px;
  }
}

/* line 261, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step__blob1-color1 {
  stop-color: #34a56f;
}

/* line 265, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step__blob1-color2 {
  stop-color: #00e8ef;
}

/* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step__blob2 {
  position: absolute;
  left: calc(100% - 5px);
  top: 600px;
}

@media only screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aquamarine .action-step__blob2 {
    top: 1300px;
  }
}

/* line 279, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step__blob2-color1 {
  stop-color: #00bc91;
}

/* line 283, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step__blob2-color2 {
  stop-color: #5372a5;
}

/* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step-header__image {
  margin: 0 auto 3rem auto;
  max-width: 765px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 289, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aquamarine .action-step-header__image {
    margin-bottom: 8.125rem;
  }
}

/* line 298, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step-header__image svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 304, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step-header__image .vertical-tout__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate3d(-39%, -48%, 0);
}

/* line 313, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step-header__colour {
  stop-color: #8cffe0;
}

/* line 315, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step-header__colour--dark {
  stop-color: #00ffcd;
}

/* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step-header__title {
  color: #63ffd0;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  /* line 320, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aquamarine .action-step-header__title {
    font-size: 3.25rem;
    margin-bottom: 6rem;
  }
}

/* line 336, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .st__content-block--heading {
  color: #63ffd0;
}

/* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .action-step .vertical-tout__cta {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'><g fill='none' fill-rule='evenodd' stroke='%2363ffd0' stroke-linecap='round' stroke-width='3' transform='rotate(45 20.621 13.379)'><path d='M0,18.5142857 L37,18.5142857'/><path d='M0.5,18.5 L36.5,18.5' transform='rotate(90 18.5 18.5)'/></g></svg>");
}

@media only screen and (min-width: 1024px) {
  /* line 340, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
  .component--expandable.color-aquamarine .action-step .vertical-tout__cta {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='63' viewBox='0 0 63 63'><g fill='none' fill-rule='evenodd' stroke='%2363ffd0' stroke-linecap='round' stroke-width='5' transform='rotate(-45 25.136 46.864)'><path d='M0.5,40.5 L80.5,40.5'/><path d='M0.5,40.5 L80.5,40.5' transform='rotate(90 40.5 40.5)'/></g></svg>");
  }
}

/* line 348, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .timeline .vertical-tout__title {
  color: #63ffd0;
}

/* line 351, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_expandable.scss */
.component--expandable.color-aquamarine .timeline:after {
  background-color: #63ffd0;
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_members.scss */
.component--members .vertical-tout__title {
  color: #0098db;
  font-size: 20px;
  font-weight: normal;
}

@media only screen and (min-width: 1024px) {
  /* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_members.scss */
  .component--members .vertical-tout__title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_members.scss */
  .component--members .vertical-tout__title {
    font-size: 36px;
  }
}

/* line 16, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_members.scss */
.component--members .vertical-tout__description {
  font-size: 16px;
}

@media only screen and (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_members.scss */
  .component--members .vertical-tout__description {
    font-size: 22px;
  }
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_twitter.scss */
.twitter-tout {
  margin: 0 auto;
}

/* line 4, app/assets/stylesheets/verticals/friends_of_ocean_action/components/_twitter.scss */
.twitter-tout .vertical-tout__title {
  display: none;
}

/* line 3, app/assets/stylesheets/verticals/friends_of_ocean_action/../../modules/_sirtrevor-scale.scss */
.st__content-block--iframe iframe {
  max-width: 100%;
}

/* line 7, app/assets/stylesheets/verticals/friends_of_ocean_action/../../modules/_sirtrevor-scale.scss */
.st__content-block--scale {
  aspect-ratio: 16 / 9;
}

/* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body,
.component__body {
  margin-bottom: 4rem;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
  .vertical__body,
.component__body {
    margin-bottom: 4rem;
  }
}

/* line 9, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--heading,
.component__body .st__content-block--heading {
  font-size: 26px;
  margin: 0 auto 1rem auto;
  max-width: 700px;
}

@media only screen and (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
  .vertical__body .st__content-block--heading,
.component__body .st__content-block--heading {
    font-size: 36px;
    margin: 0 auto 1rem auto;
  }
}

/* line 20, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--text,
.component__body .st__content-block--text {
  margin: 0 auto;
  max-width: 700px;
}

/* line 23, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--text p,
.component__body .st__content-block--text p {
  line-height: 1.5;
  margin: 1rem 0 2rem 0;
}

/* line 29, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--list,
.component__body .st__content-block--list {
  font-size: 18px;
  margin: 0 auto;
  max-width: 700px;
}

/* line 34, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--list li,
.component__body .st__content-block--list li {
  margin-bottom: 1rem;
}

/* line 39, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body a,
.component__body a {
  color: #cbdc56;
  font-weight: 700;
}

/* line 43, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body a:hover,
.component__body a:hover {
  text-decoration: underline;
}

/* line 48, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--image,
.component__body .st__content-block--image {
  margin: 3rem 0;
}

/* line 51, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--image img,
.component__body .st__content-block--image img {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 48, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
  .vertical__body .st__content-block--image,
.component__body .st__content-block--image {
    margin: 5rem 0;
  }
}

/* line 60, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--image .image__caption,
.component__body .st__content-block--image .image__caption {
  color: #fff;
  font-size: 12px;
  margin-top: 0.75rem;
  text-align: right;
  text-transform: uppercase;
}

/* line 69, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--video,
.component__body .st__content-block--video {
  position: relative;
  padding-top: 56.25%;
  margin: 3rem 0;
}

/* line 27, node_modules/css-patterns/stylesheets/patterns/_fluid_media_wrapper.scss */
.vertical__body .st__content-block--video embed,
.vertical__body .st__content-block--video iframe,
.vertical__body .st__content-block--video object,
.component__body .st__content-block--video embed,
.component__body .st__content-block--video iframe,
.component__body .st__content-block--video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 69, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
  .vertical__body .st__content-block--video,
.component__body .st__content-block--video {
    margin: 5rem 0;
  }
}

/* line 78, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.vertical__body .st__content-block--podcast,
.component__body .st__content-block--podcast {
  position: relative;
  padding-top: 56.25%;
  margin: 3rem 0;
}

/* line 27, node_modules/css-patterns/stylesheets/patterns/_fluid_media_wrapper.scss */
.vertical__body .st__content-block--podcast embed,
.vertical__body .st__content-block--podcast iframe,
.vertical__body .st__content-block--podcast object,
.component__body .st__content-block--podcast embed,
.component__body .st__content-block--podcast iframe,
.component__body .st__content-block--podcast object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 78, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
  .vertical__body .st__content-block--podcast,
.component__body .st__content-block--podcast {
    margin: 5rem 0;
  }
}

/* line 89, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.component--small .component__body {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

/* line 94, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.component--small .component__body .st__content-block--image {
  margin: 2rem auto;
}

@media only screen and (min-width: 1024px) {
  /* line 94, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
  .component--small .component__body .st__content-block--image {
    margin: 2rem auto;
  }
}

/* line 102, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
.component--small .component__body .st__content-block--video {
  position: relative;
  padding-top: 56.25%;
  margin: 2rem auto;
}

/* line 27, node_modules/css-patterns/stylesheets/patterns/_fluid_media_wrapper.scss */
.component--small .component__body .st__content-block--video embed,
.component--small .component__body .st__content-block--video iframe,
.component--small .component__body .st__content-block--video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/verticals/friends_of_ocean_action/_sirtrevor.scss */
  .component--small .component__body .st__content-block--video {
    margin: 2rem auto;
  }
}

/* line 2, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--bottom .vertical-tout__content {
  transition: transform 700ms ease-in-out, opacity 700ms ease-in-out 200ms;
  transform: translate3d(0, 100px, 0);
  opacity: 0.01;
}

/* line 8, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--bottom .vertical-tout__image {
  transition: transform 700ms ease-in-out, opacity 700ms ease-in-out 200ms;
  transform: translate3d(0, 100px, 0);
  opacity: 0.01;
}

/* line 15, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--bottom.is-active .vertical-tout__content,
.animate--bottom.is-active .vertical-tout__image {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* line 23, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate-bottom, .animate .component__title,
.animate .component__body,
.animate .component__content {
  transition: transform 700ms ease-in-out, opacity 700ms ease-in-out 200ms;
  transform: translate3d(0, 100px, 0);
  opacity: 0.01;
}

/* line 29, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate-bottom-active, .animate .component__title.is-active,
.animate .component__body.is-active,
.animate .component__content.is-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* line 46, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--zoom .vertical-tout__content {
  transition: transform 500ms ease-in-out 400ms, opacity 500ms ease-in-out 600ms;
  transform: translate3d(0, 100px, 0);
  opacity: 0.01;
}

/* line 53, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--zoom .vertical-tout__image {
  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out 200ms;
  transform: scale(0, 0);
  opacity: 0.01;
}

/* line 60, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--zoom.is-active .vertical-tout__content {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* line 65, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--zoom.is-active .vertical-tout__image {
  transform: scale(1, 1);
  opacity: 1;
}

/* line 73, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--horiz .vertical-tout__content {
  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out 200ms;
  opacity: 0.01;
  transform: translate3d(0, 100px, 0);
}

/* line 79, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--horiz .vertical-tout__image {
  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out 200ms;
  opacity: 0.01;
  transform: translate3d(0, 100px, 0);
}

/* line 86, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
.animate--horiz.is-active .vertical-tout__content,
.animate--horiz.is-active .vertical-tout__image {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

@media only screen and (min-width: 1024px) {
  /* line 94, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
  .animate--horiz .vertical-tout__content {
    transform: translate3d(100px, 0, 0);
  }
  /* line 98, app/assets/stylesheets/verticals/friends_of_ocean_action/_animations.scss */
  .animate--horiz .vertical-tout__image {
    transform: translate3d(-100px, 0, 0);
  }
}

/* line 1, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder {
  background-color: #d8d8d8;
  background-image: url(/assets/fallbacks/generic-small-9cf28913e552d56f0a19103490f4864eb6d7ff9b588ae231786fe5ab004e048d.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

/* line 9, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.cropped {
  overflow: hidden;
}

/* line 12, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.cropped img {
  max-width: none;
  height: auto;
}

/* line 18, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.letterbox {
  background-image: url(/assets/fallbacks/generic-large-d3281ac72c5557b91cbf5c81cbf14dd1c4ead6b241ab2ad49afb691f1874ca8b.png);
}

/* line 20, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.letterbox .placeholder-inner {
  padding-bottom: 43.1548%;
}

/* line 25, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.hero {
  background-image: url(/assets/fallbacks/generic-large-d3281ac72c5557b91cbf5c81cbf14dd1c4ead6b241ab2ad49afb691f1874ca8b.png);
}

/* line 27, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.hero .placeholder-inner {
  padding-bottom: 43.75%;
}

/* line 32, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.square {
  background-image: url(/assets/fallbacks/generic-square-45fe566d893258201b04e8c88bc2a245b97303a444e1511a9d043103c08fd30d.png);
}

/* line 34, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.square .placeholder-inner {
  padding-bottom: 100%;
}

/* line 39, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.big {
  background-image: url(/assets/fallbacks/generic-large-d3281ac72c5557b91cbf5c81cbf14dd1c4ead6b241ab2ad49afb691f1874ca8b.png);
}

/* line 41, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.big .placeholder-inner {
  padding-bottom: 60.8247%;
}

/* line 46, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.large {
  background-image: url(/assets/fallbacks/generic-large-d3281ac72c5557b91cbf5c81cbf14dd1c4ead6b241ab2ad49afb691f1874ca8b.png);
}

/* line 48, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.large .placeholder-inner {
  padding-bottom: 60.8247%;
}

/* line 53, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.medium {
  background-image: url(/assets/fallbacks/generic-medium-f78fc9443234f41538bfcf77331a975e2b1482da760610c624064d5e2a1468ff.png);
}

/* line 55, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.medium .placeholder-inner {
  padding-bottom: 60.8247%;
}

/* line 61, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.small .placeholder-inner {
  padding-bottom: 54.2857%;
}

/* line 67, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.small.placeholder--square picture {
  left: 21.7871485945%;
  right: 21.7871485945%;
}

/* line 74, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.tiny {
  background-image: url(/assets/fallbacks/generic-tiny-36b47d1c70518423002bc17e0bfadca1224d2ef17742916e95918328ca62ac6b.png);
}

/* line 76, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder.tiny .placeholder-inner {
  padding-bottom: 74.2268%;
}

/* line 81, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder .placeholder-inner > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 89, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 95, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder--video img {
  max-height: 300px;
  width: auto;
}

/* line 100, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder--video:after {
  background: url(/assets/video/play-icon--with-shadow-045bbf342d615c8b0f1abf8a4603c2ba6e10e7eef45c6a652806edf12d580a4d.svg) no-repeat;
  background-size: cover;
  content: "";
  height: 60px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 30px);
  width: 60px;
}

/* line 111, app/assets/stylesheets/modules/_image-placeholder.scss */
.placeholder:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  transition: opacity 0.15s ease-out;
  opacity: 0;
  z-index: 1;
}

/* line 4, app/assets/stylesheets/modules/_lazyload.scss */
img[data-src],
img[data-srcset],
img.js-lazyload {
  min-height: 1px;
}

/* line 11, app/assets/stylesheets/modules/_lazyload.scss */
img:not([src]) {
  visibility: hidden;
}

/* line 17, app/assets/stylesheets/modules/_lazyload.scss */
iframe[data-src]:not(.loaded),
iframe.js-lazyload:not(.loaded) {
  background-size: cover;
  background-position: center;
  background: url(/assets/fallbacks/generic-large-d3281ac72c5557b91cbf5c81cbf14dd1c4ead6b241ab2ad49afb691f1874ca8b.png) cover center;
}

/* line 5, app/assets/stylesheets/base/_mixins.scss */
html.webp iframe[data-src]:not(.loaded), iframe.js-lazyload:not(.loaded) {
  background-image: url(/assets/fallbacks/generic-large-a8945b3dba75064ccedb807f2585b5341d878ffd968194f32f310a2d736e4bcb.webp);
}

/* line 1, app/assets/stylesheets/modules/_cookiebot.scss */
div#CybotCookiebotDialog * {
  font-family: "Akkurat", sans-serif !important;
  font-size: 14px;
}

/* line 6, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog {
  opacity: 1 !important;
  border-radius: 5px !important;
  overflow: visible !important;
  padding: 0 !important;
}

/* line 12, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogHeader,
#CybotCookiebotDialog #CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialog .CybotCookiebotDialogBodyBottomWrapper,
#CybotCookiebotDialog .CybotCookiebotDialogArrow,
#CybotCookiebotDialog .CybotCookiebotDialogNavItem:first-of-type {
  display: none !important;
}

/* line 20, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogTabContent {
  flex-grow: 1 !important;
}

/* line 24, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog > *:first-child:not(.CybotCookiebotDialogContentWrapper) {
  display: none !important;
}

/* line 30, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] {
  display: flex !important;
  height: auto !important;
  min-width: auto !important;
  max-width: 340px !important;
  top: auto !important;
  left: auto !important;
  bottom: 8px !important;
  right: 8px !important;
  transform: none !important;
}

/* line 42, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogNav {
  display: none !important;
}

/* line 46, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogTabContent {
  margin: 0 !important;
}

/* line 50, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] > .CybotCookiebotDialogContentWrapper {
  flex-direction: column !important;
  justify-items: stretch !important;
}

/* line 55, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] .CybotCookiebotScrollContainer {
  border-bottom: none !important;
  padding: 27px 30px !important;
  padding-bottom: 0 !important;
}

/* line 61, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyContentTitle {
  font-size: 16px !important;
  line-height: 1 !important;
  margin-bottom: 18px !important;
}

/* line 67, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyContentText {
  line-height: 19.6px !important;
  padding-bottom: 16px !important;
}

/* line 72, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyContent {
  padding: 0 !important;
}

/* line 75, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyContent > .CybotCookiebotFader {
  height: 23px !important;
}

/* line 80, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogFooter {
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 1.5em !important;
}

/* line 85, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogFooter > .CybotCookiebotScrollArea {
  padding: 0 !important;
}

/* line 90, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyButtonsWrapper {
  flex-direction: column-reverse !important;
  gap: 12px !important;
}

/* line 94, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton {
  width: 100% !important;
  margin: 0em !important;
}

/* line 99, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonCustomize {
  order: -1;
}

@media screen and (min-width: 601px) {
  /* line 107, app/assets/stylesheets/modules/_cookiebot.scss */
  #CybotCookiebotDialog[data-template="popup"] {
    width: 610px !important;
    height: 664px;
  }
}

/* line 114, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"]::after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  z-index: -1;
}

/* line 127, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogContentWrapper {
  background: white;
  border-radius: 5px;
}

/* line 132, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotScrollContainer,
#CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
  padding: 0 !important;
}

/* line 137, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
  line-height: 16.8px;
  max-width: 480px;
}

@media screen and (min-width: 1280px) {
  /* line 137, app/assets/stylesheets/modules/_cookiebot.scss */
  #CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    padding-left: 0 !important;
  }
}

/* line 146, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
  margin-right: 0.8em;
}

/* line 150, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogDetailBodyContentTextAbout {
  padding: 1.625em 23px;
}

@media screen and (min-width: 601px) {
  /* line 154, app/assets/stylesheets/modules/_cookiebot.scss */
  #CybotCookiebotDialog[data-template="popup"] .CybotCookiebotDialogBodyButton {
    width: 50% !important;
  }
}

/* line 160, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogTabContentDetails > .CybotCookiebotFader {
  height: 23px;
}

/* line 164, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] .CookieCard {
  padding-left: 23px;
  padding-right: 23px;
}

/* line 169, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter {
  padding: 25px 37px;
  padding-top: 28px;
}

/* line 174, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  display: none;
}

/* line 180, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogTabContent
.CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  width: 44px !important;
  height: 28px !important;
}

/* line 186, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogTabContent
.CybotCookiebotDialogBodyLevelButtonSliderWrapper.CybotCookiebotDialogBodyLevelButtonSliderWrapperDisabled .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #a0a0a0;
}

/* line 191, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogTabContent
.CybotCookiebotDialogBodyLevelButtonSliderWrapper .CybotCookiebotDialogBodyLevelButtonSlider:before {
  bottom: 2px;
  left: 2px;
}

/* line 196, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogTabContent
.CybotCookiebotDialogBodyLevelButtonSliderWrapper input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  transform: translateX(16px);
}

/* line 203, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton {
  border-radius: 32px !important;
  border: 1.5px solid black !important;
  font-weight: normal !important;
  padding: 0;
  line-height: 40px;
}

/* line 211, app/assets/stylesheets/modules/_cookiebot.scss */
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #0065f2 !important;
  background-color: #0065f2 !important;
  color: #ffffff !important;
}