/* main2_specific.css */

section {
    border-bottom: 1px solid white;
    padding: 0rem;
    margin: 0;
    height: auto;
    text-align: center;
    position: relative;
}

.wimtext {font-family: "Inter", sans-serif; font-size: 1rem;}
.material-design-sharp {display: inline-block; vertical-align: middle; font-size: 1.2rem; }
.material-icons-sharp.md-18 { font-size: 1.2rem; color: #ff0000;}
.redmakeup {font-size: 1.2rem; color: #ff0000;}
.captioner {font-size: .7em; margin-top: 0em; padding-top: 0em;}
pre {font-family: "Inter", sans-serif; font-size: .7em; margin-top: 0em; padding-top: 0em;}
.goleft {float: left; max-width: 50%; padding-right: .5em; padding-bottom: .5em; margin-right: .5em; margin-top: .5em; margin-bottom: .1em; border-right: 1px dashed #736e6e; border-bottom: 1px dashed #736e6e;}
.goright {float: right; max-width: 50%; padding-left: .5em; padding-bottom: .5em; margin-left: .5em; margin-top: .5em; margin-bottom: .1em; border-left: 1px dashed #736e6e; border-bottom: 1px dashed #736e6e;}
.storyblock ol li {margin-left: .75em;}
.firstp::first-letter {color: #ffffff;
    float: left;
    font-size: 5.1rem;
    line-height: 80px;
    padding-top: 1rem;
    padding-right: .3rem;
    padding-left: 3px;
    text-shadow: 2px 2px 2px #ff8900;
    font-family: 'boldonse', sans-serif;
    font-weight: bold;
}
.firstpsuppli {color: #f91010;
    float: left;
    font-size: 5.3rem;
    line-height: 80px;
    padding-top: .5rem;
    padding-right: .3rem;
    padding-left: 3px;
    text-shadow: 2px 2px 2px white;
    font-family: 'boldonse', sans-serif;}
.wdr-mw {font-family: 'Courier New', monospace;}
/* #reviews p {padding-bottom: 0; margin-bottom: 0;} */
#reviews hr {color: #ffffff;}
#reviews h2 {font-weight: 900;}
.logotype {font-family: "Inter", sans-serif; font-size: 1.5rem;}




.ssnl {color: #f90b0b}
.randoms {color: #ffffff; font-weight: 700; font-family: "Inter", sans-serif;}
.innerquote {font-family: "Inter", sans-serif; font-size: 2.1rem; text-shadow: 2px 2px 2px black; color: #f9f4f4; text-align: right; background: rgba(10, 69, 41, 0.5); padding: .5em .5em .5em .5em;}
.reviewpad {padding: .5em; padding-bottom: .1em; margin-bottom: 1em; border-radius: 5px; display: inline-block; text-align: left;}
.colreviewtext {font-size: .7em;}
.recordtitler {font-size: 1.3em;}
.columnshere {
    /* PHP logic will be moved to inline style for this specific case */
}
.fauxfrosthelper {column-count: 2; display: block; padding-top: .5em; /* Adjust this value to control the top padding */}
.fauxfrosthelper li {font-size: 0.95em; line-height: 1.2; /* Adjust this value to control the line height */ margin-bottom: 0.2em; /* You might also want to reduce the margin */}
.fauxfrosthelper li::marker {font-size: 0.8em; /* Adjust the value */ content: "#" counter(list-item) ". "; /* The ". " adds a space and the default period */}
.sundayinterview {background: -webkit-linear-gradient(rgba(237,231,231,0.5) 18.54%, #ffffff 70%); border: 1px solid #7c7575; padding: 1em; font-size: .9em; border-bottom-right-radius: 35px; border-top-left-radius: 15px;}
.pusherpoem {margin-left: 2em;}
.rounder {border-radius: 50%; display: block;}
.alerter {background: -webkit-linear-gradient(#070707 0%, rgba(11,0,0,0.75) 76.48%); color: #f9f9f9; padding: .2em; border: 1px double rgba(247, 247, 247, 0.96)}
span.strikeout {text-decoration: line-through;}
.sticktogether {white-space: nowrap;}
.bktitler {font-size: 1.7em; text-box: trim-under cap alphabetic; line-height: normal; padding-top: 2em;}
.bksubtitler {font-size: 1.4em; text-box: trim-under cap alphabetic; line-height: normal;}
.bkauthor {font-size: 1.3em; text-box: trim-under cap alphabetic; line-height: normal; font-weight: bold;}
.bkpublisher {font-size: 1.2em; text-box: trim-under cap alphabetic; line-height: normal;}
.dividerer {padding-bottom: 1.5em;}
.emergency-alert {color: #f7f4f4; border: 1px solid #f9f5f5; border-radius: 2px; background: #0e0e0e; padding-left: .5em;}
.emergency-alert a {color: #f7eeac;}

.wdr-mw {font-family: 'Courier New', monospace;}
#reviews p {padding-bottom: 0; margin-bottom: 0;}
#reviews hr {color: #ffffff;}
#reviews h2 {font-weight: 700;}
.colreviewtext p {font-size: 1.3em;}
.allnightsoutlist {column-count: 2;}
span.strikeout {text-decoration: line-through;}
.endo {background: #000000; color: #fdfdfd;}
.endo a:link {color: #ffa300;}
.endo a:visited {color: #ffa300;}
.endo a:hover {color: #ffa300;}
.endo a:active {color: #ffa300;}
.endoflag {background: #ffa300; color: #000000; font-weight:700; display: inline-block; padding: 0 3px; margin: 0 0 5 0; text-align: right;	width: 100%;}
.endoflag a:link {color: #5d190a;}
.endoflag a:visited {color: #5d190a;}
.endoflag a:hover {color: #f7f4ef;}
.endoflag a:active {color: #ffa300;}
.flagged {background: #ffa300; color: #000000; font-weight:700; display: inline-block; padding: 0 3px; margin: 0 0 5 0; width: 100%;}
.reviewcontrol {font-size: 1.15em;}
.wdoom {font-family: 'Courier New', monospace; font-weight: 800; line-height: 2em;}
.archivelinks h2.section-title {
    padding-top: .3em; /* adjust this value as needed */
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    .columnshere {
        /* PHP logic will be moved to inline style for this specific case */
    }
    .fauxfrosthelper {column-count: 1; display: block;}
    .sundayinterview {background: -webkit-linear-gradient(rgba(237,231,231,0.7) 18.54%, #ffffff 100%); border: 1px solid black; padding: .5em; font-size: .75em;}
    .innerquote {font-family: "Inter", sans-serif; font-size: 1.5rem; text-shadow: 2px 2px 2px black; color: #f9f4f4; text-align: right; background: rgba(10, 69, 41, 0.5); padding: .5em .5em .5em .5em;}
    .responsive-text-logo.xmas {font-size: 5.5vw;}
    .snow-container {width: 100%;}
    body {overflow-x: hidden;}
    .main-title {font-size: clamp(2.5rem, 5vw, 5rem); /* Example values */
        word-break: break-word; /* Important for long words */}
    .storyblock p {font-size: 1em;}
    .colreviewtext p {font-size: 1.2em;}
    .reviewcontrol {font-size: 1.3em;}
    .firstp::first-letter {
        font-size: 4.3rem;
        line-height: 70px;
        padding-top: .8rem;
        padding-right: .3rem;
        padding-left: 3px;
        text-shadow: 2px 2px 2px #ff8900;
        font-family: 'boldonse', sans-serif;
        font-weight: bold;
        color: #ffffff;
        float: left;
    }
}

/* ============================= */
/* MAIN SITE OVERRIDES / CUSTOM CSS */
/* Consolidated from index.php, main.php, ol25.css */
/* ============================= */

/* Reset / helpers */
* {
  box-sizing: border-box;
}

/* ============ LOGO ============ */
/* From index.php inline */
.responsive-text-logo {
  font-size: 9vw;
  font-family: 'Boldonse', serif;
  text-align: center;
  padding-left: 0.1em;
  margin: 0;
  margin-top: 0.6vh; /* was -1vh / 6px in places → unified */
  letter-spacing: 0.33em;

  /* Stroke + fill from index.php */
  -moz-text-fill-color: rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
  -moz-text-stroke-color: #000;
  -webkit-text-stroke-color: #000;
  -moz-text-stroke-width: 3px;
  -webkit-text-stroke-width: 3px;

  white-space: nowrap;
  overflow: visible;
  display: block; /* ensures spacing with nav pills */
}

/* ============ NAVIGATION (PILL BUTTONS) ============ */
/* From main.php inline */
.uptop li a {
  display: inline-block;
  background-color: #444444;
  color: #f4f4f4;
  padding: 0.3em 0.6em 0.3em;
  margin: 0 0.25em 1em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.2s, color 0.2s;
}
.uptop li a:hover {
  background-color: #444444;
  color: #f4c532;
}
.uptop li a:visited {
  background-color: #444444;
  color: #f4f4f4;
}
.uptop li a:active {
  background-color: #444444;
  color: #f4f4f4;
}

/* ============ STRAPLINE ============ */
/* From main.php inline */
.strapline {
  font-size: 1rem;
  font-weight: 700;
  color: #050505;
  padding-left: 1em;
  letter-spacing: 1px;
  line-height: 1.2;
}

/* ============ DIGEST / STORY ============ */
/* From main.php inline + ol25.css */
.digest-story-item h3 {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 900;
}

.digest-day {
    text-align: left;
    margin-bottom: 2em;
    padding: 1em;
    border-radius: 8px;
}

.day-radius {
    border-radius: 8px;
}

.digest-date {
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.6;
    margin-bottom: 1em;
    text-align: left;
}

.digest-story {
    margin-bottom: 1.5em;
    text-align: left;
}

.digest-story h3 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    text-align: left;
}

.digest-story img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0.75em;
}

.digest-story-link {
    display: block;
    text-decoration: none;
    color: inherit;
    text-align: left;
}

.digest-story-link:hover h3 {
    text-decoration: underline;
}

.digest-lead-wrap {
    text-align: left;
    margin-bottom: 0.4em;
}

.digest-arrow {
    display: inline;
    margin-left: 0.2em;
}

.digest-byline {
    font-size: 0.85em;
    opacity: 0.65;
}

/* ============ COLUMNS ============ */
/* Default values → PHP overrides inline */
/* From main.php inline + ol25.css */
.columnshere {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}

/* ============ MOBILE QUERIES ============ */
@media screen and (max-width: 640px) {
  
  
  /* Strapline (from main.php inline) */
 .strapline {
   padding-left: 0.7em;   /* keep left padding */
   padding-right: 0em;  /* add right padding */
   font-size: .7em;
 }

  /* Logo (from index.php mobile inline) */
  .responsive-text-logo {
    font-size: 10vw;
    margin-top: .7vh;
    margin-bottom: .4vh;
    letter-spacing: 0.2em;
    -moz-text-stroke-width: 1px;
    -webkit-text-stroke-width: 1px;
  }

  /* Columns always 1 on mobile (from main.php inline) */
  .columnshere {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
  }
  .theregtitle {font-family: "Urbanist", serif; font-size: 1rem; font-weight: 700;}
 .theregtext {font-family: "Urbanist", serif; font-size: 1rem; line-height: 1.6em; font-weight: 400;}
}