.mobile-header-menu-container .main-menu > li .sub-menu-trigger {
    width: 55px;
    left: auto;
}
@media only screen and (min-width: 768px) {
  .slide-sidebar-wrapper {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) {
    .footer {
        padding: 0px 0;
	}
}
.footer-type-1 .footer-widgets > .widget { 
    width: calc(100% - 20px);
} 
@media only screen and (min-width: 576px) { 
    .footer-type-1 .footer-widgets > .widget { 
        width: calc(50% - 20px);
    } 
} 
@media only screen and (min-width: 992px) { 
    .footer-type-1 .footer-widgets > .widget { 
        width: calc(50% - 20px);
    } 
}

.footer-section {
    padding-top: 0px;
}

.footer-type-1 .footer-widgets > .widget, 
.footer-type-2 .footer-widgets > .widget, 
.footer-type-3 .footer-widgets > .widget, 
.footer-type-4 .footer-widgets > .widget {
    margin-top: 22px;
}


.slide-sidebar-content .wp-block-button .wp-block-button__link,
ul.wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape) .wp-block-social-link a {
	display: block;
}

.footer .footer-bg:after {
    content: none;
    display: none;
}


.page-title-decoration {
    display: none;
}

.page-title-line {
    display: none;
}
.footer-type-1 .footer-widgets, 
.footer-type-2 .footer-widgets, 
.footer-type-3 .footer-widgets, 
.footer-type-4 .footer-widgets {
    margin-top: 0px !important;
}


.page-id-6205 .page-title-container .page-title-box .page-title {
    display: none;
}

.page-id-9172 .page-title-container .page-title-box .page-title {
    display: none;
}
.page-id-8876 .page-title-container .page-title-box .page-title {
    display: none;
}
.page-id-45 .page-title-container .page-title-box .page-title {
    display: none;
}
.page-id-8566 .page-title-container .page-title-box .page-title {
    display: none;
}
.energium-content-slider-widget .slider-video-button {
	font-weight: bold;
	font-size: large;
	margin: 20px 0 20px 23px;
}

@media only screen and (max-width: 480px) {
    .energium-content-slider-widget .bottom-area .contacts {
        max-width: 100%;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
    }
    .energium-content-slider-widget .bottom-area .contacts .contact-item {
        text-align: left;
    }
    .energium-content-slider-widget .bottom-area .content-slider-video {
        top: initial;
        bottom: 100%;
    }
}

.page-id-5585 .body-container .page-title-container {
    text-align: center;
	padding: 60px 0 10px;
}




/* =========================================
   PART 1: DESKTOP / DEFAULT VIEW
   (Text floats ON TOP of the image)
   ========================================= */

/* 1. Set the Frame */
.page-id-15548 .body-container .page-title-container {
    position: relative;
    /* We don't touch display/flex here so Desktop stays as is */
}

/* 2. Unset positioning on wrappers so the text can find the 'relative' parent */
.page-id-15548 .page-title-row,
.page-id-15548 .page-title-wrapper,
.page-id-15548 .page-title-box {
    position: static !important;
}

/* 3. Float the Text (Absolute) */
.page-id-15548 .body-container .page-title-container h1.page-title {
    position: absolute;
    top: 20px;          /* Distance from the very top */
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    z-index: 10;        /* Sit on top of the image */
}


@media only screen and (max-width: 768px) {

    /* 1. Reset the Parent Container */
    /* forces it to grow with content instead of being a fixed height box */
    .page-title-container {
        display: flex !important;
        flex-direction: column !important; /* Stack vertical */
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 2. Fix the Text Area (Force it to be 1st) */
    /* We reset positioning so it doesn't float */
    .page-title-container .container,
    .page-title-container .page-title-content,
    .page-title-container h1 {
        order: 1 !important;
        position: relative !important;
        z-index: 20 !important;
        margin-bottom: 20px !important; /* Spacing between text and image */
        top: auto !important;
        transform: none !important;
    }

    /* 3. Fix the Image/Background Div (Force it to be 2nd) */
    /* We turn off absolute positioning so it sits BELOW the text */
    .page-title-bg, 
    .page-title-container img {
        order: 2 !important;
        position: relative !important; /* Crucial: stops the overlap */
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: 250px !important; /* Adjust this to control how tall the image bar is */
        min-height: 250px !important;
        transform: none !important;
    }
}




/* --- Style the H1 titles on all Archive and Single Post pages --- */

.archive h1.page-title,
.single-post .entry-title {
    font-size: 30px;      /* Adjust this number to your liking (e.g., 38px) */
    line-height: 1.2;     /* Optional: Adjusts spacing if the title wraps to two lines */
    margin-bottom: 30px;  /* Optional: Adds some space below the title */
}