/*************
 Register Select fields
*************/

.woocommerce .login .form-row-wide input, .woocommerce .register .form-row-wide select {
    width: 100%;
    max-width: 300px;
    height: 32px;
    background-color: transparent;
    border: 1px solid;
    border-color: #d5d5d5;
}

/*************
 Style Unordered Lists
*************/

ul.classes-list, ul.capabilities {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.section {
    margin-bottom: 1.5em;
}

li.section span.section-name {
    font-weight: bold;
}

li.section span.section-name, li.section span.section-teacher-name {
    font-size: 1.1em;
}

li.section span.section-date-summary, li.section span.section-time-summary, li.section span.section-date-notes {
    display: block;
    font-style: italic;
}

span.easy-copy {
    -webkit-user-select: all;
    user-select: all;
    font-family: monospace;
    font-size: .9em;
    margin-left: .5em;
}

span.dial-in-instructions {
    font-style: italic;
}

span.zoom-collision-note, span.zoom-first-meeting-note, span.zoom-login-error-note {
    font-style: italic;
}

/*************
 Capabilities
*************/

ul.capabilities > li {
    margin-top: .2em;
}

ul.capabilities > li span.capability-heading {
    font-weight: bold;
}

/*************
 Capabilities: Expandable
*************/

ul.capabilities > li.expandable span.capability-heading {
    cursor: pointer;
}

ul.capabilities > li.expandable span.capability-heading:before,
ul.capabilities > li.expanded span.capability-heading:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    display: inline-block;
    width: 1em;
    text-align: right;
    margin-right: .5em;
}

ul.capabilities > li.expanded span.capability-heading:before {
    content: "\f0da";
}

ul.capabilities > li.expanded span.capability-heading:before {
    content: "\f0d7";
}

li.expandable > span:not(.capability-heading) {
    display: none;
}

li.expandable.expanded > span:not(.capability-heading) {
    display: block;
    margin-left: 1.5em;
}

li.expandable.expanded > span:not(.capability-heading):last-of-type {
    margin-bottom: 1em;
}

ul.capabilities > li .remote-attendance-description {
    font-style: italic;
}