aside.wp-block-group {
	background: rgba(0,0,0,0.3);
	padding: 1rem;
	border-radius: 1rem;
}

aside {	
    background: rgba(0, 0, 0, 0.4);	
    color: #fff;	
    border-radius: 8px;	
    padding: 0.5rem 1rem;
}

.zu-gutenberg .blocks-gallery-grid, .zu-gutenberg .wp-block-gallery, .zu-gutenberg .blocks-gallery-item figure {		
    flex-direction: row;
}			

[data-theme="light"] aside {		
    color: #000;	
}

.zu-widget-recent-articles {	
    display: flex;	
    flex-direction: column;	
    gap: 0.75rem;
}

.zu-widget-recent-articles img {
    border-radius: var(--rounded-corners);	
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;	
    aspect-ratio: 16/9;	
    width: 100px;	
    height: auto;	
    object-fit: cover;
}

.zu-widget-related-articles.crp_related {	
    margin: 0;
}

.zu-widget-related-articles.crp_related li {	
    width: unset;	
    height: unset;	
    margin: unset;	
    position: unset;	
    overflow: unset;	
    border-radius: unset;	
    transition: unset;	
    transform: unset;	
    backface-visibility: unset;	
    box-shadow: unset;	
    perspective: unset;
}

.zu-widget-related-articles.crp_related li:hover {	
    transition: unset;	
    transform: unset;	
    z-index: unset;	
    box-shadow: unset;	
    perspective: unset;
}

.zu-widget-related-articles ul {
    display: flex;	
    flex-direction: column;	
    margin: 0;	gap: 0.75rem;
}
    
.zu-widget-related-articles.crp_related a {	
    height: unset;	
    z-index: unset;	
}

.zu-widget-related-articles.crp_related .crp_title:hover {	
    background: unset;
}

.zu-widget-related-articles.crp_related .crp_title {	
    position: unset;	
    padding: unset;	
    box-sizing: unset;	
    z-index: unset;	
    color: unset;	
    font-size: unset;	
    line-height: unset;	
    font-weight: unset;	
    text-shadow: unset;	
    background: unset;
}

.zu-widget-related-articles.crp_related figure {	
    margin: unset;	
    float: left;	
    margin-right: 1em;
}

.zu-widget-related-articles.crp_related ul li a .crp_thumb {	
    width: 100px !important;	
    height: 56px !important;	
    aspect-ratio: 16/9 !important;
}

.zu-widget-related-articles.crp_related img {	
    max-width: 100px;	
    max-height: 56px;	
    aspect-ratio: 16/9;	
    border-radius: var(--rounded-corners);	
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
}

@media only screen and (max-width: 975px) {		
    .zu-widget-related-articles.crp_related li {		
        height: unset !important;		
        width: unset !important;		
        margin: unset !important;		
        padding: unset !important;	
    }			
    
    .zu-widget-related-articles.crp_related li:nth-of-type(4), .zu-widget-related-articles.crp_related li:nth-of-type(5), .zu-widget-related-articles.crp_related li:nth-of-type(6) {			
        display: unset !important;	
    }		
    
    .zu-widget-related-articles.crp_related a {		
        font-size: unset;	
    }
}

/* Temporary Size Update */
@media screen and (min-width: 900px) {	
    .zu-article-list article {		
        grid-template-columns: 150px 1fr 100px;	
    }
}

/* Adds extra space to account for ads being gone below the masthead */
.zu-gutenberg {	
    margin-top: 2rem;
}

/* Force Post Featured Image blocks to always be 16/9 aspect ratio */
.wp-block-post-featured-image img {	
    aspect-ratio: 16/9;	
    object-fit: cover;
}

/* Heading spacing */
.zu-gutenberg h2 { margin: initial; padding: initial; }
.zu-gutenberg h3 { margin: initial; padding: initial; }
.zu-gutenberg h4 { margin: initial; padding: initial; }
.zu-gutenberg h5 { margin: initial; padding: initial; }
.zu-gutenberg h6 { margin: initial; padding: initial; }