/* Footer */

.op_site_footer {
  color: var(--color-primary-white);
  background-color: var(--color-primary-500);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 3rem;
}

/* Home 3 Footer */
.page-id-721 .op_site_footer {
  background-color: transparent;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1919" height="950" viewBox="0 0 1919 950" fill="none"><path d="M0 141.999V949.999H1920V141.999C1920 141.999 1101 -176.001 0 141.999Z" fill="%23095b29"/></svg>');
  padding-top: 10rem;
}

.page-id-721 .op_newsletter {
  margin-top: 3rem;
  margin-bottom: -10rem;
}

.op_site_footer_main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-block: 2.5rem;
  gap: 4rem;
}

.op_site_footer_main .nav_footer {
  list-style: none;
  display: grid;
  gap: 0.75rem;
  color: #fff;
}

.op_site_footer_main .nav_footer a {
  /* font-size: 16px; */
  color: var(--color-primary-white);
}

.op_site_footer_main .nav_footer a:is(:hover, :focus) {
  color: var(--color-primary-darkblue);
}

.footer_menu_main {
  position: relative;
}

/* .footer_menu_main:before {
  content: "";
  position: absolute;
  left: -3rem;
  width: 0.5px;
  height: 100%;
  background-color: #dedede;
} */

.footer_top_main h6 {
  text-align: start;
}

.footer_menu_main h6 svg {
  display: none;
}

:is(
    #collapse_op_events,
    #collapse_op_camp,
    #collapse_op_resources,
    #collapse_op_contact,
    #collapse_op_legal
  )
  .menu-item:last-child
  .nav-link {
  /* text-decoration: underline; */
}

.contact_info svg {
  width: 20px;
  flex-shrink: 0;
  margin-top: 5px;
}

.contact_info svg path {
  fill: var(--color-primary-500);
}

.op_site_title,
.op_socials a {
  font-size: 16px;
}

.op_address {
  font-size: 14px;
  row-gap: 8px;
}

.op_socials {
  line-height: normal;
}

.op_socials svg path,
.footer_top_main .social_icon svg path {
  fill: var(--color-secondary-500);
}

.footer_menu_head {
  /* font-size: 22px; */
}

/* .copyright_text {
  padding-block: 1.25rem;
} */

.copyright_text p {
  font-size: 14px;
  color: var(--color-text);
}

.newsletter_form_main {
  max-width: 1096px;
  margin: auto;
}

.op_newsletter {
  /* padding-block: 5rem; */
  background-color: var(--color-secondary-500);
  position: relative;
  /* left: 50%;
  top: 7.5rem; */
  width: 60%;
  /* transform: translateX(-50%); */
  padding: 0 50px;
  border-radius: 30px;
  z-index: 1;
  margin-inline: auto;
  margin-bottom: -7rem;
  margin-top: 7rem;
}

/* .op_newsletter_gif:before {
  content: "";
  width: 210px;
  height: 100px;
  background: #fff;
  position: absolute;
  z-index: -1;
} */

.op_newsletter .op_newsletter_line {
  background-color: var(--color-primary-green);
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -2;
}

.op_newsletter_text h3 {
  font-weight: 700;
  line-height: normal;
}

.op_newsletter_text :is(h3, p) {
  color: var(--color-primary-white);
}

.op_newsletter_icon img {
  margin-top: -2.5rem;
}

#gform_1 .ginput_container.ginput_container_multiselect .chosen-choices:after {
  /* position: absolute; */
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.92 8.94922L13.4 15.4692C12.63 16.2392 11.37 16.2392 10.6 15.4692L4.08002 8.94922" stroke="%23292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  right: 15px;
  top: 50%;
  width: 20px;
  height: 20px;
  /* transform: translateY(-50%); */
  background-size: contain;
}

.op_gform.op_gform .chosen-choices {
  align-items: center;
  justify-content: space-between;
}

.chosen-container.chosen-container-multi {
  width: 100% !important;
}

#gform_1 :is(.ginput_container.ginput_container_multiselect, #field_submit) {
  /* position: relative; */
}

#gform_submit_button_1 {
  /* border-radius: 50px; */
}

#gform_1.op_gform #field_submit {
  /* grid-column: span 3; */
}

#gform_submit_button_1:after {
  content: "";
  position: relative;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none"><rect width="38" height="38" rx="19" fill="%2371BD1E"/><path d="M9.86328 19L24.9172 19" stroke="white" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/><path d="M18.8936 12L25.9187 19L18.8936 26" stroke="white" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg>');
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 30px;
  height: 30px;
  z-index: 1;
  opacity: 1;
}

.chosen-drop .chosen-results {
  scrollbar-color: var(--color-primary-500) var(--color-secondary-blue);
  scrollbar-width: thin;
}

/* .op_newsletter_gif img {
  width: 300px;
  height: 300px;
} */

.gform-loader {
  display: none !important;
}

#gform_confirmation_wrapper_1.gform-theme {
  top: -1rem;
  padding-inline: 0;
}

#input_1_8_chosen {
  /* width: 224px !important; */
}

@media (min-width: 1920px) {
  #gform_submit_button_1:after {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 1200px) {
  .op_site_footer_main {
    gap: 2rem;
  }
  .footer_menu_main:before {
    left: -2rem;
  }
  .footer_menu_main_1:before {
    content: none;
  }
  #gform_fields_1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 4fr));
  }
  #input_1_8_chosen {
    width: auto !important;
  }
}

@media (max-width: 1024px) {
  .op_site_footer_main {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .footer_top_main {
    grid-row: 1;
    grid-column: span 3;
  }
  .footer_top_main h6 {
    text-align: center;
  }
  .footer_menu_main:first-child:before {
    content: none;
  }
}

@media (max-width: 768px) {
  .op_newsletter {
    width: 80%;
  }
}

@media (max-width: 520px) {
  .op_site_footer_main {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .footer_menu_main h6 svg {
    display: block;
    transition: 300ms ease-in-out;
  }
  .footer_top_main {
    grid-column: span 1;
    padding-bottom: 2rem;
  }
  .footer_menu_main h6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid #50b447;
  }
  .footer_menu_main:before {
    content: none;
  }
  footer .op_nav__container {
    padding-bottom: 1rem;
  }
  .footer_menu_main h6:not(.collapsed) svg {
    transform: rotate(-180deg);
  }
  .copyright_text p {
    font-size: 12px;
  }

  #field_submit:after {
    left: 38vw;
  }
  .op_socials {
    padding-bottom: 1rem;
  }
}