/* debug */

pre.sf-dump {
    /* width: 10000px; */
    /* height: 10000px; */
    text-align: left;
}
/* .sf-js-enabled pre.sf-dump .sf-dump-compact {
  display: block !important;
} */

:root {
  --color-white: #ebebeb;
  --color-black: #1d1d1b;

  --ff-common: GreycliffCF, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
  --ff-alt: "Playfair Display", "Helvetica Neue", "Noto Sans", Arial, sans-serif;

  --fs-root: 16px;
  --fs-default: 1rem;
  --fs-img-caption: .875rem;

  --brand-gradient: linear-gradient(45deg, blue,#ff4b00);
}

.wrapper {
  overflow: initial;
}

html {
  scroll-behavior: smooth;
}

/* admin */
#block-c3a-tabs {
  position: absolute;
  left: 200px;
  top: 15px;
  z-index: 99;
}

#toolbar-item-user {
  min-width: auto !important;
}

#block-c3a-tabs > ul {
  display: flex;
  justify-content: center;
}

#block-c3a-tabs > ul li {
  border: 1px solid #1d1d1b;
  border-radius: 5px;
  list-style-type: none;
  margin: 20px 10px;
  padding: 5px 10px;
}

.scroll-down #block-c3a-tabs {
  display: none;
}

.toolbar-oriented .toolbar-bar {
  position: fixed !important;
}

@media (max-width: 768px) {
  #block-c3a-tabs {
    /* position: static; */
    left: 0;
    right: 0;
  }

  #block-c3a-tabs > ul {
    margin: 0;
    padding: 0;
    gap: 10px;
  }

  #block-c3a-tabs > ul li {
    margin: 0;
  }
}

body.user-logged-in .header {
  top: 70px;
}

/* body.user-logged-in .wrapper {
  overflow: scroll;
}
body.user-logged-in header.header {
  position: relative !important;
} */

body.user-logged-in .debug {
  border: 1px red solid;
  background-color: rgb(246, 205, 200);
  color: #000;
}

/* .team-section .col-item {
  width: 50% !important;
} */

#environment_debug {
  position: fixed;
  bottom: 0;
  background-color: #7e9edf;
  padding:15px;
  z-index: 999999999999;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

body.user-logged-in #environment_debug {
  bottom: 50px;
}

/* end of debug styles */
/* ***************************************************************** */
/* start of override styles */

/* overrides */
div[data-drupal-messages] {
  padding: 5px;
  text-align: center;
  background: yellow;
}

.user-login-form input[type=text], textarea {
  -webkit-appearance: inherit;
  background-color: white;
  border-radius: 0;
  min-width: 0;
  padding: 1px 2px;
  transition: inherit;
  width: inherit;
}

header.header .logo p {
  display: block;
  width: 80px;
  white-space: normal;
  margin-left: 0;
}

.header .logo a {
  gap: 5px;
}

@media (min-width: 1024px) {
	.logo img {
		width: 110px;
		height: auto;
	}
}

.contribute-section .logo img {
  width: auto;
  height: auto;
}

.contribute-section .inner-text h3 p {
  font-size: inherit;
  margin: 0;
  line-height: inherit;
}

.contribute-section .view-btn {
  margin-bottom: 5px;
}

.pagination-holder .progress-container {
  height: 1px;
}


.article-section .article h3 p {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
}

.article-section .sub-title,
.article-section .article-img-description {
  margin-bottom: 40px;
}

.project-map-section {
  overflow-x: hidden;
}

.knowledge-section .article-img-description {
  display: block;
  margin-top: 15px;
  font-size: var(--fs-img-caption);
}

.knowledge-list .fontawesome-icons {
  align-items: center;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  margin-bottom: 16px;
  width: 60px;
}
.knowledge-list .fontawesome-icons .fa-layers.fa-fw {
  font-size: 26px;
}

.article-section .title-section em,
.article-section strong {
  display: inline;
}

.partners-list {
  margin: 0 -15px;
}

