/*:root {
    --primary-color-ssp: #055773;
    --secondary-color-ssp: #A9E9BE;
    --tertiary-color-ssp: #74D1D6;
    --neutral-color-ssp: #dcb675;
    --accent-one-color-ssp: #DF7C66;
    --accent-two-color-ssp: #E8402E;
    --white-color-ssp: #ffffff;
    --dark-gray-ssp: #262626;
    --dark-text-ssp: var(--dark-gray-ssp);
    --light-text-ssp: var(--white-color-ssp);
  }


For Contract Accessibility use
white text on: primary, dark-gray

black text on: secondary, neutral, accent-one, tertiary, accent-two (ONLY IF LARGE HEADING)

*/
a.ssp-primary-color-bg {
  color: var(--light-text-ssp);
}
a.ssp-accentone-color-bg:hover {
  background-color: var(--accent-one-color-ssp);
}
a:hover {
  text-decoration: none;
}
.ssp-darkgray-color-text {
  color: var(--dark-gray-ssp);
}
.ssp-darkgray-color-bg {
  background-color: var(--dark-gray-ssp);
}

.ssp-accentone-color-text {
  color: var(--accent-one-color-ssp);
}
.ssp-accentone-color-bg {
  background-color: var(--accent-one-color-ssp);
}

.ssp-accenttwo-color-text {
  color: var(--accent-two-color-ssp);
}
.ssp-accenttwo-color-bg {
  background-color: var(--accent-two-color-ssp);
}

.ssp-primary-color-text {
  color: var(--primary-color-ssp);
}
.ssp-primary-color-bg {
  background-color: var(--primary-color-ssp);
  background-color: #06688a;
  background-color: #158e5c;
  background-color: #2e7d97;
}

.ssp-secondary-color-text {
  color: var(--secondary-color-ssp);
}
.ssp-secondary-color-bg {
  background-color: var(--secondary-color-ssp);
}

.ssp-tertiary-color-text {
  color: var(--tertiary-color-ssp);
}
.ssp-tertiary-color-bg {
  background-color: var(--tertiary-color-ssp);
}

.ssp-light-color-text {
  color: var(--white-color-ssp);
}
.ssp-light-color-bg {
  background-color: var(--white-color-ssp);
}
body,
html {
  height: 100%;
}
body {
  background-color: var(--white-color-ssp);
  #top,
  #footer {
    background-color: var(--primary-color-ssp);
    color: var(--light-text-ssp);
  }
  #top {
    background-color: var(--secondary-color-ssp);
    color: var(--dark-text-ssp);
  }
  header {
    .navbar {
      a,
      .sub-menu .menu-item a,
      .sub-menu .menu-item-type-taxonomy a,
      .sub-menu .menu-item-object-category a {
        color: var(--primary-color-ssp) !important;
        text-decoration: none;
      }
    }
  }

  .latest-news,
  .featured-content .entry-title {
    color: var(--light-text-ssp);
  }
  .podcast-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    li span {
      margin: 0 5px;
    }
  }
}
body.page,
body.single-post {
  #featured.featured-content {
    background-color: var(--primary-color-ssp);
    color: var(--light-text-ssp);
    padding: 10px 0;
  }
  background-color: var(--primary-color-ssp);
}
body main#content {
  background-color: var(--white-color-ssp);
  /*background-color: #A9E9BE;
    background: #055773;
    background: linear-gradient(36deg, rgba(5, 87, 115, 1) 0%, rgba(169, 233, 190, 1) 100%);*/
}
body.single-episode {
  #featured.featured-content {
    background-color: var(--primary-color-ssp);
    padding: 20px 0;

    a {
      text-decoration: none;
      color: var(--light-text-ssp);
      &:hover {
        text-decoration: underline;
      }
    }
    .entry-meta {
      font-size: 1em;
    }
    .entry-title {
      word-break: keep-all;
      font-size: 2.25em;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }
  }
}

body #top {
  margin: 0;

  padding: 10px;
  .site-title {
    .row {
      align-items: center;
      .col:nth-child(1) {
        padding: 0;
        margin: 0;
      }
    }
  }
}

body #top.navbar {
  nav#site-menu {
    background: none;
    outline: none;
    border: none;
    #menu-main {
      .menu-item {
        outline: none;
        border: none;
        margin: 5px 0;
        .sub-menu {
          border-radius: 10px;
          .menu-item {
            a {
              border-radius: 0px;
              &:hover {
                background: var(--primary-color-ssp);
                color: var(--light-text-ssp);
                border-radius: 0px;
              }
            }
          }
          .current-menu-item {
            a {
              border-radius: 0px;
            }
          }
        }
        a {
          border-radius: 10px;
          outline: none;
          border: none;
          color: var(--dark-text-ssp);
          &:hover {
            color: var(--light-text-ssp);
            background: var(--primary-color-ssp);
            text-decoration: none;
          }
        }
      }
      .current-menu-item {
        color: var(--light-text-ssp);
        a {
          border-radius: 10px;
          color: var(--light-text-ssp);
          background: var(--primary-color-ssp);
        }
      }
    }
  }
}
#primary-main-nav,
#secondary-sub-nav {
  display: flex;
  padding: 5px 0;
  a.menu-item {
    border-radius: 10px;
    outline: none;
    border: none;
    margin: 5px 10px;
    padding: 5px;
    outline: none;
    border: none;
    &:hover {
      text-decoration: none;
    }
  }
}
#primary-main-nav {
  a.menu-item {
    color: var(--dark-text-ssp);
    &:hover {
      color: var(--light-text-ssp);
      background: var(--primary-color-ssp);
    }
  }
  a.current-menu-item {
    color: var(--light-text-ssp);
    background: var(--primary-color-ssp);
  }
}
#secondary-sub-nav {
  padding: 10px 0;
  background: var(--tertiary-color-ssp);
  a.menu-item {
    color: var(--dark-text-ssp);
    &:hover {
      color: var(--light-text-ssp);
      background: var(--primary-color-ssp);
    }
  }
  a.current-menu-item {
    color: var(--light-text-ssp);
    background: var(--primary-color-ssp);
  }

  .sub-nav-container {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .parent-current-item {
    display: flex;
    align-items: center;
  }
}
.ssp-custom-archive-title {
  color: var(--tertiary-color-ssp);
}
/*menu-item menu-item-type-post_type menu-item-object-page 
current-menu-item page_item page-item-2 current_page_item menu-item-53*/

/*menu-item menu-item-type-post_type 
menu-item-object-page menu-item-has-children menu-item-78*/

.csm-item a {
}

.custom-pre {
  font-family: "Courier New", Courier, monospace;
  padding: 2px 5px;
  background-color: #ccc;
}

.sm-bg {
  color: var(--sm-bg, #000);
}

.sm-fg {
  color: var(--sm-fg, #fff);
}

.csm-item .csm-link:hover {
  svg {
    transform: scale(1.05);
    svg {
      transform: scale(1.05);
      transform: translate(-2px, -2px);
    }
  }
}

img.logo {
  border-radius: 50%;
}

.custom-content-block {
  font-size: 1.25em;
  line-height: 1.5em;
}
.custom-content-block img {
}

#site-menu .menu-item-has-children ul::before,
#site-menu > ul::after {
  display: none;
}