/*
Theme Name: Steel Magnolias Digest
Theme URI: https://steelmagnoliaspodcast.com
Description: Editorial child theme for Steel Magnolias Digest. Southern culture and digital literacy magazine.
Author: Steel Magnolias Digest
Template: onepress
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: steelmag
*/

@font-face{
font-family:"SMFraunces";
src:url("assets/fonts/fraunces-600.woff2") format("woff2");
font-weight:600;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"SMFraunces";
src:url("assets/fonts/fraunces-600-italic.woff2") format("woff2");
font-weight:600;
font-style:italic;
font-display:swap;
}
@font-face{
font-family:"SMSerifKR";
src:url("assets/fonts/notoserifkr-400.woff2") format("woff2");
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"SMSerifKR";
src:url("assets/fonts/notoserifkr-600.woff2") format("woff2");
font-weight:600;
font-style:normal;
font-display:swap;
}

:root{
--smd-butter:#f6e3a0;
--smd-honey:#efd57d;
--smd-cream:#fdf7e4;
--smd-card:#fffdf4;
--smd-espresso:#2b2012;
--smd-espresso-deep:#201809;
--smd-cocoa:#5a4426;
--smd-amber:#bf8624;
--smd-amber-soft:#d8a949;
--smd-rust:#9f5320;
--smd-ink:#2e2415;
--smd-stone:#705f41;
--smd-line:#e0cc8e;
--smd-line-soft:#ecdfb4;
--wp--preset--color--primary:#9f5320;
}

body,
body.home,
body.page,
body.blog{
background-color:var(--smd-butter);
color:var(--smd-ink);
font-family:"SMSerifKR",serif;
line-height:1.8;
}

h1,h2,h3,h4,h5,h6,
.site-title,
.entry-title,
.widget-title,
.page-header .entry-title{
font-family:"SMFraunces","SMSerifKR",serif;
color:var(--smd-espresso);
}

a{color:var(--smd-rust)}
a:hover{color:var(--smd-amber)}

.site-header,
.is-transparent .site-header.header-fixed,
.site-header.header-fixed{
background-color:var(--smd-espresso) !important;
border-bottom:3px solid var(--smd-amber) !important;
}
.site-branding{text-align:center}
.site-title a,
.site-text-logo{
color:var(--smd-butter) !important;
font-family:"SMFraunces",serif;
letter-spacing:0.12em;
text-transform:uppercase;
}
.site-title::before{
content:"";
display:block;
width:40px;
height:40px;
margin:0 auto 10px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
background-image:url("assets/images/magnolia.svg");
}

.onepress-menu>li>a{
color:var(--smd-honey) !important;
font-family:"SMFraunces",serif;
letter-spacing:0.1em;
text-transform:uppercase;
font-size:0.92rem;
}
.onepress-menu>li>a:hover,
.onepress-menu li.current-menu-item>a{
color:var(--smd-butter) !important;
}
#nav-toggle{color:var(--smd-honey)}

.page-header{
background-color:var(--smd-cream);
border-bottom:1px solid var(--smd-line);
padding:34px 0;
}
.page-header .entry-title{
color:var(--smd-espresso);
text-align:center;
}

.site-content,
#content{background-color:var(--smd-butter)}

.blog-posts-loop__row{margin-top:20px}
.blog-posts-loop__col{flex:0 0 100% !important;max-width:100% !important;margin-bottom:22px}
.blog-posts-loop__col>article.list-article{width:100%}
.list-article{
position:relative;
background-color:var(--smd-card);
border:1px solid var(--smd-line-soft);
border-left:4px solid var(--smd-rust);
padding:28px 34px 26px !important;
box-shadow:0 2px 8px rgba(60,42,16,0.07);
transition:box-shadow .2s ease, transform .2s ease;
}
.list-article:hover{box-shadow:0 7px 20px rgba(60,42,16,0.13);transform:translateY(-2px)}

