#sidebar {
  padding-bottom: 28px;
}

.ds-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#slide-in {
  right: 0px;
  width: 100%;
  max-width: 100%;
  padding-top: 0 !important;
  left: -100%;
  webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
  -moz-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
  transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
  overflow: auto;
  position: fixed;
  top: 0;
  z-index: 99999999999;
}

#slide-in.slide-the-menu {
  display: block;
  right: auto !important;
  left: 0 !important;
  z-index: 99999999999;
}

#slide-in .et-menu {
  display: block;
  flex-direction: column;
  z-index: 99999999999;
}

#slide-in .et-menu li {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

#slide-in .et_pb_menu__wrap {
  justify-content: center;
}

.jnm_mobile_menu_hamburger {
  cursor: pointer;
}

.closeit {
  cursor: pointer;
}

#slide-in-menu .nav li li ul {
  top: calc(100%) !important;
  left: 25px !important;

}


@media only screen and (min-width: 981px) {

  /*laptop temp commend out 981 */
  #main-header.et-fixed-header {
    position: fixed;
    padding-top: 30px;
  }

  #slide-in .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    left: calc(50% - (240px / 2));
    margin-left: 280px;
    margin-top: -35px;
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
  }
}


/*mobile */
@media only screen and (max-width: 981px) {
  #slide-in {
    width: 100% !important;
    max-width: 100% !important;
    left: -100%;
  }

  #slide-in .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    left: calc(50% - (240px / 2));
  }

  .et_pb_row_4_tb_header {
    width: 100% !important;
  }

  #slide-in .et_pb_menu__menu {
    display: flex;
  }

  #slide-in .et_mobile_nav_menu {
    display: none;
  }

  #slide-in .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__wrap,
  #slide-in .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: center;
  }
}

.et-fb-root-ancestor #slide-in {
  right: unset;
  width: unset;
  max-width: unset;
  padding-top: unset !important;
  left: unset;
  webkit-transition: unset;
  -moz-transition: unset;
  transition: unset;
  overflow: unset;
  position: unset;
  top: unset;
}

.goog-te-gadget {
  dispplay: none
}

.et-db #et-boc .et-l div.et_pb_section.et_pb_section_0_tb_header {
  background-image: url(../img/Ocean-Pledge.jpg) !important
}

.et-db #et-boc .et-l .et_pb_section_0_tb_header.et_pb_section {
  padding-top: 2px;
  padding-bottom: 0px
}

.et-db #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row {
  padding-bottom: 19px !important;
  padding-bottom: 19px
}

.et-db #et-boc .et-l .et_pb_image_0_tb_header {
  padding-top: 0px;
  margin-top: -21px !important;
  text-align: center
}

.et-db #et-boc .et-l .et_pb_blurb_0_tb_header.et_pb_blurb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  max-width: 71px
}

.et-db #et-boc .et-l .et_pb_blurb_0_tb_header {
  position: relative;
  top: -104px;
  bottom: auto;
  left: 0px;
  right: auto
}

.et-db #et-boc .et-l .et_pb_blurb_0_tb_header.et_pb_blurb .et_pb_main_blurb_image,
.et-db #et-boc .et-l .et_pb_blurb_1_tb_header.et_pb_blurb .et_pb_main_blurb_image {
  margin-bottom: 0px
}

.et-db #et-boc .et-l .et_pb_blurb_0_tb_header .et-pb-icon,
.et-db #et-boc .et-l .et_pb_blurb_1_tb_header .et-pb-icon {
  font-size: 50px;
  color: #ffffff;
  font-family: ETmodules !important;
  font-weight: 400 !important
}

.et-db #et-boc .et-l .et_pb_row_2_tb_header.et_pb_row {
  padding-bottom: 65px !important;
  padding-bottom: 65px
}

.et-db #et-boc .et-l .et_pb_post_title_0_tb_header .et_pb_title_container h1.entry-title,
.et-db #et-boc .et-l .et_pb_post_title_0_tb_header .et_pb_title_container h2.entry-title,
.et-db #et-boc .et-l .et_pb_post_title_0_tb_header .et_pb_title_container h3.entry-title,
.et-db #et-boc .et-l .et_pb_post_title_0_tb_header .et_pb_title_container h4.entry-title,
.et-db #et-boc .et-l .et_pb_post_title_0_tb_header .et_pb_title_container h5.entry-title,
.et-db #et-boc .et-l .et_pb_post_title_0_tb_header .et_pb_title_container h6.entry-title {
  font-weight: 700;
  font-style: italic;
  font-size: 40px;
  color: #ffffff !important
}

.et-db #et-boc .et-l .et_pb_section_1_tb_header {
  height: 120vh;
  min-height: 120vh;
  max-height: 120vh;
  width: 100%;
  max-width: 100%
}

.et-db #et-boc .et-l .et_pb_section_1_tb_header.et_pb_section {
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: rgba(0, 0, 0, 0) !important
}

