/**
 * Styles for the UMD CS theme.
 */
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700|Source+Sans+Pro:400,700|Open+Sans:400,700');
@import 'buttons.css';
@import 'menu.css';
body.navbar-is-fixed-top, body.toolbar.navbar-is-fixed-top {
    padding-top: 0px !important;
    background-color: #fff !important;
    font-size: 16px;
}

body.admin-menu.navbar-is-fixed-top {
    padding-top: 0 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Source Sans Pro", "Helvetica", sans-serif;
    font-weight: bold;
    line-height: 125% !important;
}

h1, .h1 {
    font-family: "Crimson Text", "Times New Roman", serif;
    font-weight: bold;
}

p {
    line-height: 1.5 !important;
}

input, select {
    font-size: 100% !important;
}

.form-control:focus {
    border-width: 1px !important;
    outline: 1px !important;
    outline-style: dotted !important;
}

/*fix for missing !important in bootstrap img-responsive class */
.img-responsive {
    display: block !important;
    height: auto !important;
    max-width: 100%;
    width: 100% !important;
}

/*generic buffers for top and bottom padding*/
.buffer-top {
    padding-top: 15px;
}

.buffer-bottom {
    padding-top: 15px;
}

/* UMD Branding Stuff */
#umdheader-main {
    position: fixed !important;
    width: 100% !important;
}

#umdheader-main .umdheader-main__container {
    height: 44px !important;
}

.main-container {
    font-family: "Source Sans Pro", "Helvetica", sans-serif;
    background-color: #ffffff;
    position: relative;
    width: 100%;
    padding: 215px 2em 2em;
    overflow: hidden;
}

.footer {
    border: 0;
}

.footer.container, .footer.container-fluid {
    float: left;
    width: 100%;
    padding: 1em 0;
    margin: 0;
    font-size: .9em;
    background-color: #e21833;
    background-size: 25% auto;
}

.region-footer {
    padding: 30px;
    color: #fff;
}

.region-footer a {
    color: #fff !important;
    background-color: #e21833 !important;
}

/* modal */
#ng-lightbox .lightbox__overlay {
		z-index:900!important;
		top:44px!important;
}

body.admin-menu #ng-lightbox .lightbox__overlay {
		top:30px!important;
}

#ng-lightbox .lightbox__content {
		font-family: "Source Sans Pro", "Helvetica", sans-serif;
		margin:15px!important;
		height: 90%!important;
		width:90%!important;
}


.submitted, .help-block {
    color: #575757 !important;
}

.badge {
    background-color: #575757 !important;
}

.region-footer a.btn-default {
    color: #000;
}

.region-footer .gmap {
    width: 100%;
    height: 100%;
    border: 0;
}

.region-footer .brand img {
    padding-top: 1em;
}

/*headings*/
.page-header {
    font-size: 3.5em;
    color: #e21833;
}

.page-home h1.page-header {
    font-size: 0em;
    border: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
}

/*social media*/
.social a {
    display: block;
    float: left;
    margin-right: 15px;
    font-size: 0;
    color: transparent;
    height: 32px;
    width: 32px;
    background-size: cover !important;
}

.social .facebook {
    background: url('../images/social/facebook.png') no-repeat top left transparent;
}

.social .twitter {
    background: url('../images/social/twitter.png') no-repeat top left transparent;
}

.social .linkedin {
    background: url('../images/social/linkedin.png') no-repeat top left transparent;
}

.social .rss {
    background: url('../images/social/rss.png') no-repeat top left transparent;
}

.social .ig {
    background: url('../images/social/instagram.png') no-repeat top left transparent;
}

/*link styles*/
.main-container a {
    color: #e21833;
}

.main-container a:not([class]), .main-container a.spamspan {
    text-decoration: none;
    border-bottom: 1px dashed #f5f5f5;
}

.main-container a:not([class]):hover, .main-container a:not([class]):active, .main-container a.spamspan:hover, .main-container a.spamspan:active {
    border-bottom-color: #e21833;
    border-bottom-style:solid;
}

.region-content a, #page-header a {
    /* background-color: #fff!important;*/
}

.region-content .well a {
    background-color: #f5f5f5 !important;
}

.well .panel .panel-body a {
    background-color: #fff !important;
}

a[role=button], .panel-default .panel-heading a {
    background-color: transparent !important;
}

a.btn, a.btn:visited, a.btn:hover, .btn a, .btn a:visited, .btn a:hover {
    color: #fff !important;
    text-decoration: none;
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    display: inline-block;
    word-break: break-word;
}

a.btn-default, a.btn-default:visited, a.btn-default:hover, .btn-default a, .btn-default a:visited, .btn-default a:hover, a.btn-mdyellow, a.btn-mdyellow:visited, a.btn-mdyellow:hover, .btn-mdyellow a, .btn-mdyellow a:visited, .btn-mdyellow a:hover {
    color: #000 !important;
    text-decoration: none;
}

ul.quicktabs-tabs li a {
    font-family: "Source Sans Pro", "Helvetica", sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .9em !important;
    letter-spacing: .08em;
}

.btn-lg {
    margin: .5em 0 !important;
    white-space: normal;
}

.list-unstyled .btn {
    margin: .5em;
}

.menu-name-user-menu a {
    color: #03ff03 !important;
}

.menu-name-user-menu a:hover {
    border-left: 4px solid #03ff03 !important;
    padding-left: 6px;
}

.feature li {
    font-size: 1.1em;
    color: #474747;
    padding: .25em .5em;
    margin-left: 1em;
    font-weight: bold;
}

.pagination > .disabled > span {
    color: #474747;
}

.breadcrumb > .active {
    color: #707070;
}

/* target offset */
.panel-pane[id]:target {
    scroll-margin-top: 220px;
}

/* modal overrides */
.ctools-modal-dialog .modal-body {
    width: 100% !important;
    overflow: auto;
}

.ctools-modal-dialog #edit-buttons, .ctools-modal-dialog .form-item-admin-description {
    float: left;
}

.alert {
    position: relative;
}

.clearboth {
    clear: both;
}

.node {
    background-color: #fff;
    border: 0;
}

.page-node .node {
    color: #000;
    background-color: #ffffff;
}

.panel-pane {
    background-color: #fff;
    border: 0;
    padding: 0 1em 0;
    float: left;
}

.panel-pane p {
    color: #333;
}

.node .content {
    width: 100%;
    float: left;
    margin: auto;
    padding: 1em;
    background-color: #fff;
    box-shadow: none;
}

.panel-flexible .panel-separator {
    margin-bottom: 0;
}

.region-sidebar-first.well, .region-sidebar-second {
    padding: .5em;
}

.region-sidebar-second {
    padding-left: 1em;
    border-left: 1px solid #eee;
}

.region-sidebar-second .container-inline-date .form-item, .region-sidebar-second .container-inline-date .form-item input, .region-sidebar-first .container-inline-date .form-item, .region-sidebar-first .container-inline-date .form-item input {
    width: 100% !important;
}

.block-title, .view-id-people h3, .pane-news .pane-title, #home .pane-title {
    border-bottom: 1px solid #eee;
}

.carousel-control {
    background-image: none !important;
}

.panels-flexible-9_3_stacked .panels-flexible-region-inside {
    padding: 0 .5em;
}

.sect .pane-content {
    border: 3px solid #ddd;
    border-radius: 1em;
    padding: 1em;
}

/* homepage highlights */
#events {
    float: none !important;
    background-color: transparent;
}

#events .pane-content {
    display: block !important;
    padding: .5em 0 1em;
}

#events .pane-title {
    margin-top: 0;
}

#slider .views-row {
    border: 2px solid #e21833;
}

#slider .view {
    box-shadow: 2px 0px 2px rgba(0, 0, 0, .3);
}

#slider .view-footer {
    margin: 0;
}

#slider #slider-footer a {
    background-color: #e21833 !important;
}

#slider #slider-footer a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: .5em
}

.home .page-header {
    font-size: .01em;
    opacity: 0;
    margin: 0;
    padding: 0;
}

#home #news {
    background-color: transparent !important;
}

#home #news .img-responsive, #highlights #news .img-responsive, #newsevents #news .img-responsive {
    max-width: 200px !important;
    margin: auto;
}

#explore .pane-title {
    margin-top: 0;
}

/* GSE */
#block-block-6 {
    width: 328px;
    min-height:34px;
    /* position: absolute; */
    /* right: 1em; */
    /* top: 100px; */
    float: right;
    clear: right;
}

#block-block-6 .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing * :before, .reset-box-sizing * :after, .gsc-inline-block {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#block-block-6 input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
    box-sizing: content-box;
    line-height: normal;
}

#block-block-6 input.gsc-input:focus, .gsc-input-box:focus, .gsc-input-box-hover:focus, .gsc-input-box-focus:focus, .gsc-search-button:focus {
    outline: 2px solid #e21833 !important;
    outline-offset: 2px !important;
}

.panel-heading-Talk {
    background-color: #FFD200;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.panel-heading-Event {
    background-color: #0057A3;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.panel-heading .talk-series a {
    text-transform: uppercase;
    letter-spacing: .2em;
}

#block-views-news-block .views-row, .view-id-news.view-display-id-page .views-row, .view-id-news.view-display-id-block .views-row {
    padding: 1em 0 1em;
    border-bottom: 1px dotted #ccc;
}

.view-display-id-spotlight {
    padding: .5em;
    border-radius: 4px;
}

.view .title {
    margin-top: .25em;
}

.view .view-footer {
    margin-top: 20px;
}

/*article styles */
.image-caption, .image-caption a, .image-caption a:visited, .image-caption a:hover {
    font-size: .9em;
    font-weight: bold !important;
    font-style: italic !important;
    text-decoration: none !important;
    color: #666;
    line-height: 1.3em;
    padding: .1em 0;
    margin-bottom: 0;
}

/*p.image-caption {
    max-width: 220px;
}*/
.caption.right.media-image {
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
}

.field-name-image-colorbox {
    text-align: center;
    margin-bottom: 1em;
    margin-right: 1em;
    max-width: 50%;
}

.field-name-image-colorbox.portrait {
    width: 100%;
}

.field-name-image-colorbox.landscape {
    margin: 0 auto 1em;
    max-width: 100%;
    float: none !important;
}

.field-name-image-colorbox img {
    border: 3px solid #eee;
    width: auto !important;
    max-height: 340px;
    margin: auto;
}

.field-name-post-date {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    color: #666;
    font-weight: bold;
    margin-bottom: 2em;
    padding: .3em .6em;
}

.field-name-field-article-subtitle {
    font-size: 1.3em;
    margin-bottom: .75em;
}

.view-mode-colorbox h2 a, #ng-lightbox h2 a {
    display: block;
    padding-top: 1em;
    color: #cc0033;
    text-decoration: none;
}

/*Event styles */
.field-name-event-icon .Talk, .field-name-event-icon .Event {
    background-color: #FFD200;
    color: #000;
    font-weight: bold;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 1em;
    border-radius: 3px 3px 0 0;
}

.field-name-event-icon .Event {
    background-color: #0057A3;
    color: #fff;
}

.ds-1col.node-event .field, .ds-1col.node-talk .field, .ds-1col.node-media .field {
    font-size: 1.5em;
    padding: .5em 0 0;
    width: 100%;
    clear: both;
}

.ds-1col.node-event .field-label, .ds-1col.node-talk .field-label, .ds-1col.node-media .field-label {
    padding-left: 1em;
    padding-right: 1em;
}

.ds-1col .field-name-event-icon {
    width: 100%;
}

.ds-1col.node-event .field-name-field-event-speaker, .ds-1col.node-event .field-name-field-event-speaker-affiliation, .ds-1col.node-talk .field-name-field-event-speaker, .ds-1col.node-talk .field-name-field-event-speaker-affiliation, .ds-1col.node-media .field-name-field-event-speaker, .ds-1col.node-media .field-name-field-event-speaker-affiliation {
    font-size: 2em;
    font-weight: bold;
    line-height: 1em;
    padding-bottom: 0;
}

.ds-1col.node-event .field-name-field-media-slides .field-label, .ds-1col.node-talk .field-name-field-media-slides .field-label, .ds-1col.node-media .field-name-field-media-slides .field-label {
    font-size: .75em;
}