.list-article-meta a{
color:var(--smd-rust);
font-family:"SMFraunces",serif;
font-size:0.74rem;
letter-spacing:0.16em;
text-transform:uppercase;
}
.list-article .entry-title{margin:8px 0 12px}
.list-article .entry-title a{
color:var(--smd-ink);
font-family:"SMSerifKR",serif;
font-weight:600;
font-size:1.16rem;
line-height:1.45;
}
.list-article .entry-title a:hover{color:var(--smd-rust)}
.entry-excerpt{color:var(--smd-cocoa);font-size:0.93rem;line-height:1.72}

.sidebar .widget{
background-color:var(--smd-card);
border:1px solid var(--smd-line-soft);
padding:22px 22px 24px;
}
.sidebar .widget-title,
.sidebar .widget .wp-block-heading{
font-family:"SMFraunces",serif;
color:var(--smd-espresso);
border-bottom:1px solid var(--smd-line);
padding-bottom:10px;
}
.sidebar .widget a{color:var(--smd-rust)}
.sidebar .widget a:hover{color:var(--smd-amber)}
.wp-block-search__button,
.search-submit,
.btn-theme-primary{
background-color:var(--smd-espresso) !important;
color:var(--smd-butter) !important;
border-color:var(--smd-espresso) !important;
font-family:"SMFraunces",serif;
}

.entry-content{color:var(--smd-ink)}
.entry-content a{color:var(--smd-rust)}
.entry-content h2,
.entry-content h3{color:var(--smd-espresso)}

.nav-links a,
.nav-links .page-numbers{
background-color:var(--smd-cream);
color:var(--smd-rust);
border:1px solid var(--smd-line);
}
.nav-links a:hover,
.nav-links .page-numbers.current{
background-color:var(--smd-espresso) !important;
color:var(--smd-butter) !important;
}

.site-footer,
#colophon{
background-color:var(--smd-espresso) !important;
color:var(--smd-honey);
}
.site-footer .site-info{color:var(--smd-honey)}
.site-footer .site-info a{color:var(--smd-amber-soft)}
.site-footer .site-info a:hover{color:var(--smd-butter)}
.site-footer .widget-title{color:var(--smd-amber-soft);font-family:"SMFraunces",serif}
.site-footer a{color:#e3d2a4}
.site-footer a:hover{color:var(--smd-butter)}
.site-footer .btt a{
background-color:var(--smd-amber);
color:var(--smd-espresso);
}

.list-article-thumb{display:none !important}

.list-article-content{padding:0 !important;margin:0 !important}
.list-article-meta{margin:0 0 12px;line-height:1.45}
.list-article .entry-header{margin:0 0 14px;padding:0}
.list-article .entry-title{margin:0;line-height:1.42}
.list-article .entry-excerpt{margin:0}
.list-article .entry-excerpt p{margin:0 0 0.85em;line-height:1.72}
.list-article .entry-excerpt p:last-child{margin-bottom:0}

.list-article .smd-more-wrap{margin:14px 0 0}
.list-article .more-link{
display:inline-block;
margin-top:14px;
font-family:"SMFraunces",serif;
font-size:0.78rem;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--smd-espresso);
border-bottom:1px solid var(--smd-line);
padding-bottom:2px;
}
.list-article .more-link:hover{
color:var(--smd-rust);
border-bottom-color:var(--smd-amber);
}
.entry-excerpt{color:var(--smd-cocoa)}
.entry-excerpt>*:first-child{margin-top:0}

.site-header .custom-logo-link,
.site-header .site-logo-div{display:none !important}
.site-header .site-branding .site-title{display:block !important;margin:0}
.site-header .site-title .site-text-logo{
display:inline-block !important;
color:var(--smd-butter) !important;
}

@media (max-width:768px){
.site-title::before{width:34px;height:34px}
.list-article{padding:26px 22px 24px}
}