/*!
Theme Name: Child CDots
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: Digital Harbor Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Template: dharbor-clients
Text Domain: child-cdots
*/
:root {
  --wp--custom--layout--content: 1200px;
  --wp--custom--layout--wide: 1400px;
  --wp--custom--layout--narrow: 1000px;
  --readable-width: 800px;
  --white: #ffffff;
  --black: #000000;
  --bone: #EEF3F6;
  --frost: #EEF3F6;
  --gray: #a6a6a6;
  --dk-gray: #666666;
  --lt-gray: #dddddd;
  --charcoal: #444444;
  --yellow: #f0c342;
  --lt-color: #f0c342;
  --dk-color: #000000;
  --accent-color: #f0c342;
  --headline: "Montserrat","Helvetica Neue", Helvetica, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
  --bodycopy: "Montserrat", "Helvetica Neue", Helvetica, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
  --regular: 400;
  --medium: 500;
  --bold: 700;
  --space-unit: 1rem;
  --space-xxs: calc(0.25 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --fluid-space-32-64: clamp(2rem, 1.0909rem + 3.8788vw, 4rem);
  --fluid-space-64-200: clamp(4rem, 1.4815rem + 12.5926vw, 12.5rem);
  --fluid-space-48-112: clamp(3rem, 2.1351rem + 4.3243vw, 7rem);
}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-sm: clamp(0.8rem, 0.7704rem + 0.1481vw, 0.9rem);
    --font-size-base: clamp(1rem, 0.9615rem + 0.1926vw, 1.13rem);
    --font-size-md: clamp(1.2rem, 1.1111rem + 0.4444vw, 1.5rem);
    --font-size-lg: clamp(1.4rem, 1.2222rem + 0.8889vw, 2rem);
    --font-size-xl: clamp(1.6rem, 1.3333rem + 1.3333vw, 2.5rem);
    --font-size-xxl: clamp(1.8rem, 1.4444rem + 1.7778vw, 3rem);
    --font-size-xxxl: clamp(2rem, 1.5556rem + 2.2222vw, 3.5rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-sm: 0.8rem;
    --font-size-base: 1rem;
    --font-size-md: 1.25rem;
    --font-size-lg: 1.56rem;
    --font-size-xl: 1.95rem;
    --font-size-xxl: 2.44rem;
    --font-size-xxxl: 3.05rem;
  }
  @media screen and (min-width: 1408px) {
    :root {
      --font-size-sm: 0.9rem;
      --font-size-base: 1.13rem;
      --font-size-md: 1.41rem;
      --font-size-lg: 1.76rem;
      --font-size-xl: 2.2rem;
      --font-size-xxl: 2.75rem;
      --font-size-xxxl: 3.43rem;
    }
  }
}
/*!
Theme Name: Child CDots
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: Digital Harbor Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Template: dharbor-clients
Text Domain: child-cdots
*/
.site-header {
  background-color: var(--black);
}
@media screen and (min-width: 1024px) {
  body.banner-active .site-header {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 1024px) {
  body.fixed-header .site-header {
    background-color: rgba(0, 0, 0, 0.8);
  }
  body.fixed-header .site-header a.custom-logo-link {
    max-width: 180px;
  }
}

a.custom-logo-link img {
  max-width: 140px;
}

/*!
Theme Name: Child CDots
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: Digital Harbor Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Template: dharbor-clients
Text Domain: child-cdots
*/
@media screen and (min-width: 1024px) {
  ul#primary-menu a {
    color: var(--yellow);
  }
  ul#primary-menu a:after {
    background: var(--white);
  }
  ul#primary-menu a:hover, ul#primary-menu a:focus {
    color: var(--white);
  }
}

/*!
Theme Name: Child CDots
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: Digital Harbor Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Template: dharbor-clients
Text Domain: child-cdots
*/
/* banner */
.banner__overlay {
  background-color: rgba(0, 0, 0, 0.65);
}

.banner__text-wrap .banner__text .banner__text--headline {
  color: var(--yellow);
}
.banner__text-wrap .banner__text--bodycopy a {
  color: var(--yellow);
  border-bottom: none;
}
.banner__text-wrap .banner__text--bodycopy a:hover, .banner__text-wrap .banner__text--bodycopy a:focus {
  color: var(--white);
  border-bottom: none;
}

