/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/programs/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.programs {
  margin-block-start: clamp(4rem, 3.3135rem + 2.9291vw, 8rem) !important;
}
.programs__overview {
  grid-column: 2/10;
}
.programs__heading {
  font-size: clamp(2rem, 1.6568rem + 1.4645vw, 4rem);
  font-weight: bold;
  margin-bottom: 0;
}
.programs__paragraph {
  font-size: 1.2rem;
  margin-top: 0;
}
.programs__line {
  height: 1px;
  border: none;
  background-color: #d1d1d1;
  margin: 1rem 0;
}
@media (min-width: 1280px) {
  .programs__line {
    margin-bottom: 3rem;
  }
}
.programs__link {
  margin: 3rem 0;
}
@media (min-width: 1280px) {
  .programs__link {
    margin: 1.5rem 0;
  }
}
.programs {
  /** 
    * HOUSTON SCIENCE FESTIVAL
   */
}
.programs__hsf-container {
  grid-column: 2/10;
}
@media (min-width: 1280px) {
  .programs__hsf-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1px 4rem;
    grid-template-areas: "hsf-image  hsf-content" "hsf-image  hsf-tests";
  }
}
.programs__title {
  font-size: clamp(1.5rem, 1.1568rem + 1.4645vw, 3.5rem);
  font-weight: bold;
  color: #4b4b4b;
  margin-bottom: 0;
}
.programs__description {
  font-size: clamp(1rem, 0.9657rem + 0.1465vw, 1.2rem);
  margin: 1rem 0 2rem 0;
}
.programs__hsf-image {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover; /* Crops image to fill the box without distortion */
}
@media (min-width: 1280px) {
  .programs__hsf-image {
    aspect-ratio: auto;
    height: 100%;
  }
}
@media (min-width: 1280px) {
  .programs__hsf-content {
    grid-area: hsf-content;
    align-self: center;
  }
}
.programs__hsf-image-container {
  margin: 2rem 0;
}
@media (min-width: 1280px) {
  .programs__hsf-image-container {
    margin: 0;
    grid-area: hsf-image;
  }
}
@media (min-width: 768px) {
  .programs__testimonials {
    display: flex;
    gap: 1rem;
  }
}
@media (min-width: 1280px) {
  .programs__testimonials {
    grid-area: hsf-tests;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .programs__hsf-content {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .programs__hsf-image-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .programs__testimonials {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.programs__testimonial {
  background-color: #f6f6f6;
  padding: 21px 21px;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.programs__quote {
  font-size: clamp(0.85rem, 0.7934rem + 0.2416vw, 1.18rem);
}
@media only screen and (min-width: 992px) {
  .programs__quote {
    line-height: 1.5;
  }
}
.programs__cite {
  font-size: clamp(0.95rem, 0.9414rem + 0.0366vw, 1rem);
  font-style: italic;
  margin-top: 1rem;
  display: block;
}
.programs {
  /** 
    * HOUSTON MATH CIRCLE
   */
}
.programs__hmc-container {
  grid-column: 2/10;
  margin-top: clamp(3rem, 1.9703rem + 4.3936vw, 9rem);
}
@media (min-width: 1280px) {
  .programs__hmc-container {
    display: grid;
    /* Two equal columns that are allowed to shrink to 0 */
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1px 4rem;
    /* Simplified areas: 2 columns, 2 rows */
    grid-template-areas: "hmc-content hmc-image" "hmc-tests   hmc-image";
  }
}
@media (min-width: 1280px) {
  .programs__hmc-content {
    grid-area: hmc-content;
    align-self: center;
  }
}
.programs__hmc-testimonial {
  background-color: #f6f6f6;
  padding: 21px 21px;
  margin-bottom: 1.5rem;
}
@media (min-width: 1280px) {
  .programs__hmc-testimonial {
    padding: 40px;
    grid-area: hmc-tests;
    align-self: start;
  }
}
.programs__hmc-image-container {
  margin: 2rem 0;
}
@media (min-width: 1280px) {
  .programs__hmc-image-container {
    margin: 0;
    grid-area: hmc-image;
    /* CRITICAL: Allows the grid cell to shrink smaller than the image's original size */
    min-width: 0;
    /* Ensures the container height matches the span of the two rows */
    height: 100%;
    overflow: hidden;
  }
}
@media (min-width: 1280px) {
  .programs__hmc-content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .programs__hmc-testimonial {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .programs__hmc-image-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
}
.programs__hmc-image {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-position: 20% 20%;
     object-position: 20% 20%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1280px) {
  .programs__hmc-image {
    aspect-ratio: auto;
    height: 100%;
  }
}
.programs {
  /** 
    * WORKSHOPS
   */
}
.programs__workshops-container {
  grid-column: 2/10;
  margin-top: clamp(3rem, 1.9703rem + 4.3936vw, 9rem);
}
@media (min-width: 1280px) {
  .programs__workshops-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1px 4rem;
    grid-template-areas: "workshop-image  workshop-content " "workshop-image workshop-tests";
  }
}
@media (min-width: 1280px) {
  .programs__workshop-content {
    grid-area: workshop-content;
    align-self: center;
  }
}
.programs__workshop-image-container {
  margin: 2rem 0;
}
@media (min-width: 1280px) {
  .programs__workshop-image-container {
    margin: 0;
    grid-area: workshop-image;
  }
}
.programs__workshop-image {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-position: 20% 20%;
     object-position: 20% 20%;
  -o-object-fit: cover;
     object-fit: cover; /* Crops image to fill the box without distortion */
}
@media (min-width: 1280px) {
  .programs__workshop-image {
    aspect-ratio: auto;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .programs__workshops-testimonials {
    display: flex;
    gap: 1rem;
  }
}
@media (min-width: 1280px) {
  .programs__workshops-testimonials {
    grid-area: workshop-tests;
    display: flex;
    gap: 1rem;
  }
}
@media (min-width: 1280px) {
  .programs__workshop-content {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .programs__workshop-image-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .programs__workshops-testimonials {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}

/*# sourceMappingURL=style-index.css.map*/