/*
 Theme Name: Twenty Twenty-Five Child
 Theme URI: https://dundeecourt.org/
 Description: Boilerplate child theme for the WordPress Twenty Twenty-Five theme.
 Author: Dundee Court Housing Coop
 Author URI: https://dundeecourt.org/
 Template: twentytwentyfive
 Version: 1.0.0
 Text Domain: twentytwentyfive-child
*/

/* Screen Reader Class */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Return To Top Widget */
.twentytwentyfive-return-to-top {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    border: none;
    background-color: #2e2e2e;
    color: #ffffff;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translateY(0.75rem);
    transition: opacity 0.2s ease, transform 0.2s ease;
    cursor: pointer;
    z-index: 1000;
}

.twentytwentyfive-return-to-top:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.twentytwentyfive-return-to-top:hover {
    background-color: #1f1f1f;
}

.twentytwentyfive-return-to-top.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.twentytwentyfive-return-to-top__icon {
    font-size: 1.35rem;
    line-height: 1;
}

/* Homepage Event List Tweak */

@media (min-width: 768px) {
    .event-scroll-shadows {
        max-height: 1200px;
        overflow: auto;

        background:
            /* Shadow Cover TOP */
            linear-gradient(
            white 30%,
            rgba(255, 255, 255, 0)
            ) center top,
            
            /* Shadow Cover BOTTOM */
            linear-gradient(
            rgba(255, 255, 255, 0), 
            white 70%
            ) center bottom,
            
            /* Shadow TOP */
            radial-gradient(
            farthest-side at 50% 0,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0)
            ) center top,
            
            /* Shadow BOTTOM */
            radial-gradient(
            farthest-side at 50% 100%,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0)
            ) center bottom;
        
        background-repeat: no-repeat;
        background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
        background-attachment: local, local, scroll, scroll;
    }
}

/* Blog Archive Image Tweak */

.blog-image img {
    width: 150px;
    height: 150px;
    object-fit: contain !important;
}

/* Single Post Image Tweak */

.single-post-image img {
    max-height: 300px;
    width: auto !important;
    object-fit: contain !important;
}

/* Homepage Post Grid Image Tweak */

#homepage-post-grid .vc_gitem-zone.vc_gitem-zone-a,
#homepage-post-grid .vc_gitem-zone.vc_gitem-zone-a .vc_gitem-post-data-source-post_thumbnail {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #fff;
}