@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

    /*=========== global css start ============ */

    body {
        font-family: "Montserrat", sans-serif;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        font-family: "Inter", sans-serif !important;
    }

    /* #PAGEID_1859235 .zonePlace.zoneContent {
        padding: 0;
    } */
    #PAGEID_1859235 .zonePlace.zoneContent {
        padding: 0;
    }

    /*=========== global css start ============ */
    .WaPlaceHolder {
        max-width: 1355px;
        margin: 0 auto;
    }

    .zonePlace.zoneFooter1,
    .zonePlace.zoneFooter2 {
        padding: 0;
    }

    .zonePlace.zoneFooter1>DIV,
    .zonePlace.zoneFooter2>DIV {
        max-width: 100%;
        width: 100%;
    }

    #PAGEID_1859235 .zonePlace.zoneContent>DIV {
        max-width: 100%;
        width: 100%;
    }

    .zonePlace.zoneFooter1>DIV>div,
    .zonePlace.zoneFooter2>DIV>div {
        max-width: 1355px;
        margin: 0 auto;
        padding: 0px 20px;
    }

    /* =========login css start====== */
    .WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover,
    .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
        background: rgb(52 119 183);
        color: #fff;
    }

    .WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
        position: relative;
        display: inline-block;
        overflow: hidden;
        background: 0;
        line-height: 400px;
        vertical-align: top;
        text-decoration: none;
        cursor: pointer;
        color: #fff;
        border: none;
        background-color: #0055a5;
        border-radius: 5px;
        padding: 0px 64px;
    }

    .WaGadgetLoginForm .loginContainer.loginContainer .loginLink:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        text-indent: 0;
        content: 'Member Login';
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
    }

    .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
        position: relative;
        display: inline-block;
        width: 150px;
        height: 50px;
        overflow: hidden;
        background: 0;
        color:
            #000;
        line-height: 400px;
        vertical-align: top;
        text-decoration: none;
        cursor: pointer;
    }

    .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font: normal 15px/50px 'Montserrat';
        text-align: center;
        text-indent: 0;
        content: 'Profile / Logout';
    }

    /* =========login css end====== */



    /* ======== header section start ======== */
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a,
    .WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
        text-transform: capitalize;
        font-family: "Inter", sans-serif !important;
    }

    .header_section table.WaLayoutTable tr.WaLayoutRow td {
        vertical-align: middle;
    }

    .header_section {
        padding: 15px 0;
    }

    .site_logo a {
        display: flex;
        align-items: center;
    }


    /* ======== header section end ======== */

    /* =========footer section start ============ */
    .zonePlace.zoneWAbranding {
        display: none;
    }

    .footer_logo a {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .footer_description {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .footer_description p {
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        margin: 0 0 5px;
        font-family: "Inter", sans-serif !important;
    }

    .footer_email a {
        color: #fff !important;
        font-size: 16px;
    }

    .footer_email a:hover {
        text-decoration: none;
    }

    .Footer_section {
        padding: 20px 0;
    }

    .copyright_section p {
        font-size: 15px;
        color: #fff;
    }

    .footer_icons ul {
        list-style: none;
        margin: 0;
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 15px;
    }

    .footer_icons ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright_section {
        padding: 20px 0;
    }

    .Footer_section tr.WaLayoutRow td {
        vertical-align: middle;
    }

    /* =========footer section end ============ */

    /*====== homepage start ======*/
    #PAGEID_1859235 .zonePlace.zoneHeader2 {
        display: none;
    }

    .banner_section .camera_thumbs {
        display: none;
    }

    .banner_content h1 {
        font-size: 46px;
        color: #533030 !important;
        font-weight: bold;
        font-family: "Proxima Nova", sans-serif !important;
        margin: 0;
        line-height: normal;
    }

    .banner_section .camera_caption {
        background: transparent;
    }

    .banner_section .camera_caption>div {
        padding: 0;
        font-size: unset;
        color: unset;
        max-width: 650px;
        margin: 0 auto;
    }

    .banner_section .cameraContent {
        bottom: 20%;
    }

    .banner_section .camera_next,
    .banner_section .camera_prev {
        width: 46px;
        height: 99px;
        background: #000;
        opacity: 0.8 !important;
    }

    .banner_section .camera_prev {
        left: 0px;
    }

    .banner_section .camera_next {
        right: 0px;
    }

    .banner_section .camera_wrap .camera_next>span,
    .banner_section .camera_wrap .camera_prev>span {
        display: block;
        width: 100%;
        height: 100%;
    }

    .banner_section .camera_wrap .camera_prev>span:before {
        background-image: url('/resources/Pictures/new-design-2025/left_arrow.png');
        background-repeat: no-repeat;
        background-size: contain;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: '';
        width: 16px;
        height: 31px;
    }

    .banner_section .camera_wrap .camera_next>span:before {
        background-image: url('/resources/Pictures/new-design-2025/right_arrow.png');
        background-repeat: no-repeat;
        background-size: contain;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: '';
        width: 16px;
        height: 31px;
    }

    .become_member_wrapper {
        max-width: 815px;
        margin: 0 auto;
        text-align: center;
    }

    .member_become p {
        color: #fff;
        font-size: 26px;
        margin: 0 0 10px;
    }

    .member_become h2 {
        font-size: 38px;
        line-height: normal;
        margin: 0 0 30px;
        color: #fff;
    }

    .btn_btn a {
        font-size: 18px;
        color: #fff !important;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 14px 49px;
        display: inline-block;
    }

    .btn_btn a:hover {
        background-color: #fff;
        border: 1px solid #fff;
        color: #000 !important;
        transition: 0.3s ease;
    }

    .becom_mem_sec::before {
        content: '';
        background: url('/resources/Pictures/new-design-2025/donation-left-bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 280px;
        position: absolute;
    }

    .becom_mem_sec::after {
        content: '';
        background: url('/resources/Pictures/new-design-2025/donation-right-bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        height: 210px;
        position: absolute;
        width: 200px;
        right: 0;
        bottom: 0;
    }

    .cards_wrapper tr.WaLayoutRow {
        max-width: 1355px;
        margin: 0 auto;
        padding: 0px 15px;
        display: flex;
        gap: 1px;
    }

    .cards_wrapper tr.WaLayoutRow td {
        background-color: #f2f5ea;
    }

    .cards_wrapper tr.WaLayoutRow td:nth-child(3) {
        background-color: #e3edd0;
    }

    .cards_wrapper {
        padding: 30px 0;
    }

    .cards_wrapper .cards_wr {
        text-align: center;
        height: 100%;
    }

    .cards_wrapper tr.WaLayoutRow td>div>div>div>.gadgetStyleBody.gadgetContentEditableArea::before {
        content: '';
        background: url(/resources/Pictures/new-design-2025/events-card_ng.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 193px;
        height: 130px;
        bottom: 0;
        right: 0;
    }

    .cardscontent h3 {
        font-size: 25px;
        font-weight: 600;
        color: #000000;
        margin: 0 0 20px;
        line-height: normal;
    }

    .cardscontent p {
        margin: 0;
        font-size: 18px;
        color: #333333;
    }

    .cards_btn a {
        font-size: 18px;
        color: #0055a5 !important;
        text-decoration: none;
        border: 1px solid #0055a5;
        padding: 14px 43px;
        display: inline-block;
        border-radius: 10px;
        font-family: "Inter", sans-serif !important;
    }

    .cards_btn a:hover {
        color: #ffffff !important;
        background-color: #347fc4;
        border: 1px solid #347fc4;
        transition: 0.3s ease;
    }

    .card_image {
        line-height: 0;
    }

    .cardscontent {
        margin: 0 0 30px;
        padding: 25px 30px 0px;
    }

    .cards_btn {
        margin: 0 0 40px;
        position: relative;
        z-index: 2;
    }

    .cards_wr_co {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .cards_wrapper tr.WaLayoutRow td>div {
        height: 100%;
    }

    .cards_wrapper tr.WaLayoutRow td>div>div {
        height: 100%;
    }

    .cards_wrapper tr.WaLayoutRow td>div>div>div {
        height: 100%;
    }

    .cards_wrapper tr.WaLayoutRow td>div>div>div>.gadgetStyleBody.gadgetContentEditableArea {
        height: 100%;
    }

    .news_section table {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0px 15px;
    }

    .news_section table h2 {
        font-size: 38px;
        font-weight: 600;
        margin: 0 0 30px;
    }

    .view_more_btn a {
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 10px;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
        color: #0055a5 !important;
        line-height: normal;
    }

    .view_more_btn {
        margin-top: 50px;
    }

    .news_section .WaGadgetRecentBlogPosts ul li {
        padding-bottom: 20px;
        border-bottom: 1px dashed #cbcbcb;
        margin-bottom: 20px;
    }

    .news_section .WaGadgetRecentBlogPosts ul li.last {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }

    .news_section .WaGadgetRecentBlogPosts ul li .title a {
        font-size: 18px;
        color: #000000;
        text-decoration: none;
        font-weight: 500;
    }

    .news_section .WaGadgetRecentBlogPosts ul li .date span,
    .news_section .WaGadgetRecentBlogPosts ul li .author a {
        font-size: 16px;
        color: #0055a5 !important;
        text-decoration: none;
    }

    .WaGadgetRecentBlogPosts ul li .date:after {
        color: #0055a5;
    }

    .news_section .gadgetStyleBody.gadgetContentEditableArea {
        line-height: 0;
    }

    .subscription_wr h2 {
        font-size: 30px;
        margin: 0;
        color: #fff;
        font-weight: 400;
        line-height: normal;
    }

    .subscription_btn a {
        font-size: 20px;
        text-decoration: none;
        color: #001489 !important;
        background-color: #fff;
        text-transform: uppercase;
        padding: 15px 36px;
        display: inline-block;
        border-radius: 10px;
        border: 1px solid #ffffff;
    }

    .subscription_btn a:hover {
        border: 1px solid #ffffff;
        color: #fff !important;
        background: transparent;
    }

    .subscription_wr {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding: 0px 40px;
        align-items: center;
    }

    .news_section .WaGadgetRecentBlogPosts ul li .title a:hover {
        color: #0055a5;
        text-decoration: underline;
    }

    .subscription_section table.WaLayoutTable {
        background-image: url(/resources/Pictures/new-design-2025/subscription_image.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        max-width: 1350px;
        margin: 0 auto;
        padding: 60px 0;
        border-radius: 15px;
    }

    .subscription_section {
        padding: 0px 15px;
    }

    .instagram_section table.WaLayoutTable {
        max-width: 1355px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    .instagram_section .gadgetStyleBody.gadgetContentEditableArea h2 {
        font-size: 38px;
        text-align: center;
        font-weight: 600;
        margin: 0 0 30px;
    }

    .instagram_section iframe {
        width: 100% !important;
        max-width: 100% !important;
    }

    .instagram_section {
        padding: 60px 15px;
    }

    .instagram_section::before {
        content: '';
        background: url('/resources/Pictures/new-design-2025/instagram_left_bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        position: absolute;
        height: 424px;
        left: 0;
        bottom: 0;
    }

    .instagram_section::after {
        content: '';
        background: url('/resources/Pictures/new-design-2025/instagram-right-bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 388px;
        position: absolute;
        height: 378px;
        top: -36px;
        right: 0;
    }

    /*====== homepage start ======*/


























    .mLayout:has(.authenticated)::before {
        display: none;
    }

    .mLayout {
        height: 100%;
        background: #fff;
        z-index: 1;
    }

    .mLayout::before {
        content: "The site is under maintanace.  For assistance, please contact us at lesdamessf@gmail.com";
        color: #000;
        font-size: 24px;
        position: fixed;
        z-index: 999;
        background: rgb(255, 255, 255);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }