@charset "UTF-8";

/*
Theme Name: State Auditor (AOA)
Theme URI: http://auditor.delaware.gov
Author: Delaware GIC
Author URI: http://gic.delaware.gov
Description: Custom WordPress theme designed exclusively for Delaware's State Auditor (AOA).
Version: CLF 4.0.1
Tags: Bootstrap 4.3.1, mobile first, State of Delaware
Text Domain: dosgic_AUDITOR_theme
*/
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=auto";

/* Global Theme Variables */
:root {
  /* Base Colors */
  --white: #fff;
  --black: #000;
  --gray: #595959;
  --body-text-color: #212529;
  /*Level 2 */
  --body-text-alt-color: #3b3b3b;
  /*Level 1 */

  /* Primary Colors */
  --true-blue: rgb(36, 81, 148);
  --deep-blue: #0e3269;
  --navy-blue: #0d3d67;
  --bright-buff: #dbaf06;

  /* Secondary Colors */
  --blue-gray: #c3cddd;
  --light-buff: #ecdeaa;
  --off-white: #f1f1f1;
  /* footer bg */
  --white-smoke: #f8f8f8;
  /* page header bg, breadcrumb bg BS3 default */
  --charcoal: #545454;
  --deep-buff: #af8e08;

  /* Link Colors */
  --global-link-color: var(--true-blue);
  --global-link-hover-color: var(--deep-blue);
  --global-link-visited-color: var(--gray);

  /* Bootstrap Colors */
  --label-success: #477c41;
  --text-muted: var(--text-muted);

  /* Errors */
  --error-message-color: #a12f28;

  /* Font Stack */
  --global-font-base-sans: "Open Sans", sans-serif;
  --global-font-headings-sans: "Montserrat", sans-serif;

  /* Font Size */
  --global-font-size-base: 1.6rem;
  /*16px*/
  --global-font-size-xxxl: 7.2rem;
  /*72px*/
  --global-font-size-xxl: 4.8rem;
  /*48px  H1*/
  --global-font-size-xl: 3.4rem;
  /*34px  H2*/
  --global-font-size-lg: 2.8rem;
  /*28px  H3*/
  --global-font-size-md: 1.8rem;
  /*18px  H4*/
  --global-font-size-sm: 1.5rem;
  --global-font-size-xs: 1.4rem;
  /*14px*/

  /* Line Height */
  --global--line-height-body: 1.5;
  --global--line-height-heading: 1.3;
  --global--line-height-page-title: 1.1;

  --heading-size-h1: var(--global-font-size-xxl);
  --heading-size-h2: var(--global-font-size-xl);
  --heading-size-h3: var(--global-font-size-lg);
  --heading-size-h4: var(--global-font-size-md);
  --heading-size-h5: var(--global-font-size-md);
  --heading-size-h6: var(--global-font-size-sm);

  --heading-font-wt-light: 300;
  --heading-font-wt-regular: 400;
  --heading-font-wt-medium: 500;
  --heading-font-wt-semi-bold: 600;
  --heading-font-wt-bold: 700;

  --spacer: 10px;

  --btn-trans: 0.3s;
}

/**
 * BREAKPOINTS
 480 xs
 768 sm
 992 md
 1200 lg
 1400 xl
 */

/** 
 * BASE
 */
/* Flex Sticky Footer */
html,
body {
  height: 100%;
  font-size: 62.5%;
}

html {
  box-sizing: border-box;
  font-family: var(--global--font-secondary);
  line-height: var(--global--line-height-body);
}

body {
  font-family: var(--global-font-base-sans);
  font-size: var(--global-font-size-base);
  line-height: var(--global--line-height-body);
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  /* move cssmenu down */
}

main {
  font-size: 1.9rem;
}

.page-content {
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}

#footer {
  position: fixed;
}

@media (min-width: 768px) {
  #footer {
    position: fixed;
  }
}

/* END sticky footer.

/** 
 * LINKS
 */
/* Global Links */

a {
  text-decoration: underline;
  color: var(--global-link-color);
}

a:hover {
  text-decoration: none;
  color: var(--global-link-hover-color);
}

a:visited {
  text-decoration: underline;
  color: var(--global-link-visited-color);
}

/* Agency Masthead Nav */
@media (min-width: 768px) {

  .navbar .container,
  #cssmenuTop .container {
    width: auto;
  }
}

.navbar a {
  text-decoration: none;
}

.navbar a:visited,
.navbar a:hover {
  color: var(--white);
  text-decoration: none;
}

/* Skip Main Button */
.navbar a.skip-main,
.navbar a.skip-main:visited,
a.skip-main {
  color: var(--true-blue);
}

.navbar a.skip-main,
a.skip-main {
  background-color: var(--white);
}