/*!
Theme Name: Child CDots
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: Digital Harbor Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Template: dharbor-clients
Text Domain: child-cdots
*/
input[type=text],
textarea,
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
select {
  font-family: var(--bodycopy);
  font-weight: var(--regular);
  font-size: var(--font-size-base);
  line-height: 1;
  color: var(--dk-gray);
  padding: 0.6rem 1rem 0.6rem;
  background-color: var(--white);
  border-radius: 0;
  border: 1px solid var(--dk-gray);
  transition: all 0.3s ease;
}
input[type=text]:focus,
textarea:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus {
  border: 1px solid var(--black);
  outline: none;
  color: var(--black);
}
@media screen and (min-width: 769px), print {
  input[type=text],
  textarea,
  input[type=search],
  input[type=email],
  input[type=tel],
  input[type=url],
  select {
    padding: 0.8rem 1.2rem 0.8rem;
  }
}

/* gravity forms */
.gform_confirmation_message {
  background-color: var(--bone);
  padding: 2rem;
  font-size: var(--font-size-base);
  border-radius: 8px;
}

#primary .gform_wrapper .gform_button {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 0.6rem 1rem 0.6rem;
  font-family: var(--headline);
  font-size: var(--font-size-base);
  font-weight: var(--bold);
  font-variation-settings: "wght" var(--bold);
  color: var(--black);
  background-color: var(--yellow);
  text-align: center;
  text-decoration: none;
  border: none;
  border-bottom: none !important;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
#primary .gform_wrapper .gform_button:hover, #primary .gform_wrapper .gform_button:focus {
  background-color: var(--charcoal);
  color: var(--yellow);
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  #primary .gform_wrapper .gform_button {
    padding: 0.8rem 1.2rem 0.8rem;
  }
}
#primary .gform_wrapper .gform-field-label {
  font-size: var(--font-size-base);
}

/*!
Theme Name: Child CDots
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: Digital Harbor Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Template: dharbor-clients
Text Domain: child-cdots
*/
a {
  transition: all 0.3s ease;
}

body :not(header) :not(footer) a {
  position: relative;
  color: var(--charcoal);
  padding: 0 2px;
  font-weight: var(--bold);
  font-variation-settings: "wght" var(--bold);
  text-decoration: none;
  border-bottom: 1px solid var(--charcoal);
  transition: all 0.3s ease;
}

a:hover,
a:focus {
  color: var(--black);
  text-decoration: none;
  border-color: transparent;
}

a:focus {
  outline: 1px dotted var(--charcoal);
}

a:active {
  text-decoration: none;
  color: var(--dk-gray);
}

a.button,
a.btn,
.site-main .button,
input[type=submit],
.site-main a.wp-element-button {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 0.6rem 1rem 0.6rem;
  font-family: var(--headline);
  font-size: var(--font-size-base);
  font-weight: var(--bold);
  font-variation-settings: "wght" var(--bold);
  color: var(--black);
  background-color: var(--yellow);
  text-align: center;
  text-decoration: none;
  border: none;
  border-bottom: none !important;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
a.button:hover, a.button:focus,
a.btn:hover,
a.btn:focus,
.site-main .button:hover,
.site-main .button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.site-main a.wp-element-button:hover,
.site-main a.wp-element-button:focus {
  background-color: var(--charcoal);
  color: var(--yellow);
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13);
}
@media screen and (min-width: 769px), print {
  a.button,
  a.btn,
  .site-main .button,
  input[type=submit],
  .site-main a.wp-element-button {
    padding: 0.8rem 1.2rem 0.8rem;
  }
}
a.button.accent-btn,
a.btn.accent-btn,
.site-main .button.accent-btn,
input[type=submit].accent-btn,
.site-main a.wp-element-button.accent-btn {
  color: var(--black);
}
a.button.accent-btn:hover, a.button.accent-btn:focus,
a.btn.accent-btn:hover,
a.btn.accent-btn:focus,
.site-main .button.accent-btn:hover,
.site-main .button.accent-btn:focus,
input[type=submit].accent-btn:hover,
input[type=submit].accent-btn:focus,
.site-main a.wp-element-button.accent-btn:hover,
.site-main a.wp-element-button.accent-btn:focus {
  background-color: var(--charcoal);
  color: var(--accent-color);
}

/*!
Theme Name: Child CDots
Theme URI: http://underscores.me/
Author: Partisan Pixel
Author URI: https://www.partisanpixel.com
Description: Digital Harbor Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Template: dharbor-clients
Text Domain: child-cdots
*/
/* custom theme styles to override parent theme */
/* typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--dk-gray);
}

label {
  color: var(--dk-gray);
  font-size: var(--font-size-base);
}

/* ============= 
teams 
================ */
#primary ul.team-members-flex button {
  color: var(--black);
  cursor: pointer;
}
#primary ul.team-members-flex button:hover .team-member__card-area, #primary ul.team-members-flex button:focus .team-member__card-area {
  background-color: var(--lt-gray);
}
#primary ul.team-members-flex .team-member__card-area {
  background-color: var(--bone);
  border-radius: 0 0 8px 8px;
  padding: 1rem;
  transition: all 0.3s ease;
}

