/* Blog Page Sidebar */

div#blog-sidebar {
    padding-left: 2rem;
}
#blog-sidebar .widget_block.widget_search input,
#blog-sidebar .widget_block.widget_search button{
    border-radius: var(--theme--button-radius);
}

#blog-sidebar .wp-block-search__inside-wrapper{
    padding:10px;
    border: 1px solid #dadada;
    height: 100%;
    position: relative;
    border-radius: var(--theme--button-radius);
    overflow: hidden;
    box-shadow: var(--theme--box-shadow);
    cursor: pointer;
}
#blog-sidebar .widget_block.widget_search button {
    background-color: var(--theme--primary-color);
    border-color: var(--theme--primary-color);
    color:#fff;
    position:relative;
}



#blog-sidebar .widget.widget_search,
#blog-sidebar .widget.wp-block-categories{ 
    margin-bottom:1.5em;
}

.wp-block-categories {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    list-style: none;
    margin-left:-5px;
    margin-right:-5px;
}

.wp-block-categories > li {
    display:block;
    padding: 0 5px 10px;
    border-radius: var(--theme--button-radius);
}

.wp-block-categories > li > a {
    border: 1px solid var(--theme--primary-color);
    padding:0.25em 0.75em;
    display:block;
    border-radius: var(--theme--button-radius);
    color: var(--theme--primary-color);
    transition-duration:300ms;
    font-size: var(--text-size-small)
}

.wp-block-categories > li > a:hover{
	color:#fff;
	background-color: var(--theme--primary-color);
}

/* Blog Page */

.single-post h1.entry-title {
    text-align:left;
}

.blog-hero {
    margin-bottom:30px;
}

.blog-hero img{
    width:100%;
    max-height:350px;
    object-fit:cover;
    display:block;
}

@media screen and (min-width: 992px){
    .blog-hero img{
        max-height:400px;
    }
    .blog-hero {
        margin-bottom:45px;
    }
}

@media screen and (min-width: 1200px){
    .blog-hero img{
        max-height:500px;
    }
    .blog-hero {
        margin-bottom:60px;
    }
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
}
div#blog-sidebar ul {
    padding: 0;
}