/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.generate-columns-container .featured-column {
    float: none;
    width: 100%;
}

.comments-area {
    max-width: 840px;
    margin-inline: auto;
    padding-inline: 20px;
    padding-bottom: 100px;
}

.form-submit .submit {
    border-radius: 9999px;
}

/* End GeneratePress Site CSS */
.gb-element-50f1cd87,
.gb-element-25bbe181,
.gb-element-76582a64,
.gb-element-82e9c6ef {
    border: 1px solid #8B2635 !important;
}
.gb-element-76582a64 {
    background-image: linear-gradient(90deg, #8B2635 0%, #8B2635 100%) !important;
}
:root {
    --accent: #8B2635;
    --accent-2: #8B2635;
    --accent-3: #8B2635;
    --accent-4: #8B2635;
    --accent-5: #8B2635;
}
.gb-loop-item {
    background-color: #FFFFFF !important;
    padding: 1.25rem !important;
    border-radius: 0.75rem !important;
}

.site-header p a,
.site-branding p a,
.main-title a,
.site-footer p a,
.gb-loop-item p a {
    text-decoration: none !important;
}

p a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.2px;
}


/* Expand the cream container so it holds 650px text PLUS the side margins */
body.page:not(.home) .site-content .inside-article {
    max-width: 900px !important; /* 650px text + 80px total padding */
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px !important;
    padding-right: 80px !important;
}

/* Force the text lines to maintain your exact maximum reading width */
body.page:not(.home) .entry-content {
    max-width: 800px !important;
    margin-left: auto;
    margin-right: auto;
}


/* Ensure the text flows naturally inside the newly shrunk container */
body.page:not(.home) .entry-content {
    max-width: 100% !important;
}


.gb-text-ff0f90eb,
.gb-text-9a9f8b6c,
.gb-text-a54a1235 {
    display: none !important;
}


strong, b {
    font-weight: 500;
}

.footer-widgets {
    background-color: #F5F0E8;
}



/* L-Shaped Summary Box */
.summary-box {
    border-left: 2px solid #DEC9B4;   /* The side line */
    border-bottom: 1px solid #DEC9B4; /* The bottom line - lighter for visual appeal */
    padding: 15px 20px;            /* Space inside the lines */
    margin: 30px 0 30px 40px;      /* 40px pushes it to the right */
    font-style: italic;            /* Makes it look like a summary/insight */
    line-height: 1.6;
    color: #444;                   /* A dark grey, softer than pure black */
}

/* Contained Scripture - Centered Block */
.scripture-center {
             /* Centers the text lines */
    max-width: 90%;            /* Keeps the text from stretching too wide */
    margin: 40px auto;         /* Centers the "box" itself and adds space top/bottom */
    font-style: italic;        /* Distinguishes it from your teaching text */
    line-height: 1.8;          /* Adds breathing room between lines */
    color: #222;               /* Slightly bolder than regular text */
}


/* Add space above the footer */
.site-footer {
    margin-top: 60px !important; 
}

/* Center alignment for 'The Groundwork' (Category ID 50) */
.category-50 .site-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 1. Reset native plugin colors at the source */
[class^="scriptless-social-sharing"] a,
[class*=" scriptless-social-sharing"] a,
.scriptless-social-sharing-buttons .button,
.scriptless-social-sharing__link,
.scriptless-social-sharing,
.scriptless-social-sharing-buttons {
    background: none !important;
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
    box-shadow: none !important;
    --wp--preset--color--facebook: transparent !important;
    --wp--preset--color--twitter: transparent !important;
    --wp--preset--color--pinterest: transparent !important;
    --wp--preset--color--linkedin: transparent !important;
}

/* 2. Strip background fills from all containers and internal SVG icons */
div[class*="scriptless"] *, 
ul[class*="scriptless"] *, 
a[class*="scriptless"] *,
div[class*="scriptless"] svg,
a[class*="scriptless"] svg {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* 3. Whisper-quiet sharing buttons tuned for your #F5F0E8 warm reading background */
div[class*="scriptless"] a, 
ul[class*="scriptless"] a {
    border: 1px solid #d4cdc3 !important; /* Warm, muted taupe border */
    color: #8c8375 !important;            /* Soft, earthy gray text and icons */
    border-radius: 4px !important;        /* Subtle corner rounding */
    padding: 6px 12px !important;         /* Comfortable breathing room */
    font-size: 14px !important;           /* Neat and unobtrusive sizing */
    text-decoration: none !important;     /* Prevents accidental underlines */
    transition: all 0.2s ease !important; /* Smooth hover transition */
}

/* 4. Very subtle shift only when a reader intentionally hovers over a button */
div[class*="scriptless"] a:hover, 
ul[class*="scriptless"] a:hover {
    border-color: #8c8375 !important;     /* Darkens to match the text color */
    color: #5c554a !important;            /* Deepens slightly for responsive feedback */
    background-color: #ede7de !important; /* Fractionally darker warm shade than your background */
}


/* Custom Call-Out Box */
.sentence-highlight {
    background-color: #ede7de;            /* Optional: A very faint warm background so it feels like a box */
    border: 1px solid #d4cdc3 !important; /* Your warm, muted taupe border */
    color: #333333 !important;            /* Your requested dark text color */
    border-radius: 8px !important;        /* Your subtle corner rounding */
    padding: 12px 18px !important;        /* Slightly bumped up padding for sentence readability */
    font-size: 17px !important;           /* Clean, readable text size */
    margin: 20px 0 !important;            /* Adds spacing above and below the box */
    display: block !important;            /* Ensures it behaves as a full-width box */
}

/* Target only lists inside the main content area */
.entry-content ul li, 
.entry-content ol li {
    font-size: 18px;
    line-height: 28.8px;
    margin-bottom: 14.4px; /* Adjust this based on the options above */
}

/* Prevents extra accidental spacing at the very bottom of the list */
ul li:last-child, ol li:last-child {
    margin-bottom: 0;
}

blockquote {
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28.8px;
  color: #333;
  margin: 1.5em 10px;
  padding: 0.5em 20px;
  border-left: 5px solid #ccc;
}