/*
Theme Name: Japanreise-Theme
Description: This is a custom child theme for twentytwentyfour
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Joerlie
Author URI:  https://themeforest.net/user/themenectar
Template: twentytwentyfour
Version: 1.0
*/

html .sidebar-list {
   /* background-color: rgb(214, 210, 206);*/
    padding: 10px;
    position:absolute;
    box-shadow: 5px 5px 10px -5px var(--wp--preset--color--accent-2);
    width: 30vw;
    font-size: 15px;
    /* transition: width 0.2s; */
}

/* html[data-scroll='0'] details.sidebar-list {
    width: 30vw;
} */
.my-header .wp-block-navigation__responsive-container-content{
    width: 22vw;
}

.my-header .wp-block-navigation__responsive-container-content form{
    width: 100%;
}

.wp-block-site-logo img {
    width:10vw;
}

@media only screen and (max-width:600px) {
    html .sidebar-list {
        width:100vw;
        top: -5vw;
    }
    html[data-scroll] .sidebar-list:not([open]) {
        width: 100vw;
    }
    
    .post-loop.has-global-padding{
        padding-right: 0px;
        padding-left: 0px;
    }
    .wp-block-site-title {
        font-size: 4vw!important;
    }
}

.wp-block-search__inside-wrapper button {
    padding-left: 10%;
    padding-right: 10%;
}
.page-template-page-gallery .sidebar-list {
    visibility: hidden;
}

@media only screen and (min-width:601px){
    html[data-scroll] .sidebar-list:not([open]) {
        width: unset;
    }
}

.sidebar-list table {
    width: 30vw;
}
.widget_polylang ul {
    list-style: none;
}

.sidebar-list table.dataTable tbody tr {
    background-color: var(--wp--preset--color--base);
}

.sidebar-list table.dataTable tbody tr:nth-child(odd) {
    background-color: var(--wp--preset--color--base-2);
}


.fake-header .is-layout-flex {
    gap: 0;
}

body > div.wp-site-blocks > div > header > div > div > div.wp-block-group.is-content-justification-right.is-layout-flex.wp-container-core-group-is-layout-11.wp-block-group-is-layout-flex > div > ul > li > a > img
{
    width:20px!important;
    height:14px!important;
}

/* ChatGPT Code */

#gallery-filter {
    margin-bottom: 20px;
}

#gallery-filter select, #gallery-filter button {
    margin-right: 10px;
}

#gallery-container .gallery-item {
    display: inline-block;
    margin: 10px;
}

#gallery-container img {
    max-width: 100%;
    height: auto;
}

.is-dynamic-field.wp-block-mfb-meta-field-block {
    margin-bottom: -38px;
    margin-left: 15px;
}
.wp-block-details {
    width: 100%;
}