/*Custom Classes*/
a {
    color: #009efb;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #007bff;
        text-decoration: none;
    }
.footertxt {
    color: #fff;
}

a.footermenu {
    color: #ffffff !important;
    text-decoration: none;
    background-color: transparent;
}

    a.footermenu:hover {
        color: #009efb !important;
        text-decoration: none;
    }
#main-wrapper {
    min-height: calc(100vh - 152px);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
    border: 0;
    background-image: none;
    background-color: #009efb;
    color: #fff !important;
}
.btn-info {
    color: #fff;
    background-color: #009efb;
    border-color: #009efb;
}

    .btn-info:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 113, 113, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #009efb;
        border-color: #009efb;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #009efb;
        border-color: #009efb;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 113, 113, 0.5);
        }

.breadcrumb-item.active {
    color: #009efb;
}

.text-info {
    color: #009efb !important;
}

.breadcrumb-style1,
.breadcrumb-style2,
.breadcrumb-style3 {
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

    .breadcrumb-style1 .breadcrumb-item,
    .breadcrumb-style2 .breadcrumb-item,
    .breadcrumb-style3 .breadcrumb-item {
        font-size: 10px;
        font-weight: 600;
        font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
        letter-spacing: .5px;
        text-transform: uppercase;
    }

        .breadcrumb-style1 .breadcrumb-item a,
        .breadcrumb-style2 .breadcrumb-item a,
        .breadcrumb-style3 .breadcrumb-item a {
            color: #1c273c;
        }

            .breadcrumb-style1 .breadcrumb-item a:hover, .breadcrumb-style1 .breadcrumb-item a:focus,
            .breadcrumb-style2 .breadcrumb-item a:hover,
            .breadcrumb-style2 .breadcrumb-item a:focus,
            .breadcrumb-style3 .breadcrumb-item a:hover,
            .breadcrumb-style3 .breadcrumb-item a:focus {
                color: #009efb;
            }

        .breadcrumb-style1 .breadcrumb-item.active,
        .breadcrumb-style2 .breadcrumb-item.active,
        .breadcrumb-style3 .breadcrumb-item.active {
            color: #009efb;
        }

        .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before,
        .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before,
        .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {
            color: #97a3b9;
        }

.nav-link {
    color: #009efb;
}

    .nav-link:hover, .nav-link:focus {
        color: #007bff;
    }

    .nav-link.active {
        color: #007bff;
    }

.dropdown-message .dropdown-link,
.dropdown-notification .dropdown-link {
    position: relative;
    color: #8392a5;
}

    .dropdown-message .dropdown-link svg,
    .dropdown-notification .dropdown-link svg {
        width: 16px;
        height: 16px;
        stroke-width: 3px;
    }

@media (min-width: 576px) {
    .dropdown-message .dropdown-link svg,
    .dropdown-notification .dropdown-link svg {
        width: 20px;
        height: 20px;
        stroke-width: 2.25px;
    }
}

.dropdown-message .dropdown-link.new-indicator,
.dropdown-notification .dropdown-link.new-indicator {
    color: #1b2e4b;
}

    .dropdown-message .dropdown-link.new-indicator span,
    .dropdown-notification .dropdown-link.new-indicator span {
        display: flex;
        width: 15px;
        height: 15px;
        justify-content: center;
        position: absolute;
        top: -8px;
        right: -2px;
        background-color: #009efb;
        color: #fff;
        font-size: 8px;
        font-weight: 400;
        font-family: sans-serif;
        line-height: 2;
        border-radius: 100%;
    }

.dropdown-message .dropdown-link:hover, .dropdown-message .dropdown-link:focus,
.dropdown-notification .dropdown-link:hover,
.dropdown-notification .dropdown-link:focus {
    color: #001737;
}

.dropdown-profile .dropdown-item {
    padding: 0;
    display: flex;
    align-items: center;
    color: #1b2e4b;
}

    .dropdown-profile .dropdown-item + .dropdown-item {
        margin-top: 10px;
    }

    .dropdown-profile .dropdown-item svg {
        width: 16px;
        height: 16px;
        margin-right: 15px;
    }

    .dropdown-profile .dropdown-item:hover, .dropdown-profile .dropdown-item:focus {
        background-color: transparent;
        color: #009efb;
    }

.nav-line {
    border-bottom: 2px solid rgba(72, 94, 144, 0.16);
}

    .nav-line .nav-item + .nav-item {
        margin-left: 25px;
    }

    .nav-line > .nav-link + .nav-link {
        margin-left: 25px;
    }

    .nav-line .nav-link {
        padding: 8px 0;
    }

        .nav-line .nav-link.active {
            position: relative;
        }

            .nav-line .nav-link.active::after {
                content: '';
                position: absolute;
                bottom: -2px;
                left: 0;
                right: 0;
                height: 2px;
                background-color: #009efb;
            }

    .nav-line.flex-column {
        border-bottom: 0;
        border-right: 2px solid rgba(72, 94, 144, 0.16);
    }

        .nav-line.flex-column .nav-item + .nav-item {
            margin-left: 0;
            margin-top: 25px;
        }

        .nav-line.flex-column > .nav-link + .nav-link {
            margin-top: 25px;
            margin-left: 0;
        }

        .nav-line.flex-column .nav-link {
            padding: 0 15px 0 25px;
        }

            .nav-line.flex-column .nav-link.active::after {
                top: 0;
                bottom: 0;
                width: 2px;
                height: auto;
                left: auto;
                right: -2px;
            }

.footer a {
    padding: 0;
    color: #ffffff;
}

    .footer a:hover, .footer a:focus {
        color: #009efb;
    }

@media (min-width: 992px) {
    .hide-lg {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .hide-lg-down {
        display: none !important;
    }
}

.dropdownfile .dropdown-link svg {
    width: 16px;
    height: 16px;
}

.dropdownfile a.dropdown-item {
    font-size: 18px;
    display: flex;
    padding: 5px 10px;
}

    .dropdownfile a.dropdown-item svg {
        width: 14px;
        height: 14px;
        stroke-width: 2.5px;
        margin-right: 10px;
        color: #0168fa;
    }

.dropdownfile > div > span.dpheader {
    font-size: 18px;
    display: flex;
    padding: 5px 10px;
}

    .dropdownfile > div > span.dpheader svg {
        width: 14px;
        height: 14px;
        stroke-width: 2.5px;
        margin-right: 10px;
        color: #0168fa;
    }


/* Custom CSS */

.navbar-menu-header-md {
    height: 40px;
    padding: 0 15px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #2D3B4B;
    width: 100%;
}

    .navbar-menu-header-md a {
        color: #fff;
    }

        .navbar-menu-header-md a:hover, .navbar-menu-header-md a:focus {
            color: #fff;
        }

.navbar-header > .container {
    height: 82px;
}

.navbar-menu-md {
    flex-direction: column;
    padding: 25px 0;
}

    .navbar-menu-md .nav-item + .nav-item {
        margin-top: 10px;
    }

    .navbar-menu-md .nav-item.active .nav-link {
        position: relative;
        color: #fff;
    }

        .navbar-menu-md .nav-item.active .nav-link::before {
            content: '';
            position: absolute;
            top: calc(50% - 1px);
            left: 0;
            width: 10px;
            height: 2px;
            background-color: #0168fa;
        }

        .navbar-menu-md .nav-item.active .nav-link svg {
            color: #0168fa;
            fill: rgba(1, 104, 250, 0.2);
        }

    .navbar-menu-md .nav-item.active.with-sub .nav-link::after {
        border-color: #0168fa;
    }

    .navbar-menu-md .nav-item.with-sub {
        position: relative;
    }

        .navbar-menu-md .nav-item.with-sub .nav-link::after {
            content: '';
            width: 6px;
            height: 6px;
            border-right: 1.5px solid #8392a5;
            border-bottom: 1.5px solid #8392a5;
            display: inline-block;
            transform: rotate(45deg);
            margin-left: auto;
            transition: all 0.2s ease-in-out;
        }

@media (prefers-reduced-motion: reduce) {
    .navbar-menu-md .nav-item.with-sub .nav-link::after {
        transition: none;
    }
}

.navbar-menu-md .nav-item.show .navbar-menu-sub {
    display: block;
}

.navbar-menu-md .nav-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    padding: 0 20px;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-menu-md .nav-link {
        transition: none;
    }
}

.navbar-menu-md .nav-link:hover {
    color: #007bff;
}

    .navbar-menu-md .nav-link:hover svg {
        color: #0168fa;
        fill: rgba(1, 104, 250, 0.2);
    }

.navbar-menu-md .nav-link svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.2px;
    fill: rgba(27, 46, 75, 0.1);
    margin-right: 15px;
    color: #7987a1;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-menu-md .nav-link svg {
        transition: none;
    }
}

