/**
 * Theme Name:   The Fundraising Practice
 * Theme URI:    https://headwall-hosting.com/
 * Description:  Bespoke theme for The Fundraising Practice
 * Author:       Headwall Hosting
 * Author URI:   https://headwall-hosting.com/
 * Template:     astra
 * Version:      1.0.0
 * Text Domain:  fundraisingpractice
 */

.main-header-bar {
    /* background-image: linear-gradient( to bottom, var( --ast-global-color-7 ), var( --ast-global-color-6 ) 150%); */
    background-color: var(--ast-global-color-0);
}

.site-title a {
    font-weight: 900;
}

.ast-separate-container {
    background-color:  var( --ast-global-color-5 );
}

.ast-separate-container #primary {
    margin-top:  0;
    padding-top:  0;
}

.post-thumb-img-content {
    position:  relative;
    margin-bottom:  2em;
}

.page .has-post-thumbnail .post-thumb img {
    width:  100%;
    height:  17em;
    /* background-color:  grey; */
    object-fit: cover;
    margin-bottom:  0;
}

.image-overlay {
    /* border:  1px solid blue; */
    /* background-color:  #00000044; */
    background-image: linear-gradient( to bottom, black -50%, transparent 100%);
    position:  absolute;
    border-radius: 0.25em 0 0 0;
    right:  0;
    bottom:  0;
    width:  100%;
    color:  var( --ast-global-color-5 );
    padding:  0.5em;
}

.image-overlay .image-title {
    font-weight:  900;
    margin-bottom:  1em;
    letter-spacing: 0.1em;
}

.image-overlay .image-caption {
    font-style: italic;
}



@media(min-width: 922px) {
    .ast-site-identity {
        padding: 2em 0 1em 0;
    }

    .ast-separate-container .ast-article-single {
        /* padding:  1em; */
        padding:  2em 7em;
    }

    .main-navigation {
        background-color: var(--ast-global-color-6);
        line-height: 1;
        border-radius: 0.25em;
        box-shadow: 0 0 0.75em #00000033;
        /* border: 2px solid var( --ast-global-color-1 ); */
    }

    .main-header-menu>.menu-item>.menu-link,
    #astra-footer-menu>.menu-item>.menu-link {
        padding: 1em 1.5em;
        color: white;
    }

    .main-header-menu .menu-item:hover>.menu-link,
    .main-header-menu .menu-item:focus>.menu-link,
    .main-header-menu .current-menu-item>.menu-link {
        background-color: var(--ast-global-color-7);
        color: white;
    }

    .main-header-menu .current-menu-item > .menu-link {
        font-weight: bold;
    }

    .main-header-menu .menu-item:not( :last-of-type) {
        border-right: 1px solid #88888844;
    }


    blockquote {
        margin:  0;
        /* background-color:  var( --ast-global-color-0 ); */
        background-image:  linear-gradient( to bottom, #ddd, transparent 125% );
        font-size:  11pt;
        border-radius:  0.25em;
        /* box-shadow: 0 0 1em #00000022; */
        overflow: hidden;
    }

    /* .post-thumb-img-content {
        border-radius: 0.5em;
        overflow: hidden;
    } */


    .image-overlay {
        width:  50%;
        padding:  0.75em;
    }
}


.ast-small-footer {
    position:  relative;
    background-color:  var( --ast-global-color-6 );
}

.ast-small-footer::before {
    content:  ' ';
    position:  absolute;
    left:  0;
    top:  0;
    width:  100%;
    height:  50%;
    background-image: linear-gradient( to bottom, #00000044, transparent);
}