.et-db #et-boc .et-l .et_pb_row_3_tb_header {
  background-image: linear-gradient(97deg, #7768ad 0%, #ec95bd 100%);
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3)
}

.et-db #et-boc .et-l .et_pb_row_3_tb_header,
body.et-db #page-container .et-db #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
body.et_pb_pagebuilder_layout.single.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row {
  width: 320px
}

.et-db #et-boc .et-l .et_pb_column_3_tb_header {
  text-align: right
}

.et-db #et-boc .et-l .et_pb_code_0_tb_header {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px !important;
  margin-bottom: 0px !important
}

.et-db #et-boc .et-l .et_pb_blurb_1_tb_header.et_pb_blurb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  max-width: 72px
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li a {
  color: #ffffff !important;
  letter-spacing: 1px;
  line-height: 1em
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu {
  background-color: rgba(255, 255, 255, 0);
  text-transform: uppercase;
  text-align: left !important
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header {
  padding-right: 5px;
  padding-left: 27px
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
  border-color: #7768ad
}


.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
  color: #ec95bd !important
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
  background-color: rgba(255, 255, 255, 0) !important
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
  width: auto;
  max-width: 100%
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img {
  height: auto;
  max-height: none
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
  color: #7EBEC5
}

.et-db #et-boc .et-l .et_pb_column_0_tb_header {
  border-bottom-width: 1px;
  border-bottom-color: #c9c9c9
}

.et-db #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row {
  display: none;
}

.et-db #et-boc .et-l .et_pb_blurb_1_tb_header.et_pb_blurb.et_pb_module {
  margin-left: 0px !important;
  margin-right: auto !important
}

@media only screen and (min-width:981px) {

  .et-db #et-boc .et-l .et_pb_row_3_tb_header,
  body.et-db #page-container .et-db #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
  body.et_pb_pagebuilder_layout.single.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
  body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row {
    max-width: 320px
  }

  .et-db #et-boc .et-l .et_pb_code_0_tb_header {
    display: none !important
  }
}

@media only screen and (max-width:980px) {
  .et-db #et-boc .et-l .et_pb_image_0_tb_header .et_pb_image_wrap img {
    width: auto
  }

  body.logged-in.admin-bar.et-db #et-boc .et-l .et_pb_blurb_0_tb_header {
    top: -104px
  }

  .et-db #et-boc .et-l .et_pb_blurb_0_tb_header {
    top: -104px;
    bottom: auto;
    left: 0px;
    right: auto;
    transform: translateX(0px) translateY(0px)
  }

  .et-db #et-boc .et-l .et_pb_column_0_tb_header {
    border-bottom-width: 1px;
    border-bottom-color: #c9c9c9
  }
}

@media only screen and (min-width:768px) and (max-width:980px) {
  .et-db #et-boc .et-l .et_pb_code_0_tb_header {
    display: none !important
  }
}

@media only screen and (max-width:767px) {
  .et-db #et-boc .et-l .et_pb_image_0_tb_header .et_pb_image_wrap img {
    width: auto
  }

  body.logged-in.admin-bar.et-db #et-boc .et-l .et_pb_blurb_0_tb_header {
    top: -112px
  }

  .et-db #et-boc .et-l .et_pb_blurb_0_tb_header {
    top: -112px;
    bottom: auto;
    left: 0px;
    right: auto;
    transform: translateX(0px) translateY(0px)
  }

  .et-db #et-boc .et-l .et_pb_row_3_tb_header,
  body.et-db #page-container .et-db #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
  body.et_pb_pagebuilder_layout.single.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
  body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row {
    max-width: 100%
  }

  .et-db #et-boc .et-l .et_pb_code_0_tb_header {
    display: none !important
  }

  .et-db #et-boc .et-l .et_pb_column_0_tb_header {
    border-bottom-width: 1px;
    border-bottom-color: #c9c9c9
  }
}

.et-db #et-boc .et-l div.et_pb_section.et_pb_section_0_tb_footer {
  background-image: linear-gradient(68deg, #7768ad 6%, #ec95bd 79%) !important
}

.et-db #et-boc .et-l .et_pb_section_0_tb_footer.et_pb_section {
  padding-bottom: 30px
}

.et-db #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row {
  padding-top: 0px !important;
  margin-top: -30px !important;
  margin-right: auto !important;
  margin-bottom: 5px !important;
  margin-left: auto !important;
  padding-top: 0px
}

.et-db #et-boc .et-l .et_pb_row_0_tb_footer,
body.et-db #page-container .et-db #et-boc .et-l #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row,
body.et_pb_pagebuilder_layout.single.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row,
.et-db #et-boc .et-l .et_pb_row_1_tb_footer,
body.et-db #page-container .et-db #et-boc .et-l #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row,
body.et_pb_pagebuilder_layout.single.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row,
.et-db #et-boc .et-l .et_pb_row_2_tb_footer,
body.et-db #page-container .et-db #et-boc .et-l #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row,
body.et_pb_pagebuilder_layout.single.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page.et-db #page-container #et-boc .et-l #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row {
  width: 100%;
  max-width: 90%
}

