/*
Theme Name: Marriage Road
Description: Child theme of GeneratePress restoring the Marriage and Family, God's Design site (seafoam rule, clock banner, Josefin Sans menu, dark scripture footer).
Template: generatepress
Version: 1.0.0
Text Domain: marriageroad
*/

:root{--mrd-sea:#94c5bf;--mrd-sea2:#6ca29b;--mrd-sea3:#458a81;--mrd-ink:#373737;--mrd-text:#464646;--mrd-muted:#8a8a8a;--mrd-line:#e6e6e6;--mrd-dark:#242424;--mrd-sans:'Open Sans',Helvetica,Arial,sans-serif;--mrd-nav:'Josefin Sans','Open Sans',sans-serif;--mrd-w:1060px}

body{background:#fff;color:var(--mrd-text);font-family:var(--mrd-sans);font-size:17px;line-height:1.8}
.site.grid-container,.site-content,.container.grid-container{max-width:none!important;padding:0!important;margin:0!important;background:transparent}
.site-content{display:block}
a{color:var(--mrd-sea2)}
a:hover,a:focus{color:var(--mrd-sea3)}
h1,h2,h3,h4{font-family:var(--mrd-sans);color:var(--mrd-ink)}
.mrd-wrap{max-width:var(--mrd-w);margin:0 auto;padding:0 24px;box-sizing:border-box}
.mrd-ico{display:inline-block;vertical-align:middle;flex:none}

/* header */
.mrd-rule{border-top:8px solid var(--mrd-sea)}
.mrd-header{background:#fff;border-bottom:1px solid #eee}
.mrd-header .mrd-wrap{display:flex;flex-direction:column;align-items:center;padding-top:34px;position:relative}
.mrd-wordmark{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#444;text-align:center}
.mrd-wordmark span{font:400 34px/1.15 var(--mrd-sans);text-transform:uppercase;letter-spacing:7px}
.mrd-wordmark small{font:600 14px var(--mrd-nav);text-transform:uppercase;letter-spacing:6px;color:var(--mrd-sea2);margin-top:8px}
.mrd-wordmark:hover{color:#444}
.mrd-nav{margin-top:20px}
.mrd-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.mrd-nav li{position:relative}
.mrd-nav a{display:block;margin:10px 15px;padding:2px 2px 1px;font:600 15px var(--mrd-nav);text-transform:uppercase;letter-spacing:2px;color:#666;text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent}
.mrd-nav a:hover{border-bottom:1px dashed #666;color:#444}
.mrd-nav .current-menu-item>a,.mrd-nav .current-menu-ancestor>a,.mrd-nav .current-menu-parent>a{border-bottom:1px solid #888}
.mrd-nav .sub-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:240px;background:#fff;border:1px solid #ddd;z-index:50;flex-direction:column;padding:4px 0}
.mrd-nav li:hover>.sub-menu,.mrd-nav li:focus-within>.sub-menu{display:flex}
.mrd-nav .sub-menu a{margin:0;padding:10px 16px;font-size:13px;border:0;text-align:left}
.mrd-nav .sub-menu a:hover{background:var(--mrd-sea);color:#fff;border:0}
.mrd-burger{display:none;background:none;border:0;color:#555;padding:8px;cursor:pointer}
.mrd-burger:hover,.mrd-burger:focus{background:none;color:var(--mrd-sea3)}

/* landing banner (home) */
.mrd-landing{background:url(img/dust.png) center/400px fixed;padding:30px 0}
.mrd-landing__row{display:grid;grid-template-columns:1fr 400px;gap:50px;align-items:center}
.mrd-landing__text h1{font:300 40px/1.15 var(--mrd-sans);letter-spacing:2px;text-transform:uppercase;margin:4px 0 18px;color:var(--mrd-ink)}
.mrd-landing__text blockquote{margin:0 0 24px;padding:0 0 0 20px;border-left:4px solid var(--mrd-sea);font-style:italic;color:#555;font-size:18px;line-height:1.65}
.mrd-landing__text cite{display:block;margin-top:10px;font-style:normal;font:600 12px var(--mrd-nav);letter-spacing:2px;text-transform:uppercase;color:var(--mrd-sea3)}
.mrd-landing__img img{display:block;width:100%;height:auto;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.mrd-band__kicker{display:inline-block;font:600 13px var(--mrd-nav);letter-spacing:3px;text-transform:uppercase;color:var(--mrd-sea3)}
.mrd-band__kicker a{color:var(--mrd-sea3);text-decoration:none}

/* page band */
.mrd-band{background:url(img/dust.png) center/400px fixed;padding:46px 0 42px;text-align:center;border-bottom:1px solid #eee}
.mrd-band h1{font:300 34px/1.25 var(--mrd-sans);letter-spacing:3px;text-transform:uppercase;margin:6px 0 6px;color:var(--mrd-ink)}
.mrd-band p{margin:0;font-size:14px;color:var(--mrd-muted);font-style:italic}
.mrd-band p span{margin:0 6px}

/* buttons */
.mrd-btn{display:inline-block;background:var(--mrd-sea);color:#fff;font:500 14px var(--mrd-sans);letter-spacing:1px;text-transform:uppercase;padding:9px 20px;border-radius:2px;text-decoration:none;transition:background .2s}
.mrd-btn:hover{background:var(--mrd-sea2);color:#fff}
.mrd-btn--light{background:#333}
.mrd-btn--light:hover{background:#000}

/* reading content */
.mrd-read{max-width:820px;padding-top:44px;padding-bottom:60px}
.mrd-content{font-size:18px;line-height:1.85;color:var(--mrd-text)}
.mrd-content p{margin:0 0 1.1em}
.mrd-content h2{font-size:24px;font-weight:400;letter-spacing:1px;margin:1.4em 0 .5em;color:var(--mrd-ink)}
.mrd-content>h2:first-child{margin-top:0}
.mrd-content a{border-bottom:1px solid var(--mrd-sea2);text-decoration:none}
.mrd-content a:hover{border-color:var(--mrd-sea3)}
.mrd-content em{color:#555}
.mrd-content blockquote{font-style:italic;border-left:4px solid #ddd;margin:0 0 1.2em;padding-left:20px;color:#777}
.mrd-content img{max-width:100%;height:auto}
.mrd-content ul,.mrd-content ol{margin:0 0 1.2em 1.4em}
.mrd-content strong{color:var(--mrd-ink)}

/* series prev/next + post prev/next */
.mrd-pn{display:flex;justify-content:space-between;gap:20px;margin:44px 0 0;padding-top:24px;border-top:1px solid var(--mrd-line)}
.mrd-pn a{display:flex;align-items:center;gap:12px;max-width:48%;text-decoration:none;color:var(--mrd-ink);font:600 15px var(--mrd-nav);letter-spacing:1px;text-transform:uppercase;line-height:1.4}
.mrd-pn em{display:block;font:italic 13px var(--mrd-sans);text-transform:none;letter-spacing:0;color:var(--mrd-muted)}
.mrd-pn__next{margin-left:auto;text-align:right}
.mrd-pn .mrd-ico{width:22px;height:22px;color:var(--mrd-sea2)}

/* home */
.mrd-home-intro{max-width:880px;padding-top:54px;padding-bottom:30px}
.mrd-home-intro .mrd-content>h2:first-child{display:none}
.mrd-home-intro .mrd-content img{float:right;margin:4px 0 14px 24px;padding:3px;border:1px solid #ddd}
.mrd-home-intro .mrd-content::after{content:"";display:table;clear:both}
.mrd-section-head{text-align:center;margin:0 0 28px}
.mrd-section-head h2{font:300 30px/1.2 var(--mrd-sans);letter-spacing:3px;text-transform:uppercase;margin:6px 0 8px}
.mrd-section-head p{margin:0 auto;max-width:560px;color:var(--mrd-muted);font-style:italic;font-size:16px}
.mrd-series-wrap{background:#f6f8f8;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:54px 0;margin-top:30px}
.mrd-series{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mrd-series a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e3e9e8;border-top:4px solid var(--mrd-sea);padding:20px 18px 22px;text-decoration:none;color:var(--mrd-text);transition:transform .2s,box-shadow .2s;box-sizing:border-box}
.mrd-series a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.07)}
.mrd-series__n{font:700 30px var(--mrd-nav);color:var(--mrd-sea)}
.mrd-series strong{font:600 15px var(--mrd-nav);letter-spacing:1.5px;text-transform:uppercase;color:var(--mrd-ink);margin:6px 0 4px}
.mrd-series em{font-size:15px;color:var(--mrd-sea3)}
.mrd-series__d{font-size:14px;line-height:1.5;color:var(--mrd-muted);margin-top:8px}
.mrd-home-blog{padding-top:56px;padding-bottom:50px}
.mrd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mrd-cards .mrd-entry-card{border:1px solid var(--mrd-line);padding:24px 22px;margin:0}
.mrd-family-photo{background:url(img/dust.png) center/400px;padding:30px 24px}
.mrd-family-photo img{display:block;max-width:960px;width:100%;height:auto;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.12)}

/* blog */
.mrd-blog{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;padding-top:44px;padding-bottom:60px;align-items:start}
.mrd-entry-card{margin:0 0 34px;padding:0 0 34px;border-bottom:1px solid var(--mrd-line)}
.mrd-kicker{font:600 12px var(--mrd-nav);letter-spacing:2.5px;text-transform:uppercase;color:var(--mrd-sea3);text-decoration:none}
.mrd-entry-card h2{font-size:22px;font-weight:400;letter-spacing:1px;line-height:1.3;margin:6px 0 4px}
.mrd-entry-card h2 a{color:var(--mrd-ink);text-decoration:none}
.mrd-entry-card h2 a:hover{color:var(--mrd-sea3)}
.mrd-date{display:block;font-size:13px;font-style:italic;color:var(--mrd-muted);margin-bottom:10px}
.mrd-entry-card p{margin:0 0 16px;font-size:16px;line-height:1.75}
.mrd-side__block{margin:0 0 30px}
.mrd-side h3{font:600 14px var(--mrd-nav);letter-spacing:2px;text-transform:uppercase;color:var(--mrd-ink);border-bottom:2px solid var(--mrd-sea);padding-bottom:6px;margin:0 0 10px}
.mrd-side ul{list-style:none;margin:0;padding:0}
.mrd-side li a{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:var(--mrd-text);font-size:15px}
.mrd-side li a:hover{color:var(--mrd-sea3)}
.mrd-side li span{color:var(--mrd-muted)}
.mrd-rss{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--mrd-nav);letter-spacing:2px;text-transform:uppercase;text-decoration:none}
.mrd-pager{display:flex;justify-content:space-between;font:600 14px var(--mrd-nav);letter-spacing:2px;text-transform:uppercase}
.mrd-pager a{text-decoration:none}
.mrd-pager a:last-child:not(:first-child){margin-left:auto}

/* comments (GeneratePress markup) */
.comments-area{margin-top:50px}
.comments-area .comments-title,.comment-reply-title{font:600 16px var(--mrd-nav);letter-spacing:2px;text-transform:uppercase;color:var(--mrd-ink)}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{border:1px solid #ccc;border-radius:2px;background:#fff}
.comment-respond .submit,.comment-respond input[type=submit]{background:var(--mrd-sea);border-radius:2px;text-transform:uppercase;letter-spacing:1px}
.comment-respond .submit:hover{background:var(--mrd-sea2)}

/* footer */
.site-footer{background:var(--mrd-dark)}
.mrd-footer{background:var(--mrd-dark);color:#ccc;padding:54px 0 0}
.mrd-footer__grid{display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:44px}
.mrd-footer__mark{display:flex;flex-direction:column;font:400 18px var(--mrd-sans);text-transform:uppercase;letter-spacing:4px;color:#fff}
.mrd-footer__mark small{font:600 12px var(--mrd-nav);letter-spacing:4px;color:var(--mrd-sea);margin-top:4px}
.mrd-footer p{margin:14px 0 0;font-size:14px;line-height:1.7;color:#aaa}
.mrd-footer h4{font:600 13px var(--mrd-nav);letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 10px}
.mrd-footer__links{list-style:none;margin:0;padding:0}
.mrd-footer__links a{display:block;padding:3px 0;color:#bbb;text-decoration:none;font-size:14px}
.mrd-footer__links a:hover{color:var(--mrd-sea)}
.mrd-footer__verse blockquote{margin:0;border-left:4px solid #555;padding:4px 0 4px 20px;font-style:italic;color:#ddd;font-size:19px;line-height:1.6}
.mrd-footer__verse cite{display:block;margin-top:10px;font:600 12px var(--mrd-nav);font-style:normal;letter-spacing:2px;text-transform:uppercase;color:var(--mrd-sea)}
.mrd-footer__base{display:flex;justify-content:space-between;margin-top:44px;padding-top:18px;padding-bottom:18px;border-top:1px solid #383838;font:600 13px var(--mrd-sans);text-transform:uppercase;letter-spacing:1px;color:#fff}
.generate-back-to-top{background:var(--mrd-sea)!important}

/* responsive */
@media (max-width:1000px){.mrd-series{grid-template-columns:repeat(2,1fr)}.mrd-series li:last-child{grid-column:1/-1}.mrd-blog{grid-template-columns:1fr;gap:20px}.mrd-cards{grid-template-columns:1fr}.mrd-landing__row{grid-template-columns:1fr 300px;gap:30px}}
@media (max-width:767px){
body{font-size:16px}
.mrd-wrap{padding:0 16px}
.mrd-header .mrd-wrap{padding-top:22px;padding-bottom:12px}
.mrd-wordmark span{font-size:21px;letter-spacing:4px}
.mrd-wordmark small{font-size:12px;letter-spacing:4px}
.mrd-burger{display:block;position:absolute;right:8px;top:18px}
.mrd-nav{display:none;width:100%;margin-top:10px}
body.mrd-menu-open .mrd-nav{display:block}
.mrd-nav ul{flex-direction:column}
.mrd-nav a{margin:0;padding:11px 4px;border-bottom:1px solid #eee;text-align:center}
.mrd-nav .sub-menu{display:flex;position:static;transform:none;border:0;padding:0;background:#f8f8f8}
.mrd-nav .sub-menu a{text-align:center}
.mrd-landing__row{grid-template-columns:1fr}
.mrd-landing__img{order:-1}
.mrd-landing__text h1{font-size:28px}
.mrd-band{padding:32px 0 28px;background-attachment:scroll}
.mrd-landing{background-attachment:scroll}
.mrd-band h1{font-size:24px;letter-spacing:2px}
.mrd-content{font-size:17px}
.mrd-home-intro .mrd-content img{float:none;display:block;margin:0 auto 16px}
.mrd-series{grid-template-columns:1fr}
.mrd-section-head h2{font-size:24px}
.mrd-pn{flex-direction:column}.mrd-pn a{max-width:100%}
.mrd-footer__grid{grid-template-columns:1fr;gap:28px}
.mrd-footer__base{flex-direction:column;gap:4px}
}
.mrd-sep{display:block;height:1px;background:var(--mrd-sea);margin:14px 0;width:100%}
@media (max-width:767px){.mrd-wordmark{padding:0 34px}.mrd-wordmark span{font-size:19px;letter-spacing:3px}}