@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
/* ==================== GENERAL STYLES ==================== */
body,
body.theme-lumapps {
    font-family: "Poppins", sans-serif;
    background-color: #F3F9FD !important;
}
/* Page Titles */
.widget--shared-titre-page .widget-title__title,
.widget--shared-titre-page .widget-title__title,
.widget--shared-titre-page-dark .widget-title__title{
    font-size: 42px !important;
}
.widget--shared-titre-page .block-title,
.widget--shared-titre-page .widget-title__title,
.widget--shared-titre-page .widget-content--block-html{
  color: #211B42 !important;
}

/* ========== CUSTOM ALERT V1  ========== */
.widget--smart-content {
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
    background-position: 10px center !important;
    background-size: 36px 36px !important;
}
.widget--smart-content .block-page-preview__title {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 36px;
    padding: 10px 0;
}
.widget--smart-content .block-page-preview__link {
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 16px;    
}  
.widget--smart-content .block-page-preview__link span {
    font-size: 16px !important;
    color: #211B42
}
.widget--smart-content .lumx-link__content {
    font-weight: normal !important;
}
/* ========== CUSTOM ALERT V2 ========== */
.widget--smart-content-2 {
    background-position: 10px center !important;
    background-size: 36px 36px !important;
}
.widget--smart-content-2 .block-page-preview__title {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 36px;
    padding: 10px 0;
}
.widget--smart-content-2 .block-page-preview__link {
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 16px;    
}  
.widget--smart-content-2 .block-page-preview__link span {
    font-size: 16px !important;
    color: #ffffff
}
.widget--smart-content-2 .lumx-link__content {
    font-weight: normal !important;
}

/* ========== WELCOME MESSAGE  ========== */
.widget--welcome-message .widget-welcome {
    font-size: 32px !important;
    color: #211B42 !important;
}
.widget--welcome-message span {
  font-weight: bold !important;
}
.widget--welcome-message-2 .widget-welcome {
    font-size: 42px !important;
    font-weight: bold !important;
    color: #211B42 !important;
}
.widget--welcome-message-2 span {
  font-weight: bold !important;
  color: #44BE9F !important;
}

/* ==================== FOOTER V5 ==================== */
.wdc-footer-v5 {
    background: #211B42;
    padding: 32px 0px 12px;
    text-align: center;
}
.wdc-row-v5 {
    width: 100%;
    margin: 1% 0%;
    padding: 0.6% 0%;
    color: #ffffff;
    font-size: 13px;
}
.wdc-row-v5 a {
    text-decoration: none;
    transition: 0.5s;
}
.wdc-row-v5 ul li a,
.wdc-footer-link-v5,
.wdc-footer-icon-v5 {
    color: #ffffff !important;
}
.wdc-row-v5 ul li a:hover,
.wdc-footer-link-v5:hover,
.wdc-footer-icon-v5:hover,
.wdc-row-v5 a:hover {
    opacity: 0.4;
}
.wdc-row-v5 ul {
    width: 100%;
    margin-left: 0 !important;
}
.wdc-row-v5 ul li {
    display: inline-block;
    margin: 0px 30px;
}
.wdc-row-v5 a i {
    font-size: 1.7em;
    margin: 0% 1%;
    height: 20px; /* Ensures consistent height */
    width: 20px;
    display: inline-block;
}
/* Custom "X" icon styling */
.custom-x-icon {
    font-size: 1.7em;
    color: #ffffff;
    margin: 0 1%;
    transition: 0.5s;
}
.custom-x-icon:hover {
    color: white;
}
.v5-logo {
    height: 22px;
    filter: brightness(1);
    transition: 0.3s;
}
.v5-logo:hover {
    filter: brightness(1);
}
.wdc-copyright-v5 {
    margin-top: 24px;
    font-size: 0.9em;
    color: #808080;
}
/* Responsive styling for screens smaller than 720px */
@media (max-width:720px){
    .wdc-footer-v5 {
        text-align: left;
        padding: 5%;
    }
    .wdc-row-v5 ul li {
        display: block;
        margin: 10px 0px;
        text-align: left;
    }
    .wdc-row-v5 a i {
        margin: 0% 3% 0% 0%;
    }
    .wdc-copyright-v5 {
        margin-top: 0px;
    }    
}