.navbar a.skip-main,
a.skip-main:hover {
  color: var(--true-blue);
}

/* Image Links */
a.img-focus:focus,
a.img-focus:focus-visible {
  border: 0;
  outline: 3px solid var(--true-blue);
  outline-offset: 2px;
  padding: 0;
}

/* Light Links */
a.link-light-color {
  color: var(--white);
}

a.link-light-color:hover {
  color: var(--light-buff);
}

a.link-light-color:focus,
a.link-light-color:focus-visible {
  border: 2px solid var(--white);
  padding: 5px;
  color: var(--white);
  outline-offset: 1px;
  outline: 2px solid var(--bright-buff);
}

a.link-light-color i {
  color: var(--white);
  text-decoration: none;
}

a.link-light-color:hover i {
  color: var(--light-buff);
  text-decoration: none;
}

#agencyFooter a:visited {
  color: var(--global-link-color);
}

/**
 * TYPOGRAPHY
 */
h1,
.h1,
h2,
.h2 {
  color: var(--charcoal);
}

h3,
.h3 {
  color: var(--deep-blue);
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: var(--body-text-color);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: var(--global-font-headings-sans);
}

h6,
.h6 {
  font-family: var(--global-font-base-sans);
}

h1,
.h1 {
  font-size: 3.8rem;
  font-weight: 600;
}

@media (min-width: 768px) {

  h1,
  .h1 {
    font-size: var(--heading-size-h1);
  }
}

h2,
.h2 {
  font-size: 2.8rem;
  font-weight: 600;
}

@media (min-width: 768px) {

  h2,
  .h2 {
    font-size: var(--heading-size-h2);
  }
}

h3,
.h3 {
  font-size: 1.8rem;
  font-weight: 700;
}

@media (min-width: 768px) {

  h3,
  .h3 {
    font-size: var(--heading-size-h3);
  }
}

h4,
.h4,
h5,
.h5 {
  font-size: var(--heading-size-h4);
  font-weight: 700;
}

h6,
.h6 {
  font-size: var(--heading-size-h6);
  font-weight: 400;
}

.heading-small {
  font-family: var(--global-font-headings-sans);
  font-size: 2.2rem;
  /*22px*/
  font-weight: 700;
  line-height: 1;
}

.heading-medium {
  font-family: var(--global-font-headings-sans);
  font-size: 3.8rem;
  /*38px*/
  font-weight: 700;
}

@media (min-width: 768px) {
  .heading-small {
    font-size: 3rem;
    /*30px*/
  }

  .heading-medium {
    font-size: 4.2rem;
    /*42px*/
  }
}

.text-size-medium {
  font-size: 1.8rem;
  /*18px*/
  line-height: 1.4;
}

@media (min-width: 768px) {
  .text-size-medium {
    font-size: 2.2rem;
    /*22px*/
    line-height: 1.5;
  }
}

.text-color-off-white {
  color: var(--off-white);
}

.text-color-accent {
  color: var(--light-buff);
}

.text-color-charcoal {
  color: var(--charcoal);
}

/**
 * THEME MENU
 */

.menu_text {
  position: absolute;
  margin-left: 60px;
  opacity: 1;
  font-size: 20px;
  font-weight: 700;
  color: var(--true-blue);
}

#menu-auditor-main-navigation {
  z-index: 999;
}

.affix #menu-auditor-main-navigation {
  position: absolute !important;
}

/**
 * THEME HEADERS
 */
.header-masthead {
  padding: 2.3rem 0 1.9rem 0;
  font-family: var(--global-font-headings-sans);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .header-masthead {
    padding: 2.3rem 0 1.9rem 0;
  }
}

@media (min-width: 992px) {
  .header-masthead {
    padding: 2.4rem 0;
  }
}

.header-masthead .media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-masthead img {
  margin-right: 20px;
  width: 55px;
  height: 55px;
}

@media (min-width: 768px) {
  .header-masthead img {
    width: 95px;
    height: 95px;
  }
}

@media (min-width: 992px) {
  .header-masthead img {
    margin-right: 30px;
    width: 125px;
    height: 125px;
  }
}

.header-masthead .media-title {
  margin-top: -10px;
  margin-bottom: 0;
  text-align: center;
  line-height: 0;
}

@media (min-width: 768px) {
  .header-masthead .media-title {
    margin-top: -35px;
  }
}

.header-masthead .title-1 {
  display: block;
  color: var(--charcoal);
  font-size: 3.6rem;
  line-height: 1.4;
  font-weight: 600;
}

@media (min-width: 768px) {
  .header-masthead .title-1 {
    font-size: 5rem;
  }
}

@media (min-width: 992px) {
  .header-masthead .title-1 {
    font-size: 7.2rem;
    line-height: 1.6;
  }
}

