/*
 * FilePath: ./style/elementor/elementor-utilities.css
 * Date: Wed Aug 27 2025
 * Description: Elementor utility classes, mostly using old Elementor classes, not sure if still in used
 */

/* -------------------------------------------------------------------------- */
/*                                  UTILITIES                                 */
/* -------------------------------------------------------------------------- */

/* Utility Classes 

<br class="br.ds">
<br class="br.tb">
<br class="br.mb">

*/

/* Hide Elementor Title */
h1.entry-title {
    display: none;
}
br.hide {
    display: none;
}
[data-elementor-device-mode="desktop"] br.ds {
    display: inline !important;
}
[data-elementor-device-mode="tablet"] br.tb {
    display: inline !important;
}
[data-elementor-device-mode="mobile"] br.mo {
    display: inline !important;
}

/* -------------------------------------------------------------------------- */
/*                                   HEADER                                   */
/* -------------------------------------------------------------------------- */

.elementor-widget-heading h1.elementor-heading-title {
    font-size: 2.5rem;
    line-height: 1.2em;
}
.elementor-widget-heading h2.elementor-heading-title {
    font-size: 2rem;
    line-height: 1.2em;
}
.elementor-widget-heading h3.elementor-heading-title {
    font-size: 1.6rem;
    line-height: 1.2em;
}
.elementor-widget-heading h4.elementor-heading-title {
    font-size: 1.4rem;
    line-height: 1.2em;
}
.elementor-widget-heading h5.elementor-heading-title {
    font-size: 1.2rem;
    line-height: 1.2em;
}

/* -------------------------------------------------------------------------- */
/*                                    FLEX                                    */
/* -------------------------------------------------------------------------- */

/* FORCE Elementor to wrap */
.wrap .elementor-row {
    flex-wrap: wrap;
}
.wrap .elementor-column {
    width: 100% !important;
}
[data-elementor-device-mode="desktop"] .D-Col1.elementor-column {
    flex: 0 0 100%;
}
[data-elementor-device-mode="desktop"] .D-Col2.elementor-column {
    flex: 0 0 50%;
}
[data-elementor-device-mode="desktop"] .D-Col3.elementor-column {
    flex: 0 0 33%;
}
[data-elementor-device-mode="desktop"] .D-Col4.elementor-column {
    flex: 0 0 25%;
}
[data-elementor-device-mode="desktop"] .D-Col5.elementor-column {
    flex: 0 0 20%;
}
[data-elementor-device-mode="desktop"] .D-Col6.elementor-column {
    flex: 0 0 16%;
}
[data-elementor-device-mode="tablet"] .T-Col1.elementor-column {
    flex: 0 0 100%;
}
[data-elementor-device-mode="tablet"] .T-Col2.elementor-column {
    flex: 0 0 50%;
}
[data-elementor-device-mode="tablet"] .T-Col3.elementor-column {
    flex: 0 0 33%;
}
[data-elementor-device-mode="tablet"] .T-Col4.elementor-column {
    flex: 0 0 25%;
}
[data-elementor-device-mode="tablet"] .T-Col5.elementor-column {
    flex: 0 0 20%;
}
[data-elementor-device-mode="tablet"] .T-Col6.elementor-column {
    flex: 0 0 16%;
}
[data-elementor-device-mode="mobile"] .M-Col1.elementor-column {
    flex: 0 0 100%;
}
[data-elementor-device-mode="mobile"] .M-Col2.elementor-column {
    flex: 0 0 50%;
}
[data-elementor-device-mode="mobile"] .M-Col3.elementor-column {
    flex: 0 0 33%;
}
[data-elementor-device-mode="mobile"] .M-Col4.elementor-column {
    flex: 0 0 25%;
}
[data-elementor-device-mode="mobile"] .M-Col5.elementor-column {
    flex: 0 0 20%;
}
[data-elementor-device-mode="mobile"] .M-Col6.elementor-column {
    flex: 0 0 16%;
}
.wrap .elementor-row {
    flex-wrap: wrap;
}
.flex-shrink-1 .elementor-column {
    flex: 0 1 100%;
}
.flex-shrink-2 .elementor-column {
    flex: 0 1 50%;
}
.elementor-button-link .flex-shrink-3 .elementor-column {
    flex: 0 1 33.3%;
}
.flex-shrink-4 .elementor-column {
    flex: 0 1 25%;
}
.flex-grow-1 .elementor-column {
    flex: 1 1 100%;
}
.flex-grow-2 .elementor-column {
    flex: 1 1 50%;
}
.flex-grow-3 .elementor-column {
    flex: 1 1 33.3%;
}
.flex-grow-4 .elementor-column {
    flex: 1 1 25%;
}

/* -------------------------------------------------------------------------- */
/*                                   BUTTON                                   */
/* -------------------------------------------------------------------------- */

/* FORCE Button to width 100% */
.bt100 a {
    width: 100% !important;
}
.bt100 .elementor-widget-container {
    padding: 0 !important;
}
/* Button Arrow Anim */
.btanim .elementor-button-icon {
    transform: translateX(0px) !important;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.btanim a:hover .elementor-button-icon {
    transform: translateX(10px) !important;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
[data-elementor-device-mode="desktop"] .bt2l.ds .elementor-button-icon {
    padding-top: 1.3em;
}
[data-elementor-device-mode="tablet"] .bt2l.tb .elementor-button-icon {
    padding-top: 1.3em;
}
[data-elementor-device-mode="mobile"] .bt2l.mo .elementor-button-icon {
    padding-top: 1.3em;
}
body .elementor-widget-button a.elementor-button,
.elementor-widget-button .elementor-button {
    background-color: #ef4130;
    border-radius: 100px;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.2em;
}
.popup-video a,
.popup-video a:visited {
    color: #7bbdd6;
    display: block;
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/*                                    MENU                                    */
/* -------------------------------------------------------------------------- */
.menu-red a {
    background-color: #ef4130;
}
.menu-red a:hover {
    background-color: #28306a;
}
.menu-red a.elementor-item-active {
    background-color: #28306a;
}

/* -------------------------------------------------------------------------- */
/*                                    FORM                                    */
/* -------------------------------------------------------------------------- */
.elementor-form .elementor-message {
    text-align: center !important;
}
.elementor-form .important {
    color: #ef4130 !important;
}