/*
Theme Name:   Talon Pro Child
Theme URI:    
Description:  Child theme for Talon Pro by aThemes
Author:       Your Name
Author URI:   
Template:     talon-pro
Version:      1.0.0
Text Domain:  talon-pro-child
*/

/* === Custom CSS migrated from parent Additional CSS === */

/* =========================================================
   1. Global Typography & Content
   ========================================================= */

p {
    font-size: 1.2em !important;
    line-height: 1.8em !important;
    max-width: 640px;
    color: black;
    margin-right: auto !important;
    margin-left: auto !important;
}

h1 {
    text-align: center;
    font-variant: small-caps;
}

h2 {
    text-align: center;
    font-variant: small-caps;
    font-size: 1.8em !important;
}

h3 {
    text-align: center;
    font-variant: small-caps;
    font-size: 1.5em !important;
}

h4 {
    text-align: center;
    font-variant: small-caps;
    font-size: 1.4em !important;
}

h5 {
    text-align: center;
    font-variant: small-caps;
    font-size: 1.6em !important;
}

h6 {
    text-align: center;
    font-variant: small-caps;
}

blockquote {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em !important;
    line-height: 2em !important;
    border-left: 8px solid #cc0000;
    background-color: #f5f1ef;
    margin-top: 1em;
    margin-bottom: 1em;
    max-width: 640px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.small-cap-text {
    font-variant: small-caps !important;
    font-size: 120%;
}

.wp-caption-text {
    font-style: italic;
    font-size: 1em !important;
    line-height: 1.5em !important;
}


/* =========================================================
   2. Layout & Containers
   ========================================================= */

.main-header,
.hentry,
.site-content,
.widget-area,
.widget {
    box-shadow: none !important;
    background-color: white;
}

#page.site {
    background-color: white;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.branding-container {
    border-bottom-color: white;
}


/* =========================================================
   3. Header, Branding & Navigation
   ========================================================= */

.main-header a:link {
    color: black !important;
}

.main-header a:visited {
    color: black !important;
}

.main-header a:hover {
    color: gray !important;
}

.site-title {
    font-size: 3em !important;
    font-variant: small-caps;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: .5em;
    margin-bottom: 0em;
}

.site-description {
    font-size: 1em !important;
    font-variant: small-caps;
    font-weight: 600 !important;
    letter-spacing: .5px;
    margin-top: 0em;
    margin-bottom: 0em;
}

#primary-menu a {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    text-transform: none;
    color: black;
    font-variant: normal;
    letter-spacing: 1px;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 10px;
    padding-left: 10px;
}

#primary-menu a:link {
    font-weight: 600 !important;
    color: black;
    font-variant: normal;
    letter-spacing: 1px;
}

#primary-menu a:visited {
    font-weight: 600 !important;
    color: black;
    font-variant: normal;
    letter-spacing: 1px;
}

#primary-menu a:hover {
    font-weight: 600 !important;
    color: #cc0000 !important;
    font-variant: normal;
    letter-spacing: 1px;
}

.main-navigation {
    background-color: white;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border-style: solid;
    border-top-color: #999999;
    border-top-width: .1em;
    border-bottom-color: #000000;
    border-bottom-width: .165em;
    border-right-width: 0px;
    border-left-width: 0px;
}


/* =========================================================
   4. Content: Entries, Links, Media
   ========================================================= */

.entry-header {
    margin-top: -3.2em !important;
}

h1.entry-title {
    font-size: 2.5em !important;
}

h4.entry-title {
    text-align: center;
    font-variant: small-caps;
    font-size: 2.1em !important;
}

h4.entry-title a:link {
    color: black !important;
}

h4.entry-title a:visited {
    color: black !important;
}

h4.entry-title a:hover {
    color: gray !important;
}

.site-main a:link {
    color: blue !important;
}

.site-main a:visited {
    color: blue !important;
}

.site-main a:hover {
    color: #cc0000 !important;
}

.no-controls .mejs-controls {
    display: none !important;
    visibility: hidden !important;
}

