@charset "UTF-8";
/* CSS Document
Client: Davenport Library
Company: Informatics, Inc
Author: Jeff S
Date: Oct 2017

blue: #286ba6
yellow: #e79c19
orange: #ff981e
green: #397826
gray: #464748
*/

/* TYPOGRAPHY */
html {font-size: 16px;}
body {font-family: "Muli", sans-serif; font-weight: 400; font-size: 1em; background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-moz-font-feature-settings: "liga" on;
}
h1, h2, h3, h4, h5 {font-weight: 700; color: #222; font-weight: 800;}
h1 {font-size: 2em;font-family: "Muli", sans-serif; letter-spacing: -2px; color: #464748;}
h2 {font-size: 1.75em; line-height: auto; font-weight: 300; margin: 0 0 20px 0;}
h3 {font-size: 1.5em; margin: 0 0 15px 0; color: #333; font-weight: 800; letter-spacing: -.5px;}
h4 {font-size: 1em; margin: 0 0 20px 0; color: #e79c19; text-transform: uppercase; letter-spacing: 1px;}
h4+h2 {margin-top: -10px !important;}
p {margin-bottom: 1.75em;}
blockquote {font-family: Georgia, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-style: italic; font-size: 1.25em;}
img {max-width: 100%; height: auto;}
#content img {max-width: 100%; margin: 0 0 20px 0;}
.container {position: relative;}

/* After Bar */
.after-bar {position: relative; padding: 0 0 30px 0; margin: 0 0 20px 0;}
.after-bar:after {position: absolute; bottom: -2px; left: 0; width: 100px; height: 10px; background: #884200; content: "";}

/* LINKS */
a {color: #286ba6;}
a:visited {}
a.btn-theme, span.simple-link a {display: inline-block; padding: 10px 15px; background: #286ba6; color: #fff; border-radius: 4px; font-weight: 700;}
a.btn-theme:hover, span.simple-link a:hover {background: #235684; color: #fff;}
a.big-link {font-size: 24px; font-weight: bold;}
/*
.simple-link {display: inline-block; padding: 2px 7px; border-radius: 5px; background: #eee; font-size: .85em; margin: 0 0 25px 0;}
.simple-link:before {content: "\f0a9";font-family: FontAwesome; margin: 0 5px 0 0;}
.simple-link:hover {background: #fff;}
*/
/* Animate */
.ccm-page a, a img, #nav-main ul {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
#navbar .social a {
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

/* Mobile First */
#header {border: 0; margin: 0; position: relative; border-radius: 0;}
#header:before {position: absolute; left: 0; top: 0; width: 100%; height: 5px; display: block; background: url(../img/stripes.jpg) -120px 0; content: "";}
#header h1 {margin: 0; padding: 0; float: none; display: inline; position: relative;}
#logo {display: block; padding: 10px 50px; text-align: center; text-decoration:none;}
#logo .alt-logo {color: #fff; font-size: 0;}

#lib-search {position: relative; padding: 0; margin: 15px;}
#lib-search input[type="text"] {border: 1px solid #ccc; background: #f9f9f9; padding: 5px 10px; font-size: 13px; margin: 0; width: 100%; height: 50px; border-radius: 4px;}
#lib-search button {border: 0; background: #286ba6; color: #fff; position: absolute; right: 0; top: 0; height: 50px; border-radius: 0 4px 4px 0; padding: 0 10px;}
#lib-search button span {display: none;}
#lib-search .radio {float: right; margin: 0; padding: 5px; font-size: 12px;}

#toggle {background: #286ba6; border: 0; margin: 0; width: 100%; border-radius: 0; padding: 15px;}
#toggle .icon-bar {background: #fff; height: 3px;}

#navbar.affix {position: relative;}
#nav-main {margin: 0 -30px;}
#nav-main a {color: #444; border-bottom: 1px dotted #ccc; font-weight: 700; color: #464748; font-size: 13px;}
#nav-main ul {display: none;}

#nav-mini {text-align: center; padding: 10px; margin: 0 -30px; background: #e9e9e9;}
#nav-mini .fa {display: block;}
#nav-mini li {display: inline-block;}
#nav-mini a {color: #444; font-size: 12px; padding: 5px 10px; position: relative;}
#nav-mini a:after {position: absolute; right: -1px; top: 10px; height: 25px; width: 1px; background: #ccc; content: "";}
#nav-mini li:last-of-type a:after {display: none;}

#hdr-tools form {position: relative;}
#hdr-tools input {width: 100%; height: 40px; background: #f4f4f4; border: 1px solid #ccc; text-indent: 10px;}
#hdr-tools button {background: none; border: 0; position: absolute; right: 0; top: 0; width: 40px; height: 40px;}
#hdr-tools #font-sizer {display: none;}

#navbar .social {background: #e9e9e9; margin: 0 -30px; padding: 10px 0;}
#navbar .social li a {width: 35px; height: 35px; line-height: 30px; background: none; color: #286ba6; border: 0;}

#hero {margin: 15px 0;}
#slider {position: relative; padding: 0 0 30px 0; min-height: 600px; width :100%;}
#slider .slide-text {background: rgba(0,52,72,.95); padding: 20px; color: #fff; width: 100%;}
#slider .slide-text h2 {margin: 0 0 10px 0; color: #fff; font-size: 24px; font-weight: 800;}
#slider .slide-text h3 {color: #fff; position: relative; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight:800;}
#slider .slide-text .btn-theme {background: #884200; box-shadow: 4px 4px 8px rgba(0,0,0,.1);}

#slider #pager {text-align: center; position: absolute; bottom: 15px; display: block;}
#slider #pager span {display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 50%; text-indent: -999em; margin: 0 2px;}
#slider #pager span.cycle-pager-active {background: #884200;}

#quick-links ul {list-style: none; padding: 0; margin: 0;}
#quick-links li {background: #333;}
#quick-links a {position: relative; display: block; padding: 25px; overflow: hidden; color: #fff; font-weight: 700; height: 100%;}
#quick-links .fa {color: #ffae61; font-size: 21px;width: 30px; padding-right: 5px; text-align: right;}
#quick-links span {position: relative; z-index: 5;}
#quick-links img {position: absolute; right: 0; top: 0; width: 100%; opacity: .25; width: 100%; height: 100%; object-fit: cover;}
#quick-links a:hover {color: #ffae61; text-decoration: none;}
#quick-links a:hover img {transform: scale(1.1,1.1); opacity: .15;}
#quick-links a small {display: block; font-weight: 400; font-size: 13px; margin-left: 34px;}

.footer {background: url(../img/bkg-ftr.jpg) center center #444; background-size: cover; color: #fff; padding: 50px 0 0 0; margin: 25px 0 0 0; position: relative;}
.footer:before {position: absolute; left: 0; top: 0; width: 100%; height: 5px; display: block; background: url(../img/stripes.jpg) -120px 0; content: "";}
.footer h2, .footer h2 a {color: #fff; margin: 15px 0;}
.footer h4 {margin: 10px 0;}
.footer #nav-ftr {width: 100%; text-align: center; margin: 0 0 35px 0; padding: 0 0 35px 0; border-bottom: 1px solid #111;}
.footer #nav-ftr li {display: inline-block; float: none;}
.footer #nav-ftr a {color: #fff; opacity: .8;}
.footer #nav-ftr a:hover {opacity: 1; background: none;}
.footer #nav-ftr li.nav-path-selected a {color: #e79c19; opacity: 1;}
.footer .copy {margin: 50px 0 0 0; text-align: center; background: #286ba6; padding: 15px; font-size: .75em;}
.footer .copy a {color: #fff;}

.social {list-style: none; padding: 0; margin: 0; text-align: center;}
.social li {display: inline-block;}
.social li a {display: block; width: 50px; height: 50px; line-height: 45px; background: rgba(0,0,0,.5); color: #e79c19; border-radius: 50%; border: 2px solid #fff; font-size: 24px; margin: 0 5px;}
.social li a:hover {background: #286ba6;}

#content header {text-align: center; background: url(../img/hdr-1.jpg) 0 0; background-size: cover; padding: 25px 15px; margin: 0 0 25px 0;}
#content header.bkg-1 {background: url(../img/hdr-2.jpg) 0 0; background-size: cover;}
#content header h1 {margin: 0 0 10px 0;}
#content header .breadcrumb {background: none; padding: 0; margin: 0; font-size: 12px;}
#content header .breadcrumb .nav-path-selected a {color: #888;}

#sec {margin: 0 0 25px 0;}
#sec ul {border-top: 5px solid #286ba6; background: #f8f8f8;}
#sec ul a {color: #444; padding: 10px; font-size: .85em; border-bottom: 1px solid #ddd;}

#hpg-content {padding: 15px 0;}
#hpg-content h3 {background: url(../img/stripes.jpg) 0 bottom no-repeat; padding: 0 0 20px 0; margin-top: 20px;}
#hpg-content h3 a {font-size: 14px; float: right; text-decoration: underline; font-weight: 400; margin: 10px 0 0 0; opacity: .6;}
#hpg-content .col-sm-6:hover h3 a {opacity: 1;}

.event-item {width: 100%; display: block; position: relative; padding: 0 0 0 115px; overflow: hidden; margin: 25px 0;}
.event-item img {position: absolute; left: 0; top: 0; width: 100px;}
.event-item h4 {color: #397826; text-transform: none; letter-spacing: normal; margin: 5px 0 15px 0;}
.event-item h2 {font-size: 1.35em; margin: 0 0 10px 0;}
.event-item .tags {list-style: none; padding: 0; margin: 0;}
.event-item .tags li {float: left; font-size: 12px; background: #e9e9e9; padding: 3px 5px; border-radius: 4px; margin: 0 5px 5px 0;}

/* added items for new LibCal Widget */
.s-lc-ea-h3 {display: none;}
#api_upc_cid_iid4360 .s-lc-c-evt-title {background: none;}
#api_upc_cid_iid4360 .s-lc-c-evt-title h3 a {font-size: 1em; margin: 0 0 5px 0; background: none;}
#api_upc_cid_iid4360 .s-lc-c-evt-title:hover h3 a {opacity: 1;}
.media-heading.s-lc-c-evt-title a:link {font-size: 1em; margin: 0 0 5px 0; background: none;}
#api_upc_cid_iid4360 .media-body h3 {font-size: 1.35em; margin: 0 5px 5px 0; background: none; float: left; position: absolute; white-space: nowrap; overflow: hidden;}
#api_upc_cid_iid4360 .media-body h3 a:link {float: left; color: #222; font-size: 1em; margin: 0 0 5px 0; text-decoration: none;}
#api_upc_cid_iid4360 .media-body h3 a:visited {float: left; color: #222; font-size: 1em; margin: 0 0 5px 0;}
.media-right img {right: 0; top: 0; width: 100px; border: 0px; float: right;}
.s-lc-c-evt-des {display: none;}
#api_upc_cid_iid4360 .dl-horizontal {padding: 5px 5px 5px 0px; float: left; position: relative; top: 20px;}
#api_upc_cid_iid4360 .media-body {text-align: left; height: 120px; contain: paint;}
.media-body dt:nth-of-type(1) {display: none;}
.media-body dt:nth-of-type(2) {display: none;}
.media-body dt:nth-of-type(3) {display: none;}
.media-body dt:nth-of-type(4) {display: none;}
.media-body dt:nth-of-type(5) {display: none;}
.media-body dt:nth-of-type(6) {display: none;}
.media-body dt:nth-of-type(7) {display: none;}
.media-body dt:nth-of-type(8) {display: none;}
.media-body dd:nth-of-type(1) {font-size: 16px; font-weight: 700; color: #397826; text-transform: none; letter-spacing: normal; margin: 0px 0px 5px 0;}
.media-body dd:nth-of-type(2) {display: none;}
.media-body dd:nth-of-type(3) {display: none;}
.media-body dd:nth-of-type(4) {list-style: none; padding: 0; margin: 0; float: left; font-size: 12px; background: #e9e9e9; padding: 3px 5px; border-radius: 4px; margin: 0 5px 0px 0;}
.media-body dd:nth-of-type(5) {display: none}
.media-body dd:nth-of-type(6) {list-style: none; padding: 0; margin: 0; float: left; font-size: 12px; background: #e9e9e9; padding: 3px 5px; border-radius: 4px; margin: 0 5px 0px 0;}
.media-body dd:nth-of-type(7) {display: none;}
.media-body dd:nth-of-type(8) {display: none;}
.media-body dd: {left: 0;}

.full-item {background: #e9e9e9; padding: 20px; margin: 15px 0;}
.full-item h4 {margin: 20px 0 10px 0;}
.full-item h2 {margin: 0;}
.full-item .by-line {font-size: 1.25em; color: #999; font-weight: 700;}

.icon-list {list-style: none; padding: 0; margin: 25px 0;}
.icon-list a {display: block; padding: 5px 14px; float: left; color: #333; margin: 0 20px 15px 0; border-radius: 0 5px 5px 0;}
.icon-list a:hover {background: #eee; text-decoration: none;}
.icon-list li:nth-of-type(1) a {border-left: 3px solid #286ba6;}
.icon-list li:nth-of-type(2) a {border-left: 3px solid #e79c19;}
.icon-list li:nth-of-type(3) a {border-left: 3px solid #ff981e;}
.icon-list li:nth-of-type(4) a {border-left: 3px solid #397826;}

.feed-wrap {overflow: hidden;}

.list-feature {overflow: hidden; border-bottom: 1px dotted #ccc; padding: 0 0 25px 0; margin: 0 0 25px 0; position: relative;}
.list-feature a {color: #555; display: block;}
.list-feature p {margin: 0 0 10px 0;}
.list-feature h2 {font-weight: 700; font-size: 24px; margin: 0 0 10px 0; color: #286ba6;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#header {border-top: 50px solid #e9e9e9;}
#header:before {top: -50px;}
#navbar { box-shadow: 0 5px 2px rgba(0,0,0,.1);}
#navbar.affix {position: fixed; width: 100%; top: 0; z-index: 500;}
.fix-affix {height: 50px;}
.navbar-header {float: none;}
#logo {float: left; padding: 20px 0 30px 0;}
#lib-search {float: right; width: 375px; margin: 45px 0 0 0;}
#lib-search input[type="text"] {font-size: 14px;}
#lib-search button span {display: inline;}

#hdr-tools {position: absolute; top: -190px; width: 100%; height: 45px;}
#nav-mini {padding: 0; margin: 0;}
#nav-mini .fa {display: inline;}
#nav-mini a {padding: 12px 15px;}
#nav-mini a:hover {background: rgba(0,0,0,.1);}

#hdr-tools #font-sizer {display: block; position: absolute; right: 170px; top: 8px; font-size: 12px; padding: 2px 15px 2px 0; border-right: 1px solid #ccc;}
#hdr-tools #font-sizer .fa {font-size: 12px; padding: 5px; background: rgba(0,0,0,.1); width: 25px; height: 25px; border-radius: 4px; text-align: center; line-height: 15px; margin: 0 0 0 5px;}

#navbar .social {position: absolute; top: 7px; right: 30px; margin: 0; padding: 0;}
#navbar .social li a {margin: 0 0 0 5px; width: 25px; border-radius: 0;}
#navbar .social li a:hover {color: #e79c19; transform: scale(1.15,1.15);}

#navbar {background: #286ba6; padding: 0;}
#nav-main {margin: 0; text-align: center; width :100%;}
#nav-main li {float: none; display: inline-block; /*margin: 0 -2px;*/}
#nav-main a {border: 0; color: #fff; padding: 15px 10px;}
#nav-main a:hover, .nav > li > a:focus, .nav > li > a:active {background: rgba(0,0,0,.15);}
#nav-main > li.nav-path-selected > a {background: rgba(0,0,0,.15); color: #fcb944;}

#slider {min-height: 0; overflow: hidden;}
#slider .hero-slide {height: 475px;}
#slider .hero-slide img {width: 100%; height: 100%; object-fit: cover;}
#slider .slide-text {position: absolute; left: 20px; top: 20px; width: 40%; box-shadow: 5px 5px 5px rgba(0,0,0,.1);}
#slider .slide-text h2 {font-size: 32px;}
#slider #pager {z-index: 500; left: 20px; bottom: 40px;}
#slider #pager span {background: #fff;}

#quick-links ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#quick-links li {flex: 0 0 32%; margin: 0 0 15px 0;}
#quick-links li a {padding: 30px 15px;}

.full-item img {float: left; width: 200px; box-shadow: 5px 5px 5px rgba(0,0,0,.1);}
.full-item-text {float: left; width: 60%; padding: 0 0 0 25px;}

#content header {padding: 50px 15px;}

.list-feature {padding: 0 0 25px 250px;}
.list-feature img {position: absolute; left: 0; top: 0; width: 225px;}
.list-feature a:hover {text-decoration: none;}
.list-feature a:hover h2 {text-decoration: underline;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
hr {margin: 40px 0;}
#content img.img-left {max-width: 400px; float: left; margin: 10px 30px 20px 0;}

.fix-affix {height: 60px;}
#nav-main a {padding: 20px 21px; font-size: 14px;}
#nav-main ul {list-style: none; padding: 5px; background: none; border-bottom: none; position: absolute; top: 100%; left: 50%; margin-left: -90px; width: 180px; z-index: 500; background: #fff; text-align: left; box-shadow: 2px 2px 10px rgba(0,0,0,.15); border-top: 3px solid #e79c19;}
#nav-main ul li {display: block;}
#nav-main ul a {display: block; border: 0; padding: 10px 5px; font-size: 13px; color: #333; font-weight: 400;}
#nav-main ul a:hover, #nav-main ul a:focus {background: none; color: #286ba6; text-decoration: none; padding: 10px 0 10px 10px;}
#nav-main ul:before {border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e79c19; content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -10px;}
#nav-main li:hover ul {display: block;}
#nav-main ul .nav-path-selected a {font-weight: bold;}

#hero {margin: 25px 0;}
#slider {width: 75%; float: left; height: 500px; padding-right: 25px;}
#slider .hero-slide {height: 500px;}
#slider #pager {bottom: 10px;}
#slider .slide-text h2 {font-size: 40px; letter-spacing: -2px; line-height: 40px; margin: 0 0 20px 0;}
#quick-links {width: 25%; float: right; height: 500px;}
#quick-links ul {flex-wrap: no-wrap; flex-wrap: nowrap; flex-direction: column; justify-content: center; height: 100%;}
#quick-links li {flex: 1; margin: 0;}

.full-item {padding: 0; margin: 50px 0;}
.full-item img {position: absolute; left: 0; top: -20px; width: 275px; transform: rotate(-3deg);}
.full-item-text {width: auto; padding: 25px 0 35px 315px;}

#content header {margin: 0 0 50px 0;}
#sec ul a {font-size: .9em; padding: 12px;}

.footer {margin-top: 50px;}
.footer h2 a {text-align: center;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#nav-main a {padding: 20px 30px; font-size: 15px;}
#nav-main li ul {display: block; opacity: 0; visibility: hidden; top: 90%; width: 230px; margin-left: -115px; padding: 15px;}
#nav-main li ul a {font-size: 14px; border-bottom: 1px dotted #ccc;}
#nav-main li ul li:last-of-type a {border: 0;}
#nav-main li:hover ul {opacity: 1; visibility: visible; top: 100%;}

#slider .slide-text {left: 25px; top: 25px; width: 40%; padding: 30px;}

.full-item img {left: 50px;}
.full-item-text {padding: 25px 50px 35px 375px;}
}