.ds-1col.node-event .field-name-field-media-slides .field-items, .ds-1col.node-talk .field-name-field-media-slides .field-items, .ds-1col.node-media .field-name-field-media-slides .field-items {
    font-size: .5em;
}

.ds-1col.node-event .field-name-field-media-video-file .field-label {
    font-size: .7em;
}

.ds-1col.node-talk .field-name-body, .ds-1col.node-event .field-name-body {
    font-size: 1em;
    padding-top: 2em;
}

#colorbox .ds-1col .field, .view-mode-colorbox .field, #ng-lightbox .field {
    font-size: 1.2em;
    padding: .25em;
}

#colorbox .ds-1col.node-event .field-name-field-event-speaker, #colorbox .ds-1col.node-event .field-name-field-event-speaker-affiliation, #colorbox .ds-1col.node-talk .field-name-field-event-speaker, #colorbox .ds-1col.node-talk .field-name-field-event-speaker-affiliation, #colorbox .ds-1col.node-media .field-name-field-event-speaker, #colorbox .ds-1col.node-media .field-name-field-event-speaker-affiliation, #colorbox .ds-1col.node-event .field-name-field-event-speaker, #colorbox .ds-1col.node-event .field-name-field-event-speaker-affiliation, #ng-lightbox .ds-1col.node-talk .field-name-field-event-speaker, #ng-lightbox .ds-1col.node-talk .field-name-field-event-speaker-affiliation, #ng-lightbox .ds-1col.node-media .field-name-field-event-speaker, #ng-lightbox .ds-1col.node-media .field-name-field-event-speaker-affiliation {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
    padding-bottom: 0;
}

#colorbox .ds-1col.node-talk .field-name-body, #colorbox .ds-1col.node-event .field-name-body, #ng-lightbox .ds-1col.node-talk .field-name-body, #ng-lightbox .ds-1col.node-event .field-name-body {
    font-size: .9em;
    padding-top: 2em;
}

.view-mode-colorbox h2 a:hover, #ng-lightbox h2 a:hover {
    text-decoration: underline;
}

/*Profile styles */
.view-id-people.view-display-id-block_1 h2 {
    margin: 0;
}

.view-id-people.view-display-id-block_1 .views-label, .view-id-alumni.view-display-id-page_2 .views-label {
    padding-right: 1em;
}

.view-id-people.view-display-id-block_1 .views-field, .view-id-alumni.view-display-id-page_2 .views-field {
    padding: .25em;
}

.view-id-alumni.view-display-id-page_2 .views-field {
		min-width: 240px;
}

.field.field-type-ds {
    float: left;
}

.view-id-people .media:first-child, .view-id-profiles .media:first-child {
    margin-top: 15px;
}

.view-id-people h4.media-heading, .view-id-profiles h4.media-heading {
    margin-bottom: 0;
}

.view-display-id-block_5 .view-content h3 {
    display: none;
}

.view-id-calendar.view-display-id-block_4 .view-content p, .view-id-calendar.view-display-id-block_6 .view-content p {
    display: inline;
    word-break: break-all
}

.view-id-people .views-summary-unformatted {
    font-weight: bold;
    font-size: 18px;
}

.view-id-people.view-display-id-page_11 table td:first-child, .view-id-people.view-display-id-page_12 table td:first-child {
    width: 45% !important;
    min-width: 300px;
}

.view-id-people.view-display-id-page_11 table caption, .view-id-people.view-display-id-page_12 table caption, #visitday_faculty .view-id-people table caption {
    display: none;
}

.view-id-people.view-display-id-page_11 table .glyphicon, .view-id-people.view-display-id-page_12 table .glyphicon {
    padding: 0 .25em;
}

.view-id-people.view-display-id-page_11 table li, .view-id-people.view-display-id-page_12 table li {
    padding-bottom: 1em;
}

#views-exposed-form-people-page-11 .views-exposed-widgets .shs-select, #views-exposed-form-people-page-12 .views-exposed-widgets .shs-select {
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 5px;
    ;
}

.view-id-people.view-display-id-page_11 .chosen-container {
    padding: 0;
}

.view-id-people.view-display-id-page_11 .chosen-container-multi .chosen-choices {
    border: 0;
    background-image: none;
    box-shadow: none;
}