.modal-body .modal__team-image-column {
  background-color: var(--yellow) !important;
  color: var(--black);
}

.modal-body {
  background-color: var(--bone);
}

.close-button svg circle,
.close-button svg line {
  stroke: var(--black);
}

.has-wavy-header-bkgr {
  background: url(assets/img/banner-dots.jpg) center center/cover no-repeat;
}
.has-wavy-header-bkgr p.subheader {
  color: var(--white);
}
.has-wavy-header-bkgr h1.entry-title {
  color: var(--yellow);
}

.close-btn svg path {
  stroke: var(--black);
}
.close-btn:hover svg path, .close-btn:focus svg path, .close-btn:focus-visible svg path {
  stroke: var(--gray);
}

#fullPageTakeover input.search-field {
  border-bottom-color: var(--gray);
}
#fullPageTakeover input.search-field:hover, #fullPageTakeover input.search-field:focus, #fullPageTakeover input.search-field:focus-visible {
  border-bottom-color: var(--black);
}

.featured__single-row .sidebar img {
  border-color: var(--black);
}

.no-results form.search-form,
.error-404 form.search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.no-results input.search-field,
.no-results input.search-submit,
.error-404 input.search-field,
.error-404 input.search-submit {
  max-height: 35px;
}
@media screen and (min-width: 769px), print {
  .no-results input.search-field,
  .no-results input.search-submit,
  .error-404 input.search-field,
  .error-404 input.search-submit {
    max-height: 44px;
  }
}

.site-footer {
  padding: 2rem 1rem;
  background-image: linear-gradient(145deg, hsl(0, 0%, 0%) 0%, hsl(0, 0%, 13%) 47%, hsl(0, 0%, 27%) 100%);
}

.footer__overlay {
  opacity: 0.06;
}

.footer__inner-container a {
  color: var(--yellow);
}
.footer__inner-container a:hover, .footer__inner-container a:focus {
  color: var(--bone);
}
.footer__inner-container a.footer-logo {
  display: block;
}
.footer__inner-container a.footer-logo img {
  display: block;
  margin: auto;
}

.footer__headline {
  color: var(--gray);
  font-variation-settings: "wght" var(--medium);
}

#footer-menu-privacy {
  margin-top: 1rem;
}
#footer-menu-privacy li {
  border: none;
  margin-bottom: 0;
}

