@charset "UTF-8";
/* Year 7 form */
/* Variables */
p.notice {
  font-size: 18px;
  padding: 12px;
  border: 3px #0b3451 solid;
  margin: 0 0 24px;
}

#yr7_data_form section h3, .form_generic section h3 {
  background: #0b3451;
  color: #fff;
  padding: 6px 12px;
}
#yr7_data_form section h4, .form_generic section h4 {
  position: relative;
}
#yr7_data_form section h4 em, .form_generic section h4 em {
  font-style: normal;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 8px;
}
#yr7_data_form section h4 .direct_debit, .form_generic section h4 .direct_debit {
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/assets/img/logo_direct_debit.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100px;
  height: 50px;
}
#yr7_data_form section h5, .form_generic section h5 {
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 4px;
}
#yr7_data_form section#ipad .ipad_container, .form_generic section#ipad .ipad_container {
  margin-top: 12px;
}
#yr7_data_form .required:after, .form_generic .required:after {
  content: "*";
}
#yr7_data_form label, .form_generic label {
  font-weight: 900;
  display: block;
  margin-bottom: 2px;
  line-height: 1.4em;
}
#yr7_data_form label.inline, .form_generic label.inline {
  display: inline-block;
}
#yr7_data_form input[type=text], #yr7_data_form input[type=number], .form_generic input[type=text], .form_generic input[type=number] {
  width: 80%;
  padding: 4px 6px;
  border: 1px rgba(11, 52, 81, 0.5) solid;
  border-radius: 4px;
}
#yr7_data_form input[type=text].tel_std, #yr7_data_form input[type=number].tel_std, .form_generic input[type=text].tel_std, .form_generic input[type=number].tel_std {
  width: 20%;
  margin-right: 1%;
}
#yr7_data_form input[type=text].tel_num, #yr7_data_form input[type=number].tel_num, .form_generic input[type=text].tel_num, .form_generic input[type=number].tel_num {
  width: 56%;
}
#yr7_data_form input[type=checkbox], .form_generic input[type=checkbox] {
  display: inline;
  position: relative;
  top: 2px;
  left: 4px;
  zoom: 1.5;
}
#yr7_data_form input[type=radio], .form_generic input[type=radio] {
  zoom: 1.5;
}
#yr7_data_form select, #yr7_data_form textarea, .form_generic select, .form_generic textarea {
  border: 1px rgba(11, 52, 81, 0.5) solid;
  padding: 4px;
  border-radius: 6px;
  width: 84%;
  box-sizing: border-box;
}
#yr7_data_form textarea, .form_generic textarea {
  height: 100px;
  font-family: "Gotham-Book", arial, helvetica, sans-serif;
}
#yr7_data_form .select3col select, .form_generic .select3col select {
  display: inline-block;
  width: 20%;
  margin-right: 1%;
}
#yr7_data_form .select23col select, .form_generic .select23col select {
  display: inline-block;
  width: 33%;
  margin-right: 1%;
}
#yr7_data_form .select23col input[type=text], .form_generic .select23col input[type=text] {
  width: 10%;
}
#yr7_data_form input[type=submit], .form_generic input[type=submit] {
  text-align: right;
  margin-top: 10px;
  font-size: 26px;
  padding: 6px 12px;
  color: #fff;
  background: #0b3451;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background 0.5s ease;
}
#yr7_data_form input[type=submit]:hover, .form_generic input[type=submit]:hover {
  background: rgba(11, 52, 81, 0.5);
}
#yr7_data_form .row, .form_generic .row {
  width: 100%;
  overflow: hidden;
  margin-bottom: 12px;
}
#yr7_data_form .row .col, .form_generic .row .col {
  width: 50%;
  float: left;
}
#yr7_data_form .row .col_wide, .form_generic .row .col_wide {
  float: left;
  width: 72%;
  margin-right: 2%;
}
#yr7_data_form .row .col_wide label, .form_generic .row .col_wide label {
  display: inline-block;
}
#yr7_data_form .row .col_wide p, .form_generic .row .col_wide p {
  font-size: 12px;
  font-style: italic;
}
#yr7_data_form .row .col_wide input[type=radio], .form_generic .row .col_wide input[type=radio] {
  display: inline-block;
}
#yr7_data_form .row .col_narrow, .form_generic .row .col_narrow {
  float: left;
  width: 20%;
}
#yr7_data_form .row .col_narrow input[type=text], .form_generic .row .col_narrow input[type=text] {
  width: 50%;
}
#yr7_data_form .row .col_narrow::before, .form_generic .row .col_narrow::before {
  content: "£";
  font-weight: 900;
}
#yr7_data_form .row p.digits, .form_generic .row p.digits {
  overflow: hidden;
}
#yr7_data_form .row p.digits span, .form_generic .row p.digits span {
  border-top: 1px #0b3451 solid;
  border-bottom: 1px #0b3451 solid;
  border-left: 1px #0b3451 solid;
  text-align: center;
  padding: 6px 8px;
  display: inline-block;
  font-weight: 900;
}
#yr7_data_form .row p.digits span:last-child, .form_generic .row p.digits span:last-child {
  border-right: 1px #0b3451 solid;
}
#yr7_data_form .dd_guarantee, .form_generic .dd_guarantee {
  padding: 12px;
}
#yr7_data_form .dd_guarantee img, .form_generic .dd_guarantee img {
  width: 100%;
}
#yr7_data_form section, .form_generic section {
  margin-bottom: 30px;
}
#yr7_data_form section.submit, .form_generic section.submit {
  text-align: right;
}
#yr7_data_form .hr, .form_generic .hr {
  width: 100%;
  height: 3px;
  margin: 27px 0 20px;
  overflow: hidden;
  background: rgba(255, 192, 0, 0.8);
}
#yr7_data_form .hr_short, .form_generic .hr_short {
  width: 50%;
  height: 3px;
  margin: 20px auto 20px;
  overflow: hidden;
  background: rgba(255, 192, 0, 0.8);
}
#yr7_data_form .hidden_msg, .form_generic .hidden_msg {
  display: none;
}
#yr7_data_form .hidden_fieldset, .form_generic .hidden_fieldset {
  display: none;
}
#yr7_data_form .info, .form_generic .info {
  background: #0b3451;
  color: #fff;
  border-radius: 45px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  font-weight: 900;
  cursor: pointer;
}
#yr7_data_form input[type=text].error, #yr7_data_form select.error, #yr7_data_form input[type=number].error, #yr7_data_form textarea.error, .form_generic input[type=text].error, .form_generic select.error, .form_generic input[type=number].error, .form_generic textarea.error {
  border: 2px #c00 solid;
}
#yr7_data_form fieldset.error, #yr7_data_form label.error, .form_generic fieldset.error, .form_generic label.error {
  color: #c00;
}
#yr7_data_form .hidden_msg_error, .form_generic .hidden_msg_error {
  color: #c00;
  display: none;
}
#yr7_data_form .hidden_msg_error p, .form_generic .hidden_msg_error p {
  padding-top: 24px;
}
#yr7_data_form .highlight_box, .form_generic .highlight_box {
  border: 1px #0b3451 solid;
  padding: 12px;
  text-align: center;
  margin: 12px 0;
  background: rgba(11, 52, 81, 0.1);
}
#yr7_data_form section#ipad input[type=checkbox], .form_generic section#ipad input[type=checkbox] {
  left: 0;
  padding-right: 4px;
}
#yr7_data_form p.caveat, .form_generic p.caveat {
  display: inline-block;
  width: 60%;
  text-align: left;
  border: 1px #0b3451 solid;
  padding: 12px;
  border-radius: 6px;
}
#yr7_data_form input[type=text].pc_short, .form_generic input[type=text].pc_short {
  width: 20px;
  border: 1px #0b3451 solid;
  text-transform: capitalize;
}

