/* Template-specific styles */

#MCVSchoolDivText {
  margin-left: 30px;
}

label[for=GuestQuantity] {
  font-size: 100%;
  font-weight: bold;
  width: 250px;
}

#GuestQuantity {
  width: 100px;
}

.guestPerQuantity {
  display: none;
}

.guestPerQuantity,
.guestPerQuantityAdded {
  padding-left: 36px;
}

.guestPerQuantity label,
.guestPerQuantityAdded label  {
  width: 300px;
}

.guestPerQuantity input,
.guestPerQuantityAdded input {
  margin-bottom: 2px !important;
  width: 200px !important;
}

select[name=GuestMCVYear] {
  margin-bottom: 20px !important;
}

.noSchool {
  color: red;
  font-weight: bold;
  text-align: center;
}

.school {
  display: none;
    margin-bottom: 1em;
}

.compEvent {
  display: none;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5em;
}

.eventDay {
  display: none;
  font-weight: bold;
  font-size: 16px;
}

.eventQuantity {
  display: none;
}

.eventQuantity label {
  /* width: 450px; */
}

.perQuantity label,
.perQuantityAdded label {
  width: 335px;
}

.perQuantity select,
.perQuantityAdded select {
  width: 206px;
}

#RegistrationFeeText {
  margin-left: 40px;
}

#RegistrationAmount,
#TotalAmount,
#GrandTotalAmount,
#MembershipAmount {
  float: left;
  text-align: right;
  width: 100px;
  padding: 8px;
}

#GrandTotalAmount {
  border-top: medium solid #000;
  font-weight: bold;
}

.SchoolOther {
  display: none;
}

form fieldset ul {
  padding-bottom: 40px !important;
}

.classParty {
  margin-bottom: 21px;
  padding: 21px 3px 3px;
  background-color: #f5df9f;
}

.backendinput {
  display: none !important;
}

.event-form fieldset li.required span,
.event-form fieldset li label.required span {
  padding-right: 20px;
  font-weight: bold;
}

.eventQuantity.required {
  margin-bottom: 21px;
  padding: 21px 3px 3px;
  background-color: #f5df9f;
}

.commonBreak {
  border-bottom: 1px solid #f5df9f;
  margin-bottom: 20px;
}

.reversed input[type="checkbox"], 
.reversed input[type="radio"] {
  height: 32px;
}

form .activityList select {
  width: auto;
}
    
.bold {
  float: left;
}

.bold label, 
.bold div {
  float: left;
}

.MCVAAMember {
    display: none;
}

.commonHeadline {
  font-weight: bold;
  text-align: right;
  width: 520px;
}

.hiddenRegistration {
  display: none !important;
}

.reunion-fee-info label {
  width: 100%;
  text-align: left;
}


/* Media queries */

@media (max-width: 767px) {
    
  #MCVSchoolDivText {
    margin-left: 0;
    padding-top: 1em;
  }

  label[for=GuestQuantity] {
    width: 100%;
  }
  
}

@media (min-width: 768px) {

  /* Match ELEVATERVA styles */

  form .activityList .eventDay {
    margin: 1em 0 1em 0;
  }

  form .activityList select, 
  form .activityList .activityFull {
    float: left;
  }

  form .activityList .perQuantity label, 
  form .activityList .perQuantityAdded label {
    margin-left: 5em;
    width: auto;
  }

  form .activityList .perQuantity select, 
  form .activityList .perQuantityAdded select {
    margin: 0 1em 0 0.5em;
    float: none;
  }
    
  form .activityList label {
    width: 450px;
    text-align: left;
  }

  form .activityList select, 
  form .activityList .activityFull {
    margin: 0 1em 0 2em;
  }

  form .activityList .activityFull {
    padding: 8px 14px;
  }

}