/* His Amazing Grace - studies. Colors/fonts match the existing site (Fraunces / Newsreader, navy #0F2340, gold #B38B4D, cream #FBF6EE). */
.hag-study-tags{display:inline-block;margin:0 0 14px;padding:8px 16px;background:#FBF6EE;border-radius:39px;font-family:"Newsreader",serif;font-size:16px;line-height:1.3;color:#0F2340}
.hag-study-tags a{color:inherit;text-decoration:none}
.hag-study-tags a:hover{color:#B38B4D}
.hag-study-subtitle{margin:-6px 0 18px;font-family:"Newsreader",serif;font-style:italic;font-size:18px;color:#B38B4D}

/* Study body (post content) */
.hag-study-body{font-family:"Newsreader",serif;font-size:17px;line-height:1.75;color:#2a2f3a}
.hag-study-body p{margin:0 0 1.1em}
.elementor-widget.hag-study-body p,.elementor-widget.hag-study-body li,.elementor-widget.hag-study-body blockquote{font-family:"Newsreader",serif;color:#2A2F3A}
.hag-study-body h2{font-family:"Fraunces",serif;font-weight:700;font-size:24px;line-height:1.3;color:#0F2340;margin:1.8em 0 .6em}
.hag-study-body ul,.hag-study-body ol{margin:0 0 1.3em 1.4em;padding:0}
.hag-study-body li{margin:0 0 .6em;padding-left:.2em}
.hag-study-body blockquote{margin:0 0 1.4em;padding:20px 22px;background:#FBF6EE;border:0;border-left:5px solid #B38B4D;border-radius:0 10px 10px 0;font-style:normal}
.hag-study-body blockquote p{margin:0 0 .7em}
.hag-study-body blockquote p:last-child{margin-bottom:0}
.hag-study-body .study-ref{font-family:"Fraunces",serif;font-weight:700;font-size:15px;color:#B38B4D;letter-spacing:.02em;text-align:right}
.hag-study-body .study-note{font-size:15px;color:#6b6b6b}
.hag-study-back{margin:28px 0 0;font-family:"Newsreader",serif;font-size:16px}
.hag-study-back a{color:#B38B4D;text-decoration:none;font-weight:600}
.hag-study-back a:hover{color:#0F2340}

/* Library A-Z list */
.hag-library{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hag-library-item{display:block;padding:18px 22px;background:#FBF6EE;border-left:5px solid #B38B4D;border-radius:0 12px 12px 0;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.hag-library-item:hover,.hag-library-item:focus-within{transform:translateX(4px);box-shadow:0 8px 24px rgba(15,35,64,.10)}
.hag-library-title{display:block;font-family:"Fraunces",serif;font-weight:700;font-size:22px;line-height:1.3;color:#0F2340}
.hag-library-subtitle{display:block;font-family:"Newsreader",serif;font-style:italic;font-size:16px;color:#B38B4D;margin-top:2px}
.hag-library-topics{display:block;font-family:"Newsreader",serif;font-size:15px;color:#5b6170;margin-top:6px}
.hag-library-empty{font-family:"Newsreader",serif;font-style:italic;color:#5b6170}
@media (max-width:767px){.hag-study-body{font-size:16px}.hag-study-body h2{font-size:21px}.hag-library-title{font-size:19px}}
/* Word Study verse boxes: reference on top, the way Chris writes them */
.hag-study-body .study-ref-lead,.hag-study-body .study-ref-lead a{font-family:"Fraunces",serif;font-weight:700;font-size:15px;letter-spacing:.04em;color:#B38B4D;margin:0 0 .35em;text-transform:uppercase}
.hag-study-body .study-verse-lead p:not(.study-ref-lead){font-style:italic}
.hag-study-body .hag-study-qa{border-top:1px solid #d9cdb5;margin-top:2.5em;padding-top:.5em}
.hag-study-body .hag-study-qa h3{font-family:"Fraunces",serif;font-weight:700;font-size:20px;line-height:1.4;color:#0f2340;margin:1.4em 0 .6em}
.hag-study-body .hag-study-qa a{text-decoration:underline;text-underline-offset:.12em}
@media(max-width:767px){.hag-study-body .hag-study-qa h3{font-size:19px}}
.hag-caps-ref,.hag-caps-ref a{text-transform:uppercase}
/* Library header (v1.3.0): whole banner beside the welcome paragraph */
.hag-library-header .hag-library-banner img{display:block;height:auto;margin:0 auto}
.hag-library-intro p{margin:0}
/* Sitewide (v1.3.1): page wider than the screen. The home page's slide-in / bounce-in
   animations start each block off to the right, which made the page ~1,300px wide on phones
   (and wider on computers while loading) until every animation had played. Keep the page to
   the screen width. "clip" does not break sticky elements; "hidden" is the fallback. */
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}

/* Shared Topics: retain the library row; title and topic links are separate. */
.hag-library-item a{text-decoration:none}
.hag-library-topics a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hag-library-item a:focus-visible,.hag-study-tags a:focus-visible{outline:2px solid #0F2340;outline-offset:3px}
.hag-topic-archive{max-width:1140px;margin:0 auto;padding:48px 24px 64px;color:#2A2F3A;font-family:"Newsreader",serif}
.hag-topic-archive h1,.hag-topic-archive h2{font-family:"Fraunces",serif;color:#0F2340;line-height:1.2}
.hag-topic-archive h1{font-size:clamp(30px,5vw,44px);margin:0 0 16px}
.hag-topic-archive h2{font-size:26px;margin:32px 0 18px}
.hag-topic-description{font-size:19px;line-height:1.6;margin:0 0 28px}
.hag-topic-archive .hag-library-item,.hag-all-topics .hag-library-item{overflow-wrap:anywhere}
.hag-topic-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:16px 0}
@media(max-width:767px){.hag-topic-archive{padding:32px 20px 48px}}
@media(prefers-reduced-motion:reduce){.hag-library-item{transition:none}.hag-library-item:hover,.hag-library-item:focus-within{transform:none}}

/* Step 3 review polish: quiet topic links and the existing white library card. */
.hag-study-tags a,.hag-library-topics a{color:inherit;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px}
.hag-study-tags a:hover,.hag-study-tags a:focus-visible,.hag-library-topics a:hover,.hag-library-topics a:focus-visible{color:#B38B4D;text-decoration-style:solid;outline-offset:3px}
.hag-study-tags a:focus-visible,.hag-library-topics a:focus-visible{outline:2px solid #0F2340}
.hag-library-card{max-width:900px;margin:0 auto;padding:38px;background:#FFFFFF;border-radius:18px;box-shadow:0 20px 50px 22px rgba(15,35,64,.12)}
.hag-library-card .hag-topic-group:first-child h2{margin-top:0}
.hag-devo-library-date{display:block;font-family:"Newsreader",serif;color:#5b6170;font-size:15px;margin-bottom:6px}
.hag-devo-library-nav{display:flex;justify-content:space-between;gap:24px;margin-top:24px}
@media(max-width:767px){.hag-library-card{padding:30px 15px}}

/* Explicit topic-link decoration wins over Elementor's generic link shorthand. */
.hag-library-topics a,.hag-study-tags a,.elementor .hag-library-topics a,.elementor .hag-study-tags a,.hag-topic-archive .hag-library-topics a{
 text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:3px;
}
.hag-library-topics a:hover,.hag-library-topics a:focus-visible,.hag-study-tags a:hover,.hag-study-tags a:focus-visible,.elementor .hag-library-topics a:hover,.elementor .hag-library-topics a:focus-visible,.elementor .hag-study-tags a:hover,.elementor .hag-study-tags a:focus-visible,.hag-topic-archive .hag-library-topics a:hover,.hag-topic-archive .hag-library-topics a:focus-visible{
 color:#B38B4D;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;
}
/* v1.10.6: no entrance motion in the header / menu bar (Chris, Oct 27 2026). Sticky behaviour stays. */
.elementor-location-header .elementor-invisible{visibility:visible!important}
.elementor-location-header .animated,.elementor-location-header [class*="animated-"]{animation:none!important;-webkit-animation:none!important;opacity:1!important}

/* v1.10.7: readable contrast (darker shades of the same gray and gold; no layout change) */
.elementor-element-837232c p,.elementor-element-484489a p,.elementor-element-15ce8d1b p,.elementor-element-9219f17 p,.elementor-element-bbb20dd p,.elementor-element-ca52fa6 p,.elementor-element-cafc90a p,.elementor-element-c61c9e6 p,.elementor-element-c61c9e6 .jp-relatedposts-post-context{color:#2a2f3a!important}
.elementor-post__excerpt p{color:#4a505c!important}
.elementor-post-date,.elementor-post-avatar,.elementor-post__meta-data span{color:#5b6170!important}
.rtBibleRef,.rtBibleRef a,.hag-study-body .study-ref,.hag-study-body .study-ref-lead,.hag-study-body .study-ref-lead a,.hag-study-subtitle,.hag-library-subtitle,.hag-study-back a{color:#825b22!important}
.elementor-widget-form .elementor-button,.elementor-element-9ca3ab4 .elementor-button{background-color:#825b22!important;color:#fff!important}

/* v1.10.7: scripture references carry an inline gold (#b38b4d, 3:1); darker gold passes AA */
.scripture-ref, .scripture-ref[style] { color: #825b22 !important; }
html body a.rtBibleRef, html body .scripture-ref a.rtBibleRef, html body a.rtBibleRef:visited { color: #825b22 !important; }

/* v1.10.7: no slide-in on the footer or any form (Prayer, footer contact) */
.elementor-location-footer .elementor-invisible,.elementor-widget-form.elementor-invisible,.elementor-widget-form.animated,.elementor-location-footer .animated,.elementor-location-footer [class*="animated-"],.elementor-widget-form[class*="animated-"]{visibility:visible!important;animation:none!important;-webkit-animation:none!important;opacity:1!important;transform:none!important}

/* v1.10.7: no entrance animations anywhere (smooth scrolling and hover nudges kept) (Billy, Oct 27). Sliders/galleries still work when clicked. */
.elementor-invisible{visibility:visible!important;opacity:1!important}
.elementor-element,.elementor-column,.elementor-widget,.animated,[class*="animated-"]{animation:none!important;-webkit-animation:none!important}
.animated,[class*="animated-"]{opacity:1!important}

/* v1.11.1 design pass (Billy, Oct 28 2026): footer alignment, slim text-size bar on phones, narrower reading columns, softer card shadows. */
/* Footer on tablet and phone: the two columns stack at full width; heading, list and icons share the card's left edge. */
@media (max-width:1024px){
.elementor-location-footer .elementor-element-9569228>.elementor-container>.elementor-column{width:100%!important}
.elementor-location-footer .elementor-element-26c3f1c>.elementor-widget-wrap{padding-left:0!important;padding-right:0!important}
.elementor-location-footer .elementor-element-88f96e3{width:100%;max-width:none}
}
/* Text-size bar on phones: one slim strip instead of a tall pill with big margins. */
@media (max-width:767px){
html body .font-size-controls{width:auto;max-width:none;margin:0;padding:3px 8px;gap:6px;border:0;border-bottom:1px solid #e3d3b5;border-radius:0;justify-content:flex-end}
html body .font-size-controls::before{font-size:13px;margin:0 4px 0 0}
html body .font-size-controls .font-size-btn{width:36px;height:30px;font-size:15px}
}
/* Reading columns on computers: text blocks stop at about 95 characters a line. */
@media (min-width:900px){
.elementor-element-15ce8d1b,.elementor-element-837232c,.elementor-element-0e3ddca,.elementor-element-c61c9e6,.elementor-element-484489a,.elementor-element-9219f17,.elementor-element-bbb20dd,.elementor-element-ca52fa6,.elementor-element-cafc90a{max-width:760px;margin-left:0;margin-right:auto}
}
/* Softer card shadows (were a 22px spread halo). */
.elementor-element-3222cf7>.elementor-widget-wrap,.elementor-element-3a2ec6ce>.elementor-widget-wrap,.elementor-element-44644a13>.elementor-widget-wrap,.elementor-element-47f24a1b>.elementor-widget-wrap,.elementor-element-62c3309>.elementor-widget-wrap,.elementor-element-df8a686>.elementor-widget-wrap,.hag-library-card,.hag-signup{box-shadow:0 6px 22px rgba(15,35,64,.08)!important}
.elementor-post__card{box-shadow:0 2px 10px rgba(15,35,64,.08)!important}
.elementor-element-fe2f080 img,.elementor-element-32e4103 img,img.wp-image-1687,img.wp-image-1686{box-shadow:0 6px 18px rgba(15,35,64,.12)!important}.elementor-element-1976eb91>.elementor-widget-wrap,.elementor-element-393e473>.elementor-widget-wrap,.elementor-element-fc4bf8e>.elementor-widget-wrap{box-shadow:0 6px 22px rgba(15,35,64,.08)!important}

/* v1.11.2 design pass 2 (Billy, Oct 28 2026): one font family, one button style, blog card avatar, banner heights and phone focus. */
/* Fonts: Newsreader for text and forms, Fraunces for headings (no more Roboto or system fonts in the page content). */
.elementor-field-label,.elementor-field-group .elementor-field,.elementor-field-group select,.elementor-field-group textarea,.hag-signup,.hag-signup *,.elementor-post__excerpt,.elementor-post__excerpt p,.elementor-post__badge,.elementor-post__meta-data,.elementor-post__meta-data span,.filter-title,.select2-selection__rendered,.select2-results__option,.hag-book-latest-label{font-family:"Newsreader",Georgia,serif!important}
.hag-signup h1,.hag-signup h2,.hag-signup h3,.hag-latest-devotional h2,.home .elementor-widget-heading h2.elementor-heading-title,h1.entry-title{font-family:"Fraunces",Georgia,serif}
body.page-id-1429 h1.entry-title{font-family:inherit}
.elementor-post__badge{font-weight:700;letter-spacing:.04em}
/* Buttons: one size, one shape, one type style everywhere (Home pill buttons set the standard). */
.elementor-button,.hag-book-button,.hag-signup button,.hag-signup input[type=submit],.elementor-location-footer .elementor-button{font-family:"Newsreader",Georgia,serif!important;font-size:15px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;line-height:1.2!important;min-height:48px;padding:13px 28px!important;border-radius:999px!important;box-sizing:border-box;text-align:center}
.hag-book-button,.hag-signup button{display:inline-flex;align-items:center;justify-content:center}
.elementor-button .elementor-button-text{font:inherit!important;text-transform:inherit!important;letter-spacing:inherit!important}
/* Blog cards: author photo sits under the thumbnail instead of covering its bottom edge. */
.elementor-posts .elementor-post__avatar{position:static!important;top:auto!important;height:auto!important;margin:14px 30px -10px!important;padding:0!important}
.elementor-posts .elementor-post__avatar img{width:44px!important;height:44px!important;margin:0!important;border:0;box-shadow:none!important}
.elementor-posts .elementor-post__avatar+.elementor-post__text{margin-top:10px}
/* Page banners: 80vh was too tall on tablets and phones; show the whole picture and keep the subject in view. */
@media (max-width:1024px){
.elementor-element-81d88e9,.elementor-element-280edeb1,.elementor-element-816e62e,.elementor-element-2075d691,.elementor-element-6471bc3e,.elementor-element-25b485d0,.elementor-element-17794318{min-height:50vh!important}
}
@media (max-width:767px){
.elementor-element-81d88e9,.elementor-element-280edeb1,.elementor-element-816e62e,.elementor-element-2075d691,.elementor-element-6471bc3e,.elementor-element-25b485d0,.elementor-element-17794318{min-height:40vh!important}
.elementor-element-81d88e9{background-position:42% center!important}
.elementor-element-280edeb1{background-position:35% center!important}
.elementor-element-816e62e{background-position:52% center!important}
.elementor-element-239b03e8,.elementor-element-7daa84c3{background-position:40% center!important}
.elementor-element-2075d691,.elementor-element-6471bc3e,.elementor-element-25b485d0,.elementor-element-17794318{background-position:38% center!important}
}
/* Posts: pictures floated to the side squeeze the text on phones; stack them above the text instead (Oct 28). */
@media (max-width:767px){
.elementor-widget-theme-post-content figure.alignleft,.elementor-widget-theme-post-content figure.alignright,.elementor-widget-theme-post-content .wp-block-image .alignleft,.elementor-widget-theme-post-content .wp-block-image .alignright{float:none!important;display:block;margin:20px auto!important;max-width:100%!important;text-align:center}
.elementor-widget-theme-post-content figure.alignleft img,.elementor-widget-theme-post-content figure.alignright img{max-width:100%;height:auto;margin:0 auto}
.elementor-widget-theme-post-content figure.alignleft figcaption,.elementor-widget-theme-post-content figure.alignright figcaption{text-align:center}
.elementor-widget-theme-post-content figure.alignleft figcaption,.elementor-widget-theme-post-content figure.alignright figcaption{display:block!important;width:100%!important;max-width:none!important;margin:8px 0 0!important;box-sizing:border-box}
}

/* Reading width: Prayer, Giving and What We Believe text was 760 px at 16 px (about 95 characters a line); now about 70 (Oct 28). */
@media (min-width:768px){
body.page-id-1275 .elementor-widget-text-editor,body.page-id-1119 .elementor-widget-text-editor,body.page-id-1231 .elementor-widget-text-editor{max-width:620px}
body.page-id-1275 .elementor-widget-text-editor p,body.page-id-1119 .elementor-widget-text-editor p,body.page-id-1231 .elementor-widget-text-editor p,body.page-id-1231 .elementor-widget-text-editor li{font-size:18px;line-height:1.7}
}