/*
Theme Name: Astra Child
Template: astra
*/

body.home .entry-content .elementor-element.home-banner-text-container .elementor-widget-container .elementor-divider span.elementor-divider-separator { border: none; }

.main-navigation ul li.donation-link:hover a:before {
    background-color: transparent !important;
}

.main-navigation ul.main-header-menu li.menu-item.donation-link a.menu-link {
    color: white !important;
    background-color: var(--ast-global-color-0) !important;
    opacity: 1;
    height: 65%;
    padding: 0 20px;
    border-radius: 4px;
}

.ast-builder-menu-mobile .main-navigation ul.main-header-menu li.menu-item.donation-link a.menu-link {
    width: 80%;
    padding: 0 20px 30px;
    margin: auto;
}

.main-navigation ul.main-header-menu li.menu-item.donation-link:hover a.menu-link {
    color: white !important;
    opacity: 0.9;
}

.custom-btn-black {
    font-size: 0.8125rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: black;
    color: white;
    padding: 15px 25px;
    position: relative;
    display: inline-block;
}

.custom-btn-black:hover {
    background-color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-0);
    color: white;
}
.footer-gallery-container {
    justify-content: right;
    margin-top: 30px;
}

body[data-elementor-device-mode="mobile"] .footer-gallery-container { display: none; }

footer nav.menu-primary-menu-container ul.menu li.menu-item { padding-bottom: 10px; }

body[data-elementor-device-mode="mobile"] .home-banner-container { background-size: 130% !important; background-position: 52% 15px !important; }
body[data-elementor-device-mode="mobile"] .home-top-donate-button a { width: 100%; }
body[data-elementor-device-mode="tablet"] .footer-gallery-container img { width: 120px; }

@media screen and (min-width: 1025px) and (max-width: 1800px) {
    .home-banner-container { background-position: 50% 0 !important; }
    .home-banner-container h1 { font-size: 46px; }
}