// Case Studies Intro
//
// The intro is the introduction to the /case-studies/ page
//
// Styleguide blocks.case-studies.intro

.case_studies_intro {
  background-color: $white;
  padding-top: $base-padding;
  padding-bottom: $base-padding;
}

.case_studies_intro-heading {
  padding-right: $base-padding;
  margin-bottom: $base-padding-lite;
  padding-bottom: $base-padding-lite;
}

.case_studies_intro-para {
  @include heading('para-xl');
	margin-bottom: $base-padding;
}

.case_studies_intro-image {
  max-width: 420px;
  width: 100%;
}

.case_studies_intro-image_key {
  border-top: 2px solid $gray-light;
  margin-top: $base-padding;
  padding-top: $base-padding-lite;
}

.case_studies_intro-select {
  max-width: 400px;
  width: 100%;

  label {
    padding-bottom: $base-padding-lite;
  }

  &.desktop {
    display: none;
  }

  &.mobile {
    display: block;
  }

  @include respond-to(medium-up) {
    &.desktop {
      display: block;
    }

    &.mobile {
      display: none;
    }
  }
}

.case_studies-selected_counties {
  path.feature { //highlighted county features
    fill: $green;
    stroke: $white;
  }
}
