p { color: #302A2C; }

/* Header tweaks */
body.report-template-single-featured-report .site-header {
  background: transparent;
  position: fixed;
  left: 0;
  right: 0;
  top: var(--wp-admin--admin-bar--height, 0px);
}

body.report-template-single-featured-report .site-header .site-header__container::before {
  background: transparent;
}

body.report-template-single-featured-report .first-container {
}

body.report-template-single-featured-report .report-image-header {
  position: absolute;
  top: 0;
  left: 0;
}

body.report-template-single-featured-report .report-image-header > img {
  height: 668px;
  width: unset;
}

body.report-template-single-featured-report .report-header {
  background: #F8F9F7;
  min-height: 668px;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
}

body.report-template-single-featured-report .report-header::after {
  content: '';
  display: block;
  width: 100%;
  height: 24px;
	background:url('../svg/drive-electric-border.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  body.report-template-single-featured-report .report-header::after, .site-header__container .menu-toggle-holder {
    display: none;
  }
  body.report-template-single-featured-report .report-image-header::after {
    content: '';
    display: block;
    width: 100%;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 1442 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M138.51 0.497314H0.250977V24.4973H138.51V0.497314Z' fill='%232e8782'/%3E%3Cpath d='M570.141 0.497314H138.51V24.4973H570.141V0.497314Z' fill='%2347966E'/%3E%3Cpath d='M1154.62 0.497314H570.141V24.4973H1154.62V0.497314Z' fill='%2370B566'/%3E%3Cpath d='M1441.25 0.497314H1154.62V24.4973H1441.25V0.497314Z' fill='%23A8D166'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
  }
  .type-xl {
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -1px;
  }
}

/* resource-full-width-photo */
.resource-full-width-photo img{
  width: 100vw;
  height: 550px;
  max-height: 550px;
  object-fit: cover;
}

body.report-template-single-featured-report .report-image-header {
  position: absolute;
  top: -1px;
  left: 0;
  right: 54%;
  height: 100%;
}
body.report-template-single-featured-report .report-image-header img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .resource-full-width-photo img{
    height: 350px;
    max-height: 350px;
  }
  body.report-template-single-featured-report .report-image-header {
    position: relative;
    top: 0px;
    margin-top: -90px;
    left: -15px;
    height: 436px;
    width: calc(100% + 30px);
  }

  body.report-template-single-featured-report .report-image-header img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
  }
}

body.report-template-single-featured-report .tagholder::after {
  background: linear-gradient(270deg, #F8F9F7 0%, rgba(255, 255, 255, 0) 100%);
}
/* resource-call-to-action */
.resource-call-to-action .ctas {
  position: relative;
  bottom: unset;
  width: auto;
}
.resource-call-to-action .ctas .cta {
  max-width: 190px;
  min-width: 190px;
}
.resource-call-to-action .ctas .cta a {
  white-space: nowrap;
  max-width: 100%;
  word-spacing: normal;
}

@media screen and (max-width: 767px) {
  .resource-call-to-action .type-xl {
    font-size: 24px;
    line-height: 34px;
  }
  .resource-call-to-action .ctas .cta {
    height: 22px;
    max-width: 160px;
    min-width: 160px;
  }
}

/* footer */
.download-thumbnail img {
  max-width: 100%;
  width: 280px;
  display: block;
  margin: 0 auto;
  height: auto;
}
.report-footer .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.report-footer .content h3 {
  margin-bottom: 32px;
  position: relative;
  padding-right: 29px;
  display: inline-block;
}
.header-download-link, .download-anchor-link {
  color: #245251;
  position: relative;
}
.site-header__navigation {
  display: flex;
  align-items: center;
}
.header-download-link h4, .download-anchor-link h4 {
  position: relative;
  color: #245251;
  padding-right: 29px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1px;
  display: inline-block;
}

.report-footer .content h3::after, .header-download-link h4::after, .download-anchor-link h4::after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3872 8.27344L9.88721 17.5304L0.387208 8.27344L2.28721 6.42204L8.58156 12.5554L8.58156 0.891061L11.2686 0.891061L11.2686 12.4816L17.4872 6.42204L19.3872 8.27344Z' fill='%232e8782'/%3E%3Crect x='1.36963' y='19.6973' width='16.9977' height='2.57267' fill='%232e8782'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 0;
  top: 4px;
  display: block;
}
.report-footer hr {
  border: 0;
  background: #E9EADE;
  height: 1px;
  width: 100%;
  margin-bottom: 32px;
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .report-footer .content {
    text-align: center;
  }
  .report-footer .download-thumbnail {
    margin-bottom: 32px;
  }
  .report-footer .content h3,
  .report-footer hr {
    margin-bottom: 24px;
  }
  .report-footer .content .resources-share {
    justify-content: center;
  }
}
/*resource-text-column*/
.two-column > p {
  columns: 2;
}
@media screen and (max-width: 767px) {
  .two-column > p {
    columns: unset;
  }
}
/* list items*/
.featured-report-list {
  list-style: disc;
}