.header-masthead .title-2 {
  color: var(--true-blue);
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
}

@media (min-width: 768px) {
  .header-masthead .title-2 {
    font-size: 2.2rem;
    line-height: 0.5;
  }
}

@media (min-width: 992px) {
  .header-masthead .title-2 {
    font-size: 3.2rem;
  }
}

/**
 * THEME BACKGROUND COLORS
 */
.bg-white {
  background-color: var(--white);
}

.bg-off-white {
  background-color: var(--off-white);
}

.bg-true-blue {
  background-color: var(--true-blue);
}

/**
 * THEME BORDER COLORS
 */
.border-off-white {
  border: 1px solid #dedede;
}

/**
 * THEME PAGE HEADER
 */
/* bootstrap override */
.page-header {
  background-color: var(--white-smoke);
  margin: 0 0 1.875em 0;
  padding: 1.65em 0 1.4em 0;
  border-bottom: 6px solid var(--off-white);
}

/**
 * PAGE HEADER TITLE
 */
.page-header .agency-title {
  display: flex;
  margin: 0;
  font-family: var(--global-font-headings-sans);
  font-size: 1.1em;
}

@media (min-width: 420px) {
  .page-header .agency-title {
    font-size: 1.275em;
  }
}

@media (min-width: 576px) {
  .page-header .agency-title {
    font-size: 1.4em;
  }
}

@media (min-width: 768px) {
  .page-header .agency-title {
    font-size: 2em;
  }
}

.page-header .agency-title .split-title-1 {
  color: var(--charcoal);
  font-weight: 600;
  padding-right: 15px;
  position: relative;
}

.page-header .agency-title .split-title-1::after {
  content: "";
  background: #ebebeb;
  position: absolute;
  top: 15%;
  right: 0px;
  height: 75%;
  width: 4px;
}

@media (min-width: 576px) {
  .page-header .agency-title .split-title-1 {
    padding-left: 15px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  .page-header .agency-title .split-title-1 {
    padding-left: 0;
    padding-right: 25px;
  }
}

.page-header .agency-title .split-title-2 {
  color: var(--true-blue);
  font-weight: 500;
  padding-left: 12px;
}

@media (min-width: 576px) {
  .page-header .agency-title .split-title-2 {
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .page-header .agency-title .split-title-2 {
    padding-left: 20px;
  }
}

/**
 * HOME HERO
 */
.hero-wrapper {
  background-color: var(--off-white);
  border-bottom: 7px solid var(--light-buff);
  border-top: 6px solid var(--off-white);
}

.hero-image {
  object-fit: cover;
  height: 315px;
  width: 100%;
}

#hero-bg {
  height: 315px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  position: relative;
}

@media (min-width: 768px) {
  #hero-bg {
    height: 345px;
  }
}

@media (min-width: 992px) {
  #hero-bg {
    height: 450px;
  }
}

/**
 * AUDITOR BIO
 */
.auditor-bio img {
  width: 150px;
  height: 150px;
  margin: 0 auto 1em;
}

@media (min-width: 768px) {
  .auditor-bio img {
    width: 200px;
    height: 200px;
  }
}

@media (min-width: 992px) {
  .auditor-bio img {
    width: 225px;
    height: 225px;
  }
}

@media (min-width: 1200px) {
  .auditor-bio img {
    width: 300px;
    height: 300px;
  }
}

/*
 * THEME FOOTER
*/
.footer {
  background-color: var(--off-white);
  border-bottom: 10px solid var(--true-blue);
}

.footer ul[id^="menu-footer"] {
  padding: 0;
}

.footer .agency-logo {
  width: 120px;
  height: 120px;
  margin: 0 auto 2em;
}

@media (min-width: 992px) {
  .footer .agency-logo {
    margin: 0;
  }
}

.footer ul {
  list-style-type: none;
}

.footer ul li {
  line-height: 2.1rem;
  margin-bottom: 1.3rem;
}

.footer li[class^="menu-item"] a {
  color: var(--global-link-color);
}

.footer li[class^="menu-item"] a:visited,
.footer a.extlink {
  color: var(--global-link-color);
}

/**
 * RELATED TOPICS / TAGS LIST
 */
.related-topics {
  margin-top: 3em;
  margin-bottom: 3em;
  font-size: 0.9375em;
  /*15px*/
  line-height: 1.7;
}

/**
 * THREE DOTS
 */
.dots {
  text-align: left;
}

