/* NAS Article Desk: supplemental Photo Feature layouts.
 * Existing nas-photo-inline, nas-photo-medium and nas-photo-wide rules remain
 * owned by the site's Photo Feature template.
 */

.nas-photo-feature-template .nas-photo-pair{
  width: 100% !important;
  max-width: 1100px !important;
  margin: 42px auto 22px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

.nas-photo-feature-template .nas-photo-pair > figure.wp-block-image.nas-photo-pair-item{
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-04{flex-grow:.4 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-05{flex-grow:.5 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-06{flex-grow:.6 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-07{flex-grow:.7 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-08{flex-grow:.8 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-09{flex-grow:.9 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-10{flex-grow:1 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-11{flex-grow:1.1 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-12{flex-grow:1.2 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-13{flex-grow:1.3 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-14{flex-grow:1.4 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-15{flex-grow:1.5 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-16{flex-grow:1.6 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-17{flex-grow:1.7 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-18{flex-grow:1.8 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-19{flex-grow:1.9 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-20{flex-grow:2 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-21{flex-grow:2.1 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-22{flex-grow:2.2 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-23{flex-grow:2.3 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-24{flex-grow:2.4 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-25{flex-grow:2.5 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-26{flex-grow:2.6 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-27{flex-grow:2.7 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-28{flex-grow:2.8 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-29{flex-grow:2.9 !important;}
.nas-photo-feature-template .nas-photo-pair > figure.nas-photo-ratio-30{flex-grow:3 !important;}

.nas-photo-feature-template .nas-photo-pair > figure.wp-block-image.nas-photo-pair-item img{
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  display: block !important;
}

.nas-photo-feature-template .nas-photo-pair > figure.wp-block-image.nas-photo-pair-item figcaption{
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
}

@media (max-width: 700px) {
  .nas-photo-feature-template .nas-photo-pair{
    flex-direction: column !important;
    gap: 18px !important;
    margin: 34px auto 20px !important;
  }

  .nas-photo-feature-template .nas-photo-pair > figure.wp-block-image.nas-photo-pair-item{
    flex: none !important;
    width: 100% !important;
  }
}