/* Shared site components. Prefer WordPress core block layout; keep only the
   visual rules that are specific to the IIT Delts design. */

/* Development opportunity rows (core Columns + core Column blocks). */
.dtd-feature-row {
    gap: 0;
    margin-bottom: 24px;
}

.dtd-feature-row > .wp-block-column {
    min-width: 0;
    padding: 12px;
}

.dtd-feature-row__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dtd-feature-row__content > :last-child {
    margin-bottom: 0;
}

.dtd-feature-row figure {
    margin: 0;
}

.dtd-feature-row__media figure {
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 1;
}

.dtd-feature-row__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.dtd-feature-row--7d04bd1 .dtd-feature-row__media figure {
    max-width: 250px;
}

@media (max-width: 767px) {
    .dtd-feature-row__media {
        max-width: 420px;
        padding: 12px;
    }

    .dtd-feature-row > .dtd-feature-row__content {
        padding: 8px;
    }

    .dtd-feature-row--7d04bd1 > .dtd-feature-row__media {
        padding: 8px;
    }
}

/* Native replacement for Stackable's default 50%-width divider. */
hr.dtd-divider {
    width: min(45vw, 600px) !important;
    max-width: none !important;
    height: 1px !important;
    border: 0;
    margin-inline: auto;
    background: #ddd;
}

/* Small native Image blocks used for Contact details. */
.dtd-contact-icon {
    width: 40px !important;
    height: 40px;
    margin-bottom: 16px;
    margin-inline: auto;
}

.dtd-contact-icon img {
    display: block;
    width: 40px !important;
    max-width: none !important;
    height: 40px !important;
    object-fit: contain;
}

/* Centered reading-width content formerly wrapped by a single Stackable
   column with containerWidth: 960. */
.dtd-reading-width {
    width: min(90vw, 960px) !important;
    max-width: 960px !important;
    margin-inline: auto !important;
}

/* Responsive refinements for native core Spacer blocks. */
@media (max-width: 1024px) {
    .dtd-hide-tablet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .dtd-hide-mobile {
        display: none !important;
    }

    .dtd-spacer--3d43c18 { height: 10px !important; }
    .dtd-spacer--86897c2 { height: 30px !important; }
    .dtd-spacer--e0fb2a3 { height: 75px !important; }
}