/*
 Theme Name:   bibelwerk
 Theme URI:
 Description:  bibelwerk
 Author:       Erich Schweizer-Ferrari
 Author URI:
 Template:     twentytwentyone
 Version:      1.0.5
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Eine Spalte, Für Barrierefreiheit geeignet, Individuelle Farben, custom-menu, Individuelles Logo, Stylesheet für Editor, Beitragsbilder, Footer-Widgets, Block-Editor-Vorlagen, rtl-language-support, Beitrag oben halten, threaded-comments, translation-ready
 Text Domain:  bibelwerk
*/

@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@200;300&family=Maven+Pro:wght@400;800&display=swap');

:root {
    /*
     * colors
     */
    --bibelwerk--gruen: #9BBAB2; /* 155, 186, 178 */
    --bibelwerk--hellblau: #E8ECEE; /* 232, 236, 238 */
    --bibelwerk--petrol: #14404C; /* 20, 64, 76 */
    --bibelwerk--grau: #EDEDEF; /* 237, 237, 239 */

    --bibelwerk--petrolhell1: #D0D9DB; /* 208, 217, 219 */
    --bibelwerk--petrolhell2: #899FA5; /* 137, 159, 165 */
    --bibelwerk--petrolhell3: #436670; /* 67, 102, 112 */
    --bibelwerk--orange: #EE6C3A; /* 238, 108, 58 */
    --bibelwerk--lachs: #E26060; /* 226, 96, 96 */
    --bibelwerk--fuchsia: #A3195B; /* 163, 25, 91 */

    --bibelwerk--weiss: #FFFFFF; /* 255, 255, 255 */
    --bibelwerk--schwarz: #1D1D1B; /* 29, 29, 27 */

    /*
     * fonts
     */
    --bibelwerk--titel--font-family: 'Bitter', serif;
    --bibelwerk--titel--font-weight: 200;
    --bibelwerk--untertitel--font-family: 'Bitter', serif;
    --bibelwerk--untertitel--font-weight: 300;
    --bibelwerk--lauftext--font-family: 'Maven Pro', sans-serif;
    --bibelwerk--lauftext--font-weight: 400;
    --bibelwerk--button--font-family: 'Maven Pro', sans-serif;
    --bibelwerk--button--font-weight: 800;

    /*
     *
     */
    --bibelwerk--h1: 3rem;
    --bibelwerk--img--down--height: 3rem;
    --bibelwerk--max-width: 1500px;
    --bibelwerk--min-padding: 15px;
    --bibelwerk--input--text--border--color: #CCCCCC;
    --bibelwerk--grid--title--font-size: 1.5rem;

    --heading--font-family: var(--bibelwerk--titel--font-family);
    --heading--font-weight: var(--bibelwerk--titel--font-weight);

    --responsive--alignwide-width: calc(var(--bibelwerk--max-width) - 30px) !important;
    --responsive--aligndefault-width: calc(var(--bibelwerk--max-width) - 30px) !important;

    /* Main navigation */
    --primary-nav--font-family: var(--global--font-secondary);
    --primary-nav--font-family-mobile: var(--global--font-primary);
    --primary-nav--font-size: var(--global--font-size-md);
    --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
    --primary-nav--font-size-mobile: var(--global--font-size-sm);
    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-xs);
    --primary-nav--font-size-button: var(--global--font-size-xs);
    --primary-nav--font-style: normal;
    --primary-nav--font-style-sub-menu-mobile: normal;
    --primary-nav--font-weight: normal;
    --primary-nav--font-weight-button: 500;
    --primary-nav--color-link: var(--global--color-primary);
    --primary-nav--color-link-hover: var(--global--color-primary-hover);
    --primary-nav--color-text: var(--global--color-primary);
    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    --primary-nav--border-color: var(--global--color-primary);
}

body {
    color: var(--bibelwerk--schwarz);
    font-family: var(--bibelwerk--lauftext--font-family);
    font-weight: var(--bibelwerk--lauftext--font-weight);
}
body.custom-background {
    background-color: white !important;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--bibelwerk--titel--font-family) !important;
    font-weight: var(--bibelwerk--titel--font-weight) !important;
}

