.wp-block-heading{

}

h2.wp-block-heading{
    display: flex;

    align-items: center;
    gap:var(--wp--preset--spacing--16);
    padding: var(--wp--preset--spacing--20) 0;
    border-bottom: 4px solid var(--wp--preset--color--custom-red);
    font-size: var(--wp--preset--font-size--x-large);

    &::before{
        content: '';
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        aspect-ratio: 1;
        background-image: url(../img/heading-sun.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

h3.wp-block-heading{
    padding: var(--wp--preset--spacing--20) ;
    font-size: var(--wp--preset--font-size--large);
    background-color: var(--wp--preset--color--custom-gray-more-light);
    border-bottom: 4px solid var(--wp--preset--color--custom-red);
    
}

h4.wp-block-heading{
    padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--20) ;
    font-size: var(--wp--preset--font-size--semi-large);
    background-color: var(--wp--preset--color--custom-orange-light);
   
    
}

.wp-block-quote{
    margin-left: 0;
    margin-right: 0;
    margin-block: var(--wp--preset--spacing--24); ;
    padding: var(--wp--preset--spacing--20)var(--wp--preset--spacing--60);
    border: 5px solid var(--wp--preset--color--custom-gray);
    background-color: var(--wp--preset--color--custom-gray-more-light);
    color: var(--wp--preset--color--custom-gray-dark);
    position: relative;

    &::before,
    &::after{
        content: '';
        position: absolute;
        font-size: var(--wp--preset--font-size--x-large);
        font-weight: 700;
        top:var(--wp--preset--spacing--20);
        line-height: 1.4;
    }

    &::before{
        content: '“';
        left: var(--wp--preset--spacing--20);
         color: var(--wp--preset--color--custom-gray);

    }

    &::after{
        content: '”';
        right: var(--wp--preset--spacing--20);
        color: var(--wp--preset--color--custom-gray);
    }
}

.wp-block-list{

}

ul.wp-block-list{
    padding: var(--wp--preset--spacing--24);
    border: 4px solid var(--wp--preset--color--custom-gray-more-light);
    list-style-type: none;
   

    > li{
         list-style-type: none;
         padding-left: 18px;
         position: relative;

         &::before{
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            left: 0;
            top: 9px;
            background-color: var(--wp--preset--color--custom-red);
         }
    }
}

ol.wp-block-list{
     padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--24) var(--wp--preset--spacing--24) var(--wp--preset--spacing--40);
     border: 4px solid var(--wp--preset--color--custom-gray-more-light);
    
   
}