/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0.0
*/
:root{
  --bg: #FAFAFA;
  --text: #2A2A2A;
  --text-muted: #999999;
  --sand: #F2E7D8;
  --sand-dark: #ECDCC6;
  --border: #eeeeee;
  --primary: #C2410C;
  --primary-hover: #9A3412;
  --focus: #F6C6A6;
}
html {
	 scroll-behavior: smooth;
}
body { 
	font-family: "Nunito", sans-serif, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; 
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background: var(--bg);
  color: var(--text);
}
.full-width-content.no-sidebar.separate-containers .site-main {
  max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.main-navigation, .main-navigation ul ul, .site-info, .site-header, .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
  background: var(--bg);
}
.shadow {
  box-shadow: 2px 2px 16px hsl(0deg 0% 0% / 0.05);
  border: 2px solid var(--border);;

}
/* Reading column */
.entry-content {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.7;
}
.home .entry-header {
  background: url(assets/suttaday-hero.jpg) center center no-repeat;
  height:475px;
}
.site-branding {
    margin-left: -265px;
    position: fixed;
    top: 28px;
}

.site-branding a {
display: block;
    position: fixed;
    background: url(assets/suttaday-logo.png) 0 0 no-repeat;
    height: 50px;
    background-size: 100px;
    width: 50px;
    text-indent: -9999px;
  }

  .site-branding a:hover {
  background-position: -52px 0;
}

a{ color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }
a:hover{ color: var(--primary-hover); }
:focus-visible{ outline: 3px solid var(--focus); outline-offset: 2px; }

blockquote {
  background: var(--sand);
  border-left: 8px solid var(--sand-dark);
}

.wp-block-quote>cite {
    display: block;
    font-size: 14px;
    text-align: right;
    margin-top: 32px;
}
.wp-block-separator {
    border-top: 2px solid var(--border);
}
.home.separate-containers .site-main {
    margin: 0;
}

/* Paragraph rhythm */
.entry-content p {
  margin: 0 0 1.1em;
}

/* Headings */
h1 { font-size: 48px; line-height: 1.2; margin: 0 0 0.6em; font-weight: 800;text-align: center;}
h2 { font-size: 32px; line-height: 1.3; margin: 1.6em 0 0.6em; font-weight: 800;}
h3 { font-size: 22px; line-height: 1.35; margin: 1.2em 0 0.5em; font-weight: 600;}


.home h1{        font-size: clamp(1rem, 2vw + 1rem, 1.25rem);
    line-height: 1.15;
    font-weight: 600;
    padding: 32px 16px;
  }

.home h2.todays-sutta{ font-size: clamp(1.125rem, 0.6vw + 1rem, 1.2rem); line-height: 1.25; font-weight: 700; text-transform: uppercase;
 color: var(--text-muted); text-align:center; margin:48px 0 24px;     border-bottom: 1px solid #eee;
    /* background: #fff; */
    padding: 16px;}
.home h3{ font-size: clamp(1.375rem, 1.2vw + 1rem, 2.125rem); line-height: 1.2; font-weight: 800; text-align: center;   margin: 0;}
.home h3 a { color: var(--text); text-decoration:none;}
.home h3 a:hover { text-decoration: underline}

/* Better anchor landing with sticky header */
:where(.entry-content h2, .entry-content h3)[id] {
  scroll-margin-top: 20px; /* adjust */
}
.main-navigation a {
    font-size: 18px;
}
.main-navigation .main-nav ul li > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--text);
}

.main-navigation .main-nav ul li > a:hover, .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a  {
    color: var(--primary);
}

/* ToC sidebar (if present) */
.suttaday-toc {
  position: sticky;
  top: 70px;
  padding: 8px;
  font-size: 16px;
  line-height: 1.15;
  margin: 0 0 0 -450px;
  float: left;
  width: 350px;
}

.suttaday-toc a { 
	text-decoration: none;
	display: block; 
	padding: 8px;
}
.suttaday-toc a:hover { 
	text-decoration: underline; 
}

.copyright-bar form.formkit-form {
  border: 0
}
.wp-block-post-excerpt__more-text {
  text-align: center;
}
.wp-block-post-excerpt__more-link {
    background: var(--primary);
    padding: 16px 32px;
    border-radius: 4px;
    text-decoration: none;
    color: var(--bg);
}
.wp-block-post-excerpt__more-link:hover {
      background: var(--primary-hover);
      color: var(--bg);
}
.separate-containers .inside-article>.featured-image {
    text-align: center;
}

/* Slightly larger on big screens */
@media (min-width: 1200px) {
  .entry-content {
    font-size: 19px;
  }
}

/* Mobile */
@media (max-width: 1670px) {
  .suttaday-toc {
    margin: 0px 0 0 -335px;
    width: 315px;
  }
  .site-branding {
    margin-left: -155px;
  }
}
@media (max-width: 1439px) {
  .suttaday-toc {
    display: none;
  }
  .site-branding {
    margin-left: 0px;
  }
}
@media (max-width: 980px) {
  .site-branding, .site-branding a {
    position: relative;
  }
  .site-branding {
    top: 0;
  }
}
@media (max-width: 800px) {
 .site-content {
  padding: 16px;
   }
   .home .entry-header {
    background-position-x: right;
  }
}

@media (max-width: 900px) {
  .entry-content {
    font-size: 17px;
    line-height: 1.65;
  }
}