.knowledge-section .sub-title {
  border-bottom: 1px solid #000;
  font-weight: 300;
  margin: 0 0 30px;
  padding-bottom: 4px;
  margin: 72px 0 52px;
}
.knowledge-section .sub-title em {
  font-family: Playfair Display,Helvetica Neue,Arial,Noto Sans,sans-serif;
  font-style: italic;
  font-weight: 500;
}

.news-box h3 em {
  display: inline;
}


.doc-btn {
  margin-bottom: 20px;
}

.team-section .three-columns-holder .icon {
  align-items: center;
  border: 1px solid #1d1d1b;
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  margin-bottom: 10px;
  width: 30px;
}

#views-exposed-form-region-block-1 {
  display: none;
}

.page-node-type-regional-hubs-dispatch- .pagination-holder { margin-bottom: 100px;
}

@media (min-width: 768px) { .home-promo-section { height: 576px; } }
@media (min-width: 1200px) { .home-promo-section { height: 626px; } }
@media (min-width: 1400px) { .home-promo-section { height: 696px; } }
@media (min-width: 1600px) { .home-promo-section { height: 746px; } }
@media (min-width: 1800px) { .home-promo-section { height: 1016px; } }
@media (min-width: 2100px) { .home-promo-section { height: 1216px; } }

/* ticket #27 */
.contribute-section .title-section span {
  margin-right: auto;
  text-align: center;
}
.contribute-section .title-section em {
  margin: -5px 0 0;
  text-align: center;
}

/* ticket #28 */
.contribute-section .two-columns-holder .image-holder {
  padding-top: 86px;
}

/* ticket #54 */
.article-social-list a {
  height: 54px;
  width: 54px;
}

.article-social-list .icon {
  line-height: 1;
}

.article-social-list svg {
  max-width: 33px;
  vertical-align: top;
}

/* .three-columns-holder .col {
  padding: 0 1em;
} */

