
/* COMMUNITY DOWNLOADS FORM (RM#17941) */

/* INSTRUCTION PARAGRAPH STYLING */
body.path-webform section.community-download-instructions > .ds-copy-text p {
  font-size: 16px !important;
  font-weight: normal;
  margin: 0 !important;
}

/* CONTACT AND PRODUCT INPUT FIELD STYLING */
#edit-contact-information .webform-section-wrapper #edit-personal-information .form-item--required,
#edit-contact-information .webform-section-wrapper #edit-personal-information .js-form-item-select-one-of-the-following {
  width: 47%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
#edit-contact-information .webform-section-wrapper #edit-personal-information .form-item--required input {
  display: block;
  width: 100%;
  height: 56px;
  padding: 28px 32px 8px 16px;
  background-color: #fff;
  color: rgba(0,0,0,.8);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -.2px;
  -webkit-appearance: none;
}
@media screen and (max-width: 1039px) {
  #edit-contact-information .webform-section-wrapper #edit-personal-information .form-item--required,
  #edit-contact-information .webform-section-wrapper #edit-personal-information .js-form-item-select-one-of-the-following {
    width: 96%;
    margin-left: 2%;
    margin-right: 0;
  }
}
section.contact-info-section,
section.product-info-section {
  border: 1px solid #E3E3E3;
}
section.product-info-section {
  margin: 50px 0 0 0 !important;
}
section.contact-info-section h4,
section.product-info-section h4 {
  background: #E3E3E3;
  font-size: 26px;
  padding: 10px 10px 10px 15px;
  margin-bottom: 0;
}
section.contact-info-section .webform-section-wrapper,
section.product-info-section .webform-section-wrapper {
  display: block;
}
section.product-info-section .webform-section-wrapper .webform-layoutcontainer .fieldset--wrapper fieldset legend span,
section.product-info-section label.option {
  font-size: 16px;
  font-weight: normal;
}
body.route--entity--id--community-download.path-webform form.webform-submission-form div.form-actions button.webform-button--next {
  position: relative;
  float: right;
  color: #FFFFFF;
  background: #239DE8;
  border: none;
}
body.route--entity--id--community-download.path-webform #edit-actions.form-actions {
  text-align: right!important;
}
#edit-product-information > div > fieldset {
  margin-left: 2%;
}
#edit-product-information > div.form-item-dskid {
  margin-left: 1%;
}

/* COMMUNITY DOWNLOADS PAGE 2 */
#edit-psge-2 {
  font-size: 16px;
}

/* COMMUNITY DOWNLOADS PAGE 3 */
#edit-page-3 {
  font-size: 16px;
}
#edit-page-3 ~ #edit-actions > .webform-button--previous,
#edit-page-3 ~ #edit-actions > .webform-button--submit {
  display:none;
}
#edit-page-1 ~ #edit-actions > .webform-button--download,
#edit-psge-2 ~ #edit-actions > .webform-button--download {
  display:none;
}
#edit-page-3 ~ #edit-actions > .webform-button--download {
  display:inline-block;
}
#edit-processed-text-02 .ds-copy-text p button {
  color: #FFFFFF;
  background: #239DE8;
  border: none;
  margin: 0;
}
.webform-button--download {
  color: #FFFFFF !important;
  background: #239DE8 !important;
  border: none;
  margin: 0;
}
#edit-dskid {
  max-width: 300px;
}

/* GENERAL STYLING */
body.path-webform form.webform-submission-form {
  padding-bottom: 80px;
}
body.path-webform .contact-info-section > div > div > div.ds-select {
  width: 47%;
}
body.path-webform .webform-layoutcontainer--equal .form-item.form-item-select-one-of-the-following:after {
  content: '\e939' !important;
}
section.product-info-section .webform-section-wrapper > div > div:nth-child(1) {
  width: 49%;
}
section.product-info-section .webform-section-wrapper > div > div:nth-child(2) {
  width: 49%;
}

/* MEDIA QUERIES */
@media screen and (min-width: 1620px) { }
@media (min-width: 1440px) and (max-width: 1620px) { }
@media screen and (max-width: 1550px) {
  section.product-info-section .webform-section-wrapper > div > div:nth-child(2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 1439px) {
  #edit-product-information > div > fieldset,
  #edit-product-information > div.form-item-dskid {
    margin-left: 4%;
  }
}
@media (min-width: 980px) and (max-width: 1279px) { }
@media screen and (max-width: 975px) {
  #edit-product-information > div {
    width: 100%;
  }
}
@media (min-width: 639px) and (max-width: 840px) { }
@media (min-width: 480px) and (max-width: 639px) { }
@media (min-width: 320px) and (max-width: 480px) { }
@media (min-width: 320px) and (max-width: 718px) {
  body.path-webform .contact-info-section .ds-select::after {
    content: '\e939';
    position: absolute;
    top: 21px;
    left: 274px;
    font-family: icon;
    font-size: 16px;
    line-height: 1;
    color: rgba(0, 0, 0, .48);
    pointer-events: none;
    background-color: #fff;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 320px) { }