@media (min-width: 768px) {
  .dots {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .dots {
    text-align: right;
  }
}

.dots.text-center {
  text-align: center;
}

.dot-sm-size {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.dot-md-size {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.dot-color-light {
  background-color: var(--off-white);
}

.dot-color-blue-gray {
  background-color: var(--blue-gray);
}

/*
 * HR horizontal rules
*/
hr.separator-thick-light {
  border: 4px solid var(--light-buff);
}

hr.primary,
.single .wp-block-separator {
  border: 2px solid var(--true-blue);
  width: 100%;
}

/**
 * SUBSCRIBE BOX
 */
.subscribe-box {
  border: 4px solid var(--light-buff);
  padding: 1em;
}

.subscribe-box h3 {
  font-weight: 700;
  color: var(--charcoal);
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  .subscribe-box h3 {
    font-size: var(--heading-size-h3);
  }
}

/**
 * NEWS SECTION
 */
.news-section-title {
  color: var(--charcoal);
  font-size: 1.75em;
  font-weight: 600;
}

@media (min-width: 768px) {
  .news-section-title {
    font-size: 2.125em;
  }
}

/**
 * READSPEAKER BUTTON OVERRIDES
 */
.rsbtn {
  margin-bottom: 4em !important;
}

/**
 * BREADCRUMB
 */
.breadcrumb {
  border-radius: 2px;
  background-color: var(--white-smoke);
  margin-bottom: 1.75em;
}

.breadcrumb li a {
  font-weight: 700;
  color: var(--global-link-color);
  text-decoration: none;
}

.breadcrumb li a:visited {
  color: var(--global-link-color);
}

.breadcrumb li a:hover {
  color: var(--global-link-hover-color);
  text-decoration: underline;
}

/**
 * BUTTONS
 */
.btn {
  border-radius: 0;
  padding: 1.4rem 1.8rem;
  text-decoration: none;
  transition: all var(--btn-trans);
  white-space: normal;
  font-weight: 700;
  font-size: 1.9rem;
}

#footer .btn {
  padding: 10px 16px;
}

.btn-primary,
.btn-primary:visited {
  color: var(--off-white);
  background-color: var(--true-blue);
  border-color: var(--true-blue);
}

.btn-primary:hover {
  color: var(--off-white) !important;
  /* override Funnelback */
  background-color: var(--deep-blue);
  border-color: var(--deep-blue);
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus {
  color: var(--off-white);
  background-color: var(--deep-blue);
  outline: 2px solid white;
  box-shadow: inset 0 0 0 rgb(14, 50, 105),
    0 0 0 0.25rem rgba(14, 50, 105, 0.79);
}

.btn-outline {
  color: var(--true-blue);
  border: 3px solid var(--true-blue);
  background-color: var(--white);
}

.btn-outline:hover {
  color: var(--true-blue);
  border: 3px solid var(--true-blue);
  background-color: var(--off-white);
}

.btn-outline.active.focus,
.btn-outline.active:focus,
.btn-outline.active:hover,
.btn-outline:active.focus,
.btn-outline:active:focus,
.btn-outline:active,
.btn-outline:active:hover,
.btn-outline:focus {
  color: var(--true-blue);
  background-color: var(--off-white);
  outline: 2px solid white;
  box-shadow: inset 0 0 0 rgb(14, 50, 105),
    0 0 0 0.25rem rgba(14, 50, 105, 0.79);
}

.btn-outline:visited {
  color: var(--true-blue);
}

/**
 * BOOTSTRAP OVERRIDES
 */
button,
input,
select,
textarea {
  font-family: var(--global-font-base-sans);
}

.label-success {
  background-color: var(--label-success);
}

.text-muted {
  color: var(--text-muted);
}

.text-left {
  text-align: left !important;
}

small,
.small {
  font-size: 100%;
}

.lead {
  font-size: 2.1rem;
  font-weight: 500;
  color: var(--charcoal);
  line-height: 1.4;
}

/** 
 * SPACING UTILITIES
 */
/* padding */
.py-1 {
  padding-top: var(--spacer);
  /*10px*/
  padding-bottom: var(--spacer);
  /*10px*/
}

.py-2 {
  padding-top: calc(var(--spacer) * 2);
  /*20px*/
  padding-bottom: calc(var(--spacer) * 2);
  /*20px*/
}

.py-3 {
  padding-top: calc(var(--spacer) * 3);
  /*30px*/
  padding-bottom: calc(var(--spacer) * 3);
  /*30px*/
}

.py-4 {
  padding-top: calc(var(--spacer) * 4);
  /*40px*/
  padding-bottom: calc(var(--spacer) * 4);
  /*40px*/
}

.pt-1 {
  padding-top: var(--spacer);
  /*10px*/
}

.pt-2 {
  padding-top: calc(var(--spacer) * 2);
  /*20px*/
}

.pt-3 {
  padding-top: calc(var(--spacer) * 3);
  /*30px*/
}

.pt-4 {
  padding-top: calc(var(--spacer) * 4);
  /*30px*/
}

.pb-1 {
  padding-bottom: var(--spacer);
  /*10px*/
}

.pb-2 {
  padding-bottom: calc(var(--spacer) * 2);
  /*20px*/
}

.pb-3 {
  padding-bottom: calc(var(--spacer) * 3);
  /*30px*/
}

.pb-4 {
  padding-bottom: calc(var(--spacer) * 4);
  /*30px*/
}

.pe-1 {
  padding-right: var(--spacer);
  /*10px*/
}

.pe-2 {
  padding-right: calc(var(--spacer) * 2);
  /*20px*/
}

.pe-3 {
  padding-right: calc(var(--spacer) * 3);
  /*30px*/
}

/* margins */
.my-1 {
  margin-top: var(--spacer);
  /*10px*/
  margin-bottom: var(--spacer);
  /*10px*/
}

.my-2 {
  margin-top: calc(var(--spacer) * 2);
  /*20px*/
  margin-bottom: calc(var(--spacer) * 2);
  /*20px*/
}

.my-3 {
  margin-top: calc(var(--spacer) * 3);
  /*30px*/
  margin-bottom: calc(var(--spacer) * 3);
  /*30px*/
}

.my-4 {
  margin-top: calc(var(--spacer) * 4);
  /*40px*/
  margin-bottom: calc(var(--spacer) * 4);
  /*40px*/
}

.mt-1 {
  margin-top: var(--spacer);
  /*10px*/
}

.mt-2 {
  margin-top: calc(var(--spacer) * 2);
  /*20px*/
}

.mt-3 {
  margin-top: calc(var(--spacer) * 3);
  /*30px*/
}

.mt-4 {
  margin-top: calc(var(--spacer) * 4);
  /*30px*/
}

.mb-1 {
  margin-bottom: var(--spacer);
  /*10px*/
}

.mb-2 {
  margin-bottom: calc(var(--spacer) * 2);
  /*20px*/
}

.mb-3 {
  margin-bottom: calc(var(--spacer) * 3);
  /*30px*/
}

.mb-4 {
  margin-bottom: calc(var(--spacer) * 4);
  /*30px*/
}

/**
 * FLEX UTILITIES
 */
.d-flex {
  display: flex;
}

.d-flex-md {
  display: block;
}

@media (min-width: 768px) {
  .d-flex-md {
    display: block;
  }
}

@media (min-width: 992px) {
  .d-flex-md {
    display: flex;
  }
}

.align-items-center {
  align-items: center;
}

/**
 * FONT AWESOME ICONS
 */
h2>i[class^="fa"] {
  color: var(--deep-buff);
}

/**
 * CONSTANT CONTACT OVERRIDES
 */
div.ctct-form-embed div.ctct-form-defaults,
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
  font-family: var(--global-font-base-sans) !important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
  border-radius: 0 !important;
  border: 1px solid var(--blue-gray) !important;
}

.ctct-form-header,
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
  font-size: 1.75em !important;
  font-weight: 600 !important;
  color: var(--charcoal) !important;
  font-family: var(--global-font-headings-sans) !important;
}

@media (min-width: 992px) {

  .ctct-form-header,
  div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
    font-size: 2.125em !important;
  }
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text,
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-listname,
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-lists-legend,
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-date-slash,
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text,
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link,
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link {
  color: var(--charcoal) !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link {
  color: var(--global-link-color) !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link:hover {
  color: var(--global-link-hover-color) !important;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
  font-family: var(--global-font-base-sans) !important;
  font-size: var(--global-font-size-base) !important;
  line-height: var(--global--line-height-body) !important;
  color: var(--body-text-color) !important;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label {
  color: var(--charcoal) !important;
  font-size: var(--global-font-size-xs) !important;
  font-weight: 600;
}

div.ctct-form-embed form.ctct-form-custom fieldset.ctct-form-lists legend.ctct-form-lists-legend {
  font-family: var(--global-font-base-sans) !important;
  font-weight: 600 !important;
}

div.ctct-form-embed form.ctct-form-custom label.ctct-form-listname {
  font-family: var(--global-font-base-sans) !important;
  font-weight: 500 !important;
  font-size: var(--global-font-size-base) !important;
  line-height: 1 !important;
}

div.ctct-form-embed input[type="checkbox"],
div.ctct-form-embed input[type="radio"] {
  margin: 0 0 2px;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text {
  font-family: var(--global-font-base-sans) !important;
  font-size: var(--global-font-size-xs) !important;
  line-height: 1.3 !important;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
  border-radius: 0 !important;
  padding: 0.8em 2em !important;
  text-decoration: none !important;
  transition: all var(--btn-trans) !important;
  white-space: normal !important;
  font-weight: 700 !important;
  width: unset !important;
  font-size: 1em;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button:focus {
  outline: 2px solid white;
  box-shadow: inset 0 0 0 rgb(0, 74, 148), 0 0 0 0.25rem rgba(0, 74, 148, 0.79);
  background-color: var(--white);
  border-color: var(--deep-blue);
  outline-offset: -2px;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
  background-color: var(--true-blue) !important;
  border-color: var(--true-blue) !important;
  color: var(--off-white) !important;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover {
  background-color: var(--deep-blue) !important;
  border-color: var(--deep-blue) !important;
  color: var(--off-white) !important;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button::after {
  font: var(--fa-font-solid) !important;
  content: "\f178" !important;
  position: relative !important;
  left: 8px !important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element:focus {
  outline: 2px solid white !important;
  box-shadow: inset 0 0 0 rgb(0, 74, 148), 0 0 0 0.25rem rgba(0, 74, 148, 0.79) !important;
  background-color: var(--white) !important;
  border-color: var(--deep-blue) !important;
  outline-offset: -2px !important;
}

/* remove CC logo */
.ctct-form-footer {
  display: none !important;
}

div.ctct-form-embed form.ctct-form-custom .ctct-form-errorMessage {
  color: var(--error-message-color) !important;
}

/**
 * WORDPRESS EDITOR
 */
figure.aligncenter.size-full {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

.entry-content p {
  margin-bottom: 1.4em;
}

.entry-content p+h2,
.entry-content p+h3,
.entry-content p+h4,
.entry-content h6+h2,
.entry-content h6+h3,
.entry-content h6+h4 {
  padding-top: 3rem;
}

.entry-content .lead+h2,
.entry-content .lead+h3,
.entry-content .lead+h4 {
  padding-top: 2rem;
}

.entry-content ul+h3 {
  padding-top: 3.5rem;
}

.entry-content h2+h3 {
  padding-top: 2rem;
}

/*
 * News
*/
.news_wrapper {
  clear: both;
  padding: 0 0 0.625rem 0;
  margin-top: 0.625rem;
  margin-bottom: 3.2rem;
}

.news_date,
.news_title,
.news_desc {
  display: block;
}

.news_date {
  font-style: italic;
  font-size: var(--global-font-size-base);
  color: var(--gray);
  margin-bottom: 1.2rem;
}

.news_title {
  font-weight: 600;
  font-size: 1.5em;
  /*24px*/
  margin-bottom: 1.2rem;
}

/**
 * REPORTS
 */
ul {
  padding-left: 3rem;
}

@media (min-width: 768px) {
  ul {
    padding-left: 4rem;
  }
}

p+ul {
  margin-top: -1rem;
}

p+ul li,
h3+ul li,
h2+ul li {
  margin-bottom: 1.2rem;
}

p+ul li:last-child {
  margin-bottom: 2.64rem;
}

/** 
 * CLF4 OVERRIDES
 */
#nav-icon-hamburger span {
  background-color: var(--deep-blue);
}

@media (max-width: 874px) {
  .menu_text {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    margin-top: -44px;
    margin-left: 60px;
    opacity: 1;
    color: var(--deep-blue);
  }
}

@media (min-width: 875px) {
  .menu_text {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    margin-top: -44px;
    margin-left: 60px;
    opacity: 0;
    color: var(--deep-blue);
  }
}

/*
 * #CSSMENU
 */
#cssmenu ul ul {
  border-top: 13px solid transparent;
}

#cssmenu a[aria-expanded="true"]+ul {
  border-top: 5px solid transparent;
}

#cssmenu>ul>li:hover>a,
#cssmenu>ul>li.active>a {
  color: var(--true-blue);
}

#cssmenu>ul>li>a {
  line-height: 1;
  top: 4px;
}

#cssmenu>ul>li:first-child>a {
  top: 4px;
  padding-left: 10px;
}

@media (min-width: 992px) {
  #cssmenu ul ul {
    margin-top: 0;
    border-top: 13px solid transparent;
  }

  #cssmenu ul>li.open ul {
    margin-top: 5px;
    border-top: 0;
  }

  #cssmenu ul ul:focus {
    margin-top: 0;
  }
}

.nav .open>a,
.nav .open>a:hover {
  height: 55px;
}

#cssmenu ul ul li {
  padding-top: 0;
}