.featured-report-list li {
  color: #245251;
}

@media screen and (max-width: 767px) {
  .featured-report-list {
    padding-left: 30px;
  }

  .featured-report-list li {
    font-size: 24px !important;
    line-height: 34px !important;
  }
}

/* statistics */
@media screen and (min-width: 767px) {
  .statistic-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .statistic-col .statistic-header, .statistic-col .statistic-content {
    padding-right: 15px;
  }
}

.statistic-col:nth-child(1n) {
  --stat-color: #245251;
} 
.statistic-col:nth-child(2n) {
  --stat-color: #245251;
} 
.statistic-col:nth-child(3n) {
  --stat-color: #70B566;
} 
.statistic-col:nth-child(4n) {
  --stat-color: #A8D166;
} 

.statistic-block .statistic-header {
  border-bottom: 4px solid var(--stat-color);
}

.statistic-block .statistic-header h2, 
.statistic-block .statistic-header div {
  color: var(--stat-color);
} 
/* quotes */
.quote-report-section .quotee-image {
  width: 100%;
}

.quote-report-section .quotee-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.quotee-details-col {
  justify-content: center;
    display: flex;
    flex-direction: column;
}

.quotee-details {
  display: flex;
}

.quotee-details .quotee-image {
  width: 64px;
  height: 64px;
  margin-right: 16px;
}

.report-data-visualization .chart-wrap {
  position: relative;
  box-sizing: border-box;
  background: #E9EADE;
  border-radius: 24px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #245251;
}

.report-data-visualization .chart-image  {
  height: auto;
  max-width: 100%;
}


.report-data-visualization .chart-wrap h3 {
  color: #245251;
}

.report-data-visualization .chart-wrap {
  min-height: 242.06px;
}

.report-data-visualization .chart-source {
  font-size: 14px;
  line-height: 18px;
  color: #302A2C;
}

@media screen and (max-width: 767px) {
  .visualization-row > div.detail-col {
    order: 3 !important;
    margin-top: 24px;
  }
}
@media screen and (min-width: 767px) {
  .report-data-visualization .chart-wrap {
    min-height: 400px;
  }
}

.visualization-row .detail-col {
  display: flex;
  align-items: center;
}

/*Form modal*/
body.modal-open {
  overflow: hidden;
}
.niftic-modal {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.niftic-modal.--open {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(50 48 47 / 60%);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: scroll;
  opacity: 1;
}

.niftic-modal-content {
  background: #E9EADE;
  position: relative;
  overflow: scroll;
  height: 100vh;
  max-height: unset;
  border-radius: 0px;
}

.niftic-modal-close {
  position: fixed;
  top: 24px;
  right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3276_21372)'%3E%3Cpath d='M25.3332 8.54667L23.4532 6.66667L15.9998 14.12L8.5465 6.66667L6.6665 8.54667L14.1198 16L6.6665 23.4533L8.5465 25.3333L15.9998 17.88L23.4532 25.3333L25.3332 23.4533L17.8798 16L25.3332 8.54667Z' fill='%232e8782'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3276_21372'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  height: 32px;
  width: 32px;
  cursor: pointer;
  background-color: #E9EADE;
  border-radius: 10px;
}

