/*
    Theme Name: Jewish Vocational Services
    Author: Mission Minded
    Author URI: https://mission-minded.com/
    Description: Custom WordPress theme for JVS.
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --yellow: #ffc10b;
  --dkBlue: #0e4d66;
  --red: #c5470c;
  --orange: #f26622;
}

/*50 years report*/

.fifty-mobile {
  display: none !important;
}

.blockquote {
  background: #f5f5f5;
  border-radius: 35px 35px 0 35px;
  padding: 50px !important;
  box-sizing: border-box;
  margin: 20px 0 !important;
  color: #0e4d66 !important;
  font-weight: 700 !important;
}

.site-header__navigation__subnav {
  gap: 23px !important;
}

.site-header__navigation__inner {
  gap: 36px !important;
}

.single-programs .block-form__container {
  align-items: flex-start !important;
}

.open-content [class*='wp-block-'] h4 {
  max-width: none !important;
}

.no-text-decoration {
  text-decoration: none !important;
}

.tertiary-hero__content__title {
  max-width: initial !important;
}

.cky-title,
.cky-notice-des p,
.cky-btn {
  font-family: 'Work Sans', sans-serif !important;
}

.gform_confirmation_wrapper,
.gform_confirmation_message {
  font-family: 'Work Sans', sans-serif;
  margin-top: 20px !important;
}
/*======leadership==========*/

.leadership-content-wrap {
  max-width: 1300px;
  margin: 80px auto;
  color: #fff;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  background-color: #0e4c67;
  border-radius: 20px;
  padding-top: 58px;
  padding-bottom: 58px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 32px;
  line-height: 48px;
  box-sizing: border-box;
}

.content-wrap-p {
  max-width: 1074px;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
}

.leadership-title-wrap {
  max-width: 1300px;
  margin: 0 auto;
  font-family: 'Work-Sans', sans-serif;
}

.leadership-title-wrap p {
  line-height: 28px;
  margin-bottom: 80px;
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
}

.leadership-title-wrap h3 {
  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
  color: #c6460c;
}

.leadership-wrap {
  padding: 80px 20px;
  max-width: 1400px;
  margin: 0 auto;
  font-family: 'Work-Sans', sans-serif;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}

.leadership-link {
  text-decoration: none;
  color: #000;
}

.leadership-div {
  text-align: center;
}

.leadership-img {
  border-radius: 20px 20px 0 20px;
  margin-bottom: 20px;
  max-width: 100%;
  height: auto;
}

.leadership-name {
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #c6460c;
}

.leadership-pronouns,
.single-leadership-pronouns {
  font-weight: 400;
  color: var(--dkBlue);
}

.seperator-hr {
  background: var(--dkBlue);
  height: 1px;
  margin-bottom: 60px;
}

.board-name-2 {
  color: var(--dkBlue);
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
}

.board-position {
  font-weight: 400;
  font-family: Work Sans, sans-serif;
  font-size: 19px;
  line-height: 28px;
  font-weight: 400;
  font-style: italic;
  color: #0e4c67;
}

.leadership-position {
  font-weight: 400;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  font-style: italic;
  color: #0e4c67;
}

.single-leadership-wrap {
  padding: 80px 20px;
  max-width: 1000px;
  margin: 0 auto;
  font-family: 'Work-Sans', sans-serif;
  display: grid;
  grid-template-columns: 30fr 70fr;
  grid-gap: 60px;
}

.single-leadership-image-div img {
  margin: 0 auto;
  display: block;
  border-radius: 20px 20px 0 20px;
  margin-bottom: 20px;
  max-width: 100%;
  height: auto;
}

.single-leadership-title {
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #c6460c;
}

.single-leadership-position {
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  font-style: italic;
  color: #0e4c67;
}

.single-leadership-bio {
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 25px;
}

.single-leadership-bio p {
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 25px;
  margin-bottom: 20px;
}

.board-member-wrap {
  max-width: 1300px !important;
  padding-top: 60px !important;
}

/*end leadership==========*/

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

.full-width-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  border-radius: initial !important;
}

.size-featured-post {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  border-radius: 20px 20px 0 20px;
  display: block;
}

.tertiary-hero__content__title {
  text-transform: capitalize !important;
}

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

.list-styling li {
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.3;
}

.secondary-hero__content__title {
  width: auto;
}

h4 {
  line-height: 1.3 !important;
}

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

.yellow-span {
  color: var(--yellow);
  font-weight: 700;
}