#cssmenu ul ul li:last-child {
  padding-bottom: 1px;
}

#cssmenu ul ul li a {
  box-shadow: none;
  font-weight: 600;
  font-size: 14px;
}

@media (min-width: 870px) {
  #cssmenu ul ul li a {
    background-color: var(--deep-blue);
    padding: 15px 18px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
  }
}

@media (min-width: 992px) {
  #cssmenu ul ul.open li a {
    color: var(--white);
  }
}

.nav_logo {
  position: relative;
  top: -2px;
  left: 4px;
}

#footer a,
#footer a:link,
#footer a:visited {
  color: #dbdbdb;
}

#footer a:hover,
#footer a:active {
  color: var(--white);
}

#footer a:focus,
#footer a:focus-within {
  outline: 2px solid #dbdbdb;
}

/**
 * EXTERNAL LINK ICON
 */
#main_content sup,
#agencyFooter sup {
  top: -3px;
}

#main_content .extlink sup::after,
#agencyFooter .extlink sup::after {
  font: var(--fa-font-solid);
  content: "\f35d";
  padding-left: 5px;
}

.nav-menu .extlink sup::after,
.wp-caption-text .extlink sup::after {
  content: "";
}

#main_content .btn sup::after,
#main_content .extlink-no-icon sup::after,
#agencyFooter i+sup::after,
#agencyFooter i+span+sup::after {
  content: "" !important;
}

