.blog #hero,
.single #hero {
    padding-bottom: 0;
    .content {
        padding-bottom: 50px;
    }
    .graphic {
        aspect-ratio: 2/1;
        overflow: hidden;
        svg {
            object-fit: cover;
            object-position: center top;
            max-width: 100%;
        }
    }
}
#blog {
    position: relative;
    padding: 6rem 0 12rem;
    margin-bottom: -6rem;
    background-color: var(--bs-light);
    .items {
        list-style: none;
        padding: 0;
        margin: 0 0 3rem 0;
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
        .item {
            position: relative;
            flex: 1 0 100%;
            max-width: 100%;
            > a {
                display: flex;
                background-color: var(--bs-white);
                border-radius: var(--bs-border-radius-xl);
                height: 100%;
                text-decoration: none;
                color: inherit;
                overflow: hidden;
            }
            .content {
                align-self: center;
                padding: 2rem;
                .link {
                    font-size: .875rem;
                    color: var(--bs-primary);
                    margin-top: .5rem;
                }
            }
        }
    }
}

.widget-area {
	.widget {
		ul {
		    list-style: none;
		    padding: 0;
			> li {
			    margin-bottom: 5px;
			}
		}
		+ .widget {
		    margin-top: 30px;
		}
	}
	.screen-reader-text {
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0,0,0,0) !important;
		white-space: nowrap !important;
		border: 0 !important;
		display: none;
	}
	select.postform {
		--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
		display: block;
		width: 100%;
		padding: .375rem 2.25rem .375rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: var(--bs-body-color);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: var(--bs-body-bg);
		background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
		background-repeat: no-repeat;
		background-position: right .75rem center;
		background-size: 16px 12px;
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-border-radius);
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
}
