/*
 Theme Name: Jasmandi
 Template: riverbank
 Author: Andreas
 Version:      1.0.11
*/

/*
 https://color.adobe.com/create/color-wheel?color-palette=8394CA%2CBECEB7%2CAD98C1%2CE9F1AE%2C27A77B&color-palette-name=My+Color+Theme
 */

:root {
    --color-violett: #8394CA;
    --color-yellow: #E9F1AE; 
}

body {
    /* background-color: var(--color-violett); */
    background-image: url('/wp-content/themes/jasmandi/img/paper.webp');
    background-repeat: repeat;
}

header {
    background-color: var(--color-violett) !important;
}



.jasmandi-group-recent-posts {
    max-width: 1140px;
    margin: auto;
}

.jasmandi-recent-post {
    /* background-image: url('/wp-content/themes/jasmandi/img/paper.webp'); */
    /* background-repeat: repeat; */
    background-color: #e5e5e5 !important;
}

.wp-block-post>div:first-child {
    /* background-image: url('/wp-content/themes/jasmandi/img/paper.webp'); */
    /* background-repeat: repeat; */
}

.jasmandi-recent-post .jasmandi-recent-post-image-wrapper {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin: 0;
}

.jasmandi-recent-post img {
    border-radius: 0;
}

.jasmandi-recent-post h3 {
    margin: 0;
    padding: 20px;
}

.jasmandi-youtube-text {
    display: none;
}

body.single-post main>.wp-block-group {
    background-image: url('/wp-content/themes/jasmandi/img/paper.webp');
    background-repeat: repeat;
}

.wp-block-button {
    overflow: hidden;
    border-radius: 10px;
}

body.post-type-archive-youtube_channels {
    .youtube_channels {
        background: transparent !important;

        figure {
            aspect-ratio: inherit !important;
        }

        div:first-child {
            background: transparent !important;
            background-image: none !important;
        }

        .wp-block-button {
            margin: auto;
        }

        p {
            text-align: center;
            margin-top: 0;
        }

        h2 {
            font-weight: 300 !important;
        }

        .entry-content {
            margin-top: 10px;
        }

        a {
            padding-top: 7px;
            padding-bottom: 7px;
            border-radius: 23px;
        }

        p:empty {
            display: none;
        }

        img {
            display: block !important;
            margin: auto !important;
            border-radius: 100% !important;
            height: auto !important;
            width: 250px !important;
        }

    }
}

/* YouTube channel archive grid: desktop 3, tablet 2, mobile 1 */
body.post-type-archive-youtube_channels .wp-block-query .wp-block-post-template {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px;
}

body.post-type-archive-youtube_channels .wp-block-query .wp-block-post-template>li,
body.post-type-archive-youtube_channels .wp-block-query .wp-block-post-template>.wp-block-post {
    margin: 0;
}

@media (max-width: 1024px) {
    body.post-type-archive-youtube_channels .wp-block-query .wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body.post-type-archive-youtube_channels .wp-block-query .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
}


.jasmandi-footer-gallery {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    margin-bottom: 90px !important;
}

.jasmandi-footer-col-one {
    display: flex;
    align-items: center !important;

    :last-child {
        margin: 0 !important;
    }
}

.jasmandi-footer-col-three {}

.jasmandi-footer-col-two {}


.wp-site-blocks>.wp-block-template-part>.wp-block-group.has-background.jasmandi-footer-slider {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

.jasmandi-footer-slider {
    /* max-width: 1920px !important; */
    max-width: 1920px !important;
    margin: auto !important;
    padding: 0 !important;
    display: flex !important;
    position: relative;

    .wp-block-columns {
        /* gap: 0 !important; */
        margin: 0 !important;
        width: 100% !important;
    }

    .wp-block-column {
        padding: 0 !important;
        /* margin: 0 10px !important; */
    }

    img {
        /* filter: sepia(50%) saturate(50%); */
        border-radius: 10px !important;
    }
}

.jasmandi-footer-slider-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.jasmandi-footer-row {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}

.jasmandi-footer-menu-big {}

.jasmandi-footer-menu-small {
    font-size: 14px !important;
}

.jasmandi-footer-menu-big,
.jasmandi-footer-menu-small {
    list-style-type: none;
    padding-left: 0;
    text-align: right;

    a {
        text-decoration: none;
    }
}

main {
    padding-bottom: 60px !important;
    padding-top: 53px !important;

    @media(max-width: 769px) {
        padding-top: 27px !important;
    }
}



.jasmandi-readingtime {
    text-align: center;
    font-size: 16px;
}

header.wp-block-template-part {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

/* FSE alignfull/alignwide get negative side margins to break out of constrained
   layouts. Inside a fixed header this makes the bar wider than the viewport. */
header.wp-block-template-part .alignfull,
header.wp-block-template-part .alignwide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

header.wp-block-template-part .wp-block-site-title {
    min-width: 0;
    flex-shrink: 1;
    overflow: hidden;
}

header.wp-block-template-part .wp-block-site-title a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

header.wp-block-template-part .wp-block-navigation {
    flex-shrink: 0;
}

.jasmandi-author-wrapper {
    padding-left: 20px;
    > .wp-block-group {
        gap: 0;
    }
    margin-top: 30px;
    .jasmandi-author-image {
        margin-right: 20px;
        img {
            width: 80px;
            height: auto;
            border-radius: 50%;
        }
    }
    .jasmandi-author-column-right {
        gap: 0;
        .jasmandi-author-title {
            line-height: 1;
            font-weight: bold;

        } 
        .jasmandi-author-name {

        }
    }
}

.jasmandi-page-title {
    border: 0 !important;
    background-color: var(--color-yellow) !important;
}

.jasmandi-footer-carousel-slider {
    img {
        border-radius: 10px !important;
    }
    padding: 0;
    max-width: 1280px !important;
    margin: auto !important;
    .cb-track,
    .cb-slides {
        height: 100%;
    }
    .cb-slide {
        display: flex;
        width: 100%; 
        height: auto;
        .wp-block-group {
            display: flex;
            align-items: center;
            height: 100%;
            width: 100%;
            border-radius: 10px;
        }
    }
}

.jasmandi-custom-slide p {
    height: 100% !important;
    width: 100% !important;
    margin-top: 0 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    justify-content: center !important;
    padding: 0 !important;
    a {
        text-decoration: none !important;
    }
}