/* =========================================================
   Landscape Contractors Board (LCB) - Authoring Site CSS
   Clean Trial Stylesheet
   Purpose:
   - Keep LCB branding/header colors and image
   - Apply improved heading hierarchy
   - Improve paragraph and list readability
   - Improve link visibility and keyboard focus
   - Avoid aggressive taskbox border changes for now
========================================================= */


/* =========================================================
   1. LCB BRANDING OVERRIDES
========================================================= */

/* Top Nav Overrides */
.or-navbar {
  background: #054700;
}

.or-navbar-search-wrapper {
  background: #054700;
}

.or-navbar-search-submit-button,
.or-navbar-search-submit-button:hover,
.or-navbar-search-submit-button:focus {
  background: #054700;
}

/* Header background override */
.or-header {
  background-image: url('/lcb/SiteCollectionImages/LCBHeader.jpg');
  background-attachment: initial;
}

/* Header overlay override */
.or-header .or-header-overlay {
  background: #054700;
}

/* Taskbox title bar */
.or-taskbox-title {
  background: #054700;
}


/* =========================================================
   2. BASE FONT FAMILY
========================================================= */

#contentBox,
#DeltaPlaceHolderMain,
.ms-rtestate-field,
article,
main {
  font-family:
    "Public Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #222;
}


/* =========================================================
   3. HEADING HIERARCHY
========================================================= */

#contentBox h1,
#DeltaPlaceHolderMain h1,
.ms-rtestate-field h1,
article h1,
main h1 {
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 650;
  margin: 0 0 0.5rem 0;
}

#contentBox h2,
#DeltaPlaceHolderMain h2,
.ms-rtestate-field h2,
article h2,
main h2 {
  font-size: 1.9rem;
  line-height: 1.3;
  font-weight: 650;
  margin: 1.25rem 0 0.5rem 0;
}

#contentBox h3,
#DeltaPlaceHolderMain h3,
.ms-rtestate-field h3,
article h3,
main h3 {
  font-size: 1.55rem;
  line-height: 1.35;
  font-weight: 650;
  margin: 1rem 0 0.4rem 0;
}

#contentBox h4,
#DeltaPlaceHolderMain h4,
.ms-rtestate-field h4,
article h4,
main h4 {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 650;
  margin: 0.9rem 0 0.35rem 0;
}

#contentBox h5,
#DeltaPlaceHolderMain h5,
.ms-rtestate-field h5,
article h5,
main h5 {
  font-size: 1.1rem;
  line-height: 1.45;
  font-weight: 600;
  margin: 0.8rem 0 0.3rem 0;
}

#contentBox h6,
#DeltaPlaceHolderMain h6,
.ms-rtestate-field h6,
article h6,
main h6 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  margin: 0.75rem 0 0.25rem 0;
}


/* =========================================================
   4. BODY TEXT
========================================================= */

#contentBox p,
#DeltaPlaceHolderMain p,
.ms-rtestate-field p,
article p,
main p {
  font-size: 1.35rem;
  line-height: 1.7;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 1rem;
  max-width: none;
}


/* =========================================================
   5. LISTS
========================================================= */

#contentBox ul,
#contentBox ol,
#DeltaPlaceHolderMain ul,
#DeltaPlaceHolderMain ol,
.ms-rtestate-field ul,
.ms-rtestate-field ol,
article ul,
article ol,
main ul,
main ol {
  margin: 0 0 1rem 1.25rem;
  padding-left: 1.25rem;
}

#contentBox li,
#DeltaPlaceHolderMain li,
.ms-rtestate-field li,
article li,
main li {
  font-size: 1.35rem;
  line-height: 1.7;
  letter-spacing: 0.01em;
  margin-bottom: 0.35rem;
}

/* Nested lists */
#contentBox ul ul,
#contentBox ol ol,
#contentBox ul ol,
#contentBox ol ul,
#DeltaPlaceHolderMain ul ul,
#DeltaPlaceHolderMain ol ol,
#DeltaPlaceHolderMain ul ol,
#DeltaPlaceHolderMain ol ul,
.ms-rtestate-field ul ul,
.ms-rtestate-field ol ol,
.ms-rtestate-field ul ol,
.ms-rtestate-field ol ul,
article ul ul,
article ol ol,
article ul ol,
article ol ul,
main ul ul,
main ol ol,
main ul ol,
main ol ul {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  margin-left: 0.75rem;
  padding-left: 1.1rem;
}

/* Bullet hierarchy */
#contentBox ul,
#DeltaPlaceHolderMain ul,
.ms-rtestate-field ul,
article ul,
main ul {
  list-style-type: disc;
}

#contentBox ul ul,
#DeltaPlaceHolderMain ul ul,
.ms-rtestate-field ul ul,
article ul ul,
main ul ul {
  list-style-type: circle;
}

#contentBox ul ul ul,
#DeltaPlaceHolderMain ul ul ul,
.ms-rtestate-field ul ul ul,
article ul ul ul,
main ul ul ul {
  list-style-type: square;
}


/* =========================================================
   6. LINKS
========================================================= */

#contentBox a,
#DeltaPlaceHolderMain a,
.ms-rtestate-field a,
article a,
main a,
.or-accordion-content-field a {
  /* Keep your visual styling */
  color: #0057BF;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.09em;

  /* Add this to fix sizing consistency */
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}