.niftic-modal .resource-form {
  background: none !important;
  border-radius: 0px;
}

.niftic-modal .resource-form iframe {
  max-width: 100%;
}

.niftic-modal .resource-form input[type="text"], .niftic-modal .resource-form input[type="email"], .niftic-modal .resource-form select {
  width: calc(50% - 3px) !important;
  box-sizing: border-box;
  /* margin: 0; */
  /* padding: 0; */
}

.niftic-modal .resource-form .modal-download, .niftic-modal .resource-form .modal-download:hover {
  background-color: transparent;
  color: #245251;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1px;
  border: none;
  padding-left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='30' viewBox='0 0 20 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2544 12.004L9.75439 21.261L0.254396 12.004L2.1544 10.1526L8.44874 16.2859L8.44875 4.62162L11.1358 4.62162L11.1358 16.2122L17.3544 10.1526L19.2544 12.004Z' fill='%232e8782'/%3E%3Crect x='1.23682' y='23.4273' width='16.9977' height='2.57267' fill='%232e8782'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 32px;
}

.niftic-modal .resource-form .modal-download:hover {
  background-color: transparent;
  text-decoration: underline;
}

.niftic-modal .resource-form .consent label {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
}

/* Testimonial slider */
.carousel.row {
  align-items: center;
  position: relative;
}

.slide-indicator {
  width: 12px;
  height: 12px;
  background: #E9EADE;
  transition: background 0.3s ease-in-out;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
}

.slide-indicator.--active {
  background: #245251;
}

[data-niftic-slider-slides] > div {
  transition: opacity 0.3s ease-in-out;
  position: absolute;
}

[data-niftic-slider-slides] > .-inactive {
  opacity: 0;
  z-index: -1;
}

[data-niftic-slider-slides] > .-active {
  transition-delay: 0.3s;
  opacity: 1;
  z-index: 3;
}

.txt-c {
  text-align: center;
}

.testimonials .arrow {
  cursor: pointer;
  color: #245251;
  transition: color 0.3s ease-in-out;
  z-index: 5;
  width: 29px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
}

.testimonials .arrow.-disabled {
  cursor: default;
  color: #E9EADE;
}

@media screen and (min-width: 767px) {

  .testimonials .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .testimonials .arrow.-left {
    left: 15px;
  }

  .testimonials .arrow.-right {
    right: 15px;
  }

  .niftic-modal-content {
    max-height: 80vh;
    height: auto;
    border-radius: 15px;
    max-width: 715px;
  }
  .niftic-modal .resource-form iframe {
    height: 500px !important;
  }
  .niftic-modal-close {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .niftic-modal .resource-form iframe {
    height: 800px !important;
  }
}

.mobile-footer {
  background: #FFFFFF;
  height:64px;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 99;
  filter: drop-shadow(0px -4px 8px rgba(124, 116, 117, 0.08));
  justify-content: center;
  align-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .mobile-footer {
    display: flex;
  }
}

.report-modal-open, 
.download-anchor-link,
.author-link,
.download-report-link {
  text-decoration: none;
}

.report-modal-open *, 
.download-anchor-link *,
.author-link *,
.download-report-link * {
  text-decoration: inherit;
}

.report-modal-open:hover, 
.download-anchor-link:hover,
.author-link:hover,
.download-report-link:hover {
  text-decoration: underline;
}

.content_block h1, .content_block h2, .content_block h3, .content_block h4, .content_block h5 {
  color: inherit;
}

.content_block .block-divider {
  height: 10px;
  width: 280px;
  background-image: url('../svg/text-block-divider.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
  .content_block .block-divider {
    width: 160px;
    height: 6px;
  }
}