/* Remove extlink from Agency Masthead */
.masthead-nav .extlink sup {
  display: none;
}

/**
 * PAGINATION
 */
.pagination {
  /* font-size: 0.9em; */
  align-items: center;
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 5em;
}

.pagination .page-link {
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 0.5em 1em;
  border: 1px solid #707070;
  margin-right: 5px;
}

.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-link.page-link-active {
  background-color: var(--true-blue);
  color: var(--off-white);
}

.pagination>li:first-of-type a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination>li:last-of-type a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination>li>a {
  color: var(--body-text-color);
  font-weight: 700;
  margin-left: 0;
  line-height: 1rem;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

/*
 * FORMS
*/
.form-control {
  border-radius: 0;
}

/*
 * FUNNELBACK OVERRIDES
*/
.funnelback .search-result-news .search-event-date {
  border-color: var(--light-buff) !important;
}

.funnelback .search-result-news .search-event-date-month,
.funnelback .search-result-news .search-event-date-year {
  background: var(--light-buff) !important;
}

.funnelback .search-event-date-month,
.funnelback .search-result-news .search-event-date-year,
.funnelback .search-event-date-day {
  color: var(--deep-blue) !important;
}

.funnelback .search-result-news .search-event-date-day,
.funnelback .search-result-news .search-event-date-month {
  padding: 0 1.6rem !important;
}

.funnelback .search-result-news .search-event-date {
  margin-top: 0 !important;
}

.funnelback .topicCount {
  color: var(--charcoal) !important;
}

.funnelback .fb-page .btn {
  color: var(--global-link-color);
}

.funnelback .fb-page .btn:hover {
  background-color: var(--global-link-hover-color) !important;
  border-color: var(--global-link-hover-color) !important;
}

.sb-search-main label {
  line-height: 1.1;
}

.sb-icon-search,
.sb-search-submit {
  top: 5px;
}

.sb-search-input {
  top: 4px;
}

/*
 * REMOVE PADDING BOOTSTRAP COL
*/
.no-gutters {
  padding-left: 0;
  padding-right: 0;
}

.no-gutters div[class^="col-"] {
  padding-right: 0;
}

/**
 * SPLIT COLUMN SECTION : 
 * CUSTOMIZER: links section
 */
.split-col-section {
  background-origin: var(--off-white);
  border: 1px solid var(--off-white);
  display: flex;
  flex-wrap: wrap;
}

.split-col-section .left-col {
  background-color: var(--white);
  padding: 2em 1em;
  width: 100%;
}

@media (min-width: 768px) {
  .split-col-section .left-col {
    width: 40%;
  }
}

@media (min-width: 992px) {
  .split-col-section .left-col {
    padding-right: 3em;
  }
}

/** 
 * HOME PAGE - RESOURCE LINKS
 */
.split-col-section .right-col {
  background-color: var(--off-white);
  flex-grow: 1;
  padding: 3rem 2rem;
}

@media (min-width: 768px) {
  .split-col-section .right-col {
    width: 60%;
    padding: 2rem;
  }
}

@media (min-width: 992px) {
  .split-col-section .right-col {
    padding-left: 3em;
    padding-top: 1.5em;
  }
}

.split-col-title {
  font-family: var(--global-font-headings-sans);
  font-weight: 600;
  font-size: 3.8rem;
  color: var(--charcoal);
  margin-bottom: 1.5rem;
  background-color: var(--white);
}

@media (min-width: 992px) {
  .split-col-title {
    text-align: right;
    font-size: 4rem;
  }
}

.resource-links-section {
  font-size: var(--global-font-size-xs);
}

.resource-links-heading {
  color: var(--charcoal);
  margin-top: 0;
  margin-bottom: 2.8rem;
  font-size: 2.8rem;
  font-weight: 600;
}

.resource-links-section .reports-date {
  display: block;
  font-size: 1.6rem;
}

.resource-links-section .grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 0;
  grid-column-gap: 34px;
  width: 100%;
}

