/* JP 2_1_1 curtain BS5 v1 - B-zone only minimal compatibility patch.
   Frozen: accepted desktop navbar/footer; accepted mobile shell; JP B DOM/text/href/img src; all image files. */

/* Preserve image natural ratio and remove Bootstrap thumbnail framing only inside this page B zone. */
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid img,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container img,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid img,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container .thumbnail,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray .thumbnail,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container img.img-thumbnail,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray img.img-thumbnail{
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* B1: original 1680x381 image, no BS5 row/column gutters, natural ratio, centered. */
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:hidden !important;
  text-align:center !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid > .row,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid .row{
  --bs-gutter-x:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid .col-xs-12,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid .col-sm-12{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid img[src="img/2_1_1_01.jpg"]{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:initial !important;
}

/* B2: restore BS3 two-column 50/50 geometry on desktop; single column on mobile. */
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-xs-12,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-sm-6,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-sm-12{
  box-sizing:border-box !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container img[src="img/2_1_1_03.jpg"]{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container .more a{
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
@media (min-width:768px){
  body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-sm-6{
    float:none !important;
    width:50% !important;
    max-width:50% !important;
    flex:0 0 50% !important;
  }
  body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-sm-12{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }
}
@media (max-width:767.98px){
  body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container{
    display:block !important;
  }
  body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-xs-12,
  body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-sm-6,
  body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container > .col-sm-12{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
  }
}

/* B3: original 1680x586 fire-curtain visual, natural ratio and centered. */
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:hidden !important;
  text-align:center !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid > .row,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid .row{
  --bs-gutter-x:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid .col-xs-12,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid .col-sm-12{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid img[src="img/2_1_1_02.jpg"]{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:initial !important;
}

/* B4: keep gray zone continuous to footer; original 1200x434 image stays natural ratio. */
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray > .container,
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray .thumbnail{
  background:#f2f2f2 !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray{
  margin-bottom:0 !important;
  padding-bottom:20px !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray .thumbnail{
  margin-bottom:0 !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray img[src="img/2_1_1_04.jpg"]{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.jp-bs5-2-1-1-curtain-page > nav + .container-fluid + .container + .container-fluid + .back-gray .more a{
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