.ipadscheme h2.sml {
  border-bottom: none;
  font-size: 24px;
}
.ipadscheme h3 {
  margin-bottom: 12px;
}
.ipadscheme h4 {
  letter-spacing: 0;
  font-weight: 900;
  margin-bottom: 4px;
}

#yr7_login .col input[type=text] {
  font-size: 20px;
  padding: 12px 20px;
  width: 275px;
}
#yr7_login .col input[type=text]#pin {
  letter-spacing: 12px;
}

.pin_row .col {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
.pin_row .col .pin {
  font-weight: 900;
  font-size: 36px;
  letter-spacing: 12px;
  /*background: #0b3451;*/
  /*color: #fff;*/
  padding: 12px;
  display: inherit;
  /*text-align: center;*/
}
.pin_row .col .print {
  position: relative;
  top: 24px;
  text-align: right;
  margin-top: 10px;
  font-size: 26px;
  padding: 6px 12px;
  color: #fff;
  background: #0b3451;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background 0.5s ease;
}
.pin_row .col .print:hover {
  background: rgba(11, 52, 81, 0.5);
}

.proceed {
  background: #0b3451;
  color: #fff;
  padding: 24px 12px;
  font-size: 32px;
}

@media print {
  #main_container {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  h2 {
    font-size: 22px;
  }

  #hero_img, .col30-img, header nav, .print {
    display: none !important;
  }

  .subpage #main_container .col70 {
    width: 90%;
    display: block;
  }

  #giftaid_container {
    display: block !important;
  }

  #yr7_data_form .row .col_wide {
    width: 100%;
  }

  .form_generic .row .col_wide {
    width: 100%;
  }

  #scheme_select {
    page-break-after: always;
  }

  #donations_block {
    page-break-before: always;
  }

  #giftaid_container + .hr {
    page-break-after: always;
  }

  section.submit {
    display: none;
  }
}

/*# sourceMappingURL=yr7_form.css.map */