#contentBox a:visited,
#DeltaPlaceHolderMain a:visited,
.ms-rtestate-field a:visited,
article a:visited,
main a:visited {
  color: #3b3b8f;
}

#contentBox a:hover,
#contentBox a:focus,
#DeltaPlaceHolderMain a:hover,
#DeltaPlaceHolderMain a:focus,
.ms-rtestate-field a:hover,
.ms-rtestate-field a:focus,
article a:hover,
article a:focus,
main a:hover,
main a:focus {
  color: #004a9e;
  text-decoration: underline;
  text-decoration-thickness: 0.12em;
}


/* =========================================================
   7. KEYBOARD FOCUS
========================================================= */

#contentBox a:focus,
#DeltaPlaceHolderMain a:focus,
.ms-rtestate-field a:focus,
article a:focus,
main a:focus,
#contentBox button:focus,
#DeltaPlaceHolderMain button:focus,
.ms-rtestate-field button:focus,
article button:focus,
main button:focus,
#contentBox input:focus,
#DeltaPlaceHolderMain input:focus,
.ms-rtestate-field input:focus,
article input:focus,
main input:focus,
#contentBox select:focus,
#DeltaPlaceHolderMain select:focus,
.ms-rtestate-field select:focus,
article select:focus,
main select:focus,
#contentBox textarea:focus,
#DeltaPlaceHolderMain textarea:focus,
.ms-rtestate-field textarea:focus,
article textarea:focus,
main textarea:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
/* =========================================================
   10. HOMEPAGE TASKBOXES
   Refined spacing + single dividers
========================================================= */

.or-taskbox-title {
  background: #054700;
}

.or-taskbox,
.or-taskbox .list-group {
  box-shadow: none;
  background-image: none;
}

/* Keep only one divider per item, but restore spacing */
.or-taskbox .list-group-item {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #d6d9dd !important;
  box-shadow: none !important;
  background-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0;
  width: 100% !important;
}

/* Remove extra divider after last item */
.or-taskbox .list-group-item:last-child {
  border-bottom: none !important;
}

.or-taskbox .list-group-item::before,
.or-taskbox .list-group-item::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* Restore row spacing here */
.or-taskbox .list-group-item a {
  display: block;
  width: 100% !important;
  box-sizing: border-box;
  padding: 12px 14px !important;
  margin: 0 !important;
  font-family: "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3rem !important;
  line-height: 1.7 !important;
  color: #0057BF;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.09em;
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Optional: add a little extra separation between rows if still cramped */
.or-taskbox .list-group-item + .list-group-item {
  margin-top: 0 !important;
}

.or-taskbox .list-group-item a:visited {
  color: #3b3b8f;
}

.or-taskbox .list-group-item a:hover,
.or-taskbox .list-group-item a:focus {
  color: #004a9e;
  text-decoration-thickness: 0.12em;
}

/* =========================================================
   TASKBOX FULL-WIDTH DIVIDER FIX
   (Add at very bottom of stylesheet)
========================================================= */

.or-taskbox .list-group {
  margin: 0 !important;
  padding: 0 !important;
}

.or-taskbox .list-group-item {
  width: 100% !important;
}

.or-taskbox .list-group-item a {
  width: 100% !important;
  box-sizing: border-box;
}

/* =========================================================
   9. ACCORDION / DRILL-DOWN CONTENT
========================================================= */

.or-accordion-content-field {
  font-family:
    "Public Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif !important;
  color: #222 !important;
}

.or-accordion-content-field h2 {
  font-size: 1.9rem !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  margin: 0 0 0.75rem 0 !important;
}

.or-accordion-content-field h3 {
  font-size: 1.55rem !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  margin: 1rem 0 0.4rem 0 !important;
}

.or-accordion-content-field h4 {
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
  margin: 0.9rem 0 0.35rem 0 !important;
}

.or-accordion-content-field p {
  font-size: 1.3rem !important;
  line-height: 1.7 !important;
  margin: 0 0 1rem 0 !important;
  letter-spacing: 0.01em !important;
  max-width: none !important;
}

.or-accordion-content-field ul,
.or-accordion-content-field ol {
  margin: 0 0 1rem 1.25rem !important;
  padding-left: 1.25rem !important;
}

.or-accordion-content-field li {
  font-size: 1.3rem !important;
  line-height: 1.7 !important;
  margin-bottom: 0.35rem !important;
  letter-spacing: 0.01em !important;
}

.or-accordion-content-field a {
  color: #0057BF !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em !important;
  text-decoration-thickness: 0.09em !important;
}

.or-accordion-content-field a:visited {
  color: #3b3b8f !important;
}

.or-accordion-content-field a:hover,
.or-accordion-content-field a:focus {
  color: #004a9e !important;
  text-decoration-thickness: 0.12em !important;
}

.or-accordion-content-field strong {
  font-weight: 700 !important;
}

.or-accordion-content-field em {
  font-style: italic !important;
}
/* =========================================================
   TASKBOX LINK FOCUS RING CLEANUP
========================================================= */

.or-taskbox .list-group-item a:focus,
.or-taskbox .list-group-item a:active {
  outline: none !important;
  box-shadow: none !important;
}