/**
Theme Name: isms
Author: Orion One
Author URI: https://orionone.co.za/
Description: Theme for ISMS by Orion One.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isms
Template: hello-elementor
*/

/* =============================================================
   Fix: Service card layout — Our Services page (ID: 1245)

   min-height: 400px on row sections does two things at once:
   (1) prevents row overlap  (2) creates ~80px white space below
       each image (columns stretch via flexbox to fill the section,
       so the 80px above the image height shows as white space).

   Heading margin reduced from -85px → -65px so the service name
   sits ~20px lower on the banner, matching the reference design.
   ============================================================= */

/* Desktop: image 320px + 80px white space = 400px */
.elementor-1245 .elementor-element-469d43df,
.elementor-1245 .elementor-element-77b4a4f,
.elementor-1245 .elementor-element-6c12d1d7 {
    min-height: 400px;
}

/* Move heading text slightly lower on the banner */
.elementor-1245 .elementor-element-469d43df .elementor-widget-heading > .elementor-widget-container,
.elementor-1245 .elementor-element-77b4a4f .elementor-widget-heading > .elementor-widget-container,
.elementor-1245 .elementor-element-6c12d1d7 .elementor-widget-heading > .elementor-widget-container {
    margin-top: -65px !important;
}

/* Tablet ≤1024px: image 238px + 60px white space = 298px */
@media (max-width: 1024px) {
    .elementor-1245 .elementor-element-469d43df,
    .elementor-1245 .elementor-element-77b4a4f,
    .elementor-1245 .elementor-element-6c12d1d7 {
        min-height: 298px;
    }

    .elementor-1245 .elementor-element-469d43df .elementor-widget-heading > .elementor-widget-container,
    .elementor-1245 .elementor-element-77b4a4f .elementor-widget-heading > .elementor-widget-container,
    .elementor-1245 .elementor-element-6c12d1d7 .elementor-widget-heading > .elementor-widget-container {
        margin-top: -60px !important;
    }
}

/* Mobile ≤767px: stacked columns — natural height */
@media (max-width: 767px) {
    .elementor-1245 .elementor-element-469d43df,
    .elementor-1245 .elementor-element-77b4a4f,
    .elementor-1245 .elementor-element-6c12d1d7 {
        min-height: unset;
    }

    .elementor-1245 .elementor-element-469d43df .elementor-widget-heading > .elementor-widget-container,
    .elementor-1245 .elementor-element-77b4a4f .elementor-widget-heading > .elementor-widget-container,
    .elementor-1245 .elementor-element-6c12d1d7 .elementor-widget-heading > .elementor-widget-container {
        margin-top: -65px !important;
    }
}