.view-id-people.view-display-id-page_15 .media {
    margin-bottom: 1em;
    padding: .5em;
}

.view-id-people.view-display-id-page_15 .media:nth-child(odd) {
    background-color: #f5f5f5;
}

#views-exposed-form-people-page-11 .chosen-container-single {
    padding: 0;
    border: 0;
}

#views-exposed-form-people-page-11 .chosen-container-single .chosen-single {
    height: 34px;
    padding-top: 3px;
}

.region-content .view-filters, .region-content .views-exposed-widgets {
    padding: .5em;
    border-radius: .5em;
    background-color: #f9f5f5;
}

/*faculty summary page */
#visitday_faculty .view-id-people table td {
    width: 33%;
}

#visitday_faculty .view-id-people table td:first-child {
    max-width: 225px;
    white-space: initial;
}

/*research areas*/
#research_areas .panel-title a, #people .panel-title a, #community .panel-title a {
    font-size: 1.6em;
    text-transform: capitalize;
}

#people .panel-title, #community .panel-title {
    margin-top: 5px !important;
    text-align: left;
}

#people .panel-title a, #community .panel-title a {
    color: #e21833 !important;
    width: 100% !important;
    text-align: left;
    font-weight: bold;
    border-color: #ddd;
}

/*table heading wrap */
.table > thead > tr > th {
    white-space: nowrap;
}

/*video*/
td.play a.btn {
    word-break: initial;
    line-break: normal;
}

.field-name-field-media-video-file .video-js {
    margin: auto;
}


#colorbox .field-name-field-media-video-file .video-js, #ng-lightbox .field-name-field-media-video-file .video-js {
    width: 90%;
    height: auto;
}

#colorbox .field-name-field-media-video-file .video-js .vjs-tech, #ng-lightbox .field-name-field-media-video-file .video-js .vjs-tech {
    position: relative !important;
}

.field-name-field-media-video-file .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 22em!important;
}

/*calendar*/
.calendar-calendar a {
    background-color: initial !important;
}

.calendar-calendar th.days {
    color: #000;
}

.calendar-calendar td {
    color: #000;
}

.calendar-calendar td.empty {
    color: #4a4a04;
}

.calendar-calendar td .inner div.day a {
    color: #e21833;
}

/*network status */
.network-status tr.Severe td {
    background-color: #ccc;
}

.network-status tr.Heavy td {
    background-color: #f2dede;
}

.network-status tr.Moderate td {
    background-color: #fcf8e3;
}

.network-status tr.Light td {
    background-color: #dff0d8;
}

/*CPIC images */
/*companies list */
#partners .partner-pane .partner {
    margin-bottom: 1em;
}

#partners .partner-pane .views-field-field-partner-image .field-content .img-responsive {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1em;
    width: auto !important;
    max-height: 220px;
}

#partners .partner-pane .views-field-field-partner-image .field-content {
    border: 1px solid #ccc;
    height: 220px;
    border-radius: 1em;
}

#partners .partner-pane .views-field-field-partner-image .field-content a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    border-bottom: 0;
    padding: .5em;
    overflow: hidden;
}

#partners .partner-pane .views-field-field-partner-image .field-content a .titleonly {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    width: 100% !important;
    height: auto !important;
    text-align: center;
    font-size: 3rem;
    color: #000;
}

#partners .partner-pane .views-field-field-partner-image .field-content a:hover {
    background-color: #f9f5f5;
    border-radius: 1em;
}

#partners #featured .carousel-control .icon-prev, #partners #featured .carousel-control .icon-next {
    top: 12px !important;
}

/*Org images */
/*clubs and orgs list */
#orgs .org {
    margin-bottom: 1em;
    border-radius: 1em;
    border: 1px solid #ccc;
    min-height: 354px;
}

#orgs .org:hover {
    background-color: #f9f5f5;
    border-radius: 1em;
}

#orgs .views-field-field-org-logo .field-content .img-responsive {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    width: auto !important;
    max-height: 200px;
}

#orgs .views-field-field-org-logo .field-content {
    height: 220px;
}

#orgs .views-field-field-org-logo .field-content a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    border-bottom: 0;
    padding: .5em;
    overflow: hidden;
}