.navbar-menu-md .nav-label {
    font-size: 10px;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
    letter-spacing: .7px;
    color: #8392a5;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}

.dropdown-user {
    padding-left: 20px;
    margin-bottom: 0px;
}
header {
    background-color: #fff;
    background-image: url(/assets/themes/macrim/images/background/macrim_hero_1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.seg-nav-link {
    color: #fff;
}

    .seg-nav-link:hover {
        color: #009efb;
    }

.hero {
    background-color: #fff;
    background-image: url(/assets/themes/macrim/images/background/macrim_hero_1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.heroheader {
    background-color: #fff;
    background-image: url(/assets/themes/macrim/images/background/macrim_hero_1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.herofooter {
    background-color: #fff;
    background-image: url(/assets/themes/macrim/images/background/macrim_hero_1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.display-5 {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1.25;
}

.herotext {
    font-size: 1.3rem;
    text-align: left;
    color: white;
    width: 100%;
    max-width: 480px;
}

.bg-lightgreen {
    color: #fff;
    background-color: #00A671;
    border-color: #00A671;
}

.btn-darkgreen {
    color: #fff;
    background-color: #009efb;
    border-color: #009efb;
}

    .btn-darkgreen:hover {
        color: #fff;
        background-color: #007376;
        border-color: #007376;
    }

    .btn-darkgreen:focus, .btn-darkgreen.focus {
        box-shadow: 0 0 0 0.2rem rgba(30, 98, 119, 0.5);
    }

    .btn-darkgreen.disabled, .btn-darkgreen:disabled {
        color: #fff;
        background-color: #009efb;
        border-color: #009efb;
    }

    .btn-darkgreen:not(:disabled):not(.disabled):active, .btn-darkgreen:not(:disabled):not(.disabled).active,
    .show > .btn-darkgreen.dropdown-toggle {
        color: #fff;
        background-color: #009efb;
        border-color: #009efb;
    }

        .btn-darkgreen:not(:disabled):not(.disabled):active:focus, .btn-darkgreen:not(:disabled):not(.disabled).active:focus,
        .show > .btn-darkgreen.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(30, 98, 119, 0.5);
        }

.btn-midgreen {
    color: #fff;
    background-color: #009efb;
    border-color: #009efb;
}

    .btn-midgreen:hover {
        color: #fff;
        background-color: #007376;
        border-color: #007376;
    }

    .btn-midgreen:focus, .btn-midgreen.focus {
        box-shadow: 0 0 0 0.2rem rgba(30, 98, 119, 0.5);
    }

    .btn-midgreen.disabled, .btn-midgreen:disabled {
        color: #fff;
        background-color: #009efb;
        border-color: #009efb;
    }

    .btn-midgreen:not(:disabled):not(.disabled):active, .btn-midgreen:not(:disabled):not(.disabled).active,
    .show > .btn-midgreen.dropdown-toggle {
        color: #fff;
        background-color: #009efb;
        border-color: #009efb;
    }

        .btn-midgreen:not(:disabled):not(.disabled):active:focus, .btn-midgreen:not(:disabled):not(.disabled).active:focus,
        .show > .btn-midgreen.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(30, 98, 119, 0.5);
        }

.btn-red {
    color: #fff;
    background-color: #f87171;
    border-color: #f87171;
}

    .btn-red:hover {
        color: #fff;
        background-color: #f87171;
        border-color: #f87171;
    }

    .btn-red:focus, .btn-red.focus {
        box-shadow: 0 0 0 0.2rem rgba(54, 183, 146, 0.5);
    }

    .btn-red.disabled, .btn-red:disabled {
        color: #fff;
        background-color: #f87171;
        border-color: #f87171;
    }

    .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active,
    .show > .btn-red.dropdown-toggle {
        color: #fff;
        background-color: #f87171;
        border-color: #f87171;
    }

        .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus,
        .show > .btn-red.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(54, 183, 146, 0.5);
        }

.btn-lightgreen {
    color: #fff;
    background-color: #00A671;
    border-color: #00A671;
}

    .btn-lightgreen:hover {
        color: #fff;
        background-color: #008359;
        border-color: #008359;
    }

    .btn-lightgreen:focus, .btn-lightgreen.focus {
        box-shadow: 0 0 0 0.2rem rgba(54, 183, 146, 0.5);
    }

    .btn-lightgreen.disabled, .btn-lightgreen:disabled {
        color: #fff;
        background-color: #00A671;
        border-color: #00A671;
    }

    .btn-lightgreen:not(:disabled):not(.disabled):active, .btn-lightgreen:not(:disabled):not(.disabled).active,
    .show > .btn-lightgreen.dropdown-toggle {
        color: #fff;
        background-color: #00A671;
        border-color: #00A671;
    }

        .btn-lightgreen:not(:disabled):not(.disabled):active:focus, .btn-lightgreen:not(:disabled):not(.disabled).active:focus,
        .show > .btn-lightgreen.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(54, 183, 146, 0.5);
        }

.btn-lightblue {
    color: #fff;
    background-color: #028BB6;
    border-color: #028BB6;
}

    .btn-lightblue:hover {
        color: #fff;
        background-color: #007296;
        border-color: #007296;
    }

    .btn-lightblue:focus, .btn-lightblue.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 153, 250, 0.5);
    }

    .btn-lightblue.disabled, .btn-lightblue:disabled {
        color: #fff;
        background-color: #028BB6;
        border-color: #028BB6;
    }

    .btn-lightblue:not(:disabled):not(.disabled):active, .btn-lightblue:not(:disabled):not(.disabled).active,
    .show > .btn-lightblue.dropdown-toggle {
        color: #fff;
        background-color: #028BB6;
        border-color: #028BB6;
    }

        .btn-lightblue:not(:disabled):not(.disabled):active:focus, .btn-lightblue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-lightblue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 153, 250, 0.5);
        }

.m-6 {
    margin: 5rem !important;
}

.mt-6,
.my-6 {
    margin-top: 5rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 5rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 5rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 5rem !important;
}

.quotebg {
    background-color: #F7F6F0;
}

.themecolor1 {
    color: #f87171 !important;
}

.herotext p {
    font-size: 20px;
    line-height: 28px;
}

.navbar-header-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.setusapartbg {
    background-color: #F7F6F0;
}

.sectionhelpbg {
    background-color: #F7F8F9;
}

.donatebg {
    background-image: url("/assets/img/donate_img.png");
    /*width: 100vW;*/
    max-width: 1240px !important;
    max-height: 400px !important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
}

.gethelpbg {
    background-image: url("/assets/img/gethelp_img.png");
    /*width: 100vW;*/
    max-width: 1240px !important;
    max-height: 400px !important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
}

.givehelpbg {
    background-image: url("/assets/img/help_img.png");
    /*width: 100vW;*/
    max-width: 1240px !important;
    max-height: 400px !important;
    height: 400px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
}

.bg-lightblue {
    background-color: #028BB6;
}

.bg-darkgreen {
    background-color: #009efb;
}

.captionline {
    width: 113px !important;
}

.carddeckbg {
    background-color: #324B51;
}

    .carddeckbg p {
        color: #828282;
    }

    .carddeckbg p, carddeckbg a {
        font-size: 16px !important;
    }

.quotebg .container {
    max-width: 1240px !important;
}

.articleuser img {
    max-width: 70px !important;
}

.articleuser {
    border-radius: 70px !important;
    max-width: 70px !important;
    border: solid 1px lightgray
}

.text-themered {
    color: #f87171;
}

.text-themedarkgreen {
    color: #009efb;
}

.educationbg {
    background-color: #D9D9D9;
}

.education_caption {
    color: #2D3B4B;
}

.education_captionline {
    background-color: #494444;
    width: 40px;
    height: 3px;
    border-radius: 3px;
}

.educationbg p {
    color: #7A8188;
}

.donatewidgetbg {
    background-color: #4B4B4B;
}

    .donatewidgetbg p {
        color: #D1D1D1;
    }


@media (max-width: 1199px) {
    .greenarrow {
        margin-top: -5rem !important;
    }
}

@media (max-width: 991px) {
    .navbar-menu-header-md {
        display: none;
    }

    .herotext {
        font-size: 1.1rem;
        text-align: left;
        color: white;
        width: 100%;
        max-width: 480px;
    }

    .display-5 {
        font-size: 2.3rem;
        font-weight: 500;
        line-height: 1.25;
    }

    .content-fixed {
        margin-top: 82px;
    }

    .herobtn {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }

    .helpbtn {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }

    .setusapartbg h1, .mentionbg h1, .missionbg h1, .sectionhelpbg h1 {
        font-size: 1.75rem;
        color: #505050;
    }

    .setusapartbg h4 {
        font-size: 1.25rem;
        color: #505050;
    }

    .setusapartbg img {
        max-width: 63px;
    }

    .mt-n6 {
        margin-top: 14rem !important;
        margin-bottom: -18rem !important;
    }

    .donatebg > div {
        position: absolute;
        left: 15px;
        top: 275px;
        width: calc(100% - 30px);
    }

    .gethelpbg > div {
        position: absolute;
        left: 15px;
        top: 275px;
        width: calc(100% - 30px);
    }

    .givehelpbg > div {
        position: absolute;
        left: 15px;
        top: 275px;
        width: calc(100% - 30px);
    }

    .sectionhelpbg {
        padding-bottom: 225px !important;
    }
}

@media (max-width: 767px) {
    .greenarrow {
        margin-top: -1rem !important;
        margin-bottom: 1rem !important;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (max-width: 561px) {
    .herobtn {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .sectionhelpbg {
        padding-top: 0px !important;
        padding-bottom: 305px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .sectionhelpbg > div {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .donatebg {
        border-radius: 0px !important;
    }

    .gethelpbg {
        border-radius: 0px !important;
    }

    .givehelpbg {
        border-radius: 0px !important;
    }
}

@media (max-width: 401px) {

    .sectionhelpbg {
        padding-top: 0px !important;
        padding-bottom: 350px !important;
    }
}




@media (min-width: 768px) {
    .rounded-md-30 {
        border-radius: 30px;
    }
}

@media (min-width: 992px) {
    .navbar-menu-md {
        align-items: center;
        flex-direction: row;
        padding: 0;
        width: 100%;
        max-width: 780px;
        /*margin-top: -3px;*/
    }

    .navbar-header > .container {
        height: 92px;
    }

    .navbar-menu-md .nav-item + .nav-item {
        margin-top: 0;
        margin-left: 65px;
    }

    .navbar-menu-md .nav-item.active .nav-link::before {
        display: none;
    }

    .navbar-menu-md .nav-item.with-sub .nav-link::after {
        margin-left: 6px;
    }

    .navbar-menu-md .nav-link {
        font-weight: 400;
        padding: 0;
    }

        .navbar-menu-md .nav-link svg {
            display: none;
        }

    .df-logo-sm {
        display: none
    }

    .herobtn {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important;
    }

    .helpbtn {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .setusapartbg h1, .mentionbg h1, .missionbg h1 {
        color: #505050;
    }

    .setusapartbg h4 {
        color: #505050;
    }

    .setusapartbg img {
        max-width: 81px;
    }

    .mt-n6 {
        margin-top: -7rem !important;
    }

    .sectionhelpbg {
        padding-top: 125px !important;
    }

    .donatebg > div {
        position: absolute;
        right: 40px;
        bottom: 40px;
    }

    .gethelpbg > div {
        position: absolute;
        right: 40px;
        bottom: 40px;
    }

    .givehelpbg > div {
        position: absolute;
        left: 40px;
        bottom: 40px;
    }

    .btn-darkgreen.helpbtn {
        width: 150px !important;
    }

    .btn-lightblue.helpbtn {
        width: 150px !important;
    }

    .btn-lightgreen.helpbtn {
        width: 250px !important;
    }
}

@media (min-width: 1200px) {
    .navbar-menu-md .nav-item + .nav-item {
        margin-left: 90px;
    }
}

#drop_zone {
    border: 5px dashed silver;
}

.tx-shadow {
    /*           x   y   blur color */
    text-shadow: 1px 1px 5px #6a6a6a;
}

a.logo {
    color: #009efb;
}

    a.logo:hover {
        color: #fff;
    }