body.home-page circle.pin-circle {
  fill: url(https://www.climatecapacitycoalition.org/themes/custom/c3a/css/");
  transform: rotate(-90deg);
  /* transform: scale(3.5) !important; */
}
body.home-page circle.pin-circle-hover {
  /* transform: scale(4.7) !important; */
}

/* body.page-node-type-regional-hubs-dispatch- circle.pin-circle {
  fill: url("#svgGradient");
  transform: rotate(-90deg);
  transform: scale(3) !important;
}
body.page-node-type-regional-hubs-dispatch- circle.pin-circle-top {
  transform: scale(3.6) !important;
} */

body.page-node-type-regional-hubs-dispatch- .pin-circle-text {
  transform: translateY(-5px);
}
.pin-circle-group .pin-circle-text {
    font-size: 24px;
}

@media (min-width: 768px)  { .pin-circle-group .pin-circle-text { font-size: 20px; } }
@media (min-width: 1200px) { .pin-circle-group .pin-circle-text { font-size: 24px; } }
@media (min-width: 1400px) { .pin-circle-group .pin-circle-text { font-size: 28px; } }
@media (min-width: 1600px) { .pin-circle-group .pin-circle-text { font-size: 34px; } }
@media (min-width: 1800px) { .pin-circle-group .pin-circle-text { font-size: 38px; } }


@media (min-width: 768px) {
  .hero-hubs-section .map-frame {
      margin-bottom: 40px;
  }
}

.country-content .content {
  width: auto;
}

/* .hero-hubs-section .sub-section .sub-column {
  font-size: 1.5em;
}
*/

.country-content-wrap .two-sub-columns {
  margin-bottom: 0;
}

.country-content-wrap .image-holder {
  margin: 5em 0 5em;
}

.country-content ul {
  margin: 0 0 27px;
}

.hub-popup-content-column .title-subsection h3 {
  font-size: 20px;
}

.hub-popup-content-column .sub-section h4 {
  font-size: 19px;
  line-height: 1.175;
}

@media (min-width: 1200px) {
  .hub-popup-content-column .title-subsection h3 {
    font-size: 24px;
  }

  .hub-popup-content-column .sub-section h4 {
    font-size: 22px;
  }
}

@media (min-width: 1400px) {
  .hub-popup-content-column .title-subsection h3 {
    font-size: 28px;
  }

  .hub-popup-content-column .sub-section h4 {
    font-size: 25px;
  }
}

@media (min-width: 1600px) {
  .hub-popup-content-column .title-subsection h3 {
    font-size: 34px;
  }

  .hub-popup-content-column .sub-section h4 {
    font-size: 28px;
  }
}

@media (min-width: 1800px) {
  .hub-popup-content-column .title-subsection h3 {
    font-size: 38px;
  }

  .hub-popup-content-column .sub-section h4 {
    font-size: 32px;
  }
}

.page-node-type-multiple-entities h3.subtitle-section {
	text-align: center;
}

.subtitle-section {
  font-weight: 400;
  letter-spacing: -.7px;
  line-height: 1;
  margin: 0 0 1em 0;
  font-size: 52px;
}

.subtitle-section em {
  font-family: "Playfair Display", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-style: italic;
  font-weight: 500;
}

@media (min-width: 768px) {
  .subtitle-section {
    letter-spacing: -1.5px;
    font-size: 72px;
  }
}

.title-section + .anchors {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 40px;
	padding: 0;
	gap: 5px;
	list-style: none;
	flex-direction: column;
}

.title-section + .anchors li {
	display: flex;
}

.title-section + .anchors li a {
	text-decoration: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 20px;
	color: #000;
	cursor: pointer;
	padding: 5px 18px 6px;
	transition: all .3s;
}

.title-section + .anchors li a:hover {
	border-color: #000;
}

@media (min-width: 768px) {
	.title-section + .anchors {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.title-section + .anchors li a {
		padding: 5px 19px;
	}
}

.hub-links {
  text-align: center;
  max-width: 250px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hub-links img {
  border-radius: 50%;
  border: 1px solid #a6a6a5;
}

li.active > .hub-links img {
  border-color: #fff;
  background-color: #fff;
}

.hub-links p {
  margin-top: .85rem;
}

.hub-links a {
  color: inherit;
  text-decoration: none;
}

.hub-links:hover a {
  text-decoration: underline;
  text-underline-offset: 1px;
}

.hub-links img {
  height: auto;
  vertical-align: top;
  width: 92px;
  aspect-ratio: 1;
}
body.page-node-type-multiple-entities section.team-section {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
body.page-node-type-multiple-entities section.team-section .container {
  border-top:1px #1d1d1b solid;
  padding-top: 4em;
}


.news-box .sub-title {
  display: inline-block;
}


.form-hidden {
  display: none !important;
}


body.page-node-type-publications-dispatch- .layout-container main.main {
  padding-top: 0;
}

hr {
  margin: 4em 0;
  opacity: 100%;
  backface-visibility: hidden;
  /* border: none !important; */
  height: 0px !important;
  /* overflow: hidden !important; */
  color: #4e4e4d;
  /* background-color: #4e4e4d; */
  border-bottom: 1px solid #4e4e4d;
}

/* .header {
  transition: none !important;
} */

section b, section strong {
  font-weight: 700;
}

ul.knowledge-list.three-columns-holder li {
  width: 33%;
}
ul.knowledge-list.two-columns-holder li {
  width: 50%;
}

ul.knowledge-list hr {
  margin: 1em 0;
}

@media (min-width: 768px) {
  ul.knowledge-list {
    gap: 20px;
    justify-content: center;
  }

  .knowledge-list li {
    width: auto;
    flex: 1 0 calc(100% / 6);
  }
}

@media (min-width: 1280px) {
  .knowledge-list {
    margin: 0 -235px 155px;
  }

  .knowledge-list li {
    flex: 0 0 calc(100% / 7);
  }
}

h3.subtitle-section {
  font-size: 3em;
  text-align: left;
  margin: auto;
}

.tab-container .button-group button {
  transition: .3s;
}

.tab-container .button-group button.active {
  background: none;
  color: #000;
  border-color: #1d1d1b;
}

.tab-container .button-group button:hover {
  background: #1d1d1b;
  border-color: #1d1d1b;
  color: #fff;
}

@media (min-width: 768px) {
  .tab-container .button-group button {
    padding: 5px 19px;
  }
}

.tab-container .tabs::after {
  border-color: gray;
}

.tab-container .tab.active {
  border-color: #1d1d1b;
}

.drupal-filters {
  display: none;
}

.logo p {
  margin-top: 0 !important;
}

/** Hihlight block */
.knowledge-section .text-highlight {
  font-weight: 300;
  margin: 0 0 30px;
  font-size: 18px;
}

@media (min-width: 1200px) {
  .knowledge-section .text-highlight {
    font-size: 21px;
  }
}

@media (min-width: 1400px) {
  .knowledge-section .text-highlight {
    font-size: 25px;
  }
}

@media (min-width: 1600px) {
  .knowledge-section .text-highlight {
    font-size: 28px;
  }
}

@media (min-width: 1800px) {
  .knowledge-section .text-highlight {
    font-size: 32px;
  }
}
/** /Hihlight block */

.country-content.content-hidden {
  left: 0 !important;
  position: static;
}

@media (min-width: 768px) {
  .contribute-section .two-columns-holder .text-box {
    padding-top: 78px;
  }
}

.knowledge-section .title-section {
  border-bottom: none !important;
}

.knowledge-section .text-lg {
  line-height: 1.45;
}

.team-member .img-hold {
  background-color: #fff;
}

.team-member .separator {
  transition: transform .25s ease-in-out, opacity .2s ease-in-out;
  transform: scaleX(0);
  transform-origin: 0 0;
  opacity: 0;
}

.team-member:where(:hover, .is-active) .separator {
  opacity: 1;
  transform: scaleX(1);
}

[data-js-slide="root"] {
  position: relative;
  cursor: pointer;
}

[data-js-slide="slide"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  transition: .25s ease-in-out;
}

[data-js-slide="opener"] {
  position: absolute;
  inset: 10px 10px auto auto;
  background: #e7e7e7;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border: 0;
  width: 26px;
  z-index: 50;
  cursor: pointer;
  transition: .25s ease-in-out;
}

[data-js-slide="opener"]:hover {
  outline: 0;
  background: #d6d6d6;
}

[data-js-slide="opener"] svg {
  transition: .25s ease-in-out;
  transform-origin: 50% 50%;
  width: 100%;
  pointer-events: none;
}

[data-js-slide="root"].is-active [data-js-slide="slide"] {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  max-height: 99rem;
}

[data-js-slide="root"].is-active [data-js-slide="opener"] svg {
  transform: rotate(135deg);
}

.geo-map-holder,
.hub-map-hold {
  margin: 0 -15px;
  overflow: hidden;
}

.contextual-region {
  position: static;
}

@media (max-width: 768px) {
  .hub-map-hold .pin-circle-group text {
    font-size: 12px;
  }
}

/* Ticket #66 */
.filter-region-item.inactive,
.filter-subregion-item.inactive {
  border-color: transparent;
  opacity: 1;
  pointer-events: all;
}

.filter-region-item.active,
.filter-subregion-item.active {
  border-color: #000;
}


section p a {
  text-decoration: underline;
}


.subscribe-section {
  padding: 0px 0 40px;
}
.subscribe-section .webform-element-description {
  margin: 0 0 1.5em;
}
@media (min-width: 1025px) { .subscribe-section .webform-element-description { font-size: 26px; } }


.subscribe-section .view-btn.submit {
  margin-top: 1.5em;
}
.subscribe-section .subscribe-form {
  max-width: max-content;
}
.subscribe-section input {
  max-width: 300px;
}
.subscribe-section .captcha__element {
  margin: 1em auto 0 auto;
}
.find-us-section {
  padding-bottom: 0;
}
.find-us-section .find-us-content {
  top: 60%;
  transform: translateY(-60%);
}

/* # 44 */
.page-node-type-page .container {
  position: relative;
}
.page-node-type-page ul.article-social-list {
  top: 0;
}

@media (max-width: 767px) {
  .article-social-list[data-sticky] {
    position: static !important;
  }
}

.contribute-section .two-columns-holder .image-holder.mobile-image {
  padding-top: 0;
}
@media (max-width: 1023px) {
  .contribute-section {
    padding-bottom: 0;
  }
}

.path-contact.home-page .main {
  padding-top: 120px;
}

.doc-btn a > *,
.article-social-list a > * {
  pointer-events: none;
}

/**
 * Captions images
 */

figure,
figure:where(.image-holder, .article-img, .image) {
  margin: 0;
}

figcaption,
figcaption.image-holder-caption {
  font-size: var(--fs-img-caption);
  line-height: 1.25;
  font-style: italic;
  margin-top: .75em;
  text-align: center;
}

.home-promo-caption {
  font-style: italic;
  position: absolute;
  inset: auto 0 0 auto;
  background: linear-gradient(to right, transparent 0%, #ebebeb 30%);
  padding: 5px 20px 5px 50px;
  font-size: var(--fs-img-caption);
}

.map-floating-modal {
  padding: 1rem 2rem;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
  transition: opacity .25s ease-in-out;
  position: absolute;
  max-width: 480px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.map-floating-modal::before {
  content: "";
  inset: 0 0 auto;
  background: var(--brand-gradient);
  height: 8px;
  position: absolute;
  border-radius: 5px 5px 0 0;
}

.map-modal-show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.map-modal-title {
  font: 500 1.75rem/1.25 var(--ff-alt);
  font-style: italic;
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-black);
}

.map-modal-body > *:first-child {
  margin-top: 0;
}

.map-modal-body > *:last-child {
  margin-bottom: 0;
}

.geo-map-holder,
.hub-map-hold {
  overflow: visible;
}

html,
body,
.wrapper {
  scroll-padding-top: 40px;
}

.project-map-section {
  padding: 0;
  overflow: visible;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-areas: "Map";
}

.project-map-section .project-map-wrapper {
  grid-area: Map;
  padding: 44px 0;
  position: relative;
}

@media (min-width: 768px) {
  .project-map-section .project-map-wrapper {
    padding: 72px 0;
  }
}

.project-map-section .decorate-wrapper {
  grid-area: Map;
  overflow: hidden;
  position: relative;
}


.country-content .title-subsection {
  text-transform: none !important;
}

h3.subtitle-section {
  padding-bottom: .5em !important;
}

@media (min-width: 1024px) {
  .team-section .three-columns-holder .col:nth-child(1) {
    width: 30%;
  }
  .team-section .three-columns-holder .col:nth-child(2) {
    padding: 0 20px;
    width: 40%;
  }
  .team-section .three-columns-holder .col:nth-child(3) {
    width: 30%;
  }
}


@media (min-width: 768px) {
  .footer .sitenav-list {
      justify-content: flex-start;
      margin: 0;
      width: 75%;
  }
}

.news-box .image-holder .inner {
  border-radius: 4px;
  overflow: hidden;
}

.news-box .image-holder .inner img {
  transition: transform .3s;
}

.news-box:hover .image-holder .inner {
  transform: none;
}

.news-box:hover .image-holder .inner img {
  transform: translate(-50%, -50%) scale(1.1);
}

.page-node-type-regional-hubs-dispatch- .country-content.content-hidden {
  display: none;
}

.page-node-type-article .article-section .article-img-description {
  font-size: 14px;
}

.recoverySecInfoRight .slick-carousel .slick-arrow {
  z-index: 10;
}

.recoverySecInfoRight .slick-carousel .slick-prev {
  left: 25px;
}

.recoverySecInfoRight .slick-carousel .slick-next {
  right: 25px;
}

.recoverySecInfoRight .slick-carousel .slick-dots {
  bottom: 30px;
}