#orgs .org:hover .field-content a {
    background-color: transparent !important;
}

/* committee listings as flex */
#committee .pane-content, #committee .pane-content .field-item {
    display: flex;
    flex-wrap: wrap;
}

#committee .person {
    display: flex;
    flex-direction: column;
}

#committee .person .thumbnail {
    flex: 1;
    word-wrap: break-word;
}

@media screen and (max-width: 767px) {
    html {
        /*position:absolute;*/
    }

    .main-container {
        font-size: initial;
        padding: 7em 0 0;
    }

    .row {
        overflow: hidden;
        margin: 0 !important;
    }

    #tophat #logo {
        top: 0;
        z-index: 2000;
    }

    #page-header {
        display: none;
    }

    #jumpnav {
        display: none;
    }/*navbar */

    body.navbar-is-fixed-top, body.admin-menu.navbar-is-fixed-top {
        width: 100%;
        /* position: initial; */
    }/* account for UMD alert in header */

    body.umdalerter .navbar-fixed-top {
        padding-top: 116px !important;
    }

    body.umdalerter div.umdheader-alerts {
        position: fixed !important;
    }

    body.umdalerter #umdheader-main {
        top: 96px !important;
    }

    body.umdalerter .main-container {
        padding-top: 250px;
    }

    .navbar-default {
        position: fixed;
        z-index: 900;
        top: 44px;
        background-color: transparent;
        /* border: 0; */
    }

    .navbar-toggle {
        /* display: block; */
        /* padding: 10px; */
        /* margin-top: 14px; */
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.in {
        position: relative;
        display: block !important;
        overflow-y: auto !important;
        margin: 0 -1em;
        padding: 45px 15px 15px;
    }

    .navbar-collapse.collapsing {
        padding-top: 45px !important;
    }

    .navbar-nav, ul.secondary {
        float: left;
        width: 100%;
    }

    .navbar-header {
        float: none;
        padding: .5em .5em .25em;
    }

    .navbar-nav > li {
        float: none;
        position: relative;
        display: block;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 5px;
        font-size: 1em;
    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        border-color: #595959;
    }

    .navbar-brand {
        background: url('../images/dept_logo.png') no-repeat left / auto 36px transparent !important;
        width: 80%;
        font-size: 0em;
    }

    .navbar-nav > li > a, .navbar-nav > .active > a {
        font-size: .9em !important;
        font-weight: bold;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #e21833 !important;
        border-left: 2px solid rgba(0, 0, 0, 0.1);
        padding: 5px 15px 5px;
    }

    .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #e21833;
    }

    .region-navigation a {
        display: block;
        padding: 5px 10px;
        margin: 1em .2em 0;
        float: left;
        background-color: rgba(0, 0, 0, 0.1);
        font-size: .6em !important;
        font-weight: bold;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #000;
        text-shadow: .05em .05em #999;
        border-radius: 4px;
    }

    #block-menu-menu-secondary-menu {
        margin: 0 -15px;
        padding: 0 !important;
    }

    .navbar-default .navbar-nav.secondary > li > a, .navbar-default .navbar-nav.secondary > .active > a {
        color: #000;
        background-color: #e5ffe2 !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a.highlighted {
        color: #e21833 !important;
    }/* make sub menu arrows look like arrows in collapsible mode */

    .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
        border: 0 !important;
        background-color: transparent;
    }

    .navbar-nav.sm-collapsible .caret:before {
        font-family: "Glyphicons Halflings" !important;
        content: '\e114' !important;
    }

    .navbar-nav.sm-collapsible .open > a > .caret:before {
        content: '\e113' !important;
    }

    .navbar-nav.sm-collapsible .open li .caret:before {
        font-family: "Glyphicons Halflings" !important;
        content: '\e080' !important;
    }

    .navbar-nav.sm-collapsible .open li > .highlighted .caret:before {
        font-family: "Glyphicons Halflings" !important;
        content: '\e079' !important;
    }

    .navbar-nav.sm-collapsible a.has-submenu {
        padding-right: 50px;
    }

    .region-navigation a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #e21833 !important;
    }

    .region-sidebar-first.well, .region-sidebar-second {
        margin-top: 1em;
    }

    .region-navigation .button {
        text-decoration: none;
        background-color: #e21833;
        color: #fff;
    }

    .region-sidebar-second, .node {
        float: left;
        width: 100%;
    }

    .btn-block {
        margin: 0 !important;
        white-space: normal;
    }

    #block-block-6 {
        left: .5em;
        width: 80%;
        position: absolute;
        top: 5px;
        float: left;
    }

    .collapsing #block-block-6 {
        opacity: 0 !important;
        position: absolute;
        top: 0px !important;
    }

    .footer {
        width: 100%;
        padding: 1em 0;
    }

    .footer.container, .footer.container-fluid {
        background-image: none;
    }

    .page-header {
        font-size: 2.5em;
        margin-top: .5em;
        margin-bottom: 0;
        padding: 0;
    }

    .pane-content {
        padding: 0;
        float: left !important;
    }

    div.panels-flexible-region.panels-flexible-region-8_4_stacked-middle_right.panels-flexible-region-last.col-md-4.col-xs-12 {
        margin-left: -8px;
    }

    .panel-pane {
        min-height: 0;
        padding: 0;
    }

    .panel-pane.pane-panels-mini, .panel-pane.pane-panels-mini .panel-pane {
        float: none !important;
    }

    #umd {
        background-position: center center;
    }

    .video-js {
        max-width: 100% !important;
    }

    .field-name-image-colorbox {
        float: none !important;
        margin: 0 auto;
    }

    .field-name-image-colorbox.portrait {
        width: 100% !important;
    }

    .field-name-image-colorbox img {
        border: 3px solid #eee;
        height: auto !important;
        margin: auto;
        text-align: center;
    }

    .region-sidebar-first .views-exposed-form .views-exposed-widget, .region-sidebar-second .views-exposed-form .views-exposed-widget {
        width: 100%;
        clear: both;
    }

    .region-sidebar-first .views-exposed-form .views-exposed-widget.views-submit-button, .region-sidebar-first .views-exposed-form .views-exposed-widget.views-reset-button {
        width: auto;
        float: left;
        clear: none;
    }

    .region-footer {
        padding: 0;
    }

    .view .title {
        margin-top: revert;
    }

    .view .view-footer {
        margin-top: 10px;
    }

    #news .lead {
        margin-bottom: 0;
        text-align: center;
    }

    #block-views-news-block .views-row, .view-id-news.view-display-id-page .views-row, .view-id-news.view-display-id-block .views-row {
        padding-bottom: .5em;
    }

    #home #news .img-responsive, #highlights #news .img-responsive, #newsevents #news .img-responsive {
        margin-bottom: .5em;
    }

    #home #news h3.title, #highlights #news h3.title, #newsevents #news h3.title {
        text-align: center;
    }

    #home #explore-toggle .pane-content {
        display: block !important;
    }
}

