body {
    padding-top: 50px;
    background-image: url('../images/scenic-bg.jpg');
    background-size: auto;
}

input:focus {
    background-color: #ffecbc;
}

.jumbotron {
    background-color: rgba(12,12,12,0.80);
    color: white;
    margin-top: 25px;
    text-align: center;
}

.main-content {
    background-color: white;
    margin-top: 25px;
    padding: 15px;
}

.cover-art-image {
    display: block;
    margin: auto;
}

/* ABOUT DIALOG */
.about-body {
    text-align: center;
}

/* BIB INFO */
#format-designation {
    float: right;
    text-align: center;
    font-size: 0.8em;
    color: tomato;
}

#format-designation img {
    width: 50px;
}

#title {
    font-family: "Georgia", sans-serif;
    font-size:  1.5em;
    font-weight: bold;
}

#summary {
    font-style: italic;
}

#keywords-in-context {
    font-size: smaller;
    color: gray;
}

#keywords-in-context b {
    color: black;
    font-style: italic;
}

#nothing-found-msg {
    color: red;
    font-family: "Georgia", sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 2.0em;
    text-align: center;
    text-shadow: 2px 2px khaki;
}

a.more:link,
 a.more:visited,
 a.more:hover,
 a.more:active {
     color: red;
     font-size: 1.0em;
     font-style: italic;
     cursor: pointer;
     text-decoration: none;
 }

a.less:link,
a.less:visited,
a.less:hover,
a.less:active {
    color: red;
    font-size: 1.0em;
    font-style: italic;
    cursor: pointer;
    text-decoration: none;
}

#availability-statement {
    font-weight: bold;
}

.has-holds {
    color: red;
    font-weight: bold;
}

.no-holds {
    color: black;
}

.click-message {
    color: black;
    font-size: larger;
    text-align: center;
}

/* ITEM */
.item-detail-heading {
    cursor: pointer;
}

.circ-status-with-tooltip {
    cursor: pointer;
}

.item-count-badge {
    margin-left: 0.5em;
}

/* LOGIN FORM */
.btn-panel-heading {
    float: right;
}

.well-login {
    max-width: 400px;
}

.icon-green {
    color: #11de00;
}

.icon-red {
    color: red;
}

/* FAQ page */
.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: "Glyphicons Halflings", sans-serif;
    content: "\e072"; /* "play" icon */
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #454444;
}

.my-modal-header {
    background-color: lightblue;
}

.my-modal-footer {
    background-color: lightblue;
}