ul.guillemet {
    margin: 0 !important;
    padding: 0 !important;
}
ul.guillemet li:before {
    content: "\00BB";  /* hex of your actual character, found using CharMap */
    margin-right: 0.5rem;
}
ul.guillemet li {
    list-style-type: none;
}

.bibelwerk-header-title-excerpt h1 {
    font-size: var(--bibelwerk--h1);
}

input[type="submit"]:focus, input[type="reset"]:focus,
input[type="search"], input[type="search"]:active:focus:hover,
input[type="text"], input[type="text"]:active:focus:hover {
    border: 1px solid var(--bibelwerk--input--text--border--color) !important;
    outline-offset: 0 !important;
    outline: none !important;
    padding: 0 0.5rem !important;
}

input[type="submit"], input[type="submit"]:focus:hover {
    background-color: var(--bibelwerk--grau) !important;
    border-color: var(--bibelwerk--grau) !important;
    color: var(--bibelwerk--schwarz) !important;
    margin-left: -2rem !important;
    outline-offset: 0 !important;
    outline: none !important;
    padding: 0 0.5rem !important;
}

/*
 * head
 */
#masthead.site-header {
    display: block;
    max-width: var(--responsive--alignfull-width);
    padding: 0rem 0rem 0rem 0rem;
}

.site-branding {
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--bibelwerk--max-width);
}
.site-logo {
    float: left;
    padding-left: var(--bibelwerk--min-padding);
}
.utility-nav {
    float: right;
    margin-top: 0rem;
    padding-right: var(--bibelwerk--min-padding);
    text-align: right;
}
#site-navigation {
    background-color: var(--bibelwerk--petrol);
}
.primary-navigation .primary-menu-container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: var(--bibelwerk--max-width);
    padding-left: 118px !important;
}

.clear-both {
    clear: both;
}

.primary-navigation-open .primary-navigation > .primary-menu-container,
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    background-color: var(--bibelwerk--petrol) !important;
}

.primary-navigation .sub-menu .menu-item > a,
.primary-navigation .primary-menu-container > ul > .menu-item > a {
    background-color: var(--bibelwerk--petrol);
    color: white;
}

.primary-navigation .sub-menu {
    border: none !important;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    display: none !important;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a,
.primary-navigation .sub-menu .menu-item > a {
    color: var(--bibelwerk--weiss);
    font-family: var(--bibelwerk--lauftext--font-family);
    font-weight: var(--bibelwerk--lauftext--font-weight);
}
.primary-navigation .sub-menu .menu-item a {
    padding: 0.5rem 1rem 0.5rem 1rem !important;
}

.primary-navigation > div > .menu-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open {
    color: var(--bibelwerk--weiss);
}

#masthead img {
    max-width: 100%;
    /* width: 100%; */
}
.bibelwerk-header-title-excerpt {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--bibelwerk--max-width);
    position: relative;
}

.bibelwerk-header-title-excerpt .wrapper {
    background-color: var(--bibelwerk--weiss);
    bottom: 0;
    left: 0;
    margin-left: 15px;
    padding: 1rem 1rem 0rem 1rem;
    position: absolute;
    right: auto;
}
.bibelwerk-header-title-excerpt .wrapper h1 {
    font-size: calc(var(--bibelwerk--h1) / 2);
}

.home .bibelwerk-header-title-excerpt .wrapper {
    bottom: -5rem;
    left: auto;
    margin-right: 15px;
    right: 0;
}

.bibelwerk-down {
    display: none;
}

.bibelwerk-down img {
    height: var(--bibelwerk--img--down--height);
}

.home .bibelwerk-down {
    display: block;
    padding-top: 2rem;
    text-align: center;
}

div.bibelwerk-cart {
    margin-top: 1rem;
}
img.bibelwerk-cart {
    display: inline-block;
    width: 2rem !important;
    margin: -0.2rem 1rem 0 0;
}

.search-form label {
    display: none;
}

.site-logo {
    margin-right: 0;
    max-width: 75%;
}
.bibelwerk-warenkorb-text {
    display: none;
}
.bibelwerk-search-form {
    display: none;
    margin-top: 0.5rem;
}
.bibelwerk-search-icon {
    display: block;
    margin-top: 1rem;
}