/* end max-width:767px */
@media screen and (min-width: 768px) {
    .pane-content {
        /*display: inline-block;*/
    }

    .pane-content .row {
        margin: auto;
    }

    .admin-menu > .main-container {
    }

    .footer {
        width: 100%;
    }/* navigation styles */

    .navbar-fixed-top {
        z-index: 500 !important;
        border: 0;
        background-color: #fff;
        padding: 68px 15px 37px 15px;
    }/* account for UMD alert in header */

    body.umdalerter .navbar-fixed-top {
        padding-top: 116px !important;
    }

    body.umdalerter div.umdheader-alerts {
        position: fixed !important;
    }

    body.umdalerter #umdheader-main {
        top: 48px !important;
    }

    body.umdalerter .main-container {
        padding-top: 263px;
    }

    body.admin-menu .navbar-fixed-top, body.admin-menu.umdalerter .navbar-fixed-top, {
        top: 0 !important;
    }

    .toolbar.toolbar-drawer .navbar-fixed-top {
        padding-top: 102px !important;
    }

    .admin-menu.toolbar-drawer .navbar-fixed-top {
        padding-top: 68px !important;
    }

    .admin-menu-with-shortcuts .navbar-fixed-top {
        margin-top: 34px !important;
    }

    .toolbar.toolbar-drawer .main-container {
        padding-top: 249px !important;
    }

    .admin-menu.toolbar-drawer .main-container {
        padding-top: 215px !important;
    }

    body.toolbar .navbar-fixed-top {
        top: 0;
    }

    #admin-menu .shortcut-toolbar.active, #toolbar .toolbar-drawer {
        min-height: 34px;
    }

    .navbar > .container .navbar-nav, .navbar > .container-fluid .navbar-nav {
        position: absolute;
        bottom: 0;
        left: 15px;
    }

    .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand {
        background: url('../images/dept_logo.png') no-repeat left center / auto 58px transparent !important;
        min-width: 330px;
        min-height: 58px;
        font-size: 0em;
        margin-left: 0;
        padding: 0;
        position: absolute;
    }

    .navbar-default .container, .navbar-default .container-fluid {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .navbar-collapse {
        padding: 0;
    }

    .navbar-default .navbar-nav > li > a {
        font-family: "Source Sans Pro", "Helvetica", sans-serif;
        letter-spacing: .1em;
        font-weight: 500;
        font-size: 1em;
        color: #000;
        border: 1px solid transparent;
        border-bottom: 3px solid transparent;
        text-transform: uppercase;
        padding: 7px 5px 0 5px;
        margin: 0 .1em;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active-trail {
        padding: 7px 5px 0 5px;
        color: #e21833;
        border: 1px solid rgba(0, 0, 0, .15);
        border-bottom: 3px solid #e21833;
        border-radius: 4px 4px 0 0;
        background-color: #fff;
    }

    .navbar-nav > li > .dropdown-menu {
        border-top: 0;
    }

    .navbar-nav > li > .dropdown-menu a:hover {
        color: #e21833;
    }

    .navbar-nav > li > .dropdown-menu .dropdown-toggle.has-submenu:before {
        float: right;
        margin-right: -1.8em;
        font-family: "Glyphicons Halflings";
        content: '\e114';
    }

    .navbar-nav > li > .dropdown-menu .dropdown-toggle.has-submenu.highlighted:before {
        float: right;
        margin-right: -1.8em;
        font-family: "Glyphicons Halflings";
        content: '\e080';
    }

    .navbar-collapse.collapsing {
        height: auto !important;
        display: block !important;
        -webkit-transition: none !important;
        transition: none !important;
    }

    .menu.nav .caret {
        display: none !important;
    }

    #block-menu-menu-secondary-menu {
        width: auto;
        /* position: relative; */
        /* right: 0; */
        /* top: 58px; */
        float: right;
        margin-top: -10px;
        padding-bottom: 10px;
        overflow: hidden;
    }

    #block-menu-menu-secondary-menu .nav > li {
        float: left;
    }

    #block-menu-menu-secondary-menu .nav > li a {
        font-size: .9em;
        color: #e21833;
        padding: 5px 10px;
    }

    #jumpnav {
        position: fixed;
        top: 170px;
        z-index: 499;
        min-height: 15px;
        max-height: 15px;
        padding: 0;
        background-color: transparent;
    }

    body.admin-menu #jumpnav {
        top: 170px;
    }

    #jumpnav .pane-content {
        background-color: transparent;
        padding: 0;
    }

    #jumpnav ul {
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.7);
    }

    #jumpnav a {
        font-family: "Open Sans", sans-serif;
        font-size: .9em;
        text-transform: uppercase;
        text-shadow: none;
        color: #fff;
        font-weight: bold;
        padding: 2px 10px;
        border-color:transparent!important;
    }

    #jumpnav a:hover, #jumpnav a:focus {
        color: #000;
        border-color:transparent!important;
    }

    #jumpnav li.active > a, #jumpnav li.active > a:hover, #jumpnav li.active > a:focus {
        background-color: #fff;
        color: #e21833;
    }

    .pane-events .views-row {
        max-height: 290px;
        overflow: hidden;
    }/*faculty summary page */

    #visitday_faculty .view-id-people table td {
        width: 33%;
    }

    #visitday_faculty .view-id-people table td:first-child {
        width: 40%;
        min-width: 300px;
        white-space: initial;
    }

    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

/* end min-width: 768px*/
@media screen and (min-width: 1100px) {
    .field-name-image-colorbox.portrait {
        float: left !important;
        width: 50%;
    }
}