.combined-entry-header {
  gap: 1rem;
}
@media screen and (min-width: 769px), print {
  .combined-entry-header {
    flex-wrap: nowrap;
    gap: 2rem;
  }
  .combined-entry-header .title-and-subtitle {
    flex-basis: 84%;
  }
  .combined-entry-header .subheader {
    max-width: var(--readable-width);
  }
  .combined-entry-header .header-graphic {
    flex-basis: 16%;
    aspect-ratio: 168/194;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .combined-entry-header .header-graphic.none {
    display: none;
  }
  .combined-entry-header .header-graphic.graphic-a {
    background-image: url(assets/img/graphic-black.svg);
  }
  .combined-entry-header .header-graphic.graphic-b {
    background-image: url(assets/img/graphic-yellow.svg);
  }
  .combined-entry-header .header-graphic.graphic-c {
    background-image: url(assets/img/graphic-gray.svg);
  }
  .combined-entry-header .header-graphic-large {
    flex-basis: 100%;
  }
}

.cta-section.black, .cta-section.gray {
  color: var(--white);
}
.cta-section.black h2, .cta-section.gray h2 {
  color: var(--white);
}
.cta-section.black {
  background-image: linear-gradient(180deg, hsl(0, 0%, 0%) 0%, hsl(0, 0%, 3%) 7%, hsl(0, 0%, 6%) 15%, hsl(0, 0%, 9%) 22%, hsl(0, 0%, 12%) 30%, hsl(0, 0%, 15%) 37%, hsl(0, 0%, 18%) 45%, hsl(0, 0%, 22%) 53%, hsl(0, 0%, 25%) 61%, hsl(0, 0%, 28%) 69%, hsl(0, 0%, 31%) 77%, hsl(0, 0%, 34%) 84%, hsl(0, 0%, 37%) 92%, hsl(0, 0%, 40%) 100%);
}
.cta-section.gray {
  background-image: linear-gradient(270deg, hsl(0, 0%, 40%) 0%, hsl(0, 0%, 39%) 20%, hsl(0, 0%, 37%) 29%, hsl(0, 0%, 36%) 37%, hsl(0, 0%, 34%) 44%, hsl(0, 0%, 33%) 51%, hsl(0, 0%, 31%) 58%, hsl(0, 0%, 30%) 67%, hsl(0, 0%, 28%) 77%, hsl(0, 0%, 27%) 100%);
}
.cta-section.yellow {
  background-image: linear-gradient(0deg, hsl(44, 85%, 60%) 0%, hsl(44, 87%, 59%) 21%, hsl(43, 89%, 59%) 30%, hsl(42, 91%, 58%) 39%, hsl(42, 92%, 58%) 46%, hsl(41, 94%, 57%) 54%, hsl(41, 95%, 56%) 61%, hsl(40, 97%, 56%) 69%, hsl(40, 99%, 55%) 79%, hsl(39, 100%, 55%) 100%);
}
.cta-section.yellow h2 {
  color: var(--black);
}
.cta-section.yellow .btn {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}
.cta-section.yellow .btn:hover, .cta-section.yellow .btn:focus {
  background-color: var(--dk-gray);
  color: var(--white);
}

.page-divider,
hr.wp-block-separator {
  background: url(assets/img/dot-divider.png) left center/cover no-repeat;
}

.single-news__news-label-link {
  color: var(--black);
}

.card .card__date {
  color: var(--gray);
}

.category-pill,
.news-landing-page__non-featured-flex .category-pill {
  border: 1px solid var(--black);
  color: var(--black);
  background-color: var(--lt-gray);
}

.term-black a.card__image-link {
  background-color: var(--black);
}

.term-yellow a.card__image-link {
  background-color: var(--yellow);
}

.term-gray a.card__image-link {
  background-color: var(--gray);
}

.project-label-link {
  color: var(--gray);
}
.project-label-link:hover, .project-label-link:focus {
  color: var(--white);
}

.projects__single-project .projects__single-text-wrapper--bottom-color {
  background-color: var(--yellow) !important;
}

/* two column headline and text block styles */
.two-col-headline-text-section.yellow-background {
  background-image: linear-gradient(0deg, hsl(44, 85%, 60%) 0%, hsl(44, 87%, 59%) 21%, hsl(43, 89%, 59%) 30%, hsl(42, 91%, 58%) 39%, hsl(42, 92%, 58%) 46%, hsl(41, 94%, 57%) 54%, hsl(41, 95%, 56%) 61%, hsl(40, 97%, 56%) 69%, hsl(40, 99%, 55%) 79%, hsl(39, 100%, 55%) 100%);
}

.two-col-headline-text-section.dark-background {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
}
.two-col-headline-text-section.dark-background h1,
.two-col-headline-text-section.dark-background h2,
.two-col-headline-text-section.dark-background h3,
.two-col-headline-text-section.dark-background h4,
.two-col-headline-text-section.dark-background h5,
.two-col-headline-text-section.dark-background h6,
.two-col-headline-text-section.dark-background div,
.two-col-headline-text-section.dark-background p,
.two-col-headline-text-section.dark-background ul,
.two-col-headline-text-section.dark-background ol {
  color: var(--white);
}
.two-col-headline-text-section.dark-background a:not(.wp-element-button) {
  color: var(--yellow);
  border-color: var(--yellow);
}
.two-col-headline-text-section.dark-background a:not(.wp-element-button):hover, .two-col-headline-text-section.dark-background a:not(.wp-element-button):focus {
  color: var(--white);
  border-color: transparent;
}
.two-col-headline-text-section.dark-background h1.two-col-head-text-row__headline {
  color: var(--yellow);
}

.primary-menu-trigger span {
  background: var(--yellow);
}

@media screen and (max-width: 1023px) {
  .primary-menu-wrapper {
    background-color: var(--yellow);
  }
}

@media screen and (max-width: 1023px) {
  ul#primary-menu a {
    color: var(--black);
  }
  ul#primary-menu a:hover, ul#primary-menu a:focus {
    color: var(--dk-gray);
  }
}

.mm-search .search-submit {
  background-color: var(--black);
  height: 2.7rem;
}
.mm-search .search-submit:hover, .mm-search .search-submit:focus {
  background-color: var(--dk-gray);
}

.mm-section-divider {
  background-color: var(--dk-gray);
}

.related-news-section,
.news-landing-search-filter {
  display: none;
}

.resource-item.term-black {
  border-left-color: var(--black);
}
.resource-item.term-yellow {
  border-left-color: var(--yellow);
}
.resource-item.term-gray {
  border-left-color: var(--gray);
}

.page-template-template-top-banner main#primary {
  margin-top: 0;
}

.sponsors__single img {
  display: none;
}

.sponsors__single a {
  color: var(--charcoal);
  font-size: var(--font-size-xl);
  line-height: 1.2;
  margin-bottom: var(--space-unit);
  border-bottom: none;
}
.sponsors__single a:hover, .sponsors__single a:focus {
  color: var(--gray);
  text-decoration: none;
  border-bottom: none;
}

/*# sourceMappingURL=style.css.map */