.white-link {
  color: #fff;
  text-decoration: none;
}

.yellow-link {
  color: var(--yellow) !important;
  text-decoration: none;
  font-weight: 600;
}

.yellow-link a {
    color: var(--yellow) !important;
  text-decoration: none;
  font-weight: 600;
}

.add-padding {
  padding: 80px 20px !important;
}

.add-padding-no-sides {
  padding: 80px 0 !important;
}

.add-padding-top {
  padding-top: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.add-padding-bottom {
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.add-padding-top-no-sides {
  padding-top: 80px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.add-padding-bottom-no-sides {
  padding-bottom: 80px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.remove-padding {
  padding:0 !important;
}

.remove-padding-top {
  padding-top: 0 !important;
}

.remove-padding-sides {
  padding-left:0 !important;
  padding-right:0 !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.remove-margin-bottom {
  margin-bottom: 0 !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-negative {
  margin-bottom: -80px !important;
}

.margin-bottom-negative-40 {
  margin-bottom: -40px !important;
}

.border-bottom-teal {
  border-bottom: 4px solid #2ca5aa;
}

.add-margin-button {
  margin-top: 20px !important;
}

.add-margin-top-50 {
  margin-top: 50px !important;
}

.add-margin-top-60 {
  margin-top: 60px !important;
}

.add-margin-top-20 {
  margin-top: 20px !important;
}

.add-margin-bottom-30 img {
  margin-bottom: 30px !important;
}

.white-link a {
  color: #fff !important;
}

.small-width-columns {
  max-width: 1000px !important;
  align-items: center !important;
}

.remove-image-style img {
  box-shadow: initial !important;
  width: auto !important;
  max-width: 100% !important;
  border-radius: initial !important;
}

.image-270 {
  max-width: 270px !important;
}

.heading-donate {
  font-family: Work Sans, sans-serif;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  color: #c6460c;
}

.h3-width {
  max-width: 100% !important;
  padding-left: 0 !important;
}

.fix-choose-your-path-group .block-image-columns__container {
  padding-top: 0 !important;
}

.fix-choose-your-path-group h2 {
  font-size: 52px !important;
  margin-bottom: 30px !important;
}

.fix-choose-your-path-group img {
  margin-bottom: 30px !important;
}

.fix-choose-your-path-group .block-image-columns__column {
  max-width: 48% !important;
}

.cutout-group {
  display: none;
  max-width: 100% !important;
  background: #0e4d66;
  background-image: url('https://jvsorg.wpengine.com/wp-content/uploads/2023/06/office-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  padding-left: 0 !important;
  height: 600px;
}

.cutout-group:before {
  content: '';
  /*    background-image:url('https://jvsorg.wpengine.com/wp-content/uploads/2023/06/office-bg.jpg');*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  right: 60%;
}

.cutout-group .wp-block-columns {
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 100%;
}

.cutout-group .wp-block-columns .wp-block-column {
  position: relative;
  height: 100%;
}

.cutout-group .wp-block-columns .wp-block-column:nth-child(2) {
  max-width: 600px;
  display: flex;
  align-items: center;
}

.cutout-group figure {
  height: 100%;
}

.cutout-group .cutout-group-image img {
  max-width: 450px !important;
  position: absolute;
  bottom: 0;
  left: 60%;
}

.icon-2-2-group {
  max-width: 100% !important;
  color: #fff !important;
  display: none;
}

.icon-2-2-group .block-icon-columns__columns {
  flex-wrap: wrap !important;
}

.icon-2-2-group .block-icon-columns__column {
  max-width: 45% !important;
}

.icon-2-2-group p {
  color: #fff !important;
}

.icon-2-2-group .block-icon-columns .block-icon-columns__title {
  color: var(--yellow);
  padding-top: 0;
}

.icon-2-2-group .block-icon-columns .block-icon-columns__column__title.--small {
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
}

.block-icon-columns {
  background-repeat: no-repeat;
  background-size: cover;
}

.block-video-content__content a {
  text-transform: initial !important;
}

.white-table td {
  color: #fff !important;
  border: solid 1px #0e4d66;
}

.video-group iframe {
  max-width: 100%;
  border-radius: 20px 20px 0 20px;
}

.group-large-font .block-video-content p {
  font-size: 26px !important;
  line-height: 36px !important;
}

.resumator-department-name {
  font-family: 'Work Sans', sans-serif;
}

.jazzhr-group {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.jsa-cta h2 {
  color: var(--yellow);
}

.jsa-cta p {
  color: #fff !important;
}

.jsa-group {
  padding: 80px 0 !important;
  margin-bottom: -80px !important;
}

.jewish-comm-group a {
  color: var(--yellow) !important;
}

.page-id-589 .block-testimonials {
  margin-top: 0 !important;
}

#featured-group {
  margin-top: 80px;
  display: none;
}

#featured-group-archive {
  margin-top: 80px;
}

#featured-group-inner {
  max-width: 1300px;
  margin: 0 auto;
}

#featured-single {
  display: none;
}

#featured-single .title {
  text-align: center;
}

#featured-group img,
#featured-single img,
#featured-group-archive img,
.archive-first-four img {
  margin-bottom: 30px;
}

#featured-right img,
.archive-four-right img {
  max-width: 200px !important;
  width: 100%;
  border-radius: 20px 20px 0px 20px;
  aspect-ratio: 4 / 2.75;
  object-fit: cover;
  min-width: 188px;
}

#featured-right .listing-item,
.archive-four-right .listing-item {
  display: flex;
  gap: 34px;
  align-items: flex-start;
}

#alumni-group {
  margin-top: 80px;
}

#alumni-group .display-posts-listing,
.archive-remaining-container .display-posts-listing {
  display: grid;
  grid-gap: 45px;
  grid-template-columns: repeat(3, 1fr);
}

#alumni-group img,
.archive-remaining-container img {
  width: 100%;
  border-radius: 20px 20px 0px 20px;
  aspect-ratio: 4/2.75;
  object-fit: cover;
  margin-bottom: 30px;
}

#alumni-group .block-small-post-feed__post__title {
  font-family: 'Work Sans', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #c6460c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#alumni-group .title,
#featured-group .title,
#featured-single .title,
#featured-group-archive .title,
.archive-first-four .title,
.archive-remaining-container .title {
  font-family: 'Work Sans', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #c6460c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.archive-first-four {
  margin-top: 80px;
}

.archive-inner {
  max-width: 1300px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
}

.archive-remaining-container {
  margin-top: 80px;
}

.archive-remaining-inner {
  max-width: 1300px;
  margin: 0 auto;
}

#alumni-group .date {
  color: #111111;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-top: 5px;
}

#media-logo-group {
  margin-top: 40px;
}

#media-logo-group img {
  box-shadow: initial;
  border-radius: initial;
}

.page-id-1114 .tertiary-hero__content__title {
  max-width: initial;
}

#gform_wrapper_4 #gform_4 {
  margin-top: 30px;
}

.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend,
.gform_wrapper.gravity-theme .gfield-choice-input + label {
  font-family: 'Work Sans', sans-serif;
}

#gform_wrapper_4 input[type='submit'] {
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 3px solid #ffc20e;
  color: #0e4c67;
  border-radius: 100px;
  padding: 20px 50px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  background-color: #fff;
}

.gform_wrapper.gravity-theme .gfield_checkbox button {
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 3px solid #ffc20e;
  color: #0e4c67;
  border-radius: 100px;
  padding: 10px 25px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  background-color: #fff;
}

#gform_wrapper_4 input[type='submit']:hover,
.gform_wrapper.gravity-theme .gfield_checkbox button:hover {
  transform: scale(1.1);
  background-color: #ffc20e;
  text-decoration: none;
}

#media-logo-group img {
  width: auto;
}

.custom-link {
  font-family: Work Sans, sans-serif !important;
  font-size: 20px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #0e4c67;
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-right: 35px;
  width: fit-content;
  color: #fff;
  transition: all 0.25s, font-size 0.05s;
}

.custom-link:after {
  content: '';
  background-color: #ffc20e;
  border-radius: 100px;
  height: 24px;
  width: 24px;
  position: absolute;
  right: -35px;
  background-image: url(/wp-content/themes/mm-jvs/assets/icons/arrow.svg);
  background-repeat: no-repeat;
  background-position: 5px;
  transform: scaleX(-1);
  transition: all 0.25s, font-size 0.05s;
}

.custom-link:hover {
  transform: scale(1.1);
}

.download-link {
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 20px;
}

.page-id-1114 .block-video-content__content p {
  font-size: 26px;
  line-height: 36px;
}

.impact-group .block-factoids__slider__slide__title {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 100px !important;
  line-height: 104px !important;
  font-weight: 700 !important;
  color: #0e4c67 !important;
}

.impact-group .block-factoids__slider__slide__description {
  color: #111111;
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  max-width: 465px !important;
  margin: 0px auto !important;
}

#funders-impact-group {
  margin-bottom: -80px;
}

#jvs-news-group {
  margin-bottom: 0 !important;
}

#funders-group {
  margin-top: 40px;
}

.list {
  font-family: 'Work Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.list li {
  margin-bottom: 20px;
}

.date-container {
  max-width: 1300px;
  margin: 0 auto;
}

.date-container p {
  font-family: 'Work Sans', sans-serif;
}

#ci-report-group {
  padding: 0 !important;
}

#ci-report-group .block-available-programs.--light {
  background-color: transparent !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.site-footer__main__form legend,
.site-footer__main__form label {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.site-footer__main__form .gform_footer {
  justify-content: flex-start;
}

.site-footer__main__form .gform_confirmation_message_1 {
  font-size: 13px !important;
  color: var(--yellow) !important;
}

.site-footer__main__form .gform_required_legend {
  display: none !important;
}

#gform_confirmation_message_2 {
  color: var(--dkBlue) !important;
}

/*=======responsive=================*/

@media only screen and (max-width: 1635px) {
  .cutout-group:before {
    right: 63%;
  }

  .cutout-group .cutout-group-image img {
    left: 37%;
  }
}

@media only screen and (max-width: 1440px) {
  .leadership-content-wrap,
  .leadership-title-wrap {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media only screen and (max-width: 1240px) {
  .cutout-group .wp-block-columns .wp-block-column:nth-child(2) {
    max-width: 400px;
  }

  .cutout-group:before {
    right: 73%;
  }

  .cutout-group .cutout-group-image img {
    left: -2%;
  }
}

@media only screen and (max-width: 1150px) {
  .leadership-content-wrap {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 1000px) {
  .leadership-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .board-member-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 800px) {
  .add-padding-top {
    padding-top: 50px !important;
  }

  .cutout-group .cutout-group-image img {
    max-width: 250px !important;
  }

  .icon-2-2-group .block-icon-columns__columns {
    align-items: center;
  }

  .icon-2-2-group .block-icon-columns__column {
    max-width: 95% !important;
  }

  .single-leadership-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .leadership-content-wrap p,
  .content-wrap-p {
    font-size: 20px;
    line-height: 28px;
  }

  #alumni-group {
    max-width: 400px;
    margin: 80px auto 0;
  }

  #alumni-group .display-posts-listing {
    grid-template-columns: repeat(1, 1fr);
  }

  #alumni-group .title,
  #featured-group .title {
    font-size: 18px;
    line-height: 20px;
  }

  #featured-group {
    flex-direction: column;
  }

  #featured-right .listing-item {
    align-items: center;
  }

  #featured-right .image {
    width: 30%;
  }

  #featured-right .title {
    width: 60%;
  }

  #featured-right img {
    max-width: 150px !important;
    min-width: initial;
  }

  .page-id-1114 .block-video-content__content p {
    font-size: 20px;
    line-height: 28px;
  }

  .impact-group .block-factoids__slider__slide__title {
    font-size: 70px !important;
    line-height: 70px !important;
  }

  .impact-group .block-factoids__slider__slide__description {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .impact-group .block-factoids__content__description {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .site-footer__main__form .gchoice {
    text-align: left;
  }

  .site-footer__main__form .gfield_checkbox {
    max-width: 165px;
    margin: 0 auto;
  }

  .fifty-mobile {
   display: block !important;
  }

  .fifty-desktop {
    display: none !important;
  }
}

@media only screen and (max-width: 781px) {
  .image-270 {
    float: none !important;
  }

  .small-width-columns .wp-block-column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .cutout-group .wp-block-columns {
    flex-wrap: nowrap !important;
  }

  .cutout-group .wp-block-columns .wp-block-column:nth-child(1) {
    flex-basis: 33.33% !important;
  }

  .cutout-group .wp-block-columns .wp-block-column:nth-child(2) {
    flex-basis: 66.66% !important;
  }

  /*.page-id-345 .block-program-listing {
        margin-top:20px !important;
    }

    .page-id-345 .jsa-group {
        margin-bottom:-60px !important;
    }*/
}

@media only screen and (max-width: 500px) {
  .cutout-group .cutout-group-image img {
    max-width: 150px !important;
  }

  .leadership-wrap,
  .board-member-wrap {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}