/*
Theme Name: Hollands Maandblad Block Theme
Theme URI: https://www.hollandsmaandblad.nl
Author: Gerard van Enk - Steven Boland
Author URI: https://millionpieces.nl
Description: Custom Block Theme Gor hollandsmaandblad.nl
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hmbld-theme
*/

/* Some defaults */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/*
  Default margin, this cannot be active at the moment, because some elements
  still need to be changed.
*/
/*
* {
    margin: 0;
}*/

body {
    margin: 0;
    font-family: "vollkorn", "Times", serif;
    font-size: 1.2rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto;
}

input,
button,
textarea,
select {
    color: inherit;
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    font-weight: normal;
}


p {
    hyphens: auto;
    -webkit-hyphens: auto;
    text-align: justify;
    font-family: "vollkorn", "Times", serif;
}

.hyphenate {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* No hyphenate for headings*/
body:has(.hyphenate) :is(h1, h2, h3, h4, h5, h6) {
    hyphens: none;
}

.curs,
em {
    font-family: "vollkorn", "Times", serif;
    font-size: 1em;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.4;
    font-style: italic;
}

a:focus-visible {
    outline: 2px dashed;
}

a {
    color: #C00;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* end defaults */


header .wp-block-navigation-link a:hover {
    text-decoration: none;
}


footer.main-footer a {
    color: var(--wp--preset--color--default-white);
}

footer.main-footer a:hover {
    text-decoration: underline;
}

footer div.is-layout-flex {
    column-gap: 0 !important;
}

.site-sidebar {
    display: none;
}

@media screen and (min-width: 769px) {

    .site-sidebar {
        display: block;
    }
}

/*--------------------------------------------------------------
## header
--------------------------------------------------------------*/
.site-title {
    width: fit-content;
    margin-inline: auto;
    margin-block: 1.2rem;
    padding: 0;
}

.site-title a {
    display: block;
}

.header-line {
    display: block;
}

.header-line-1 {
    text-transform: uppercase;
    letter-spacing: 4px;
}

.header-line-1.h {
    font-size: 1.5rem;
    letter-spacing: 5px;
}

.header-line-2 {
    letter-spacing: 6px;
}

.header-line-2.m {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 7px;
}


.h {
    display: block;
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 44pt;
    color: #900;
    text-align: center;
    letter-spacing: 11px;
    line-height: 100%;
    text-transform: uppercase;
}

.m {
    display: block;
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 54pt;
    color: #C0081F;
    text-align: center;
    letter-spacing: 12px;
    line-height: 60px;
}

.header-line-2.m {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 7px;
}

@media screen and (max-width: 768px) {

    .site-header .h {
        font-size: 1.5rem;
        letter-spacing: 5px;
    }

    .site-header .m {
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: 7px;
    }
}

.sidebar-voorkant {
    text-align: center;
    padding-top: 20px;
}

.sidebar-voorkant img {
    width: 25%;
    height: auto;
    margin-inline: auto;
}

@media screen and (min-width: 769px) {

    .sidebar-voorkant img {
        width: 80%;
    }
}

.hllblad-edition-front {
    text-align: center;
}

ul.hllblad-toc {
    margin: 0;
    padding: 0;
}

ul.hllblad-toc li {
    list-style: none;
}

.hllblad-meta-toc h3 {
    font-weight: 400;
}

ul.hllblad-toc a .curs,
ul.hllblad-toc a em,
.hlldblad-toc-drawings a em {
    color: #c00;
    font-size: 1em;
}

.hlldblad-toc-drawings {
    margin-top: 1em;
}

.hlldblad-toc-drawings a {
    display: block;
}

.hllblad-voorkant-title {
    letter-spacing: normal;
}

.entry-title {
    margin: 0;
    line-height: 1.4;
}

/* Beurs page */
.hlldblad-inline-name,
.hlldblad-beurs-quote {
    color: #c00;
}

.hlldblad-beurs-quote {
    margin: 1em 0;
    font-style: italic;
}

.hlldblad-beurs-quote p.inspring,
.hlldblad-beurs-quote p.normaal {
    color: #c00;
    font-style: italic;
}

/* Author pages */
author-image {
    margin: 0;
}

.author-image img {
    display: block;
    margin: 0 auto;
}

.author-articles {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hllblad-pagination {
    margin-top: 20px;
    text-align: center;
}

.hllblad-related-list {
    font-size: 1rem;
    margin-bottom: 20px;
}

.hllblad-related-list h4 {
    font-size: 1rem;
    margin: 5px 0;
}

.hllblad-related-list ul {
    margin: 0;
}

[itemprop="birthDate"] {
    font-family: "vollkorn", "Times", serif;
}

.hllblad-promotion {
    text-align: center;
    border-top: 1px solid #c00;
    border-bottom: 1px solid #c00;
    padding: 10px 0 10px 0;
    margin: 20px 0 40px;
    font-size: 1rem;
}

.hllblad_story-template-default .content-area,
.hllblad_edition-template-default .content-area,
.hllblad_edition-template .content-area {
    margin-inline: auto;
}

@media screen and (min-width: 850px) {

    .hllblad_story-template-default .content-area,
    .hllblad_edition-template-default .content-area,
    .hllblad_edition-template .content-area {
        width: 1000px;
    }
}

.hllblad_story-template-default .content-area .site-sidebar.site-sidebar-left,
.hllblad_story-template-default .content-area main,
.hllblad_edition-template-default .content-area .site-sidebar.site-sidebar-left,
.hllblad_edition-template .content-area .site-sidebar.site-sidebar-left {
    flex: none !important;
    margin-block-start: 24px;
}

.hllblad-meta-info {
    margin-block-start: 0;
    text-align: center;
    margin: 10px 0 5px 0;
}

.hllblad-meta-month {
    display: block;
}

@media screen and (min-width: 850px) {

    .hllblad_story-template-default .site-main,
    .hllblad_edition-template-default .site-main,
    .hllblad_edition-template .site-main {
        width: var(--wp--style--global--content-size);
    }

    .hllblad_story-template-default .content-area .hllblad_story,
    .hllblad_edition-template-default .content-area .hllblad-edition-front,
    .hllblad_edition-template .content-area .hllblad-edition-front {
        width: calc(var(--wp--style--global--content-size) - 200px);
    }
}

.wp-block-navigation-item__content {
    font-variant: small-caps;
    font-size: 1.4rem !important;
    line-height: 1.5;
    font-weight: normal;
    margin-block: 0;
}

.main-footer .wp-block-navigation-item__content {
    line-height: 1.2;
}



.main-footer .footer-heading {
    font-size: 1.4rem;
    font-variant: small-caps;
    font-weight: normal;
}

.main-footer .wp-block-navigation-item__label {
    font-size: 1.2rem;
}


.main-footer>div>div {
    max-width: 1000px;
    margin-block-end: 0;
}

.main-footer>div>div span {
    margin: 0;
    padding: 0;
    gap: 0;
}

.wp-container-core-navigation-is-layout-2.wp-container-core-navigation-is-layout-2 {
    gap: var(--wp--preset--spacing--20);
}

.main-footer p:last-of-type {
    margin-inline: auto !important;
}

.main-footer nav {
    gap: var(--wp--preset--spacing--20);
}

.main-footer .hbld-footer-line a {
    text-decoration: underline;
    color: var(--wp--preset--color--default-white);
}

.main-footer .hbld-footer-line a {
    font-variant: small-caps;
    letter-spacing: 1px;
    text-decoration: none;
}

.main-footer .hbld-footer-line a:hover {
    text-decoration: underline;
}

.hmbld-block-accent-color a {
    color: var(--wp--preset--color--default-white);
    text-decoration: underline;
}

/* Gifts checkout */
.pt-checkout-form button.pt-payment-btn {
    background-color: #c00;
}

.pt-checkout-form button.pt-payment-btn:hover,
.pt-checkout-form button.pt-payment-btn:active {
    background-color: rgba(204, 0, 0, 0.850);
}

.pt-form-group-uea-custom-amount {
    display: none;
}

.pt-checkout-form {
    width: 100%;
}

.pt-checkout-form .pt-form-group select.pt-form-control {
    padding: 0.1rem;
}

.hmbld-block-ads a {
    color: var(--wp--preset--color--default-white);
    text-decoration: underline;
}

.hmbld-block-ads .wp-block-button a {
    color: #c00;
    text-decoration: none;
}

.entry-content {
    margin: 1.5rem 1rem 1.5em 1rem;
}

.hmbld-footer-logos {
    align-items: baseline !important;
}

.hmbld-footer-logos img:first-of-type {
    width: 110px;
}

.hmbld-footer-logos figure:last-of-type {
    width: 175px;
    font-size: 0.8rem;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.hmbld-footer-logos figure:last-of-type figcaption {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1;
    margin-top: -5px;
}

.hmbld-footer-logos figure:last-of-type figcaption a {
    font-size: 0.8rem;
}


.hmbld-meta-links {
    margin: 0;
    margin-block-end: 20px;
}

.hmbld-meta-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.hllblad-authors {
    list-style: none;
    margin: 0;
    padding: 0;
}

body .is-layout-flex.hmbld-main-menu-mobile {
    display: none;
}

@media (max-width: 768px) {
    .hmbld-cover {
        order: -1;
    }


    .entry-content:not(:is(.hllblad-frontpage-edition-info .entry-content)),
    .home .wp-block-column {
        max-width: clamp(320px, 90%, 1000px) !important;
        margin-left: auto;
        margin-right: auto;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        gap: 0.5rem;
        margin: 0 0.5rem;
        text-align: center;
    }


    body .is-layout-flex.hmbld-main-menu {
        display: none;
    }

    body .is-layout-flex.hmbld-main-menu-mobile {
        display: flex;
        margin: 0;
    }

    .hllblad-frontpage-edition-info {
        border-bottom: 1px solid var(--wp--preset--color--accent);
    }

    .hmbld-archive-highlight .wp-block-column,
    .hmbld-highlight-block .wp-block-column {
        border-right-width: 0 !important;
        border-left-width: 0 !important;
        padding-inline: 0 !important;
    }

    .hmbld-archive-highlight .wp-block-column::after {
        display: block;
        content: "";
        height: 1px;
        background-color: var(--wp--preset--color--accent);
        width: 100%;
        margin: 0 auto;
    }


}

aside.hllblad-related-list.hllblad-related-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

@media (max-width: 768px) {
    aside.hllblad-related-list.hllblad-related-list ul {
        flex-direction: column;
    }
}

aside.hllblad-related-list ul li {
    display: block;
    width: 32%;
}

@media (max-width: 768px) {
    aside.hllblad-related-list ul li {
        width: 100%;
    }
}

aside.hllblad-related-list>h2 {
    width: 30%;
    text-align: center;
    margin: 0 auto;
    margin-block-end: var(--wp--preset--spacing--60);
    padding-block-start: var(--wp--preset--spacing--30);
    padding-block-end: var(--wp--preset--spacing--30);
    border-block-start: 1px solid var(--wp--preset--color--accent);
    border-block-end: 1px solid var(--wp--preset--color--accent);
}

@media (max-width: 768px) {
    aside.hllblad-related-list>h2 {
        width: 80%;
    }
}


aside.hllblad-related-list .hmbld-story-summery-header header {
    text-align: center;
}

aside.hllblad-related-list .hmbld-story-summery-header h3 {
    margin-block: 0.4rem;
    line-height: 1.2;
}

aside.hllblad-related-list .hmbld-story-summery-header h3 a {
    color: #000;
    font-size: 1.2rem;
}

aside.hllblad-related-list .hmbld-story-summery-header a:hover {
    text-decoration: underline;
}


aside.hllblad-related-list .hmbld-story-summery-header .hmbld-story-type {
    text-transform: lowercase;
    font-size: 0.6rem;
    font-variant: small-caps;
}

aside.hllblad-related-list .hmbld-story-summery-header .hmbld-story-author,
aside.hllblad-related-list .hmbld-story-summery-header .hmbld-story-author a {
    font-size: 1rem;
}

aside.hllblad-related-list li {
    padding: var(--wp--preset--spacing--50);
    position: relative;
}

aside.hllblad-related-list li:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: var(--wp--preset--color--accent);
}

@media (max-width: 768px) {
    aside.hllblad-related-list li:not(:last-child)::after {
        right: auto;
        top: auto;
        bottom: 0;
        left: 50%;
        width: 80%;
        height: 1px;
        transform: translateX(-50%);

    }
}

.archive-index {
    padding-block-end: 1rem;
    border-bottom: 1px solid var(--wp--preset--color--accent);
    margin: 0 auto;
    max-width: clamp(320px, 90%, 840px);
}

@media (min-width: 769px) {
    .archive-index {
        max-width: 100%;
    }
}

.archive-index h2 {
    padding: 0;
    margin: 0;
    font-size: 1.25rem;
}

.archive .entry-title {
    text-align: left;
    line-height: 1.4;
    font-size: 2em;
    color: #c00;
    text-indent: 0.5em;
    margin: 0;
    padding: 0;
}

.hllblad-frontpage-edition-info h2 {
    text-align: center;
}

.hllblad-frontpage-edition-info .entry-content {
    margin: 0;
    padding-inline: var(--wp--preset--spacing--20);
}

/** Begin custom **/
.normal {
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 1.2rem;
    color: #000;
    text-align: left;
    letter-spacing: 0;
    line-height: 120%;
}

.nkk {
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 10pt;
    color: #000;
    text-align: left;
    letter-spacing: 1pt;
    line-height: 120%;
}


h1 .curs,
h1.curs,
h1 em {
    font-family: "adobe-garamond-pro", "Times", serif;
}

.kk {
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 12pt;
    color: #000;
    text-align: center;
    letter-spacing: 5%;
    line-height: 120%;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.normalkk {
    font-size: 11.5pt;
    color: #000;
    letter-spacing: 0;
    line-height: 120%;
    text-align: right;
}

.vk {
    font-size: 28pt;
    color: #C0081F;
    text-align: center;
    letter-spacing: 1px;
    line-height: 40px;
}

.hm,
.hmc {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hmc {
    font-size: .9em;
    line-height: 1.2;
}

p.normaal {
    color: #000000;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 1.4em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
    text-indent: 0;
}

p.verantwoording {
    color: #000000;
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 1.4em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
    text-indent: 0;
}

.auteurs {
    color: #000000;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
}

.auteurs h2 {
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 1.4rem;
    font-variant: all-small-caps;
    line-height: 1.8;

}

.auteurs h2 span {
    font-size: 1.1rem;
    letter-spacing: 0;
}

.entry-header .proza-vlag-rechts em {
    font-size: 1.8rem;
}

p.inhoud,
p.kk-kopje {
    color: #000000;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}

p.tk,
p.tk-essay {
    color: #000000;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0px;
    margin-top: 1.4em;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
}

p.tk-essay {
    font-style: italic;
}

.proza-auteur-R,
p.proza-auteur-L,
p.essay-auteur {
    color: #000000;
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: .5em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}

p.gedicht-tekst,
p.gedicht-tekst-volg,
p.gedicht-tekst-normaal,
p.gedicht-opdracht {
    color: #000000;
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}

p.gedicht-tekst,
p.gedicht-tekst-normaal {
    margin-top: 1.4em;
}

p.gedicht-tekst-volg,
p.gedicht-tekst-normaal,
p.gedicht-opdracht {
    margin-top: 0;
}

p.gedicht-tekst,
p.gedicht-tekst-volg,
p.gedicht-tekst-normaal {
    line-height: 1.8;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-indent: 0;
}

p.gedicht-opdracht {
    font-style: italic;
    text-align: right;
    text-indent: 20px;
}

p.proza-vlag,
.proza-vlag-rechts,
p.proza-vlag-links,
p.essay-vlag {
    color: #000000;
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 1.167em;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: .5em;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}

p.inspring,
p.colofon {
    color: #000000;
    font-family: "vollkorn", "Times", serif;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    text-decoration: none;
    text-indent: 1.5em;
}

p.colofon {
    font-family: "adobe-garamond-pro", "Times", serif;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    text-indent: 0;
}

span.kk,
span.ikk,
.zkk {
    font-family: "vollkorn", "Times", serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 5%;
    font-size: 80%;
}

span.ikk {
    font-size: .8em;
    font-style: italic;
}

.zkk {
    font-size: 80%;
}

span.rom {
    font-family: "adobe-garamond-pro", "Times", serif;
    font-style: normal;
    font-weight: normal;
}

span.nootcijfer,
span.noot {
    color: #000000;
    font-family: "adobe-garamond-pro", "Times", serif;
    font-size: 0.7em;
    font-style: normal;
    font-weight: bold;
    vertical-align: super;
}

p.ParaOverride-1,
p.ParaOverride-2 {
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
}

h1 {
    font-size: 2.2em;
    font-family: "adobe-garamond-pro", "Times", serif;
    font-weight: normal;
    text-align: center;
    margin: 0.5em 0;
}

h1.gedicht-kop {
    font-style: italic;
    text-align: left;
    text-indent: 0;
}

p.normaalvolg,
p.cit-normaal,
p.cit-inspring,
p.cit-volg {
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0em;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
}

p.cit-normaal {
    margin-top: 1.4em;
    margin-left: 1.4em;
    margin-right: 0;
}

p.cit-inspring {
    margin-left: 1.4em;
    text-indent: 1.4em;
}

p.cit-volg {
    margin-left: 1.4em;
}

p.gedicht-in-tekst,
p.gedicht-in-tekst-volg {
    font-size: 1.2rem;
    font-style: italic;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.4em;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
}

p.gedicht-in-tekst-volg {
    margin-top: 0;
}

p.X-noot,
p.noten,
p.noten-kopje {
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.143;
    margin-bottom: 0;
    margin-left: 13px;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: -13px;
}

p.noten {
    line-height: 1.4;
    margin-left: 2.4em;
    text-indent: -1.4em;
    text-align: left;
    text-decoration: none;
}

p.noten-kopje {
    font-variant: normal;
    line-height: 1.8;
    margin-left: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
}

span.doorstreept {
    text-decoration: line-through;
}

span.onderstreept {
    font-family: "Times", serif;
    text-decoration: underline;
}

/** End custom **/