/*
 Theme Name: NY Irish History
 Description: The custom theme NY Irish History using the parent theme Twenty Twenty-One.
 Author: NY Irish History Development
 Author URI: None
 Template: twentytwentyone
 Version: 1.0.1.02
 */

:root {
    /* Font Family */
    --global--font-primary-child: var(--font-headings, 'Noto Serif', sans-serif);
    --global--font-family-child: var(--global--font-primary-child) !important;

    /* Font Size */
    --global--font-size-xl: 2.7rem !important;
    --global--font-size-xxl: 2rem !important;

    --global--font-size-page-title: var(--global--font-size-xxl);

    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    --heading--font-size-h2: 2.3rem !important;
    --heading--font-size-h1: 2.7rem !important;

    /* Forms */
    --form--color-text: var(--global--color-medium-gray);
    --form--color-ranged: var(--global--color-secondary);
    --form--label-weight: 500;
    --form--border-color: var(--global--color-secondary);
    --form--border-width: 2px !important;
    --form--border-radius: 2px !important;
    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

    /* Footer */
    --footer--color-text: #fff !important;
    --footer--color-link: #fff !important;
    --footer--color-link-hover: var(--global--color-primary-hover);
    --footer--font-family: var(--global--font-primary);
    --footer--font-size: var(--global--font-size-sm);

    --branding--title--text-transform: none !important;

    --nyihr--color-text: color: #1F548F;
}

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

    :root {
        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 800px) !important;
        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    }
}

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

    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px) !important;
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    }
}

.site-header {
    padding-bottom: 8px !important;
}

.singular .entry-title {
    font-size: var(--global--font-size-page-title);
}

.page-title {
    font-size: var(--global--font-size-page-title);
    /* display: none; */
}

.powered-by {
    display: none !important;
}

.nyihr-blue {
    color: var(--nyihr--color-text);
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
p {
    font-family: var(--global--font-family-child) !important;
}

h1,
h1.entry-title {
    font-size: 2.7rem !important;
    margin-top: var(--global--spacing-vertical) !important;
}

#main h2,
#main h3 {
    margin-bottom: 0.8em;
}

/* Page Elements */
#masthead {
    border-bottom: 1px solid #ccc !important;
}

@media (max-width: 800px) {
    #masthead {
        border-bottom: none !important;
    }
}

aside.widget-area {
    display: none;
}

blockquote:before {
    content: "“";
    font-size: calc(4 * var(--quote--font-size)) !important;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: var(--global--color-gray);

    /* line-height: var(--quote--line-height);
    position: absolute;
    left: calc(-0.5 * var(--global--spacing-horizontal)); */
}

/* Home Page */
.nyihr-explore {
    letter-spacing: -2px;
}

figure.wp-block-pullquote.nyihr-home-blockquote {
    margin-top: 4em;
    clear: both;
    width: 100% !IMPORTANT;
    max-width: 100% !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
}

/* Archive Page */
#main .article-content-single p {
    margin-top: 0;
    margin-bottom: 0;
}

.article-archive-listing {
    width: 50%;
}

.article-archive-listing p {
    margin-bottom: 1em;
}

.article-thumbnail {
    width: 150px;
}

.archive-excerpt {
    font-size: .9rem;
}

.archive-excerpt a {
    color: #1F548F;
}

.article-archive-flex-container {
    display: flex;
    flex-wrap: wrap;
}

.article-archive-listing-flex-left {
    flex: 60%;
}

.article-archive-thumbnail-flex-right {
    flex: 40%;
}

.article-archive-thumbnail-flex-right img {
    width: 90%;
    max-width: 400px;
    border: 1px solid var(--global--color-gray);
    margin: 1em 0 0 1em;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {

    .article-archive-thumbnail-flex-right,
    .article-archive-listing-flex-left {
        flex: 100%;
    }

    .article-archive-thumbnail-flex-right img {
        width: 100%;
        max-width: 100%;
        margin: 1em 0;
    }

}

.article-excerpt {
    margin-top: 1em;
}

.article-archive-listing-flex-left .article-excerpt p {
    margin-bottom: 1em;
}

.article-archive-listing-flex-left .article-excerpt p:first-of-type {
    margin-bottom: 1em;

}

/* Search */
.wp-block-search .wp-block-search__input {
    /* display: none; */
    border: var(--form--border-width) solid var(--form--border-color);
    border-radius: 0 !important;
    color: var(--form--color-text);
    line-height: var(--form--line-height);
    max-width: inherit;
    margin-right: calc(-1 * var(--button--border-width));
    padding: var(--form--spacing-unit);
}

input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0;
}


.nyihr-advanced-search-link {
    margin-top: -20px !important;
    padding-left: 6px;
    font-size: 65%;
}

.searchwp-live-search-result a {
    color: var(--form--color-text);
}

.wp-block-group.nyihr-home-external-links {
    margin: 3em 0 2em 0;
}

/* Footer */
footer#colophon {
    clear: both;
    width: 100% !IMPORTANT;
    max-width: 100% !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
    background: #1F548F;
    text-align: center !important;
}

footer#colophon .site-info {
    border: none !important;
}

footer#colophon .site-name {
    width: 100% !important;
}

footer#colophon .site-name p {
    text-align: center !important;
    font-size: 0.8rem;
}



/* Single Article Page */
.article-single-flex-container {
    display: flex;
    flex-wrap: wrap;
}

.article-single-flex-left {
    flex: 68%;
}

.article-single-flex-right {
    flex: 30%;
    padding-left: 1em;
    margin-top: 3em;
}

.entry-pdf-display-container {
    margin-top: 1em;
    flex: 70%;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media screen and (max-width: 1200px) {

    .article-single-flex-left,
    .article-single-flex-right,
    .entry-pdf-display-container {
        flex: 100%;
    }

    .article-single-flex-right {
        margin-top: 1em;
        padding-left: 0;
    }

}

#main p.article-extracted-notice {
    color: var(--global--color-medium-gray);
    margin-bottom: 2em;
}

#main .article-extracted-full h3 {
    margin-top: 2em;
}

.entry-pdf-download,
.entry-terms {
    margin-top: 1em;
}

#main .entry-pdf-download a:link {
    color: var(--nyihr--color-text);
}

#main .article-reading-notes {
    /* As in Read online,
    download the PDF,
    or scan text below. */
    padding-top: 2em;
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 0.8rem;
}