.et-db #et-boc .et-l .et_pb_image_0_tb_footer {
  margin-top: -8px !important;
  text-align: left;
  margin-left: 0
}

.et-db #et-boc .et-l .et_pb_text_0_tb_footer {
  transform: translateX(0px) translateY(35px)
}

.et-db #et-boc .et-l .et_pb_row_1_tb_footer {
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  border-top: 1px solid white
}

.et-db #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row {
  padding-bottom: 18px !important;
  padding-bottom: 18px
}

.et-db #et-boc .et-l .et_pb_text_1_tb_footer {
  padding-right: 3px !important;
  padding-left: 0px !important;
  margin-right: -50px !important
}

.et-db #et-boc .et-l .et_pb_text_2_tb_footer {
  margin-right: -64px !important
}

.et-db #et-boc .et-l .et_pb_text_3_tb_footer {
  padding-right: 0px !important;
  margin-right: -60px !important
}

.et-db #et-boc .et-l .et_pb_text_4_tb_footer {
  margin-right: -90px !important
}

.et-db #et-boc .et-l .et_pb_text_5_tb_footer {
  margin-right: -101px !important
}

.et-db #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row {
  padding-bottom: 0px !important;
  padding-bottom: 0px
}

.et-db #et-boc .et-l .et_pb_text_8_tb_footer.et_pb_text {
  color: #ffffff !important
}

@media only screen and (max-width:980px) {
  .et-db #et-boc .et-l .et_pb_image_0_tb_footer .et_pb_image_wrap img {
    width: auto
  }

  .et-db #et-boc .et-l .et_pb_text_0_tb_footer {
    transform: translateX(0px) translateY(35px)
  }

  .et-db #et-boc .et-l .et_pb_row_1_tb_footer {
    border-bottom-width: 1px;
    border-bottom-color: #ffffff;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto
  }

  body.logged-in.admin-bar.et-db #et-boc .et-l .et_pb_row_1_tb_footer {
    top: 0px
  }
}

@media only screen and (max-width:767px) {
  .et-db #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row {
    margin-bottom: -30px !important
  }

  .et-db #et-boc .et-l .et_pb_image_0_tb_footer .et_pb_image_wrap img {
    width: auto
  }

  .et-db #et-boc .et-l .et_pb_text_0_tb_footer {
    transform: translateX(0px) translateY(-69px)
  }

  .et-db #et-boc .et-l .et_pb_row_1_tb_footer {
    border-bottom-width: 1px;
    border-bottom-color: #ffffff;
    top: -22px;
    bottom: auto;
    left: -38px;
    right: auto
  }

  .et-db #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row {
    margin-right: -20px !important
  }

  body.logged-in.admin-bar.et-db #et-boc .et-l .et_pb_row_1_tb_footer {
    top: -22px
  }

  .et-db #et-boc .et-l .et_pb_text_1_tb_footer {
    width: 34.9%
  }
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header {
  margin-left: auto !important;
  margin-right: 0px !important;
  text-align: right !important;
  width: 35%;
  margin-top: -150px !important;
  max-width: 100%;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
  background-color: rgba(0, 0, 0, 0.8) !important;
  border-color: #ee96bd;
}

@media only screen and (min-width: 981px) {

  .et_pb_row_3_tb_header,
  body #page-container .et-db #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
  body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row,
  body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_3_tb_header.et_pb_row {
    max-width: 320px;
  }
}

.et_pb_menu_1_tb_header.et_pb_menu ul li a {
  font-size: 22px;
  color: #ffffff !important;
  letter-spacing: 1px;
  line-height: 1.5em;
}

.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a {
  color: #000000 !important;
  font-size: 15px;
}

.et_pb_menu_1_tb_header.et_pb_menu .nav li ul {
  background-color: #ffffff !important;
  border-color: #7768ad;
}

@media (min-width: 981px) {
  #main-content .container {
    position: relative;
  }

  #main-content .container:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #e2e2e2;
  }

  .et_right_sidebar #main-content .container:before {
    right: 20.875% !important;
  }
}


@media (min-width: 981px) {
  .et_no_sidebar #left-area {
    width: 79.125% !important;
    padding-bottom: 23px;
    float: left;
    padding-right: 5.5%;
  }
}

@media (min-width: 981px) {
  .et_right_sidebar #sidebar {
    padding-left: 30px;
  }
}

@media (min-width: 981px) {
  #sidebar {
    float: left;
    width: 20.875%;
  }
}

#sidebar .et_pb_widget {
  margin-bottom: 30px;
  width: 100%;
  float: none;
}

.et_pb_widget {
  float: left;
  max-width: 100%;
  word-wrap: break-word;
}