/*** WCAS Department specific CSS 

Core CSS file that can be modified on a departmental level.  Add any new styles (including media queries) here.

***/

/* New image size 168x210 */
.standard-page .people .people-image img {
    max-width: 168px;
    max-height: 210px;
}

/* desktop: fit class-modal content to browser height */
@media screen and (min-width:768px) {
 .class-modal div {
    max-height: 300px;
    max-height: 80vh;
    overflow: scroll;
 }
}
/* mobile: revert to default class-modal behavior */
@media screen and (max-width: 768px) {
 .class-modal div {
     overflow: visible;
 }   
}

/*Custom CSS for the Research Areas Pages */
.subfield-img {
    float: left;
    width: 280px;
    margin: 0 10px 10px 0;
}
.subfield-blurb {
    overflow: hidden;
}

.subfield {
    border-bottom: 1px solid #B2B2B2;
    margin: 10px 0;
}

@media screen and (max-width:672px) {
    .subfield-blurb {
        overflow: visible;
    }
}

/*additional css for custom grad visit form*/
.gradform label {
    display: initial !important;
}

.gradform {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F1F1F1;
    border: 1px dashed;
    padding: 10px;
    margin: 10px 0;
}

.gradform > legend {
    background: none repeat scroll 0 0 white;
    border: 1px solid;
    margin: 10px;
    padding: 10px;
}

.chem-office-supply-formset {
    border: thin solid gray;
    margin: 10px 0;
    padding: 20px;
}

.short-input {
    width: 40px!important;
}