/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap");

.albert-sans-black {
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    /* <weight>: Use a value from 100 to 900 */
    font-weight: 900;
    font-style: normal;
}

.plus-jakarta-sans-extrabold {
    font-family: "Plus Jakarta Sans", system-ui;
    font-optical-sizing: auto;
    /* <weight>: Use a value from 200 to 800 */
    font-weight: 800;
    font-style: normal;
}

h1,
h2,
h3,
h4 {
    font-family: "Albert Sans", sans-serif !important;
    letter-spacing: -0.04em !important;
    font-weight: 700 !important;
    /* font-family: "Plus Jakarta Sans", system-ui !important; */
}

h1,
h2 {
    line-height: 1.1em !important;
}


/*
.hero-home .home-hero-img {
    overflow: visible;
    position: relative !important;
}

.ml-sun figure,
.hero-home .home-hero-img figure {
    position: relative;
}

.ml-sun figure .stk-img-wrapper,
.hero-home .home-hero-img figure .stk-img-wrapper {
    z-index: 1;
}

.hero-home .home-hero-img figure::before {
    content: "";
    display: block;
    position: absolute;
    top: 10%;
    left: 10%;
    bottom: 10%;
    right: 10%;
    z-index: 1;
    background: linear-gradient(45deg, #F2E205 20%, #09A603 100%);
    -webkit-filter: blur(100px);
    filter: blur(100px);
    opacity: 0.5;
    border-radius: 50%;
    transform: rotate(135deg);
}

.ml-sun figure::before {
    content: "";
    display: block;
    position: absolute;
    top: 30%;
    left: 20%;
    bottom: 30%;
    right: 20%;
    z-index: 1;
    background: linear-gradient(90deg, #F2E205 20%, #F29F05 100%);
    -webkit-filter: blur(100px);
    filter: blur(100px);
    opacity: 0.5;
    border-radius: 50%;
}
*/

.round-corner-media figure {
    overflow: hidden !important;
    border-radius: 24px !important;
}

.shadow-cards .entry-card {
    padding: var(--card-inner-spacing, 30px);
    border: var(--card-border, none);
    box-shadow: var(--theme-box-shadow);
    border-radius: var(--theme-border-radius);
}

.donation-section .stk-link.stk-button {
    border: 2px solid var(--theme-palette-color-1) !important;
}


@media (min-width: 1440px) {
    .hero-heading {
        max-width: 900px;
    }
}