@charset "UTF-8";

/* Overrides btn-Primary color to a sort of slate/blue grey */
.btn-primary {
    --bs-btn-bg: #1F4E79;
    --bs-btn-border-color: #1F4E79;

    --bs-btn-hover-bg: #1a4368;
    --bs-btn-hover-border-color: #1a4368;

    --bs-btn-active-bg: #153957;
    --bs-btn-active-border-color: #153957;
}

/* Overrides btn-Success color to a sort of slate/green */
.btn-success {
    --bs-btn-bg: #3A6F5A;
    --bs-btn-border-color: #3A6F5A;

    --bs-btn-hover-bg: #325F4D;
    --bs-btn-hover-border-color: #325F4D;

    --bs-btn-active-bg: #2A4F40;
    --bs-btn-active-border-color: #2A4F40;
}

/* Overrides btn-Danger color to a sort of cranberry red */
.btn-danger {
    --bs-btn-bg: #7A2F3A;
    --bs-btn-border-color: #7A2F3A;

    --bs-btn-hover-bg: #692830;
    --bs-btn-hover-border-color: #692830;

    --bs-btn-active-bg: #582126;
    --bs-btn-active-border-color: #582126;
}

/* Override Bootstrap accordion focus ring */
.accordion-button:focus {
    box-shadow: none;
    --bs-accordion-btn-focus-box-shadow: none;
}

/* Override Bootstrap accordion header colors */
.accordion-button {
    --bs-accordion-btn-bg: #ffffff;        /* white background */
    --bs-accordion-btn-color: #333;        /* dark grey text */
    --bs-accordion-btn-icon-color: #333;   /* icon color */

    --bs-accordion-btn-active-bg: #e2e2e2; /* slightly darker on open */
    --bs-accordion-btn-active-color: #111; /* darker text on open */
    --bs-accordion-btn-active-icon-color: #111;

    box-shadow: none; /* optional: removes Bootstrap’s focus ring */
}

/* Override Bootstrap selected accordion header colors */
.accordion {
    --bs-accordion-active-bg: #e2e2e2;   /* open header background */
    --bs-accordion-active-color: #111;   /* open header text */
}


h1, .h1 {
  /*  font-size: calc(1.375rem + 1.5vw); */
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 1.5rem;
  }
}

h2, .h2 {
  /* font-size: calc(1.325rem + 0.9vw); */
  font-size: 1.25rem;
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.25rem;
  }
}

h3, .h3 {
  /* font-size: calc(1.3rem + 0.6vw); */
  font-size: 1rem;
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1rem;
  }
}

h4, .h4 {
  /* font-size: calc(1.275rem + 0.3vw); */
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

mark {
  padding: 0;
}


/* Overrides format of hamburger menu on narrow width */
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(31, 78, 121, 0.35); /* subtle Nordic Blue glow */
    border-color: #1F4E79; /* match your new primary */
}

.btn-separator
{
  width: 1px;
  background-color: #ccc;
  opacity: 0.6; /* optional: softens the line */
  margin: 0 8px;
}

/* Overrides format of placeholder text in search box */
#txt_search::placeholder {
    font-style: italic;
    color: #999; /* optional */
}

/* Overrides format of placeholder text in shortauthorbio box */
#shortauthorbio::placeholder {
    font-style: italic;
    color: #999; /* optional */
}

/* Overrides top and bottom padding of textarea */
#shortauthorbio.form-control {
  padding-top: .25rem; /* or 0 if you want it tight */
}


/* Overrides default blue shading around form controls with focus */
.form-control:focus {
    border-color: #6c757d;        /* your custom border color */
    box-shadow: 0 0 0 0.25rem rgba(108,117,125,0.25); /* custom glow */
}

/* Override default blue shading around checkboxes with focus */
.form-check-input:focus {
    border-color: #6c757d; /* your custom border color */
    box-shadow: 0 0 0 0.25rem rgba(108,117,125,0.25); /* custom glow */
}

/* Override default blue check color for checkboxes */
.form-check-input:checked {
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Adds stroked grey line around buttons, mostly btn-light buttons */
.btn-stroked {
  border: 1px solid #ced4da;
}

/* Assist with Bootstrap alert fade-out; softer fade before dismissal */
.alert.fade-out {
  opacity: 0;
  transition: opacity .5s linear;
}

/* Article Preview Label */
.article-preview-label {
  color: #b30000;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* Forces a horizontal line between collapsed accordions,
   specifically on the "Published Articles Awaiting Moderation group
   in md-al.php */
.accordion-button.collapsed {
    border-bottom: 1px solid var(--bs-border-color);
}

/* -------------------------------------------------------------------------- */
/* Article Save button, is-dirty capability */

/* Emphasize 'Save Article' button with subtle blue glow when page dirty */
.btn-save-attention {
    box-shadow: 0 0 0 0.2rem rgba(31, 78, 121, 0.35);
    border-color: #1F4E79;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    position: relative;
    z-index: 2; /* lift above neighboring buttons */
}

/* Needed to ensure 'return to list' button sees dirty page */
#list {
    position: relative;
    z-index: 3; /* above save button */
}
/* -------------------------------------------------------------------------- */