.center-video-tag {
    display: block;
    max-width: 640px !important;
    height: auto;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.center-video {
    width: 90% !important;
    height: 100%;
    margin-top: 0em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0em;
}

.iframe-border {
    border: solid 4px #f7f7f7;
}


/* =========================================================
   5. Footer & Widgets
   ========================================================= */

.footer-navigation {
    display: none;
}

.menu-main-menu-container a:link {
    color: black !important;
}

.menu-main-menu-container a:visited {
    color: black !important;
}

.menu-main-menu-container a:hover {
    color: #cc0000 !important;
}

.site-info {
    display: none;
}

.site-footer {
    max-width: 1140px;
    height: 100%;
    text-align: center;
    margin-top: -5em;
    margin-bottom: 0em;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: .2em;
    padding-bottom: 0em;
    border-style: solid !important;
    border-top-color: #666666 !important;
    border-top-width: .165em !important;
    border-bottom-color: white;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

.site-footer li {
    font-family: Arial, Helvetica, sans-serif;
    display: inline;
    list-style: none;
    font-size: .8em;
    font-weight: 600 !important;
    font-variant: normal;
    letter-spacing: 1px;
    line-height: 2em;
    color: black;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 12px;
    padding-left: 12px;
}

.site-footer a:link {
    color: black;
}

.site-footer a:hover {
    color: #cc0000 !important;
}

.textwidget {
    margin-top: -1.25em;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 3em;
    font-variant: small-caps;
    font-weight: 600 !important;
    font-size: 1em;
    line-height: 1em;
    letter-spacing: .6px;
    color: black;
}


/* =========================================================
   6. Bookstore (Book pages)
   ========================================================= */

.book {
    margin-top: 0em;
    margin-bottom: 2em;
}

.smallcap-title-center {
    font-size: 1.6em;
    line-height: 1.4em;
    text-align: center;
    font-variant: small-caps;
    margin-top: 1em;
}

.smallcap-subtitle-center {
    font-size: 1.4em;
    line-height: 1.4em;
    text-align: center;
    font-variant: small-caps;
}

.author-center {
    font-size: 1.18em;
    line-height: 1.8em;
    text-align: center;
}


/* =========================================================
   7. About / Contact
   ========================================================= */

.contact-width {
    max-width: 700px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.recaptcha {
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 1.5em;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select,
input[type="file"] {
    border-color: #cccccc !important;
}


/* =========================================================
   8. Rozshanski Biography
   ========================================================= */

.rozshanski-title {
    font-size: 2.1em;
    line-height: 1.4em;
    text-align: center;
    margin-top: 1.25em;
    margin-bottom: 0em;
}

.rozshanski-subtitle {
    font-size: 1.7em;
    text-align: center;
    margin-top: 0em;
    margin-bottom: .3em;
    font-variant: small-caps;
}

.rozshanski-author {
    font-size: 1.5em;
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
}

.rozshanski-translator {
    font-size: 1.4em;
    line-height: 1.4em;
    text-align: center;
    margin-top: .5em;
    margin-bottom: 1.1em;
}

.rozshanski-book-info {
    font-size: 1.18em;
    line-height: 1.8em;
    text-align: center;
    margin-top: 0em;
    margin-bottom: 1em;
}

.rozshanski-copyright {
    font-size: 1.18em;
    line-height: 1.8em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.chapter-center {
    font-size: 1.5em !important;
    line-height: 1.5em;
    text-align: center !important;
    margin-top: 1em;
    margin-bottom: 1em;
}

.chapter-title {
    font-size: 1.6em;
    line-height: 1.6em;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2em;
    margin-bottom: 1.2em;
}

.line-1 {
    margin-top: 2em;
    margin-bottom: -3em;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #cccccc;
}

.line-2 {
    margin-top: 1.5em;
    margin-bottom: -1.5em;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #cccccc;
}

.stars {
    text-align: center;
    margin-top: 0em;
    margin-bottom: .1em;
}

.chapter-number {
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-variant: small-caps;
    margin-top: 1.5em;
    margin-bottom: -1em;
    padding-top: 1.5em;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #cccccc;
}

.center-headlines {
    max-width: 640px;
    font-size: 1.18em;
    font-style: italic !important;
    line-height: 1.5em;
    text-align: center;
    margin-top: 0em;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 2em;
}

.footnotes {
    max-width: 740px;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 1em;
    padding-bottom: 1.1em;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #cccccc;
}

.footnote-text {
    max-width: 640px;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: 1.1em;
    line-height: 1.8em;
}

.left-text {
    margin-top: 1em;
    margin-bottom: 0em;
    font-size: 1.1em;
    text-align: left;
    text-indent: 0em;
}

.right-text {
    margin-top: 1.1em;
    margin-bottom: 0em;
    text-align: right;
}

.center-text {
    margin-top: 1.1em;
    margin-bottom: 0em;
    text-align: center;
}


/* =========================================================
   9. Miscellaneous / Additional
   ========================================================= */

.research-title-spacing {
    font-size: 1.18em !important;
    margin-top: 3em;
    margin-bottom: 2em;
}

.indented-quote {
    max-width: 580px;
    margin-top: 0em;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 1em;
    font-size: 1.18em;
}

.indented-quote-para {
    max-width: 580px;
    margin-top: 0em;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 0em;
    font-size: 1.18em;
    text-indent: 2.5em;
}

.mouseover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mouseover:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.address-right {
    text-align: right;
    margin-top: 0em;
    margin-bottom: 0em;
}

.post .entry-title {
    margin-top: -1.1em;
    margin-bottom: 0em;
    padding-bottom: 0em;
}

.post-navigation {
    box-shadow: none !important;
    background-color: white;
    font-size: 1.1em !important;
    font-weight: normal !important;
}

.nav-previous a:link {
    color: blue !important;
}

.nav-previous a:visited {
    color: blue !important;
}

.nav-previous a:hover {
    color: #cc0000 !important;
}

.nav-next a:link {
    color: blue !important;
}

.nav-next a:hover {
    color: #cc0000 !important;
}

.smallcap {
    font-size: 1.1em;
    font-variant: small-caps;
    margin-bottom: .8em;
}

.single-thumb {
    display: none;
}

.cat-links {
    display: none;
}


/* =========================================================
   10. Mobile & Off‑Canvas
   ========================================================= */

.mobile-branding {
    display: none !important;
}

.mobile-menu {
    background-color: white !important;
}

.mobile-menu a:visited {
    color: black !important;
}

.mobile-menu a:hover {
    color: #cc0000 !important;
}

[off-canvas] {
    background-color: white !important;
}

/* =========================================================
   11. Mobile‑specific Typography (small screens)
   ========================================================= */

/* Small phones: up to 480px wide */
@media screen and (max-width: 480px) {

    /* Customized Mobile Talon CSS Code for Jacob Dinezon Website */

    /* Body text on phones */
    p {
        font-size: 1.15em !important;
    }

    /* Site title on phones (Home and inner pages) */
    h1.site-title,
    p.site-title {
        font-size: 2em !important;
        line-height: 1.2em !important;
    }

    /* Tagline / site description on phones (all pages) */
    p.site-description,
    .mobile-branding.site-description {
        font-size: 0.85em !important;
        line-height: 1.2em !important;
    }

    /* Optional: mobile-only title wrapper */
    .mobile-branding.site-title {
        font-size: 2em !important;
        line-height: 1.2em !important;
    }

    /* Blog/archive entry titles on phones */
    h4.entry-title {
        font-size: 1.2em !important;
        margin-top: 0em;
        padding-top: 1em;
    }

    /* Fix overlap: reset entry header margin on phones */
    .entry-header {
        margin-top: 0 !important;
    }

    /* Center thumbnails */
    .entry-thumb {
        text-align: center !important;
    }

    /* Reduce space between excerpt and next post on phones */
    .blog .hentry,
    .archive .hentry {
        margin-bottom: 1.5em !important;
    }

    blockquote {
        font-size: 1.1em !important;
        margin-top: .9em !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 1em !important;
    }
}

/* Large phones & tablets: 481px–768px wide */
@media screen and (min-width: 481px) and (max-width: 768px) {

    /* Body text on tablets / large phones */
    p {
        font-size: 1.1em !important;
        line-height: 1.7em !important;
    }

    /* Site title on tablets (Home and inner pages) */
    h1.site-title,
    p.site-title {
        font-size: 2.2em !important;
        line-height: 1.2em !important;
    }

    /* Tagline / site description on tablets (all pages) */
    p.site-description,
    .mobile-branding.site-description {
        font-size: 0.95em !important;
        line-height: 1.2em !important;
    }

    /* Optional: if Talon uses .mobile-branding wrapper here too */
    .mobile-branding.site-title {
        font-size: 2.2em !important;
        line-height: 1.2em !important;
    }

    /* Entry titles on tablets */
    h1.entry-title {
        font-size: 2.2em !important;
    }

    h4.entry-title {
        font-size: 1.8em !important;
    }

    /* Fix overlap: reset entry header margin on tablets */
    .entry-header {
        margin-top: 0 !important;
    }

    /* Reduce space between excerpt and next post on tablets */
    .blog .hentry,
    .archive .hentry {
        margin-bottom: 1.5em !important;
    }

    /* Footer text slightly smaller on tablets */
    .site-footer li {
        font-size: 0.75em;
    }
}

	/* Fix site title spacing to match Home page on all interior pages */
p.site-title {
    line-height: 1.2 !important;
}