/*======================================
Theme Name: Quantum Dental Arts Divi Child Theme
Theme URI: https://www.The20.com/
Description: Divi child theme for the Quantum Dental Arts site, built by The 20.
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
 * .<prefix>-* rules win without !important on everything.
 *
 * Put only generic, project-agnostic utilities below.
 * =========================================================================== */

/* ---------- Image aspect-ratio utilities -----------------------------------
 * Add e.g. `image-16-9` as a Divi image module CSS class to lock an aspect
 * ratio and cover-crop. Useful where a client's source images are inconsistent.
 * -------------------------------------------------------------------------- */

.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-2-3 .et_pb_image_wrap  { padding-top: 150%;    display: block; }
.image-9-16 .et_pb_image_wrap { padding-top: 177.77%; 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,
.image-2-3 .et_pb_image_wrap img,
.image-9-16 .et_pb_image_wrap img {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}