/*
Theme Name:   TwentyTwentyThree Child
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  TwentyTwentyThree Child
Author:       Tim Ohler
Author URI:   main-webdesign.com
Template:     twentytwentythree
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentythreechild
*/

/* Text transform */
a, p, li {
    letter-spacing: .5px;
}

.wp-block-navigation-item__label {
   text-transform: uppercase; 
}

/* (Startpage) Latest Post Widget styles*/
@media (min-width: 600px) {
    ul.wp-block-latest-posts__list > li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - 10px);
    }

}



.wp-block-latest-posts__featured-image {
    overflow: hidden;
}
.wp-block-latest-posts__featured-image a {
	transition: transform .6s ease-in-out;
    display:block !important;
}
.wp-block-latest-posts__featured-image a:hover {
	transform: scale(1.03); 
}
.wp-block-latest-posts__post-title {
	display: none;
}
.wp-block-latest-posts__featured-image img {
	display: block;
}


/* (Post) Block Gallery  */
@media (min-width: 600px) {
    .single .wp-block-gallery > :nth-of-type(2n+1):after {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        width: 2px;
        background: #e9e3d9;
        height: 100%;
        z-index: 9;
        box-shadow: 0 0 10px #e0d6c3;
    }
}

@media (max-width: 599px) {
    .wp-block-gallery figure {
        width: 100% !important;
    }
}

a.image-wrapper {
    position: relative;
}

.imglink-wrapper {
    position: absolute;
    width: 100%;
    background: #252525bf;
    color: #fff;
    padding: 29px;
    top: 0;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(to bottom, rgb(0 0 0 / 60%) 0%,rgb(255 255 255 / 0%) 100%);
}

ul.wp-block-latest-posts li {
    margin: 0 5px 20px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #000;
    color: #fff;
}