/*======================================
Theme Name: MERS Divi Child (T20)
Theme URI: https://www.The20.com/
Description: Divi 5 child theme for the Municipal Employees' Retirement System of Louisiana (MERS), built by The 20. Directory name kept as T20-Divi-Child.
Author: The 20
Author URI: https://www.The20.com/
Author Email: web@the20.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* ===========================================================================
 * The design system lives in css/site.css, not here.
 *
 * This file exists because WordPress requires a style.css with the theme header,
 * and because Divi's own enqueue picks it up early. Keeping the site styles in a
 * separate file lets functions.php enqueue them at priority 20 — AFTER Divi's
 * stylesheet and after Divi's per-page dynamic CSS — which is what lets the
 * .mers-* rules win without !important on everything.
 * =========================================================================== */

/* Image aspect-ratio utilities (add as a Divi image module CSS class). */
.image-1-1 .et_pb_image_wrap  { padding-top: 100%;    display: block; }
.image-16-9 .et_pb_image_wrap { padding-top: 56.25%;  display: block; }
.image-4-3 .et_pb_image_wrap  { padding-top: 75%;     display: block; }
.image-3-2 .et_pb_image_wrap  { padding-top: 66.66%;  display: block; }
.image-3-4 .et_pb_image_wrap  { padding-top: 133.33%; display: block; }

.image-1-1 .et_pb_image_wrap img,
.image-16-9 .et_pb_image_wrap img,
.image-4-3 .et_pb_image_wrap img,
.image-3-2 .et_pb_image_wrap img,
.image-3-4 .et_pb_image_wrap img {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}