/* Scss Document */
.cs_top.logged-in {
  top: 60px; }

.hidden_image {
  display: none;
  opacity: 0; }

#myNav.overlay.logged-in-nav .closebtn {
  top: 100px; }

.editpanel {
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  border-radius: 10px;
  background-color: rgba(194, 92, 35, 0.85);
  z-index: 3; }
  .editpanel ul {
    margin: 0;
    padding: 0; }
    .editpanel ul li {
      display: inline; }
      .editpanel ul li a {
        font-weight: 100;
        color: #fff;
        display: inline-block;
        padding: 0.7em 0.5em 0.5em 0.5em;
        font-size: 0.9em;
        line-height: 1em; }
        .editpanel ul li a:hover {
          background-color: #c25c23; }

.cs_menu_top .dropdown {
  display: none; }

.cs_body.cs_inner.sign-in {
  width: 40%;
  text-align: center; }
  @media only screen and (max-width: 766px) {
    .cs_body.cs_inner.sign-in {
      width: 100%; } }

.cs_body .cs_redbox {
  display: none; }
.cs_body .cs_hp_footer_campaign {
  display: none; }

.cs_footer_wrap {
  position: relative;
  z-index: 5; }

.cs_footer_links .cs_footer_audience_menu {
  /*display: none;*/ }

.user-login-form {
  margin: 2em; }
  .user-login-form .form-item {
    margin: 0;
    padding: 0.5em 0; }
    .user-login-form .form-item label {
      display: block; }
    .user-login-form .form-item .description {
      font-weight: 100;
      font-size: 0.7em;
      margin-top: 0.5em; }
    .user-login-form .form-item input[type=text], .user-login-form .form-item input[type=password] {
      padding: 3px;
      border-radius: 10px;
      font-size: 0.9em;
      text-align: center;
      width: 100%; }
  .user-login-form input[type="submit"] {
    padding: 0.2em 1.5em;
    font-size: 1em;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    border-collapse: collapse;
    background-color: #224170; }
    .user-login-form input[type="submit"]:hover {
      background-color: rgba(194, 92, 35, 0.8); }

.impact .cs_header .cs_banner_wrap {
  height: 60vh !important; }
  .impact .cs_header .cs_banner_wrap img {
    position: absolute !important;
    width: 100% !important;
    height: auto;
    top: -50%; }

.cleanseas_wrap.impact.generic .cs_header .cs_banner_wrap {
  height: 30vh !important; }

.cs_body.cs_inner.generic {
  margin: 2em auto; }
  .cs_body.cs_inner.generic .quickedit-field {
    margin-top: 1em; }
  .cs_body.cs_inner.generic img {
    width: auto;
    height: auto; }

.red .cs_body.cs_inner h2 {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em; }
.red .cs_body.cs_inner .w1240 {
  padding-bottom: 40px; }
  .red .cs_body.cs_inner .w1240 a.download_lnk_white {
    font-size: 1.2em;
    line-height: 1.2em; }

.download_grid img {
  border: 1px solid rgba(51, 51, 51, 0.2);
  padding: 2px; }

.cs_body.cs_inner {
  padding-bottom: 1em;
  padding-top: 1em; }

.cs_inner_other_stories {
  padding: 1em 0 2em 0;
  background: #fff; }
  .cs_inner_other_stories footer {
    margin-top: 2em; }

.cs_video_wrap video {
  position: absolute !important;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 70vh;
  z-index: -100;
  background-size: cover;
  transition: 1s opacity; }

.cs_main_story_wrap .bg_image {
  display: none; }
.cs_main_story_wrap a {
  color: #fff; }

.cs_hp_tideturners_boxes .tt_bg_image {
  display: none; }

.cs_main_story.edit-mode .bg_image {
  display: block !important; }
  .cs_main_story.edit-mode .bg_image img {
    width: 100%;
    height: auto;
    display: block; }

.cs_main_story {
  width: 100%;
  background-image: none;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative; }

.tide_turners_grid_wrap .box img {
  margin: 0; }

.box_txt {
  text-align: center; }

.cs_hp_tideturners_boxes .individual:hover {
  background-repeat: no-repeat;
  height: 300px;
  background-size: cover;
  transition: background 0ms ease-in 0ms; }

.cs_hp_tideturners_boxes .individual:hover .cs_download_resource_pg_wrap {
  border-bottom: 1px solid rgba(51, 51, 51, 0.2); }

.cs_resource_img img {
  border: 1px solid rgba(51, 51, 51, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.cs_inner p a {
  color: #F16667; }

.cs_inner p a:hover {
  color: #c25c25; }

#search-block-form #edit-submit {
  display: none; }

#block-cleanseas-content ol li a {
  color: #F16667; }

#block-cleanseas-content ol li p {
  color: #224170;
  padding-left: 20px; }

#block-cleanseas-content ol li a {
  padding-left: 20px; }

@media only screen and (min-width: 692px) and (max-width: 766px) {
  .impact .cs_header .cs_banner_wrap img {
    top: -35%; } }
@media only screen and (min-width: 510px) and (max-width: 691px) {
  .impact .cs_header .cs_banner_wrap img {
    top: 0%; } }
@media only screen and (max-width: 509px) {
  .impact .cs_header .cs_banner_wrap img {
    height: 170%;
    width: auto;
    left: -70%; } }
@media only screen and (max-width: 480px) {
  .cs_video_wrap video {
    top: -100px;
    left: 0;
    min-width: 420%;
    min-height: 100vh; }

  .cs_video_wrap .cover .hi {
    position: absolute;
    top: 45%; }

  .cs_video_wrap #playVideo1 img {
    width: 86px; }

  .cs_video_wrap .cover .hi {
    color: #fff;
    font-size: 20px;
    line-height: 20px; }

  .cs_hm_other_stories_wrap {
    max-width: 100% !important; }

  .cs_footer_signup_wrap .signup_field input {
    width: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 1190px) {
  .cs_video_wrap video {
    top: -60px;
    left: 0;
    min-width: 300%;
    min-height: 100vh; }

  .cs_video_wrap .cover .hi {
    position: absolute;
    top: 45%; }

  .cs_video_wrap #playVideo1 img {
    width: 86px; }

  .cs_video_wrap .cover .hi {
    color: #fff;
    font-size: 20px;
    line-height: 20px; } }

/*# sourceMappingURL=drupal8.css.map */