*,
a:visited, a:hover, a:active, a:focus, a {
    outline: none;
    outline: 0;
}

body {
    line-height: 1.57;
    background-color: transparent !important;
}

html {
}

html.video {
    overflow: auto;
    padding: 0;
}

div#content-directory blockquote {
    padding: 14px 18px;
    font-size: 100%;
    border-left: 2px solid #ceb888;
}

div#content-directory:before {
    display: block;
    content: " ";
    margin-top: -95px;
    height: 95px;
    visibility: hidden;
}

.directory .wrapper {
    margin-bottom: 20px;
}

.dont-break-out, .panel-group.visible-xs .panel-body {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/*Bootstrap Overrides*/
.img-thumbnail {
    padding: 0;
    margin-bottom: 10px;
}


.directory img.img-max-thumbnail {
    max-height: 210px;
    width: auto;
}

div.max-thumbnail-desc {
    max-width: 145px;
    font-size: 90%;
    padding-top: 7px;
}

div.video {
    width: 100%;
    height: auto;
}

.text-bold {
    font-weight: bold;
}

h2 + h3, h3 + h4 {
    margin-top: -7px;
}

iframe.resize > html.video,
.overflow-hidden {
    overflow: hidden !important;
}

.visible-xxxs,
.visible-xxs {
    display: none;
}

label.block {
    display: block;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    
    .text-right-sm {
        text-align: right;
        padding-right: 7px;
    }

    h2 + h3 {
        margin-top: 0;
    }

    .col-lg-1.faculty-photo {
        width: 20%;
    }

    .col-lg-11.faculty-photo {
        width: 80%;
    }

    .image-wrapper {
        height: 150px;
        overflow: hidden;
        margin: 0;
        
    }

    .image-wrapper img {
        display: block;
        height: auto;
        width: 100%;
    }

    .elements > div {
        max-width: 75%;
    }

    .directory img.img-thumbnail {
        max-height: 121px;
        width: auto;
    }


    .directory img.img-max-thumbnail {
        max-height: 210px;
        width: auto;
    }

    .image-wrapper.x-long {
        min-height: 215px !important;
    }

    img.img-min-hieght,
    img.img-min-height {
        min-height: 210px;
    }
}

@media (max-width: 768px) {
    
    body {
        padding-right: 20px;
    }

    h3, h4 {
        font-size: 110%;
        font-weight: bold;
    }

    .directory img.img-thumbnail {
        height: 210px;
        width: auto;
    }

    .directory img.img-max-thumbnail {
        height: 210px;
        width: auto;
    }

    .alumniHeight {
        height: auto !important;
        max-height: 210px !important;
    }
}

@media (max-width: 992px) {
    body.home .middle-content h2, body.home .middle-content .h2 {
        font-weight: bold;
        font-size: 22px;
    }

    body.home .middle-content h3, body.home .middle-content .h3 {
        font-weight: 200;
        font-size: 20px;
    }
}

@media (max-width:992px) and (min-width:680px) {
    .max-thumbnail-desc {
        min-height: 60px;
    }

}

@media (max-width: 680px) {
    .col-xxs-6 {
        width: 50%;
    }

    .visible-xxs {
        display: block;
    }
}

@media (max-width: 374px) {
    .col-xxxs-12 {
        width: 100%;
    }

}


@media print {
    body, iframe#idirectory {
        position: relative;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

    table.hidden-xs {
        display: table;
    }

    tr.hidden-xs {
        display: table-row !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }

    .hidden-xs.hidden-print {
        display: none !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }

    a[href]:after {
        content: none
    }

    .print-break {
        page-break-after: always !important;
        position: relative;
    }

    .clearfix.visible-xxs,
    .visible-xxs.clearfix:after,
    .visible-xxs.clearfix:before,
    #fsu-nav-primary,
    #fsu-header,
    #fsu-footer {
        display: none !important
    }

    img.img-max-thumbnail {
        page-break-inside: avoid;
    }

    .middle-content.col-sm-9 {
        width: 100% !important;
    }
}