/*
Theme Name:   Septera Child für Ernstl
Theme URI:    #
Description:  Septera Child Theme
Author:       Felix Blum
Author URI:   http://blumfelix.com
Template:     septera
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:  septera-ernstl
*/

/* hide nav below posts */
#nav-below {
    display: none;
}

/* Archive layout Adjustments Start */
.archive article.hentry {
    display: grid;
    grid-template-columns: auto;
}

.single .main-content p {
    hyphens: auto;
    text-align: justify;
}


#main a {
    color: #000;
}

#main a:hover {
    color: #3b3b3b;
}

@media screen and (min-width:768px) {
    .archive article.hentry {
        display: grid;
        grid-template-columns: 350px auto;
    }

    .main a.post-featured-image {
        background-size: contain;
    }

    .single .main-content, .single .side-content {
        padding-top: 50px;
    }


    .post .side-content .slider-wrapper {
        min-height: 600px;
    }
}


@media screen and (min-width:800px) and (max-width:836px) {


    #site-title {

        font-size: 100% !important;

    }

    #site-header-main-inside {
        padding: 0 20px 0 20px;
    }
}

.main .entry-title {
    margin: 0;
}

.entry-title {
    margin: 0;
    padding: 0;
}

body:not(.single) article.hentry .post-thumbnail-container a::after {
    display: none;
}

.main a.post-featured-image::before {
    display: none;
}

.main a.post-featured-image {
    background-position: top center !important;
}

article.hentry .post-thumbnail-container {
    /*! background-color: rgba(102,102,102,0.15); */
    background-color: transparent !important;
}

article.hentry .article-inner,
#content-masonry article.hentry .article-inner {
    padding: 0 5% !important;
}

/* Archive layout Adjustments End */

/* Single Adjustments Start */
.content-top-wrapper {
    display: flex;
    flex-direction: column-reverse;

}

@media screen and (min-width:768px) {
    .content-top-wrapper {
        display: grid;

        grid-template-columns: minmax(400px, 500px) auto;
        gap: 60px;
    }
}

/* hides << and >> arrows from the gallery viewer */
.bwg-a.last-page,
.bwg-a.first-page,
.bwg-a.first-page-0,
.bwg-a.last-page-0 {
    display: none;
}

/* hide controll bar in gallery view */

.bwg_ctrl_btn_container,
.bwg_toggle_container {
    display: none;
}

.tags {
    background: rgb(236, 236, 236);
    padding: 10px 20px;
    color: black;
    margin-bottom: 35px;
}

.tags a {
    color: black;
}

.below-main {
    margin-top: 50px;
}

.below-main-title {
    margin-bottom: 14px;
    font-weight: 610;
}

/* full width audio player */
audio {
    width: 100%;
}

/* fix gap in nav items on medium sized screens */

@media screen and (min-width:800px) and (max-width: 1037px) {
    #access a {
        padding: 0 0.3em;
    }
}



/* fix unreadable nav items on light background */

@media screen and (min-width:1153px) {
     .placeholder #site-header-main a, .home #site-header-main a {
        text-shadow: black 0 0 25px;
        text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    }

    #site-header-main.header-fixed a {
        text-shadow: none;
    }

    .archive #site-header-main a {
        text-shadow: none;
    }

    .archive #content {
        margin-top: 60px;
    }
}

/* fix header img sizing */
#header-image-main-inside img.header-image {
    width: 100%;
}


/* download section */
.downloadsection {
    display: flex;
    gap: 20px;
    justify-content: space-evenly;
    color: black;
    flex-direction: column;
}


.dl-btn {
    text-align: end;
}

.dl-btn a {
    background: rgb(236, 236, 236);
    padding: 10px 20px;
}

/* hide breadcrumbs in archive */
.archive #breadcrumbs-container {
    display: none;
}

.entry-content .seriousslider-caption-text {
    font-size: 12px !important;
}

body {
    background: #282828;
}

#content {
    background: white;
}

a.continue-reading-link {
    background-color: transparent !important;
    padding: 0.3em;
}


.archive article img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    margin-top: 50px;
}


@media screen and (max-width: 768px) {
    .archive .entry-title {
        margin-top: 20px !important;
        font-size: 1.4em;
    }
}