/*
Theme Name: Get Well Clinic
Version: 1.0
Author: Chris Bibbs
Author URI: xtxwebmaster.com
Theme URI:  xtxwebmaster.com
Template: XTX2022
text-domain: xtx */

/*.hero-image.wrapper { float: left; }

@media all and (min-width: 300px) { 
    .hero-image { width: 100%; height: auto; aspect-ratio: 1 / 1; position: relative; overflow: hidden; }
    .hero-image > img { position: absolute; top: 0; left: 0; z-index: 10; padding: 0; margin: 0; width: 100% !important; object-fit: cover !important } }
@media all and (min-width: 900px) {
    .hero-image { width: 100%; height: auto; aspect-ratio: 4 / 3; position: relative; overflow: hidden; }
    .hero-image > img { position: absolute; top: 0; left: 0; z-index: 10; padding: 0; margin: 0; height: auto !important; width: 100% !important; object-fit: cover !important; } }
@media all and (min-width: 1200px) {  
    .hero-image { width: 100%; height: auto; aspect-ratio: 3 / 1; position: relative; overflow: hidden; }
    .hero-image > img { position: absolute; top: 0; left: 0; z-index: 10; padding: 0; margin: 0; object-fit: initial !important; } }
@media all and (min-width: 300px) { .hero-image .hero-image-text { position: relative; padding: 24px 0 0 0; } }
@media all and (min-width: 1200px) { .hero-image .hero-image-text { position: relative; z-index: 20; padding: 0 0 0 0; } }
.hero-image .hero-image-text.container { display: block !important; position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; }
@media all and (min-width: 300px) { .hero-image .hero-image-text .content { max-width: 480px; width: 100%; float: left; padding: 0 0 24px 0; z-index: 15; } }
@media all and (min-width: 600px) { .hero-image .hero-image-text .content { max-width: 480px; width: 100%; float: left; padding: 0 0 0 0; } }
@media all and (min-width: 900px) { .hero-image .hero-image-text .content { max-width: 600px; width: 100%; float: left; padding: 0 0 0 0; } }
.hero-image .hero-image-text p, .hero-image .hero-image-text h2, .hero-image .hero-image-text h1 { width: 100%; line-height: 105%; padding: 0 !important; float: left; }
.hero-image.wrapper.overlay::after { z-index: 15 !important; } */