@media (min-width: 768px) {
  .resource-links-section .grid-container {
    grid-template-columns: 1fr 1fr;
  }
}

.resource-links-section p {
  margin-bottom: 1em;
  font-size: 2rem;
}

@media (min-width: 728px) {
  .resource-links-section p {
    font-size: 1.9rem;
  }
}

@media (min-width: 992px) {
  .resource-links-section p {
    font-size: 2.4rem;
  }
}

.resource-links-section a:visited {
  color: var(--global-link-color);
}

#main_content .container {
  padding-left: 25px;
  padding-right: 25px;
}

@media (min-width: 992px) {
  #main_content .container {
    padding-left: initial;
    padding-right: initial;
  }
}

/* 
 * Scroll to top button
 */
.error404 .scrollToTopBtn,
.page-template-page-short .scrollToTopBtn {
  display: none;
}

.scrollToTopBtn {
  position: fixed;
  bottom: 10rem;
  right: 20px;
  opacity: 0;
  z-index: 100;
  color: var(--true-blue);
  background-color: #f8f8f8;
  border: none;
  cursor: pointer;
  line-height: 20px;
  width: 80px;
  height: 80px;
  box-shadow: 0px 3px 5px 0px rgba(33, 33, 33, 0.3);
  -webkit-box-shadow: 0px 3px 5px 0px rgba(33, 33, 33, 0.3);
  -moz-box-shadow: 0px 3px 5px 0px rgba(33, 33, 33, 0.3);
  transform: translateY(100px);
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.scrollToTopBtn.showBtn {
  opacity: 1;
  transform: translateY(0);
}

/* Icon */
.scrollToTopBtn i {
  font-size: 2rem;
  line-height: 1.4rem;
}

/* Text */
.scrollToTopBtn span {
  font-size: 1.3rem;
  line-height: 1.5rem;
  display: block;
  white-space: nowrap;
}

/* Hide on small devices */
@media (max-width: 728px) {
  .scrollToTopBtn {
    display: none;
  }
}

/* 
 * AUDIT REPORT POST STYLES
 * Added July 2024
*/
/* Audit Report Post Date */
.audit-card {
  padding: 2rem;
  border: 1px solid #707070;
  margin-bottom: 3em;
  background-color: #ffffff;

  h2,
  h3.post-title {
    color: var(--true-blue) !important;
    line-height: 1.5;
  }

  h3.post-title {
    font-size: 2.2rem;
  }

  .post-date {
    font-size: var(--global-font-size-base);
    font-weight: 700;
    margin-bottom: 1rem;
  }
}

/* Flexbox display */
.d-flex {
  display: flex !important;

  &.flex-wrap {
    flex-wrap: wrap;
  }
}

/* Equal Height */
.align-items-stretch {
  align-items: stretch !important;
}

/* Audit Cards section uses flexbox */
@media (min-width: 992px) {
  .audit-cards-section .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

/* Search Form Container */
.bsearch-form-container .well {
  padding: 2em;
  border-radius: 0;
  margin-bottom: 5em;
}

/* Seearch Form Elements */
#searchform {
  #bsearch {
    height: 100%;
    padding: 1.4rem 1.8rem;
  }

  .form-group {
    margin: 0;
  }

  button {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  #searchform button {
    margin-top: 0;
  }
}

/* Audit Reports Sidebar */
.audit-reports-sidebar {
  --h3: 2.2rem;

  border-top: 12px solid var(--true-blue);
  padding: 1.5em 0;
}

.audit-reports-sidebar p:first-child {
  margin-bottom: 0;
}

/* Audit Reports Sidebar Heading (h3) */
.audit-reports-sidebar h3 {
  font-size: var(--h3);
  margin-top: 0;
  color: #333;
}

/* Audit Reports Sidebar Text Link */
.audit-reports-sidebar .sidebar-text-link {
  font-size: 1.9rem;

  &.has-icon-box-archive::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: "\f187";
    color: var(--true-blue);
  }
}

/* Audit Reports Sidebar Select Dropdown */
.audit-reports-sidebar .sidebar-dropdown select {
  width: 275px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1em 3em 0.75em 1em;
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 1.9rem;
  border: 2px solid #333;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 35px 18px;
  border-radius: 0;
}

/* Page Pre-Heading */
h1>span.pre-heading {
  font-size: 2.4rem;
  color: var(--body-text-alt-color);
}

/* END NEW AUDIT REPORT STYLES */