/* Template-specific styles */

* {
    box-sizing: border-box;
}

.designationItem {
    margin: 0 auto;
}

.designationItem select {
    margin: 0 3px 8px 0;
    max-width: 400px;
}

.designationItem span {
    font-weight: bold;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding-top: 8px;
}

.designationOther {
    margin-bottom: 30px !important;
    width: 140px;
    text-align: right;
}

.designationAmount {
    width: 45px !important;
    float: none !important;
    margin-top: 0;
}

.reversed {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 0;
    margin: 0;
}

.reversed input,
.reversed label {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.reversed label {
    padding-left: 8px;
}

.SingleQuantity {
    display: block;
    padding: 0;
}

#SpouseName {
    display: inline-block;
}

.Province, 
.BusinessProvince, 
#ReunionNotAttending,
li.reunion-participation>ul>li:first-child,
label[for$="SpouseFirstNameActivity"],
label[for$="SpouseLastNameActivity"],
label[for$="SpouseMaidenNameActivity"],
label[for$="SpouseNameActivity"],
.ReunionNotAttendingConnectTitle, 
.ReunionNotAttendingConnectOther, 
.ReunionDidNotReply, 
.SubmitText {
    display: none;
}

label[for$="ReunionNotAttending"],
label[htmlFor$="ReunionNotAttending"], 
label[for$="ReunionNotAttendingConnectOther"],
label[htmlFor$="ReunionNotAttendingConnectOther"], 
label[for$="ReunionDidNotReply"],
label[htmlFor$="ReunionDidNotReply"] {
    display: none !important;
}

.EmploymentRadio label {
    text-align: left;
}

.notAttending {
    padding-left: 1rem;
}

.notAttending.ReunionNotAttendingConnectTitle {
    padding-left: 0;
}

.ReunionNotAttendingConnectTitle label {
    text-align: left;
}

.ReunionNotAttendingList li, 
.ReunionNotAttendingConnect li {
    margin-bottom: 0.5rem;
}

.ReunionNotAttendingList ul, 
.ReunionNotAttendingConnect ul {
    margin-bottom: 0;
}

.ReunionNotAttending, 
.ReunionNotAttendingConnectOther {
    padding-left: 3.5rem;
    margin-bottom: 1rem;
}

li.DoNotShare {
    margin-bottom: 1rem;
}

/* Media queries */

@media (max-width: 767px) {

    .designationItem select {
        display: inline-block;
        width: 72%;
    }

    .designationItem span {
        display: inline-block;
    }

    form input.designationAmount {
        display: inline-block;
    }

    .reunion-participation li {
        margin-bottom: 1rem;
    }

}

@media (min-width: 768px) {

    .EmploymentRadioDesc label {
        width: 500px;
        text-align: left;
    }

    .ActivityList .eventQuantity label {
        width: 300px;
    }

    .ActivityList .eventQuantity .perQuantity label,
    .ActivityList .eventQuantity .perQuantityAdded label {
        width: 200px;
    }

    label[for$="AdditionalAlumniNotes"],
    label[htmlFor$="AdditionalAlumniNotes"] {
        display: inline-block;
        width: 100%;
        line-height: 1.25em;
        padding: 0.5em 0;
        text-align: left;
    }

    #AdditionalAlumniNotes {
        width: 70%;
    }

    .ReunionNotAttendingConnectTitle label {
        width: 500px;
    }

}