div {
  box-sizing: border-box;
}

body.page-template-page-bringing-the-flavor-game {
  padding: 0;
  margin: 0;
  font-family: Asap, sans-serif;
}
body.page-template-page-bringing-the-flavor-game h1, body.page-template-page-bringing-the-flavor-game h2, body.page-template-page-bringing-the-flavor-game h3, body.page-template-page-bringing-the-flavor-game h4, body.page-template-page-bringing-the-flavor-game p, body.page-template-page-bringing-the-flavor-game a {
  font-family: Asap, sans-serif;
  margin: 0;
}
body.page-template-page-bringing-the-flavor-game p {
  font: normal normal normal 25px/35px Asap;
  letter-spacing: 0;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game p {
    font: normal normal normal 20px/30px Asap;
  }
}
body.page-template-page-bringing-the-flavor-game .header {
  display: flex;
  flex-direction: column-reverse;
}
body.page-template-page-bringing-the-flavor-game .header h3 {
  font: normal normal bold 60px/69px Asap;
  letter-spacing: 0;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game .header h3 {
    font: normal normal bold 35px/40px Asap;
  }
}
body.page-template-page-bringing-the-flavor-game .header h4 {
  font: normal normal 600 40px/45px Asap;
  letter-spacing: 0;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game .header h4 {
    font: normal normal bold 30px/34px Asap;
  }
}
body.page-template-page-bringing-the-flavor-game .ctaRow {
  margin-top: 60px;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game .ctaRow {
    margin-top: 30px;
  }
}
body.page-template-page-bringing-the-flavor-game .ctaRow a.cta {
  background-color: #264C0F;
  font: normal normal bold 26px/30px Asap;
  padding: 17px 25px;
  border-color: transparent;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game .ctaRow a.cta {
    font: normal normal bold 20px/23px Asap;
    padding: 13px 20px;
  }
}
body.page-template-page-bringing-the-flavor-game .ctaRow a.cta:hover {
  background-color: #264C0F;
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game {
  width: 100%;
  background-color: black;
  height: 850px;
  position: relative;
  background-image: url("../jpg/dig-mero-pgod.jpg");
  background-size: auto 44vw;
  background-repeat: no-repeat;
  background-position: center right;
}
@media (max-width: 1922px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game {
    background-size: auto 100%;
  }
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game {
    height: 520px;
    background-size: auto 520px;
    background-position: center right -100px;
  }
}
@media (max-width: 600px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game {
    height: 756px;
    background-image: url("../webp/dig-mero-pgod.mobile.webp");
    background-position: left bottom;
  }
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game:after {
  position: absolute;
  display: block;
  height: 15px;
  content: " ";
  width: 100%;
  background: transparent linear-gradient(90deg, #5EBE25 0%, #C8D652 100%) 0 0 no-repeat padding-box;
  opacity: 1;
  bottom: -15px;
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.left {
  background-image: url("../svg/squares-a.svg");
  left: 0;
  bottom: 0;
  width: 238px;
  height: 231px;
}
@media (max-width: 1920px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.left {
    width: 12vw;
    height: 12vw;
  }
}
@media (max-width: 600px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.left {
    height: 150px;
    width: 150px;
  }
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.right {
  background-image: url("../svg/squares-b.svg");
  right: 0;
  top: 0;
  width: 230px;
  height: 177px;
}
@media (max-width: 1920px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.right {
    width: 12vw;
    height: 9vw;
  }
}
@media (max-width: 600px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.right {
    height: 150px;
    width: 150px;
  }
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.logo {
  background-image: url("../svg/lockup.svg");
  margin: 0;
  width: 15vw;
  height: 15vw;
  right: 0;
  bottom: 0;
}
@media (max-width: 600px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .blocks.logo {
    height: 50vw;
    width: 50vw;
    background-size: 60vw;
  }
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody {
  height: 100%;
  width: 50%;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody {
    width: 60%;
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  }
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText {
  color: white;
  width: 700px;
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText h1 {
  font: normal normal bold 75px/75px Asap;
  letter-spacing: 0;
  color: white;
  box-sizing: border-box;
  margin: 0 0 11px 0;
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText h2 {
  color: white;
  font: normal normal normal 30px/40px Asap;
}
body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText p {
  font: normal normal normal 40px/45px Asap;
  color: white;
  box-sizing: border-box;
  margin: 0 0 0 0;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText {
    padding-left: 81px;
  }
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText h1 {
    font: normal normal bold 50px/50px Asap;
  }
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText h2 {
    font: normal normal normal 30px/40px Asap;
  }
}
@media (max-width: 600px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody > .bannerText {
    padding: 25px 5px 25px 5px;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 600px) {
  body.page-template-page-bringing-the-flavor-game #jbBanner-22-fall-game > .bannerBody {
    width: 100%;
    align-items: flex-start;
    background: transparent;
    padding-top: 125px;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content {
  max-width: 1570px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #main-Content {
    max-width: 1120px;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content > div:nth-child(6) > div.image {
  background-image: url("../webp/pgod.webp");
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText {
  margin: 120px 0;
  padding: 0 75px;
  display: flex;
  justify-content: center;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText:nth-child(2) > .image {
  background-image: url("../webp/dignitas.webp");
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText:nth-child(3) > .image {
  background-image: url("../webp/pgod.webp");
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText.leftImage {
  flex-direction: row-reverse;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText.leftImage > .text {
  padding-left: 111px;
  padding-right: 0;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText.leftImage > .text {
    padding-left: 0;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 111px;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .text {
    padding: 0 20px !important;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .text .header h3 {
  color: #211F20;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .text .header h4 {
  color: #264C0F;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .text p {
  color: #5D5F6A;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .image {
  background-image: url("../webp/esa.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 660px;
  flex: 0 0 660px;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .image {
    height: 500px;
    flex: 0 0 500px;
  }
}
@media (max-width: 770px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .image {
    flex: 1 1 auto;
  }
}
@media (max-width: 1024px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText {
    padding: 0 25px;
  }
}
@media (max-width: 770px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText {
    padding: 0 5px;
    flex-direction: column-reverse !important;
    height: auto;
  }
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .image {
    width: 100%;
    height: 100vw;
  }
  body.page-template-page-bringing-the-flavor-game #main-Content .jbImageText > .text {
    width: 100%;
    padding: 0 15px !important;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox {
  position: relative;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox:before {
  position: absolute;
  display: block;
  height: 15px;
  content: " ";
  width: 100%;
  background: transparent linear-gradient(90deg, #5EBE25 0%, #C8D652 100%) 0 0 no-repeat padding-box;
  opacity: 1;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading {
  overflow: hidden;
  background: transparent linear-gradient(0deg, #5EBE25 0%, #000000 20%) 0 0 no-repeat padding-box;
  color: white;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  padding-bottom: 9vw;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 60px auto 75px auto;
  padding: 0 75px;
  font-family: Asap, sans-serif;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText {
    height: unset;
    width: 100%;
    margin: 30px auto 37px auto;
  }
}
@media (max-width: 1024px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText {
    padding: 0 25px;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText .header {
  align-items: center;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText .header h3 {
  color: white;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText .header h4 {
  color: #5EBE25;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText p {
  font: normal normal normal 20px/30px Asap;
  text-align: center;
  color: #E3E3E3;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText .ctaRow a.cta {
  background-color: #5EBE25;
  color: black;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .shading .bannerText .ctaRow a.cta:hover {
  background-color: #5EBE25;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners {
  max-height: 650px;
  min-height: unset;
  margin-bottom: 120px;
}
@media (max-width: 770px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners {
    max-height: unset;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading {
  min-height: unset;
  display: flex;
  padding-bottom: 0;
  height: 650px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading {
    height: 435px;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText {
  padding-left: 125px;
  align-items: flex-start;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText .header {
  align-items: flex-start;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText p {
  text-align: left;
}
@media (max-width: 1547px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText {
    padding-left: 75px;
  }
}
@media (max-width: 1024px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText {
    padding-left: 25px;
  }
}
@media (max-width: 770px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText {
    padding-left: 25px;
  }
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText p {
    text-align: center;
  }
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText .header {
    padding-top: 20px;
    align-items: center;
    width: 100%;
  }
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText .header h3 {
    text-align: center;
  }
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText .ctaRow {
    margin: 25px auto;
  }
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText .ctaRow .cta {
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
}
@media (max-width: 350px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerText {
    padding-left: 0;
    padding-right: 0;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerImage {
  background-image: url("../webp/candy.webp");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 125%;
  height: 100%;
  width: 100%;
}
@media (max-width: 450px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading .bannerImage {
    background-position: center top;
    background-size: auto 100%;
  }
}
@media (max-width: 770px) {
  body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners .shading {
    height: 695px;
    flex-direction: column;
  }
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox.allCorners:before {
  content: "";
  display: none;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .video {
  margin: -9vw auto auto auto;
  width: 100%;
  padding: 0 75px;
}
body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .video img, body.page-template-page-bringing-the-flavor-game #main-Content .jbCrCrBox .video video {
  width: 100%;
}
.vid-wrapper {
  text-align: center;
  padding: 20px;
}

.vid {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid;
  padding: 2px;
  cursor: pointer;
}

.vid::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

h2.vid-head {
  font-size: 20px;
  color: #333;
}

/* Video Popup */
.video-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 998;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  display: none !important;
}

.video-popup.show-video {
  display: flex !important;
}

.iframe-wrapper {
  position: relative;
}
.iframe-wrapper iframe {
  width: 1200px;
  height: 675px;
}
.iframe-wrapper .close-video {
  color: #264C0F;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -20px;
  right: -20px;
  font-size: 25px;
  border-radius: 50%;
  background-size: cover;
}
.iframe-wrapper .close-video::before {
  background: white;
  border-radius: 50%;
}

/*# sourceMappingURL=22-fa-game.css.map */