.primary-navigation-open .bibelwerk-header-title-excerpt {
    display: none !important;
}

/*
 * body
 */

.site .button {
    background-color: var(--bibelwerk--petrol) !important;
}
.site .button:hover {
    color:  var(--bibelwerk--weiss) !important;
}

.wp-block-group.bibelwerk-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--bibelwerk--max-width);
    padding-left: var(--bibelwerk--min-padding);
    padding-right: var(--bibelwerk--min-padding);
}
.wp-block-group.has-background {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.wp-block-media-text .wp-block-media-text__content {
    padding-left: 0 !important;
    padding-right: var(--bibelwerk--min-padding) !important;
}
.wp-block-media-text .wp-block-media-text__content.is-right {
    padding-left: 3rem !important;
    padding-right: var(--bibelwerk--min-padding) !important;
}
.wp-block-media-text__media {
    padding-top: 1rem;
}

.home .site-main {
    padding-top: calc(var(--global--spacing-vertical) + var(--bibelwerk--img--down--height) + 0.15rem);
}
.home .site-main a {
    font-family: var(--bibelwerk--button--font-family);
    font-weight: var(--bibelwerk--button--font-weight);
}
.home .site-main a:hover {
    text-decoration: underline;
}
.home section {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 5rem !important;
    padding-top: 4rem !important;
}
.home section.startseite.aktuelles {
    padding-top: 0rem !important;
}
.home section.startseite.shop {
    background-image: url('images/background_shop.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.home section.startseite.sonntagslesungen {
    background-image: url('images/background_sonntagslesungen.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.home section.startseite.ideenpool > div,
.home section.startseite.mitmachen > div,
.home section.startseite.unsere-zeitschriften > div {
    padding-top: var(--global--spacing-vertical) !important;
}
.home section.startseite.was-wir-bieten {
    background-image: url('images/background_waswirbieten.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
}

footer {
    padding-bottom: 0 !important;
}
.site-main > article > .entry-footer {
    padding-bottom: 0 !important;
}
.widget-area {
    color: var(--bibelwerk--weiss) !important;
    margin-top: 0 !important;
}
.widget-area p a {
    color: var(--bibelwerk--weiss) !important;
}
.widget-area h2 {
    font-size: 2rem !important;
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
}
.widget-area h2 + p {
    margin-top: 1rem !important;
}
.widget .wp-block-button a {
    color: var(--bibelwerk--schwarz) !important;
    background-color: var(--bibelwerk--weiss) !important;
}

.site-info {
    display: none !important;
}

section.startseite .wp-block-media-text__media img {
    vertical-align: top !important;
}

.wp-block-latest-posts__list.is-grid.wp-block-latest-posts li {
    background-color: var(--bibelwerk--petrol);
}
.ideenpool .wp-block-latest-posts__list.is-grid.wp-block-latest-posts li {
    background-color: var(--bibelwerk--gruen);
}

.wp-block-latest-posts__list.is-grid.wp-block-latest-posts li > a {
    color: var(--bibelwerk--weiss);
    font-family: var(--bibelwerk--titel--font-family);
    font-weight: var(--bibelwerk--titel--font-weight);
    font-size: var(--bibelwerk--grid--title--font-size);
    padding-left: var(--bibelwerk--min-padding);
    padding-right: var(--bibelwerk--min-padding);
    padding-bottom: var(--bibelwerk--min-padding);
}


/*
 * woocommerce
 */

.woocommerce .content-area, .woocommerce .products {
    max-width: var(--bibelwerk--max-width) !important;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.woocommerce .products .product-category img:hover {
    opacity: 0.8;
}
.woocommerce-breadcrumb {
    display: none;
}
.woocommerce-info, .woocommerce-message {
    border-top: 2px solid var(--bibelwerk--petrol);
}
.woocommerce-loop-category__title {
    display: none;
}
.woocommerce-products-header {
    display: none;
}
.woocommerce ul.products.columns-4 li.product {
    margin: 0px 0px 0px 0px !important;
    width: calc(100% / 1) !important;
}

.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
    padding: 0 0 0 0 !important;
}
.woocommerce ul.products[class*="columns-"], .woocommerce-page ul.products[class*="columns-"] {
    -webkit-box-pack: left;
    justify-content: left;
}

.woocommerce .woocommerce-tabs ul li a {
    background-color: var(--bibelwerk--petrol) !important;
    border-color: var(--bibelwerk--petrol) !important;
    color: var(--bibelwerk--weiss) !important;
}

.woocommerce-shipping-totals.shipping {
    vertical-align: top !important;
}

/*
 * responsive
 */

@media only screen and (max-width: 481px) {
    .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
        margin-left: 0 !important;
        max-width: none !important;
    }
    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .wp-block-media-text .wp-block-media-text__content {
        padding-top: 2rem !important;
        padding-right: 0 !important;
    }
    .wp-block-media-text .wp-block-media-text__content.is-right {
        padding-left: var(--bibelwerk--min-padding) !important;
        padding-right: var(--bibelwerk--min-padding) !important;
        padding-top: 2rem !important;
    }
}

@media only screen and (min-width: 482px) {
    .site-branding {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .site-logo {
        max-width: none;
    }
    .utility-nav {
        margin-top: 0.7rem;
    }
    .bibelwerk-header-title-excerpt .wrapper {
        padding: 1.5rem 2rem 0rem 2rem;
    }
    /*    .widget-area h2 {
            margin-top: 0rem !important;
        }    */
    .bibelwerk-header-title-excerpt .wrapper h1 {
        font-size: calc(var(--bibelwerk--h1) / 3 * 2);
    }
    .woocommerce ul.products.columns-4 li.product {
        width: calc(100% / 2) !important;
    }
}

@media only screen and (min-width: 800px) {
    .bibelwerk-warenkorb-text {
        display: inline;
    }
    .bibelwerk-search-form {
        display: block;
    }
    .bibelwerk-search-icon {
        display: none;
    }
    .bibelwerk-header-title-excerpt .wrapper {
        padding: 2rem 3rem 0rem 3rem;
    }
    .bibelwerk-header-title-excerpt .wrapper h1 {
        font-size: var(--bibelwerk--h1);
    }
    .woocommerce ul.products.columns-4 li.product {
        width: calc(100% / 3) !important;
    }
}

@media only screen and (min-width: 1200px) {
    .woocommerce ul.products.columns-4 li.product {
        width: calc(100% / 4) !important;
    }

}

@media only screen and (max-width: 1200px) {
    .primary-navigation .primary-menu-container {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 1500px) {
    .home section.startseite.shop img {
        margin-top: -13%;
        max-width: 750px;
        position: absolute;
    }
    .home section.startseite.sonntagslesungen img {
        margin-top: -8%;
        max-width: 750px;
        position: absolute;
    }
    .home section.startseite.wer-wir-sind img {
        margin-top: 20%;
        max-width: 480px;
        position: absolute;
    }
}

.wooCatListProduct {
    height: 100%;
    width: 100%;
    padding: 10px;
}

.wooCatListProductEntry {
    border: 0.05em solid #e5e7eb;
    padding: 20px;
    text-align: center;
    border-radius: 7px;
    height: 100%;
    width: 100%;
    font-size: 0.9rem;
}

.woocommerce ul.products li.product .wooCatListProductEntry img.attachment-woocommerce_thumbnail {
    object-fit: contain;
    margin: 0 auto;
    aspect-ratio: 1/1;
    width: 100%;
    max-height: 350px;
    height: 300px !important;
}

.wooCatListProductEntry .woocommerce-loop-product__title {
    font-size: 1.2rem !important;
}

.wooCatListProductEntry .woocommerce-Price-amount {
    font-size: 0.8rem;
}

.wooCatListProductEntry .add_to_cart_button {
    font-size: 0.8rem !important;
    padding: 2px 8px !important;
    /* position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.wooCatListProductEntryBtn {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.woocommerce-pagination {
    margin: 0 20px;
}

.wooCatListProductEntry .woocommerce-LoopProduct-link {
    margin-bottom: 50px;
}

.wooCatListProductEntryExerpt {
    margin: 7px 0;
}

.wooCatListProductEntry h2 {
    padding-top: 10px;
}

@media only screen and (min-width: 482px) and (max-width: 600px) {
    .woocommerce ul.products li.product .wooCatListProductEntry img.attachment-woocommerce_thumbnail {
        height: 250px !important;
    }
}

.wooShopMainSectionTitle {
    padding-left: 25px;
}

/* Search Page */
.wooSearchHeader {
    margin-top: 40px !important;
}

.wooSearchHeaderFilterBlockSearchForm {
    margin-bottom: 40px;
}

h3.wooSearchHeaderTitle {
    margin-bottom: 30px;
}

.wooSearchHeaderFilterBlockFilter .wpc-filters-section {
    margin-bottom: 10px;
}

.woocommerce-result-count, .woocommerce-ordering {
    margin-bottom: 25px !important;
}


/* Subcategor-Listing */
.wooSubcatListing {
    margin-top: 40px !important;
    margon-bottom: 40px !important;
}

.wooSubcatListingTitle{
    padding-bottom: 10px;
}

.wooSubcatListingEntry{}


/* Header Image */
#masthead .image-container img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
}


/* Account menu */

.account-menu-class {
    font-family: "maven Pro", "sans-serif";
}

.account-menu-class ul {
    //background: darkorange;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.account-menu-class li {
    color: #fff;
    //background: darkorange;
    display: block;
    float: left;
    //padding: 1rem;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
}

.account-menu-class li a {
    //color: #fff;
}

.account-menu-class li:hover,
.account-menu-class li:focus-within {
    //background: red;
    cursor: pointer;
}

.account-menu-class li:focus-within a {
    outline: none;
}

.account-menu-class ul li ul {
    //background: orange;
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 1rem;
    left: 0;
    display: none;
}

.account-menu-class ul li:hover > ul,
.account-menu-class ul li:focus-within > ul,
.account-menu-class ul li ul:hover,
.account-menu-class ul li ul:focus {
    visibility: visible;
    opacity: 1;
    display: block;
}

.account-menu-class ul li ul li {
    clear: both;
    width: 100%;
}


/* Warenkorb */
.bibelwerk-warenkorb-text {
    background-color: #9BBAB2;
    font-size: .75em;
    color: white;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin-left: -30px;
    position: relative;
    top: -5px;
}


/* Member Download Listing */
.memberDonwloadListingEntryFirst {
    clear: left;
    margin-bottom: 20px;
}

.memberDonwloadListingEntryOthers {
    clear: left;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.memberDonwloadListingEntryImageArea {
    width: 200px;
    float: left;
}

.memberDonwloadListingEntryTextArea {
}

.memberDonwloadListingEntryTextAreaContent {
}

.memberDonwloadListingEntryImage {
    object-fit: contain;
    margin: 0 auto;
    aspect-ratio: 1/1;
    width: 100%;
    max-height: 150px;
    max-width: 150px;
    height: 150px;
}

.memberDonwloadListingEntryTitle {
    padding-top: 10px;
    font-size: 1.4rem;
    font-family: Bitter,Serif;
    font-weight: 200;
}

.memberDonwloadListingEntryTitle, .memberDonwloadListingEntryDesc, .memberDonwloadListingEntryDownload {
    margin-top: 10px;
}

.memberDonwloadListingEntryOthersTitle {
    padding-top: 30px;
    clear: left;
    font-weight: bold;
    margin-bottom: 10px !important;
}

img.memberDonwloadListingEntryDownloadIcon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

@media only screen and (max-width:820px) {
    header.site-header, .site-header div.site-branding, .site-branding-bibelwerk {
        display: block !important;
    }

    .utility-nav .utility-nav-items, .bibelwerk-header-search, #site-navigation {
        display: none;
    }

    .site-logo {
        max-width: 70%;
    }

    .dgwt-wcas-search-wrapp {
        margin-bottom: 20px;
    }
}

@media (min-width: 821px) {
    .bw_menu_mobile div, .bw_menu_mobile a, .bw_menu_mobile {
        display: none !important;
    }
}

.mob-menu-logo-holder {
    display: none;
}

.site-content {
    padding-left: 10px;
    padding-right: 10px;
}

.bibelwerk-header-search .dgwt-wcas-search-wrapp {
    max-width: none;
    padding-top: 10px;
}