﻿.errMsg {
    color: white;
}

img.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.fa-6 {
    font-size: 6em;
}

.lengthIndicator {
    position: absolute !important;
    bottom: -19px !important;
    display: block !important;
    width: 100% !important;
    left: 0 !important;
    text-align: right !important;
    color: white !important;
    top: auto !important;
}

#owlQuotes {
    display: block;
    width: 100%;
    overflow: hidden;
}

#owlQuotes .quote-item {
    width: 100%;
    display: block;
}

#owlQuotes .quote-left {
    float: left;
    display: block;
    width: 55%;
}

#owlQuotes .img-right {
    float: right;
    display: block;
    width: 45%;
}

#owlQuotes .quote-right {
    float: right;
    display: block;
    width: 55%;
}

#owlQuotes .img-left {
    float: left;
    display: block;
    width: 45%;
}

.card.card-outline.card-btn.su-blue-card:hover {
    background: #075594;
    border: 1px solid #e4e4e4;
}

.card.card-outline.card-btn.su-blue-card:hover .su-dark-gray-text {
    color: #fff !important;
}

.card.card-outline.card-btn.su-blue-card:hover a.su-orange-text {
    color: #fff !important;
}

.owl-controls {
    position: relative;
}

.owl-pagination {
    width: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
    height: 20px;
}

.owl-pagination .owl-page {
    width: 10px;
    height: 10px;
    border: 1px #fff solid;
    border-radius: 50%;
    float: none;
    margin: 0 10px;
    display: inline-block;
}

.owl-pagination .owl-page.active {
    background: #fff;
}

#skiptocontent {
    width: 100%;
    background: #D44500;
    transition: all .25s ease-in-out;
}

#skiptocontent a {
    display: block;
    height: 0;
    padding: 0;
    color: black;
    transition: all .25s ease-in-out;
}

#skiptocontent a:focus {
    display: block;
    height: auto;
    padding: 10px;
    color: white;
}

.navy-text {
    color: #1D2951 !important;
}

.connect-bg {
    background-repeat: repeat !important;
}

.navbar-su .nav li a,
.navbar-su .nav li button {
    white-space: inherit;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    color: #6F777D;
    font-family: ShermanSansBold, "Trebuchet MS", Tahoma, sans-serif;
    text-transform: uppercase;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 10px;
    padding-right: 10px;
}

#smartgrid {
    background-image: url('https://storage2.ischool.syr.edu/research-centers/back-smartgrid2.jpg');
    background-color: #333333;
}

.shrinker {
    width: 90%;
  }
  
  .shrinker-60 {
    width: 60%;
  }

#smart-grid-research-center-8021 {
    background-image: url('https://storage2.ischool.syr.edu/research-centers/back-smartgrid2.jpg');
    background-color: #333333;
}

#smart-grid-research-center-8021 .section-pad {
    padding-top: 3rem;
    padding-block-start: 3rem;
}

.article-title h3 {
    text-transform: none;
}

.navbar-su .nav li a:hover,
.navbar-su .nav li a:active,
.navbar-su .nav li a:focus,
.navbar-su .nav li button.btn-link:hover,
.navbar-su .nav li button.btn-link:active,
.navbar-su .nav li button.btn-link:focus {
    color: #D44500 !important;
    border-bottom: 2px solid #D44500 !important;
    background: none !important;
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.help-block {
    color: #3E3D3C;
}

#headerCallout .section-title-wrap .section-title {
    background: #D44500;
}

#maincontent a {
    text-decoration: underline;
}

#pageNavContainer.pinned #pageNav .nav-tabs > li > a {
    color: #3E3D3C;
    border-top: 2px solid #3E3D3C;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #333333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.section-pad-small {
    padding-top: 100px;
    padding-top: 6.25rem;
}


.su-list-accordian .panel-heading .panel-title {
    background-color: #ffffff;
}

a:focus,
button:focus {
    outline: 10px auto #8d2e00;
    outline-offset: -2px;
    color: inherit;
}

a:focus>img {
    border: 5px solid #8d2e00;
}

#content p a {
    text-decoration: underline;
}

.card.card-btn a:focus {
    text-decoration: none;
    outline: 10px auto white;
    padding: 6px;
    text-decoration: underline;
}

#pageFooter a:hover,
#pageFooter a:focus {
    background: #000;
    color: #fff;
    border: none;
    outline: none;
}

#pageFooter a:hover>.fa,
#pageFooter a:focus>.fa {
    border: 2px solid white;
}

#dev-minor-in-information-technology-design-and-startups-7745 .jumbotron h1, 
#minor-in-information-technology-design-and-startups-7745 .jumbotron h1,
#dev-minor-in-information-technology-and-management-7746 .jumbotron h1,
#minor-in-information-management-and-technology-7746 .jumbotron h1,
#minor-in-data-analytics-7854 .jumbotron h1,
#cas-in-information-technology-management-7910 .jumbotron h1 {
    line-height: 100px;
    line-height: 4.25rem;
    font-size: 60px;
    font-size: 2.75rem;
    color: #ffffff;
}

#dev-minor-in-information-technology-design-and-startups-7745 .jumbotron, 
#minor-in-information-technology-design-and-startups-7745 .jumbotron,
#dev-minor-in-information-technology-and-management-7746 .jumbotron,
#minor-in-information-management-and-technology-7746 .jumbotron,
#minor-in-data-analytics-7854 .jumbotron,
#cas-in-information-technology-management-7910 .jumbotron {
    padding-top: 22% !important;
}

#ms-in-information-management-for-executives-7903 {
    background-image: url(https://storage.ischool.syr.edu/ischool.syr.edu/static/themes/ischool2017/imgs/information-management-executive-status-feature.jpg);
    background-color: #D44500;
}

#metadata-lab-7895 {
    background-image: url('https://storage2.ischool.syr.edu/research-centers/metadata-background.jpg');
    background-color: #333333; }

#ischool-public-libraries-initiative-7977 {
    background-image: url('https://storage.ischool.syr.edu/ischool.images/IPLI-feature-image.jpg');
    background-color: #333333; }

.projects-back {
    background-image: url(https://storage2.ischool.syr.edu/research-centers/metadata-light.png) !important;
}

#phd-in-information-science-and-technology-3233 #research .card-block {
    height: 435px !important;
}


@media screen and (max-width: 700px) {
    #owlQuotes .quote-item {
        position: relative;
    }

    #owlQuotes .quote-left {
        float: none;
        display: block;
        width: 100%;
    }

    #owlQuotes .img-right {
        float: none;
        display: block;
        width: 100%;
    }

    #owlQuotes .quote-right {
        float: none;
        display: block;
        width: 100%;
    }

    #owlQuotes .img-left {
        float: none;
        display: block;
        width: 100%;
    }
}