/**
 * Full Width ACF Blocks — Additional Styles
 *
 * Add this CSS to your theme. You can either:
 *   a) Paste it into an existing stylesheet, OR
 *   b) Save as assets/css/acf-blocks-fw.css and enqueue it
 *      (see note at bottom of file)
 */

/* ============================================
   Full Width Image Slider — taller containers
   ============================================ */
.fw-image-slider .singleswiper.fw-slider .singleswiper__imagecontainer {
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .fw-image-slider .singleswiper.fw-slider .singleswiper__imagecontainer {
        height: 500px;
        border-radius: 20px;
    }
}

@media (min-width: 1024px) {
    .fw-image-slider .singleswiper.fw-slider .singleswiper__imagecontainer {
        height: 650px;
    }
}

@media (min-width: 1480px) {
    .fw-image-slider .singleswiper.fw-slider .singleswiper__imagecontainer {
        height: 750px;
    }
}

/*
 * HOW TO ENQUEUE (if using a separate file):
 *
 * Add this to functions.php or inc/scripts.php inside
 * the northropwebsite_styles_scripts() function:
 *
 *   wp_enqueue_style(
 *       'fw-block-styles',
 *       get_template_directory_uri() . '/assets/css/acf-blocks-fw.css',
 *       array('fe-styles'),
 *       '1.0.0'
 *   );
 *
 * OR simply paste the CSS above into your theme's
 * existing markup/assets/css/style.css at the bottom.
 */