﻿/* show featured articles on homepage */

@media (max-width: 1024px) {
  .featured-article__in {
      min-height: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-top: 30px;
  }

  .featured-article__title {
      display: none;
  }

  .featured-article__buttons .link {
      display: none;
  }

  .featured-article__info {
      display: none;
      margin-bottom: auto;
  }

  .featured-article__in {
      display: block;
  }

  .latest-issue__in {
      display: block;
      margin-top: 30px;
  }

  .latest-issue__title {
      display: none;
  }

  .latest-issue__subtitle {
      display: none;
  }

  .latest-issue__info {
      display: none;
  }

  .latest-issue__content {
      margin: 5px 0;
  }

  .additional-info {
      padding: 4rem 2rem;
      margin: 1rem 2rem 5rem;
  }

  .featured-article__content {
      padding: 1rem 2rem;
  }

  .additional-info .col-md-4 {
      padding: 0 0 2.5rem;
  }
}

@media only screen and (max-width: 600px) {
  .latest-issue__buttons a:last-child {
      display: block;
      margin-left: 0;
  }
}

.FormFileUpload,
.FormRange,
.FormRange__Input,
.FormCaptcha,
.FormTextbox,
.FormChoice--Image,
.FormParagraphText,
.FormReset,
.Form__NavigationBar {
  max-width: none;
  margin: 0 auto 4.5rem;
}

  .FormFileUpload label,
  .FormRange label,
  .FormCaptcha label,
  .FormTextbox label,
  .FormChoice--Image label, .FormChoice--Image .Form__Element__Caption {
      display: block;
      font-size: 2rem;
      font-weight: 600;
  }


.FormFileUpload__Input {
  display: block;
  width: 100%;
  height: auto;
  margin-top: .5rem;
  padding: 2.1rem 1rem .5rem 0;
  font-family: Muli,sans-serif;
  font-size: 1.8rem;
  border: 0;
  /* border-bottom: .1rem solid #979797; */
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
}


.FormRange__Input {
  -webkit-appearance: none;
  width: calc(100% - 100px);
  height: 15px;
  border-radius: 5px;
  background: #ddd;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-top: 3rem;
}

  .FormRange__Input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: #007eb8;
      cursor: pointer;
  }

  .FormRange__Input::-moz-range-thumb {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: #007eb8;
      cursor: pointer;
  }

.FormRange > span {
  display: flex;
  margin-top: 30px;
}

.FormRange__Input {
  margin-top: 8px;
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
}

.FormRange > span > span {
  margin-top: 0;
}

.FormCaptcha__Image {
margin: 0 auto;
width: calc(100% - 2rem);
padding: .8rem 0;
}

.FormCaptcha__Input {
margin-bottom: 1.6rem;
}

.Form__NavigationBar {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}

@media (max-width: 767px) {
  .Form__NavigationBar {
    flex-direction: column;
  }

  .Form__NavigationBar__ProgressBar--Text {
    padding: 1.6rem 0;
  }
}

.EPiServerForms .Form__Element .Form__Element__Caption {
  width: 100%;
}

.EPiServerForms .FormCaptcha {
  max-width: 46rem;
}

.EPiServerForms .FormCaptcha .FormTextbox__Input {
  width: calc(100% - 3rem) !important;
}

.EPiServerForms .FormCaptcha .FormCaptcha__Refresh {
  font-size: 1.7rem !important;
}

.EPiServerForms .Form__Status .Form__Status__Message {
  padding: 0 !important;
  margin:  0 !important
}


.EPiServerForms .Form__Element .Form__Element__Caption {
  display: block !important;
}

.EPiServerForms .Form__Element {
  margin: 0 0 4.5rem 0 !important;
}

.EPiServerForms .FormRange .FormRange__Input {
  max-width: none !important;
}

.EPiServerForms .FormChoice--Image {
  display: flex;
  flex-wrap: wrap;
}

.EPiServerForms .FormChoice--Image .Form__Element__Caption {
  flex: 1 0 100%;
}

.EPiServerForms .FormChoice--Image .FormChoice--Image__Item {
  display: flex !important;
  flex-direction: column;
  max-width: 30% !important;
  flex: 1 0 30%;
  align-items:flex-start;
  padding-bottom: 1.6rem;
  margin-right: 1.6rem !important;
}

.Form__Element .FormResetButton {
  display: flex;
  justify-content: center;
  margin: 1.6rem auto;
  max-width: 26rem;
  min-width: 14rem;
  text-align: center;
  padding: 1.2rem 2.8rem;
  font-family: Muli,sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 0;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #007eb8;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
  font-size: 1.2rem !important;
  cursor:pointer;
}

.EPiServerForms .FormStep .FormStep__Title {
  margin: 0 auto;
}

.EPiServerForms .FormStep .FormStep__Description {
  margin: 0 auto 3rem !important;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar {
  width: auto !important;
  border: none !important;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
  display: none
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Text {
  display: block !important;
}

/* fix to restrict large icons in search */
.result-item__icon {
    max-width: 200px;
}

/* Add padding to allow for more menu items on main nav */
@media only screen and (min-width: 1024px) {
    .primary-nav__item {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    .primary-nav__item:first-child {
        padding-left: 0;
    }

    .primary-nav__item:last-child {
        padding-right: 0;
    }
}

.home-bottom-cakelayer .callout__image {
    background-position: center;
}


/* Pdf */
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.comp-pdf {
    width: 100%;
}

.comp-pdf__btns {
    margin: 0 auto;
    width: 100%;
    padding: 0 0 25px;
}

.comp-pdf__container {
    width: 100%;
    padding: 0 0 50px;
}

    .comp-pdf__container iframe {
        width: 100%;
        min-height: 600px;
    }

.comp-pdf__title-list {
    width: 25%;
    float: left;
    padding: 80px 25px 0 0;
    box-sizing: border-box;
}

    .comp-pdf__title-list ul {
        padding-left: 0 !important;
    }

    .comp-pdf__title-list li {
        list-style: none;
        font-size: 16px;
    }

        .comp-pdf__title-list li a {
            text-decoration: none;
        }

        .comp-pdf__title-list li.active {
            font-weight: bold;
        }

.comp-pdf__iframe {
    width: 75%;
    float: left;
    box-sizing: border-box;
}

.comp-pdf__iframeSmall {
    width: 55%;
}

.comp-pdf__iframe iframe {
    min-height: 700px;
    width: 100%;
}

#comp-pdf__mob-list {
    display: none;
}

@media only screen and (max-width: 1024px) {

    .comp-pdf__title-list {
        width: 100%;
        padding: 0;
    }

        .comp-pdf__title-list ul,
        .comp-pdf__iframe {
            display: none;
        }

    #comp-pdf__mob-list {
        display: block;
    }
}

@media only screen and (max-width: 767px) {

    .comp-pdf__title-list,
    .comp-pdf__iframe {
        width: 100%;
    }

    .comp-pdf__title-list {
        padding: 0;
    }

    .comp-pdf__container iframe {
        min-height: 400px;
    }
}