/**** CUSTOM CODE BY CINDY BARRY ****/

/* STANDARD BREAKPOINTS: 320px, 480px, 640px, 768px, 992px, 1200px */
/* BOOTSTRAP COLUMN BREAKPOINTS: col-lg-xx (>1200), col-md-xx (993-1200), col-sm-xx (768-992), col-xs-xx (<768) */
/* Min-Width: Refers to everything greater than or equal to the amount given. */
/* Max-Width: Refers to everything less than or equal to the amount given. */
/* col-lg = min-width 1200 */
/* col-md = min-width 992 and max-width 991 */
/* col-sm = min-width 768 and max-width 767 */
/* col-xs = max-width 767 */
/* 480 = min-width 480 and max-width 479 */
/* 640 = min-width 640 and max-width 639 */
 
/*
SU COLORS
#D44500 - ORANGE FOR LINKS
#3E3D3C - EXTRA DARK GRAY - BODY 
#6F777D - DARK GRAY 
#ADB3B8 - MEDIUM GRAY (too light on white for fonts)
#E8EAEB - LIGHT GRAY (too light on white for fonts)

THEME MODIFICATIONS
#6091ba links changed to #d44500
#6091ba other changed to #6f777d
#444444 changed to #3E3D3C
*/


/** OVERRIDE BODY FONT SETTINGS**/
body {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

*:focus {
    outline: none !important;
}

*:focus {
    outline: #0003ff dotted 2px !important;
    outline-offset: 2px !important;
}

a:focus img {
    outline: #0003ff dotted 3px !important;
}

input:focus {
    outline: #0003ff dotted 2px !important;
}

.promo.box.box-dark button:focus {
    outline: #ffffff dotted 2px !important;
}

div.footer-content a:focus {
    outline: #ffffff dotted 3px !important;
} 

div.footer-content a:focus img,
div.footer-content a:hover img {
    /*[src$="givenow.svg"]*/
    display: block;
    outline-offset: 2px;
    outline: #ffffff dotted 3px !important;
    margin: 3px;
} 

main {
    display: block;
}

.wrapper {
  margin-bottom: 0;
}
.wrapper:after {
  height: 0;
}

.footer {
  /* height: 0; */
  height: auto;
}

.footer .footer-content {
    background-color: #3e3d3c;
}

h1, 
h2
 {
  font-family: ShermanSerif, Georgia, serif;
}

h3, 
h4,
h5,
h6 {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
}


.h1, h1 {
    font-size:1.5em;
}
.h2, h2 {
    font-size: 1.3em;
    line-height: 1.5em;
}
.h3, h3 {
    font-size: 1.1em;
    line-height: 1.4em;
}
.h4, h4 {
   font-size: 1em;
   line-height: 1.3em;
}
.h5, h5 {
  font-size: 1em;
  line-height: 1.1em;
}
.h6, h6 {
  font-size: .875em;
  line-height: 1em;
}

p {
  color: #3E3D3C;
  font-size: 1em;
}

a {
  color: #D44500;
}

#maincontent a {
    text-decoration: underline;
}
 
#maincontent a:hover,
#maincontent a:focus {
    text-decoration: none;
}

.flex-search-container a,
a.btn.btn-theme,
a[data-parent] {
    text-decoration: none !important;
}

a:hover {
  color: #D44500;
  text-decoration: underline;
}
a:focus {
  color: #D44500;
  text-decoration: underline;
}

.resource-list a:hover,
.resource-list a:focus {
    text-decoration: underline !important;
}

ul {
    list-style-type: square;
    padding-left: 29px;
    line-height: 2em;
}


/** affects all default images with max-width for RWD - cjb**/
img {
    height: auto;
    max-width: 100%;
    display: block;
}

.img-inline {
    display: inline-block !important;
}

a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=8); /* For IE8 and earlier */
    transition: all 0.4s ease-in-out 0s;
}

sup {
    font-size: 0.9em;
    padding: 0 2px;
}

/** PULLS **/
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

/** BUTTONS **/
.btn {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
}
.btn .img {
  color: #fff;
  margin-right: 5px;
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #d44500;
    font-size: 1.1em;
    line-height: 1.65em;
}
.btn-default:hover {
    background-color: #d44500;
    border-color: #d44500;
    color: #fff;
}

/** ROW OF BUTTONS **/
.btn-row .btn {
    margin: 5px;
}

.btn-theme {
  background-color: #3e3d3c;
  border: 1px solid #3e3d3c;
  vertical-align: top;
}
.btn-theme:hover {
  background: #d44500;
  border: 1px solid #d44500;
  color: #ffffff !important;
}
.btn-label-hidden {
  height: 1px;
  width: 1px;
  overflow: hidden;
  display: block;
  background-color: #000000;
  color: #ffffff;
}
a.btn-cta,
.btn-cta {
  background: #d44500;
  font-size: 1.125em;
  border: 1px solid #d44500;
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
}
a.btn-cta:hover,
.btn-cta:hover {
  background: #6F777D;
  border: 1px solid #6F777D;
}
a.btn-cta .fa,
.btn-cta .img {
  font-size: 1.250em;
}

.form-control {
  font-size: 0.875em;
  color: #6f777d;
  height: 42px;
}
.form-control:focus {
  border-color: #6F777D;
}

blockquote {
    display: inline-block;
    font-size: 1em;
}
blockquote p {
    font-size: 1em;
}

input {
    height: 42px;
    outline: none;
    padding: 0 5px;
}

.caption {
    font-size: 0.875em;
    font-weight: normal;
    line-height: 1em;
    font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    color: inherit;
    display: block;
}

/** OVERRIDE FONT AWESOME STYLE **/

.footer .footer-content .footer-col .fa {
    color: #fff;
}


/** OVERRIDE ANY STYLE COLORS **/
.RedDamask {
  background-color: #D44500;
}
.RedDamask:hover {
  background-color: #D44500;
}
.FireBush {
  background-color: #E28D40;
}
.FireBush:hover {
  background-color: #D44500;
}
.OliveDrab {
  background-color: #D44500;
}
.OliveDrab:hover {
  background-color: #D44500;
}
.Mojo {
  background-color: #D44500;
}
.Mojo:hover {
  background-color: #D44500;
}

.text-highlight {
  color: #3e3d3c;
}
.highlight-border {
  border-color: #6F777D;
}
.read-more {
  font-size: 0.875em;
}
.read-more .img {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.read-more:hover {
  text-decoration: underline;
}
.read-more.continue-reading {
    padding-top: 10px;
}

#topcontrol {
  background: #6f777d !important;
  height: 48px;
  width: 48px;
}
#topcontrol:hover,
#topcontrol:active, 
#topcontrol:focus {
  background: #d44500 !important;
}
#topcontrol:focus {
    opacity:1;
}
#topcontrol .fa {
    font-size: 3.5em;
    font-weight: 900;
    position: relative;
    top: -8px;
}

.date-label {
  font-size: 0.813em;
}
.date-label .month {
  background: #6F777D;
  font-size: 0.813em;
}
.date-label .date-number {
  font-size: 1em;
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #6F777D;
  border-color: #6F777D;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #E8EAEB;
  border-color: #ADB3B8;
}

.tab-content {
  border: 1px solid #E8EAEB;
}
.nav > li > a {
  /* font-size: .9em; for SHERMAN **/
  font-size: .95em;
}

.nav-tabs > li > a {
  border: 1px solid #E8EAEB;
  color: #3E3D3C;
}
.nav-tabs > li.active {
  border-top: 2px solid #6F777D;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #E8EAEB;
}
.table > thead > tr > th {
  border-bottom: 2px solid #ADB3B8;
  color: #3E3D3C;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background: #E8EAEB;
}
.table.table-boxed > thead > tr > th {
  background: #6F777D;
  color: #fff;
}

.panel-group .panel .panel-heading .panel-title a {
  color: #D44500;
  background-color: #ffffff; 
}
.widget .panel-title {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
}
.panel-group .panel .panel-body {
  font-size: 0.813em;
}
.panel-theme {
  border-color: #6F777D;
}
.panel-theme > .panel-heading,
.panel-theme > .panel-footer {
  color: #fff;
  background: #6F777D;
  border-color: #6F777D;
}

.label.label-theme {
  background: #6F777D;
}

.badge.badge-theme {
  background: #6F777D;
}
.badge.badge-primary {
  background: #6F777D;
}
.badge.badge-success {
  background: #5bc0de;
}
.badge.badge-info {
  background: #6F777D;
}
.badge.badge-info {
  background: #6F777D;
}
.promo-badge {
  font-size: 1.250em;
}
.promo-badge .percentage {
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
}
.promo-badge .desc {
  font-size: 0.750em;
}
.progress-bar-theme {
  background: #6F777D;
}

.img-thumbnail {
  border-color: #E8EAEB;
}

/** THUMBNAIL LIST **/
.thumbnail-list {
    margin-bottom: 30px;
}
.thumbnail-list img {
    margin: 5px 5px 20px !important;
}
.thumbnail-item h3 {
    margin-top: 0px !important;
}

.box {
  background: #ffffff;
}
.box.box-border {
  border-left: 5px solid #6F777D;
}
.box.box-dark {
  background: #3E3D3C;
  display: inline-block;
}
.box.box-theme {
  background: #6F777D;
}

.social-icons li {
    padding: 5px 1px;
}
.social-icons a {
  background: #3e3d3c;
  font-size: 1.125em;
}
.social-icons a:hover {
  background: #6F777D;
}
.social-icons a .img {
  color: #fff;
}
.social-icons a .fa:before {
  font-size: 1.125em;
}


.top-bar {
  background: #d44500;
}
.top-bar .search-form {
  padding: 0;
}
.top-bar .search-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
input.gsc-search-button {
    background-color: #3e3d3c;
    border-bottom-color: #3e3d3c;
    border-left-color: #3e3d3c;
    border-radius: 0 !important;
    border-top-color: #3e3d3c;
    font-size: 1em !important;
    height: 40px !important;
}
input.gsc-search-button:hover {
    background-color: #d44500;
}


.social-icons li.row-end {
  margin-right: 0;
}
.social-icons a {
  background: #222222;
}
.social-icons a:hover {
  background: #6f777d;
}
.social-icons a:hover .img {
  color: #fff;
}
.social-icons a .img {
  color: rgba(255, 255, 255, 0.4);
}
.social-icons a .fa:before {
  font-size: 1.125em;
  text-align: center;
  padding: 0;
}

.logo img {
    display: inline-block;
}
.info {
    height: 58px;
}
/*** MAIN LOGO STYLING **/
#logo, #logo-m {
    /**width: 167px; old logo width **/
    width: 300px;
}

/*** TERTIARY LOGO STYLING LG-MD-SM **/
@media (min-width: 768px) {
    .logo-tertiary img {
        height: 70px;
        position: absolute;
    }
}
/** TERTIARY LOGO STYLING LG and MD **/
@media (min-width: 992px) {
    .logo-tertiary img {
        left: 10;
    }
}
/** TERTIARY LOGO STYLING SM **/
@media (min-width : 768px) and (max-width:991px) {
    .logo-tertiary img {
        width: 100% !important;
    }
}


/** HEADER WITH TOP MENU **/
.header .menu-top li {
  font-size: 0.8em;
  line-height: 1.5em;
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
}
.header .menu-top li a {
  color: #6f777d;
  padding: 0 6px 0 7px;
}
.header .menu-top li a:hover {
  color: #3e3d3c;
}

.header .contact {
    font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
    font-size: 1.04em !important;
    margin: 10px 0 0;
    padding: 0;
}
.header .contact p.phone,
.header .contact p.email {
  margin: 0 0 0 30px;
  color: #6f777d;
}
@media screen and (min-width : 768px) and (max-width:991px) {
    .header .contact p.phone, .header .contact p.email {
        margin: 0 0 0 12px;
        font-size: .95em;
    }
}
.header .contact p a {
  color: #D44500;
}
.header .contact .img {
  color: #6F777D;
  font-size: 1.125em;
}
.header .contact .fa.fa-phone {
  font-size: 1.375em;
}

.header .search-form .form-control:focus {
  border-color: #3e3d3c;
}

/*** SUMMON SEARCH BOX ON L2 PAGES **/
.summon-search-top {
    margin: -1px 0 0 0;
    padding: 0;
}
.summon-search-top .input.form-control {
    float: left;
    margin: 0;
    width: 70% !important;
    height: 28px;
    padding: 0 5px;
    font-size: 0.825em;
    color: #aaa;
}
.summon-search-top .btn.btn-theme.button-website {
    font-size: 0.85em;
    padding: 0 !important;
    margin: 0;
    float:right;
    width: 30% !important;
    height: 28px;
}

/*** MAIN NAVIGATION **/
.main-nav {
  background: #3e3d3c; 
  margin-bottom: 0px;
}
.main-nav button {
  background: #6F777D;
  color: #fff !important;
}

.main-nav .nav .nav-item {
  font-weight: 500;
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
  margin: 3px;
}
.main-nav .nav .nav-item a {
  color: #ffffff !important;
  background-color: #3e3d3c;
}
.main-nav .nav .nav-item a:hover,
.main-nav .nav .nav-item a:focus {
  background: #6F777D;
  color: #ffffff !important;
  outline: #ffffff dotted 2px !important;
  outline-offset: 2px !important;
}
.main-nav .nav .nav-item a top-level-name {
    outline: 0 !important;
}

.main-nav .nav .nav-item.active > a {
  background: #222222;
  color: #ffffff !important;
}
.main-nav .nav .nav-item.active > a:before {
  content: ""; 
  font-size: 0.750em;
}
.main-nav .nav .nav-item.open a {
  background: #6F777D;
  color: #ffffff !important;
}

.main-nav .nav .nav-item .dropdown-menu {
  font-size: 1em;
}

.main-nav .nav .nav-item .dropdown-menu a {
  border-bottom: 1px solid #6F777D;
  background-color: #6f777d;
  color: #ffffff !important;
  padding: 13px 20px;
}

.main-nav .nav .nav-item .dropdown-submenu .img {
  position: absolute;
  right: 15px;
  top: 10px;
}
.main-nav .nav .nav-item .dropdown-submenu li .img {
  position: absolute;
  right: 15px;
  top: 10px;
}

/** FOR SUBLEVEL MORE LINKS**/
.sub-level-li.main-nav-more sub-level-name::after,
.nav-item.main-nav-more top-level-name::after {
    font-family: fontawesome;
    content: "\f138";
    padding-left: 6px;
    font-size: 1.1em;
}


/** ADD note when link opens in a new window **/
.main-nav .nav .nav-item .dropdown-menu a[target="_blank"]:after {
    content: url('/_siteassets/img-new-window-white.png') !important;
    padding: 0px 5px;
    white-space: nowrap;
}
.main-nav .nav .nav-item .dropdown-menu a:hover, 
.main-nav .nav .nav-item .dropdown-menu a:active,
.main-nav .nav .nav-item .dropdown-menu a:focus {
  background: #3E3D3C;
  color: #ffffff !important;
  padding-left: 1.5em;
}

/** PAGE TITLE FOR MAIN CONTENT DISPLAY **/
.title.page-title > h2 {
    border-bottom: 2px solid #e8eaeb;
    font-size: 1.65em !important;
    margin: 0 0 20px;
}

.footer {
  background: #3E3D3C;
}
.footer p {
  color: #fff;
}
.footer h3 {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.footer .footer-content {
  font-size: 0.875em;
}

.footer .footer-content .footer-col .img {
  color: #ffffff;
}
.footer .footer-content .footer-col .fa.fa-phone {
  font-size: 1em;
}
.footer .footer-content .footer-col li {
  font-size: 0.750em;
}
.footer .footer-content .footer-col a {
  color: #ffffff;
}
.footer .footer-content .footer-col a:hover {
  color: #ffffff !important;
  display:block;
}
.footer .footer-content .footer-col a img {
    margin: 3px;
}
.footer .footer-content .adr .img {
  font-size: 1em;
  margin-top: 2px;
}

.footer .bottom-bar .copyright {
  font-size: 0.750em;
  color: #e8eaeb;
  line-height: 2;
}
.footer .bottom-bar .copyright a:hover {
  color: #e8eaeb;
}

.footer .bottom-bar .social li {
  font-size: 1.125em;
}
.footer .bottom-bar .social li a {
  color: #ADB3B8;
}
.footer .bottom-bar .social li a:hover {
  color: #6F777D;
}

.flexslider .flex-control-paging li a {
  background: #ADB3B8;
  color: #000000;

}
.flexslider .flex-control-paging li a:hover {
  background: #C84100;  /* was d44500 */
  color: #ffffff;

}
.flexslider .flex-control-paging li a.flex-active {
  background: #C84100;  /* was d44500 */
  color: #ffffff;

}
.flex-direction-nav a {
    height: 40px;
    width: 40px;
}

.search-container {
    margin: 0 auto;
    width: 97%;
}

.search-container .search_form_image_submit {
    width: 10%;
}

.flex-search-container {
    background: #f5f5f5 !important;
    /*box-shadow: 2px 1px 3px #adb3b8;*/
    padding: 10px 0 10px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.flex-search {
    background-color: #ffffff;
    opacity:0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
    color: #3E3D3C;
    display: block;
    width: 100%;
    position: relative;
    /** padding: 1% 1% 2%;
    position: absolute;
    width: 60%;
    top: 40%;
    left: 50%;
    display: inline-block;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);**/
    z-index:10;

}
.flex-search .input.form-control {
    color: #6f777d !important;

}

.flex-caption {
  z-index:10;
}
.flex-caption .main {
  display: inline-block;
  background: #6F777D;
  margin-bottom: 5px;
  padding: 10px 15px;
  font-size: 1.125em;
  text-transform: uppercase;
}
.flexslider .slides .flex-caption .secondary {
    background: #d44500 none repeat scroll 0 0;
/*    background: #3e3d3c none repeat scroll 0 0; */
    display: inline-block;
    padding: 5px 15px;
    color: #fff !important;
    font-size: 1em;

}
.flexslider .slides .flex-caption .secondary a {
    font-size: 1.25em;
}
.flexslider .slides .flex-caption {
    right: 30px;
    left: inherit;
    font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;

}
.flexslider .slides .promo-badge {
  position: absolute;
  right: 60px;
  top: 30px;


}
.flexslider .slides > li {
    margin-bottom: 0 !important;
    
    margin: 15 !important; 
}

.flex-link a,
.flex-link a:hover {
    color: #ffffff;
}
.flex-link > p {
    color: #ffffff;
    margin: 0;
}
.flex-link:hover {
    background-color: #d44500 !important;
}
.flex-link > a:hover {
    text-decoration: none;

}

.slider-container {
    background-color: #f5f5f5 !important;
    margin: 15px !important;
    padding: 0;
    display: inline-block; /** for gray background **/
}

h2.search-title {
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px 0 10px 15px;
    /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/
}

article p {
    margin-left: 0;
}

.input.form-control {
    float: left;
    width: 90%;
    margin: 10px 0 0 0;
}

.search_form_image_submit.btn.btn-theme {
    margin: 10px 0 0 0;
    padding: 6px 8px 5px;
}

.page-wrapper {
  margin-bottom: 0px; /* margin cleared */
  border-bottom: 1px solid #E8EAEB;
}
.page-heading {
  margin-bottom: 10px; 
  border-bottom: 1px solid #E8EAEB;
}
.page-wrapper .page-heading {
    margin-bottom: 0px;
}
.page-wrapper .page-heading h1.heading-title {
  font-size: 2em;
  line-height: 1.3em;
}
.page-wrapper .breadcrumbs {
    display: block;
    margin-bottom: 35px;
}
.page-wrapper .breadcrumbs ul {
  padding-top: 0px;
}
.page-wrapper .breadcrumbs ul li {
  color: #6F777D;
  font-size: 0.8em;
  padding: 0 2px;
}
.page-wrapper .breadcrumbs ul li a {
  color: #d44500;
  padding: 0 7px 0 2px;
}
.page-wrapper .breadcrumbs ul li a:hover {
  color: #3E3D3C;
}
.page-wrapper .breadcrumbs ul li.breadcrumbs-label {
  color: #6f777d;
}
.page-wrapper .breadcrumbs ul li.current {
  /* max-width: 150px; */
  font-weight: 400;
  padding-left: 2px !important;
}
.page-wrapper ul li {
    line-height: 1.5em;
    margin: 12px 0;
}
.page-wrapper .breadcrumbs ul li .img {
  margin-right: 5px;
  color: #6f777d;
}

/** LEFT-ALIGNED BREADCRUMBS ABOVE PAGE TITLE **/
.breadcrumbs-left .breadcrumbs-list {
    margin: 0 0 0 -5px !important;
    padding: 0 !important;
}
.breadcrumbs-left .breadcrumbs-list > li {
    margin: 0 0 5px !important;
    max-width: 100% !important;
    padding: 0 3px 0 0 !important;
}
@media (max-width:767px) {
.page-wrapper .breadcrumbs ul {
    line-height: 1em !important;
    margin: 0 auto 10px;
    padding-left: 0;
}
.page-wrapper .breadcrumbs ul li {
    margin: 5px 0 !important;
}
.page-wrapper .breadcrumbs ul li a,
.page-wrapper .breadcrumbs ul li.current {
    padding: 0 5px;
}
}



.page-wrapper ul li .img {
  margin-right: 5px;
  color: #6F777D;
}

.page-wrapper ul.social-icons li .img {
  margin-right: 0;
  color: #fff;
}

.page-wrapper .page-content h1 {
  font-size: 2em;
  line-height: 2.1em;
}
.page-wrapper .page-content h2 {
  font-size: 1.45em;
  font-weight: 500;
  line-height: 1.6em;
  padding: 15px 0 5px 0;
}
.page-wrapper .page-content .title {
    font-weight: 500;
    margin-bottom: 5px;
}

/** REMOVES TOP PADDING FOR FIRST H2 HEADING ON PAGE TO PRESERVE COLUMN HEIGHTS **/
.page-wrapper .page-content h2:first-child {
    padding-top: 0px;
}
.page-wrapper .page-content h3 {
  font-size: 1.2em;
  line-height: 1.3em;
  margin-top: 20px;
}
.page-wrapper .page-content h4 {
  font-size: 1.05em;
  line-height: 1.2em;
}
.page-wrapper .page-content h5 {
  font-size: 1em;
}
.page-wrapper .page-content h6 {
  font-size: 0.875em;
}

.page-wrapper .page-content .page-row {
  margin-bottom: 10px;
}
.page-wrapper .page-content .custom-quote {
  border-color: #ADB3B8;
}
.page-wrapper .page-content .custom-quote p {
  font-size: 0.875em;
  color: #777777;
}
.page-wrapper .page-content .custom-quote .img {
  color: #6F777D;
  margin-right: 10px;
}
.page-wrapper .page-content .custom-quote .people {
  color: #3E3D3C;
}
.page-wrapper .page-content .custom-quote .people .name {
  color: #6F777D;
}

.page-wrapper .page-content .has-divider {
  border-bottom: 1px solid #E8EAEB;
}
.page-wrapper .page-content .has-divider-solid {
  border-bottom: 1px solid #E8EAEB;
}
.page-wrapper .page-content .row-divider {
  border-bottom: 1px solid #E8EAEB;
}


.page-wrapper .page-sidebar h3.title {
  font-size: 1.2em; 
  font-weight: 300; 
}
.page-wrapper .page-sidebar .widget.has-divider {
  border-bottom: 2px solid #E8EAEB;
}
.page-wrapper .page-sidebar .widget .img {
  color: #6F777D;
}

.page-wrapper .page-sidebar .widget .fa.fa-phone {
  font-size: 1em;
}
.page-wrapper .page-sidebar .widget .btn .img {
  color: #fff;
}
/** LEFT NAVIGATION MENU **/
.page-wrapper .page-sidebar .widget .nav li a,
.page-wrapper .page-sidebar .widget .nav li a:link,
.page-wrapper .page-sidebar .widget .nav li a:active,
.page-wrapper .page-sidebar .widget .nav li a:visited {
  padding: 0px 10px 0px 5px; /** changed from 5px to 0px cjb **/
  color: #3E3D3C;
  background-color: #fff !important; /** was transparent djr **/
}
.page-wrapper .page-sidebar .widget .nav li a:hover {
  background-color: #fff !important; /** was transparent djr **/
  color: #6F777D;
  text-decoration: underline; /** add underline on hover cjb **/
}
.page-wrapper .page-sidebar .widget .nav li.active a,
.page-wrapper .page-sidebar .widget .nav li.active a:link,
.page-wrapper .page-sidebar .widget .nav li.active a:active,
.page-wrapper .page-sidebar .widget .nav li.active a:visited {
  background-color: #fff !important; /** was transparent djr **/
  color: #d44500 !important;
  font-weight: normal;
  border-left: 5px solid #adb3b8;
}

/** SEARCH ICON MOBILE SITE **/
.search-icon {
    font-size: 1.4em;
    padding: 10px;
    position: absolute;
    text-align: right;
    top: 0;
    right: 0;
    z-index: 1001;
}

/** MENU ICON MOBILE SITE **/
.navbar-header .fa.fa-bars {
    font-size: 1.4em;
}


/** LEFT NAV MOBILE **/
.nav-menu-mobile h2 a.collapsed::before  {
    content: "\f0fe";
    padding-right: 10px;
    vertical-align: bottom;
    font-family: FontAwesome;
    font-size: 1.5em;
}
.nav-menu-mobile h2 a::before {
    content: "\f146";
    padding-right: 10px;
    vertical-align: bottom;   
    font-family: FontAwesome;   
    font-size: 1.5em;
}
.nav-menu-title {
    padding-bottom: 20px !important;
    border-bottom: none !important;
}
.nav-menu-title a:active, 
.nav-menu-title a:focus {
    color: #3e3d3c;
    text-decoration: none;
}
.nav-menu-mobile {
    border-bottom: 1px solid #e8eaeb;
    padding-bottom: 10px;
}
.nav-menu-mobile a:before {
   
}
.nav-menu-mobile li a {
    line-height: 1.2em;
    margin-left: 20px !important;
    padding-top: 0 !important;
    background-color: #fff !important;  /** address contrast issue djr **/
}


.page-wrapper .page-sidebar ul {
  padding-left: 15px; 
}

.page-wrapper .page-sidebar .news-item .title {
  font-size: 0.875em;
}
.byline {
    font-size: .9em;
}
.news-article-body {
    padding-top: 25px;
}

.page-wrapper .page-sidebar .testimonials-carousel {
    position: absolute;
    right: 10px;
    top: 10px;
}
.page-wrapper .page-sidebar .testimonials-carousel .img {
  color: #6F777D;
  margin-right: 5px;
  font-size: 1.125em;
}
.page-wrapper .page-sidebar .testimonials-carousel .people .name {
  color: #6F777D;
}

/** TESTIMONIALS MANUAL IMAGE CONTROLS **/
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls button .img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  color: #fff;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  margin-right: 0;
  font-size: 1em;
  background-color: #3e3d3c;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls button.next .img {
  padding-top: 2px;
  padding-right: 1px;
  transition: all 0.4s ease-in-out 0s;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls button.prev .img {
  padding-top: 2px;
  padding-right: 15px;
  transition: all 0.4s ease-in-out 0s;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls button:hover .img {
  background: #d44500;
  transition: all 0.4s ease-in-out 0s;
}

#testimonials-carousel {
    margin-top: 0;
}

.carousel-controls button {
    border: 0;
    background-color: transparent;
}

.carousel-inner h3 {
    font-size: 1.25em !important;
    margin-top: 10px;
}

.config-wrapper {
  top: 200px;
  right: 2px;
  z-index: 100;
  position: fixed;
}
.config-trigger {
  left: -118px;
  top: 95px;
  width: 200px;
  height: 40px;
  line-height: 38px;
  background: #3E3D3C;
  font-size: 1.05em;
  font-weight: 300;  
  letter-spacing: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 100;
}
.config-trigger:focus {
  background: #3E3D3C;
  color: #ffffff !important;
}
.config-trigger:hover {
    background: #d44500 none repeat scroll 0 0;
    color: #ffffff !important;
    text-decoration: none;
}
.config-trigger .img {
  font-size: 1.375em;
  padding-top: 8px;
  display: block;
  color: #fff;
}
.rotate.config-trigger::after {
    content: "  ";
    font-family: FontAwesome;
}
.config-panel {
  background: #ffffff;
  color: #000000;
  padding: 15px;
  border-style: solid;
  border-color: #6F777D;
  border-width: 2px 0 2px 2px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  width:255px;
  height: 585px;
  overflow: hidden;
  font-size: 1em;
}

.config-panel li.default a {
  background: #D44500;
}
.config-panel li.green a {
  background: #D44500;
}
.config-panel li.purple a {
  background: #D44500;
}
.config-panel li.red a {
  background: #D44500;
}
.config-panel .close {
    color: #3E3D3C;
    font-size: 1em;
    font-weight: 500;
    line-height: 1em;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    right: 15px;
    /*text-shadow: 0 0 0;*/
    top: 10px;
}
.config-panel .close .img {
  color: #fff;
}
/** override close box X **/
.close:hover {
    color: #d44500 !important;
    opacity: 1;
    filter: alpha(opacity=01); /* For IE8 and earlier */
}


/** FEEDBACK BOX **/
.feedback-title {
    font-size: 1.1em;
    font-weight: 500;
    padding-top: 10px;
    color: #3E3D3C;
}
.feedback-list li {
    line-height: 1.7em;
    margin-bottom: 10px;
}
.feedback-date {
    color: #6f777d;
}

.f-form-tb .f-tb-lock  {
    display: none !important;
}

.home-page section {
    margin-bottom: 0px;
}

.home-page h1.section-heading {
  font-size: 1.6em;
  color: #3E3D3C;
  border-top: 2px solid #6f777d;
  display: inline-block;
  padding: 5px 15px 5px 0;
}
.home-page h2.section-heading {
  font-family: ShermanSerif, Georgia, serif;
  font-size: 1.5em !important;
  font-weight: 300;
  line-height: 2;
  margin-top: 0;
  color: #3E3D3C;
  border-top: 2px solid #6f777d;
  /* display: inline-block; */
  padding: 5px 15px 5px 0;
}

.home-page section {
  background: transparent none repeat scroll 0 0;
}

.home-page .box.col-xs-12 {
    margin-bottom: 0;
}

/** MANUAL IMAGE CAROUSEL CONTROLS **/
.home-page .carousel-controls a .img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #dddddd;
  color: #fff;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  margin-right: 0;
  font-size: 15px;
}
.home-page .carousel-controls a.next .img {
  padding-top: 2px;
  padding-right: 1px;
}
.home-page .carousel-controls a.prev .img {
  padding-top: 2px;
  padding-right: 1px;  
}
.home-page .carousel-controls a:hover .img {
  background: #6F777D;
}


.home-page .promo {
  margin-bottom: 0px;
}
.home-page .promo h1.section-heading {
  font-size: 1.5em;
}
.home-page .promo .btn-cta {
  font-size: 1.250em;
  font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
}

.home-page .news .carousel-controls {
  position: absolute;
  right: 18px;
  top: 15px;
}


.next > img, .prev > img {
    transition: all 0.4s ease-in-out 0s;
}

.home-page .news h2.title {
  font-size: 1.1em;
}
.home-page .news h2.title a {
  color: #3E3D3C;
}
.home-page .news h2.title a:hover {
  color: #3E3D3C;
}
.home-page .news .news-item {
  padding-left: 120px;
  padding-right: 30px;
  padding-bottom: 0;
  display: inline-block;
  margin-top: 20px;
}
/** ADD MIN HEIGHT FOR LARGE DEVICES ONLY **/
@media (min-width: 992px) {
    .home-page .news .news-item {
        min-height: 200px;
    }
}
.news-item > div {
    font-size: 0.9em;
}
/**remove background **/
.news.secondary {
    background-color: #ffffff;
    padding: 15px;
}

.home-page .events .event-item {
  border-bottom: 1px solid #E8EAEB;
}
.home-page .events .event-item h2.title {
  font-size: 1em;
}
.home-page .events .event-item .img {
  margin-right: 5px;
  font-size: 0.875em;
  min-width: 16px;
  color: #6F777D;
}
.events-wrapper .events-item .details .img {
  margin-right: 5px;
}

.home-page .events .event-item .fa.fa-map-marker {
  font-size: 1.125em;
}
.home-page .events .details p {
  color: #6F777D;
}

.home-page .links .img {
  margin-right: 5px;
}

/** SLIDESHOW **/
.testimonials {
  position: relative;
  padding: 15px;
  background: #ffffff none repeat scroll 0 0; /**clear top border **/
}
.testimonials .carousel-controls {
  position: absolute;
  right: 40px;
  top: 0;
}
.testimonials .img {
  color: #6F777D;
  margin-right: 5px;
  font-size: 1.125em;
}
.testimonials .carousel .item {
  min-height: 200px;
}
.testimonials .people {
  margin-top: 10px;
}
.testimonials .people .name {
  color: #6F777D;
}
.testimonials .people .title {
  color: #999;
}
.home-page .awards .carousel-control .img {
  color: #E8EAEB;
  font-weight: bold;
}
.home-page .awards .carousel-control:hover .img {
  color: #999;
}

.courses-wrapper .tab-content {
  font-size: 0.750em;
}

.courses-wrapper .course-list-header {
  font-size: 0.813em;
}
.courses-wrapper .course-list-header .control-label {
  font-size: 0.750em;
}
.courses-wrapper .course-list-header .sort-options {
  font-size: 0.750em;
}
.courses-wrapper .course-item {
  font-size: 0.750em;
}

/* REDUCE LEFT AND RIGHT PADDING FOR NEWS, EXHIBITS, FLEXSLIDER */
.home-page .section-content,
.section-content {
    padding: 0 0 15px;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .logo {
    padding-bottom: 10px; /** add padding **/
    height: 70px;
  }
  #logo, #logo-m {
      width: 250px;
  }
  .navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 16px;
}
  .flexslider .slides .flex-caption .main {
    font-size: 0.813em;
  }
  .flexslider .slides .flex-caption .secondary {
    font-size: 0.750em;
  }
.home-page .news .thumb {
    object-fit: cover;
    border-radius: 50%;
}
.home-page .news .news-item {
    padding-left: 80px;
    padding-right: 0;
}
  .page-wrapper .breadcrumbs ul li.current {
    /* max-width: 150px; */
    overflow: hidden;
    vertical-align: bottom;
  }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .home-page .testimonials .carousel .item {
    min-height: 100px;
  }
  body {
    font-size: 16px;
    /**overflow-y: scroll !important;**/
  }
  .wrapper {
    min-height: 100%;
    margin-bottom: 0;
  }
  .wrapper:after {
    content: "";
    display: block;
    height: 0;
  }
  .footer {
    /*height: 0;*/
  }
}

.label .img {
  margin-right: 4px;
}
.label.label-icon-only .img {
  margin-right: 0;
}

.menu-top.navbar-right.hidden-xs {
    border-bottom: 1px solid #E8EAEB;
    padding-bottom: 2px;
}

.navbar-nav {
    background-color: #3e3d3c;
    padding: 0;
}
.navbar-nav > li > a {
    padding: 16px 15px 15px; 
    white-space: nowrap;
}

/** REDUCE SPACING FOR TABLET USERS SO MAIN NAV DOESN'T BREAK INTO TWO LINES **/
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav > li > a {
        padding: 16px 13px 15px; 
        font-size: .9em;
    }    
}    


/** LEFT NAV STYLE **/
.nav.left-nav {
    padding-left: 0 !important;
    border-bottom: 2px solid #e8eaeb;
}
.nav.left-nav > li {
}

/** LEFT NAV STYLE FOR MOBILE **/
.nav-menu-mobile .nav.left-nav {
    border-bottom: medium none;
    margin-top: 10px;
}


/** library headings for Today's hours **/
.promo h2 {
    margin: 0 0 3px;
}

.hours-h3 {
    font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
    font-size: 1.3em !important;
}

.hours-heading-home {
    border-bottom: 1px solid #5e5e5e;
    font-size: 1.2em !important;
    margin: 10px 2px !important;
    padding: 10px 0 !important;
}

.hours-all {
    float:right;
}

button.hours-all, button.hours-service {
    border: solid white 1px;
}

div.hours-service {
    padding-left: 0;
}

.hours-library .row {
    padding-bottom: 10px;
}

.hours-today {
    color: #333; /* was #fff */
}

/* END HOURS */

/* WEEKLY HOURS FOR MOBILE - TABLET */

@media (max-width: 991px) {
    .s-lc-whw-sublocname {
        white-space: normal !important;
    }
    .table.table-condensed.table-hover.s-lc-whw::after {
        color: #555;
        content: "Swipe to see all this week\'s hours ";
        font-family: FontAwesome;
        font-size: 0.9em;
        font-style: italic;
        padding: 5px;
        float: right;
    }       
}

/** WEEKLY HOURS - ALL **/
.s-lc-whw-head-date {
    white-space: nowrap;
}
.s-lc-timetxt {
    white-space: normal;
}
/*.s-lc-whw-ne::after {
    content: " Next week";
    font-size: 0.6em;
}*/
.btn.btn-default.btn-sm.s-lc-whw-pr {
    padding: 5px 10px 7px;
}

/** CURRENT WEEK HOURS LIST **/
.week-hours-table td {
    padding: 5px 0 0 0;
}

/** END HOURS **/


.clear-margins {
    margin: 0 !important;
}

.clear-padding {
    padding: 0 !important;
}

/**.a:focus, a:hover {
    color: #6f777d;
}**/

/** News and Exhibits **/

.home-page .news .more-news {
    font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
    font-size: 0.9em;
    position: absolute;
    right: 100px;
    top: 20px;
}

.btn.more-news-bottom {
    bottom: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

.carousel-controls img {
    background-color: #3e3d3c;
    display: inline-block;
}
.carousel-controls img:hover {
    background-color: #d44500;
}
.carousel-controls .prev img {
    /* margin-right: 10px; */
}

.home-page .news .more-exhibits {
    position: absolute;
    right: 10px;
    top: 10px;
}

.more-exhibits > a {
    font-weight: 300;
    float: right;
    padding: 0 10px;
    font-size: .9em;
}
.more-exhibits > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #d44500;
}

.more-news > a {
    font-weight: 300;
    float: right;
    padding: 0 10px;
    font-size: .9em;
}

.more-news > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #d44500;
}
.more-exhibits-bottom > a {
    font-size: 1em !important;
    padding: 5px 10px;
}
.more-exhibits-bottom > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #d44500;
}

.more-news-bottom > a {
    font-size: 1em !important;
    padding: 5px 10px;
}
.more-news-bottom > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #d44500;
}


.text-muted {
    color: #6F777D;
}

/** SET EM FONT SIZES **/

aside {
    font-size: 1em;
    display: inline-block;
    /*width: 290px !important;*/
}
article {
    font-size: 1em;
    padding-top: 27px; /**cjb**/
}

title {
    font-size: 1em;
}

.sr-only {
    font-size: 1em;
}

.hidden {
    display: none !important;
    font-size: 1em;
}

paragraph {
    font-size: 1em;
}

.hics_hilite {
    font-size: 1em;
}

.carousel-inner > .item {
    font-size: 1em;
}

.label {
    font-size: 1em;
}

.needs-js {
    font-size: 1em;
}

.promo.box.box-dark > style {
    font-size: 1em;
}

.box {
    font-size: 1em;
}

.close {
    font-size: 1.5em;
    color: #6f777d;
    font-weight: 500;
}

script {
    font-size: 1em;
}

/** TEXT ROTATE **/
.rotate {
/* Chrome, Safari */
-webkit-transform: rotate(-90deg); 
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
}

.center-text {
    text-align:center;
}

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

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

/** Adjusts IE so vert scrollbar doesn't overway screen **/


/* ===== Content Container ==*/
.content.container {
    margin-bottom: 30px;
}

/* ===== Add padding and float to images in slideshow ==*/
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    display: inline;
    float: left;
    padding: 0 20px 20px;
}

/* ===== Breadcrumb dividers ==*/
/** Not used - defined in XSLT for hyperlink control
.breadcrumbs-list a::after {
    content: "|"; 
    padding: 0 5px;
}**/

/* ===== Reduce margin for h2 sections heading on L2 pages ==*/
.page-content h2 {
    margin: 0;
}

/* ===== Remove widget top border ==*/
.page-sidebar {
    border-top: 1px solid #ffffff;
    /*padding-top: 30px; changed to margin-top jan6-2017**/
    margin-top: 30px;
}

/*** RIGHT SIDEBAR SM AND XS **/
@media (max-width: 991px) {
    .page-sidebar-right {
        border-top: 5px solid #e8eaeb;
        padding-top: 30px;
    }
}

.page-wrapper .page-sidebar h3.title {
    margin-bottom: 8px;
}

.widget .nav {
    font-size: .95em;
}

.offscreen {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    font-size: 1em;
    color: #000000;  /* was 3e3d3c */
}

.skipnavlink {
    position: absolute;
    margin: 5px;
    font-size: 0.90em;
    line-height: 1.75em;
    padding: 10px;
    color: #ffffff !important;
    background-color: #d44500;
    z-index: 2000;
}

.nav-menu-title {
    font-size: 1.2em !important;
    font-weight: 500 !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #e8eaeb;
}

.nav-index-page {
    margin-top: 10px;
}
.nav-index-page-home {
    text-transform: uppercase;
    font-size: 1.2em;
    border-left: none !important;
    padding-bottom: 5px;
}
.nav-index-page-home::after {
    content: " \f015";
    font-family: Fontawesome;
}
.active .nav-index-page-home {
    margin-left: 0;
}


/** News and Exhibits title **/
.title.news-exhibit {
    font-weight: 200;
    margin: 0 0 10px 0;
}

.widget .title.news-exhibit {
    font-size: 1.2em !important;
}

/** Custom style for widgets cjb **/
.widget-text {
}

.hours-heading-widget {
    font-size: 1em !important;
    font-weight: 500 !important;
    margin: 15px 0 5px 0;
}






/** style main resources list **/
.resources-list {
    font-weight: 100;
    line-height: 2em;
    padding: 10px 0 0;
    text-align: center;
    color: #6f777d;
    font-size: 1.3em;
    /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/
}
.resources-list li {
    list-style-type: none;
    display: inline-block;
}

.resources-list li + li::before {
    content: " | ";
}

.resources-list > ul {
    padding-left: 0;
}

/** for use with non-breaking words **/
span.nobr { 
    white-space: nowrap; 
    }
    
/** for use with heading only on L2 pages **/
.nobox-heading {    
    padding: 0 0 0 15px !important;
}

.nobox-heading h2 {
    border-bottom: 1px solid #E8EAEB;
}

/** set default color for button text **/
.btn.focus,
.btn:focus,
.btn:hover {
    color: #ffffff;
}

/** set default color for button text **/
.btn-theme-white {
  background: #ffffff;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #d44500;
  border: solid #cccccc 1px;
  -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);

}
.btn-theme-white:hover,
.btn-theme-white:focus {
  background: #ffffff;
  text-decoration: none;
  color: #d44500;
}

/** add class to pad tables **/
.table-padding-8 td {
    padding: 8px;
}

/** style audio box **/
audio {
    width: 100%;
    max-width: 500px;
}

.audio-box {
    padding-bottom: 20px;
}

.audio-box-widget {
    padding-bottom: 20px;
}

/** style video box **/
.video-box {
    padding-bottom: 20px;
}

/** class for inline-block displays **/
.inline {
    display: inline-block;
}

/** ADD DEFAULT TABLE TD AND TH PADDING **/
td, th {
    padding: 10px;
}

/** FORMATTING FOR CHAT WIDGET **/
.libraryh3lp {
    font-size: 0.95em;
    line-height: 1.8em;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.modal-chat-box {
    margin: 20px auto;
    width: 300px;
}

.modal-content.modal-chat {
    min-height: 475px;
}

.btn.btn-default.chat-close {
    font-size: 1em;
    font-weight: 500;
}

.chat-modal-hidden {
    display: none;
    visibility: hidden;
}

#chatModal {
    left: inherit;
}

/** fix for proactive chat title bar color **/
.ui-dialog-titlebar {
    background: none !important;
    background-color: #d44500 !important;
}



/** ADDED TO FIX FONT ISSUES ON WINDOWS PHONES/TABLETS AND IE11 **/
@-ms-viewport {
  width: device-width;
}

/** ADD grey icon when link opens in a new window **/
a[target="_blank"]:after {
    content: url(/_siteassets/img-new-window-grey.png) !important;
    padding: 0px 5px;
    white-space: nowrap;
}

/** ADD white icon when link opens in a new window in footer**/
.footer .footer-content .footer-col a[target="_blank"]::after {
    content: url("/_siteassets/img-new-window-white.png") !important;
    padding: 0 5px;
    white-space: nowrap;
}

/** ADD code to stop print view from displaying URLs **/
a:link::after, a:visited::after {
    content: normal;
}

/*** color contrast fix **/
caption {
    color: #6F777D;
}

/*** styling for banner alert **/
.banner-alert {
    padding-bottom: 20px;
}

.banner-alert p {
    background-color: #d44500 !important;
    color: #ffffff !important;
    font-weight: 300;
    line-height: 1.5em;
    margin: 0;
    padding: 10px;
    text-align: center;
}

.banner-alert p:before {
    content: ""; /** add back \f071 to add ! in alert**/
    padding: 10px;
    font-family: FontAwesome;
    font-size: 1.5em;
    color: #ffffff;
    vertical-align:bottom;
}

.banner-alert a {
    color: #ffffff;
    text-decoration: underline;
}

/** Hide new window icon for Google search link **/
.gcsc-branding-clickable::after {
    content: "" !important;
}

/** Add right float for carousel controls widget **/
.carousel-controls.pull-right-widget {
    float: right;
}

/** style featured image box in news article **/
.featured-image-box {
    display: inline-block;
    padding: 25px;
    border-left: 5px solid #6f777d;
    margin: 25px 0 20px 25px;
}

.featured-image-caption {
    font-size: 0.9em;
    text-align: center;
    max-width: 200px;
    padding-top: 10px;
}

.featured-image-caption::before {
    content: "Caption: ";
}

/** PAGE FEATURED BANNER STYLE **/
.featured-image {
    padding: 30px 15px 10px;
}

/** style staff directory **/
.staff-section {
    margin: 0 0 20px;
    min-height: 210px;
    border-bottom: 1px solid #e8e8e8;
}

.staff-small {
    font-size: .9em;
}

.staff-section-heading.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    border-top: 5px solid #6f777d;
    margin-top: 30px !important;
    padding-top: 15px;
}

.staff-search-container {
    display: inline-block;
}

.staff-search-field {
    padding: 0px;
}


.staff-search-field.staff-search-form > input {
    line-height: normal;
}

.btn.btn-theme.staff-search {
    font-size: 1em;
    height: 40px;
    padding: 0 10px;
    position: relative;
    top: 30px;
    margin-bottom: 10px;
}

.staff-search-field > input {
    height: 40px;
}
.staff-select {
    height: 40px;
}

/** Add top and bottom padding for mobile only on clickable links **/
@media (max-width: 767px) {
.staff-mobile-padding a {
    display: inline-block;
    margin: 5px 0;
}
}

#sdepartment > option {
    font-size: 1em;
    height: 40px;
    padding: 10px 0 10px 10px;
}

#scategory > option {
    font-size: 1em;
    height: 40px;
    padding: 10px 0 10px 10px;
}


/** style subject librarians list**/
.subject-list {
    font-size: 1em;
}
.subject-heading {
    border-bottom: 2px solid #e8e8e8;
}
.subjects-row {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    line-height: 1.3em;
}
.subject-school {
    font-size: .9em;
    color: #6f777d;
}
.subject-filter {
    margin: 0 0 20px 0;
}
.subject-select {
    height: 40px;
    width: 280px;
}
#filterOptions > option {
    font-size: 1em;
    height: 40px;
    padding: 10px 0 10px 10px;
}
/** Add top and bottom padding for mobile only **/
@media (max-width: 767px) {
.subjects-row .level-two {
    margin: 8px 0;
}
}

/** style break between blocks **/
.page-row-block {
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
}

/** style image files **/
.page-row-block img {
    height: auto;
    max-width: 100%;
    margin: 5px;
}


/** change Select option font size globally **/
select {
    font-size: 0.9em;
}

/** for RWD table-like heading **/
.row.page-row.bold-row-heading {
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
}

/** Phone list **/
.phonelist {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 3px;
    line-height: 2em;
    font-size: 1em;
}
.phonelist-title {
    line-height: 1.7em;
}
.phonelist-mobile-name {
    line-height: 1.7em;
}
/** Add top and bottom padding for mobile only **/
@media (max-width: 767px) {
.phonelist-email, .phonelist-phone {
    margin: 5px 0;
}
}

/** Building Directory **/
.directory {
    border-top: 1px solid #eeeeee;
    padding-bottom: 3px;
    line-height: 2em;
    margin: 0;
    padding-right: 10px;
    font-size: 1em;
}

.directory-item {
    padding-left: 10px;
    padding-right: 10px;
}

.directory-toggle {
    padding-bottom: 10px;
}

.directory-toggle img {
    vertical-align: middle;
}

ul.dir-cat {
display: inline;
margin: 0;
padding: 0;
}

ul.dir-cat li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

ul.dir-cat li:after {
content: ", ";
color: #3e3d3c;
}

ul.dir-cat li:last-child:after {
content: "";
}

/** BOLD NAME FOR MOBILE ONLY **/
@media (max-width: 767px) {
    .directory-name {
        font-weight: 600;
    }
}



/** FIXED HEADER **/
/* No less than 768px */
@media (min-width: 768px) {
    .fixed {
        /** COMMENTED OUT - POSSIBLE FUTURE USE
        background-color: #fff;
        min-height: 167px;
        position: fixed;
        width: 100%;
        z-index: 1000;**/
    }
}

/* No less than 768px and no greater than 991px  */
@media (min-width: 768px) and (max-width: 991px) {
        #maincontent {
        /* padding-top: 190px; FIXED ONLY */
        padding-top: 20px;
    }
}

/* No less than 992px and no greater than 1199px  */
@media (min-width: 992px) and (max-width: 1199px) {
        #maincontent {
        /* padding-top: 190px; FIXED ONLY */
        padding-top: 20px;
    }
}

/* No less than 1200px  */
@media (min-width: 1200px) {
        #maincontent {
        /* padding-top: 190px; FIXED ONLY */
        padding-top: 20px;
    }
}

/* No greater than 767px and no less than 0px */
@media (min-width: 0px) and (max-width: 767px) {
        #maincontent {
        padding-top: 30px;
    }
}

/*** MOVE MENU BAR AND BUTTON TO TOP LEFT FOR MOBILE **/
/* No greater than 767px */
@media (max-width: 767px) {
    .main-nav button {
        background: #ffffff none repeat scroll 0 0 padding-box;
        color: #3e3d3c !important;
        border-radius: 0;
        left: 5px;
        /** position: fixed; FOR FIXED ONLY **/
        position: absolute;
        top: 0;
        z-index: 1001;
        font-size: 1.5em;
    }
    .main-nav button .icon-bar {
        background-color: #3e3d3c;
        z-index: 1000;
    }
    .navbar-collapse {
        position: absolute;
        top: 70px;
        width: 100%;
    }
    .navbar-collapse.in {
        overflow: hidden;
        z-index: 999;
    }
    .nav.navbar-nav {
        box-shadow: 0 0 8px #222;
    }
    .fixed {
        z-index: 1;
    }
}


/** STICK LOGO TO TOP ON MOBILE **/
/* No greater than 767px */
@media (max-width: 767px) {
    .header-main.container {
        padding: 0 !important;
    }
    .logo {
        /** position: fixed; FOR FIXED ONLY **/
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        background-color: #fff !important;
        z-index: 1000;
        box-shadow: 0 0 5px;
    }
    .info {
        padding-top: 10px;
    }
    .contact {
        /** padding-top: 60px; FOR FIXED ONLY **/
        padding-top: 0px;
    }
}


/** DISPLAY HELP MENU HORIZONTALLY **/
/* No greater than 767px, no less than 640px */
@media (min-width:640px) and (max-width:767px) {
    .header .contact p {
        float: left;
    }
    .header .contact {
        padding-left: 10%;
        padding-right: 10%;
    }
}

/** ADJUST MARGIN FOR HELP MENU ON MOBILE **/
/* No greater than 640px */
@media (max-width:639px) {
    .header .contact p.phone,
    .header .contact p.email {
        margin: 0px !important;
    }
}

/** TESTIMONIALS SLIDESHOW **/
.testimonials-carousel {
    padding-top: 20px;    
}

.testimonials-carousel.carousel.slide.home-page {
    padding-top: 0;
}

.testimonials-carousel .carousel-inner img {
    height: 150px !important;
    overflow: hidden;
    vertical-align: top !important;
    width: auto;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;   
    margin-top: 20px;
}

.testimonials-carousel.home-page .carousel-inner img {
    height: auto !important;
    margin: 15px auto;
    width: 200px !important;
}

.news-single-column {
    min-height: 375px;
    position: relative;
}    


/** OVERRIDE BOOTSTRAP STRONG WEIGHT **/
b, strong {
    font-weight: 600;
}

/** SUBMENU FOR LEFT NAVIGATION **/
.submenu.active {
    padding-left: 10px;
}
.submenu.active > a {
    color: #6f777d !important;
}

/**style ACCORDIAN/FAQ section **/
.faq-heading {
    margin-bottom: 10px !important;
}
.faq-toggle {
    margin-top: -30px;
    float: right;
    line-height:2em;
}
/** MOBILE FAQ TITLE **/
@media (max-width: 767px) {
    .faq-toggle {
        clear: both;
        height: 2em;
        text-align: right;
        float: none;
        margin-top: 0;
    }
}

/**style PANEL sections **/

.panel .panel-heading h3.panel-title {
    font-size: 1.1em;
    font-weight: 300;
    font-family: ShermanSans, "Trebuchet MS", Tahoma, sans-serif;
    margin-top: 0;
    line-height: 1.5em;
}

.panel-group .panel .panel-heading .panel-title a.collapsed::before {
    content: "\f0fe";
    padding-right: 10px;
    vertical-align: bottom;
    font-family: FontAwesome;
    font-size: 1.5em;
    color: #3e3d3c;
    text-decoration: none;
}

.panel-group .panel .panel-heading .panel-title a::before {
    content: "\f146";
    padding-right: 10px;
    vertical-align: bottom;   
    font-family: FontAwesome;   
    font-size: 1.5em;
    color: #3e3d3c;
    text-decoration: none;    
}
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

.panel-body {
    font-size: 1em !important;
}

.page-wrapper .page-content .panel-title {
    font-size: 1.2em;
}

.panel-info {
    border-color: #e8eaeb;
}
.panel-info > .panel-heading,
.panel-info > .panel-footer {
    background-color: #e8eaeb;
    border-color: #e8eaeb;
    color: #3e3d3c;
}

.panel-warning {
    border-color: #d44500;
}
.panel-warning > .panel-heading,
.panel-warning > .panel-footer {
    background-color: #d44500;
    border-color: #d44500;
    color: #ffffff;
}

.panel-danger {
    border-color: #8B0000;
}
.panel-danger > .panel-heading,
.panel-danger > .panel-footer {
    background-color: #8b0000;
    border-color: #8b0000;
    color: white;
}

/**TABBED BOX STYLE **/
.tab-content > .active {
    display: inline-block;
}

/** ADJUST PADDING FOR RIGHT SIDEBAR **/
.page-sidebar-right {
    padding-left: 15px;
    margin-top: 30px;
}

/*** BUTTONS FOR HOME PAGE RESOURCES **/
.resource-list {
list-style-type: none;
line-height: 2em;
text-align: center;
margin-top: 40px;  /* was 15px */
}

.resource-list ul {
    padding-left: 0px;
}

.btn.btn-theme.btn-resource {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /**background-color: #6f777d;
    border: 1px solid #666666;
    margin: 10px**/
    background-color: transparent;
    border: 0;
    border-image: none;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
}

.btn.btn-theme.btn-resource:hover {
    /**background: #d44500 none repeat scroll 0 0;**/
}

.btn.btn-theme.btn-resource a {
    color: #d44500;
    font-size: 1.125em; /** min size on light gray **/
    font-weight: 100;
    text-decoration: none;
    text-shadow: 0 1px 0 #e9e9e9;
    text-rendering: optimizelegibility;
}
.btn.btn-theme.btn-resource a:hover {
   text-decoration: underline; 
}


/** Summon search box **/
.summon-search-box {
    margin-top: 10px;
}

.summon-search-field {
    float: left;
    font-size: 0.95em;
    line-height: 1.75em;
    padding: 4px 8px;
    width: 93% !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #3e3d3c;
    display: block;
    outline: none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

input.summon-search-field {
    font-size: 0.95em;
}

.btn.btn-theme.btn-adv-search {
    background-color: transparent;
    border: 1px solid transparent;
    color: #3e3d3c;
    display: block;
    margin: 10px auto;
    padding: 5px;
}
.btn.btn-theme.btn-adv-search:hover {
    background-color: white;
    border: 1px solid #6f777d;
    color: #d44500 !important;
}

/* FOR WIDGET ONLY - INPUT SUBMIT*/
.search-container-widget .summon-search-submit {
    -moz-user-select: none;
    background: #3e3d3c none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    border-radius: 0;
    display: inline-block;
    padding: 8px 10px;
    cursor: pointer;
    transition: all 0.4s ease-in-out 0s;
}

/* FOR SEARCH SUBMTIT BUTTON ONLY */
.summon-search-submit.button-website {
    -moz-user-select: none;
    background: #3e3d3c none repeat scroll 0 0;
    border: 1px solid #3e3d3c;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.42857;
    margin: 0;
    padding: 7px 12px 8px;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.summon-search-submit.button-website:hover {
    background: #d44500 none repeat scroll 0 0;
    border: 1px solid #d44500;
    color: #ffffff !important;
}


.summon-search-field:focus, .summon-search-field:hover, .summon-search-field:active {
    border-color: #6f777d;
    box-shadow: none;
}

label {
    font-weight: 600;  
}


/** ADJUST SUMMON SEARCH BOX BUTTONS **/
/* No greater than 1199px, no less than 640px */
@media (min-width:640px) and (max-width:1199px) {
  .summon-search-submit.button-website {
    width: 20%;
  }
  .summon-search-field {
    width: 80% !important;
  }     
}    
    
/** ADJUST SUMMON SEARCH BOX - BUTTONS **/
/* No greater than 640px */
@media (max-width:639px) {

  .summon-search-submit.button-website {
    width: 100%;
  }
  .summon-search-field {
    width: 100% !important;
  } 
}

/** ADJUST SUMMON SEARCH BOX - TEXT LINKS **/
/* No greater than 640px */
@media (max-width:639px) {

  .search_form_image_submit.btn.btn-theme {
    width: 100% !important;
    margin: 0px !important;
   }
   .input.form-control {
    width: 100% !important;
   }
}

/** ADJUST SUMMON SEARCH BOX - TEXT LINKS **/
/* No greater than 1199px, no less than 640px */
@media (min-width:640px) and (max-width:1199px) {
  .search_form_image_submit.btn.btn-theme {
    width: 20%;
  }
  .input.form-control {
    width: 80% !important;
  }     
}  

/** ADJUST RESOURCE LIST ON MOBILE **/
/* No greater than 480px */
@media (max-width:479px) {
  .btn.btn-theme.btn-resource {
    width: 90%;
    margin: 0 10px;
  }
  .btn.btn-theme.btn-resource.hidden.mobile-show {
     display: inline-block !important;
     font-size: .875em;
  }  
}    

/** GENERIC HIDE ON MOBILE **/
@media screen and (max-width: 767px) {
   .mobile-hide{ display: none !important; }
}
    
/** TABBED BOX STYLING **/
.nav-tabs > li > a {
  background: #e8eaeb;
  border: 1px solid #ADB3B8;
}
.nav-tabs > li.active {
  font-weight: 600; 
}
.tab-content {
    border: 1px solid #adb3b8;  
}
.tab-item.active > a {
    border-left: 1px solid #adb3b8 !important;
    border-right: 1px solid #adb3b8 !important;
}

/** Help icons style **/
.help-icons {
    margin-top: 20px;
    padding: 0;
}
.help-icon img {
    max-width: 56px;
    min-width: 56px;
}

/** ADJUST ANCHORS FOR FIXED HEADER **/
a.anchor {
    display: block;
    position: relative;
    /** top: -200px; ONLY USED WITH FIXED HEADER **/
    visibility: hidden;
    padding: 0;
} 

/** ADJUST ANCHORS ON MOBILE **/
@media (max-width:767px) {
    a.anchor {
    /** top: -100px; ONLY USED WITH FIXED HEADER **/
    } 
}


/** orange_link as CTA button **/
.orange_link {
    margin: 5px 0px;
    display: inline-block;
}

a.orange_link,
.orange_link > a,
.orange_link a {
    background: #d44500 none repeat scroll 0 0 padding-box;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5em;
    padding: 5px 10px 2px;
}

a:hover.orange_link,
.orange_link > a:hover,
.orange_link a:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

a.orange_link::before,
.orange_link > a::before,
.orange_link a::before {
    content: url("/_siteassets/img-icon-cta-arrow.png");
    padding: 0 10px 0 0;
    vertical-align: -5px;
}

/** light_link as CTA button **/
.light_link {
    margin: 5px 0px;
    display: inline-block;
}

a.light_link,
.light_link > a,
.light_link a {
    background: #6f777d none repeat scroll 0 0 padding-box;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5em;
    padding: 5px 10px 2px;
}

a:hover.light_link,
.light_link > a:hover,
.light_link a:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

a.light_link::before,
.light_link > a::before,
.light_link a::before {
    content: url("/_siteassets/img-icon-cta-arrow-med-gray.png");
    padding: 0 10px 0 0;
    vertical-align: -5px;
}


/** OVERRIDE FLEX SLIDER CSS **/
.flex-control-paging li a {
box-shadow: none;
}
.flex-link {
    transition: all 0.4s ease-in-out 0s;
}

/** DARK HOURS BOX FOR HOURS PAGE **/
.promo.box.box-dark.hours-page {
    display: inline-block;
}

button.s-lc-whw-ne:focus, button.s-lc-whw-pr:focus {
    color: #000;  /* used for hours table previous next */
}

button.s-lc-whw-ne:hover, button.s-lc-whw-pr:hover {
    color: #fff;  /* used for hours table previous next */
}
.btn-default[disabled]:focus, .btn-default[disabled]:hover {
    background-color: #d44500;
}

/** Modal padding **/
.modal-open {
    padding-right: 0 !important;
    /**overflow: inherit;**/
}
.modal-content {
    border-radius: 0;
}
.modal-title {
    font-size: 1.2em;
    margin-top: 0 !important;
}

/** MULTI-COLUMN PARAGRAPHS **/
.columns-info h3 {
    margin-top: 0;
}
.columns-info {
    display: block;
    /**padding-bottom: 20px;**/
    padding-left: 0;
}

/** ALBUM SECTION **/
.page-wrapper .album-cover {
    min-height: 0px;
}
.page-wrapper .page-content .album-cover {
    margin-bottom: 10px;
}
.album-cover {
  border: 1px solid #E8EAEB;
  margin-bottom: 0px !important;
  max-width: 400px; /** limit width cjb **/
  display: block;
  min-height: 0px;
}
.album-cover:hover {
  -webkit-box-shadow: 0px 0px 5px 0px #E8EAEB;
  -moz-box-shadow: 0px 0px 5px 0px #E8EAEB;
  box-shadow: 0px 0px 5px 0px #E8EAEB;
}
.page-row-block .album-cover img {
    margin: 0;
    width: 100%;
}
.album-cover .desc:before {
  content: none;
}
.prettyphoto:hover img {
  -webkit-box-shadow: 0px 0px 5px 0px #E8EAEB;
  -moz-box-shadow: 0px 0px 5px 0px #E8EAEB;
  box-shadow: 0px 0px 5px 0px #E8EAEB;
}

.album-section {
    margin-top: 15px;
    margin-bottom: 30px;
}
.album-row {
    clear: both;
}
.two-column-width .album-cover {
    max-width: 400px !important;
}
@media (max-width: 767px) {
    .two-column-width .album-cover,
    .album-cover {
        max-width: 300px !important;
        margin: auto;
    }
}

.album-cover > img {
    width: 100%;
    margin: 0;
    display: block;
}
.album-cover ul {
    padding-left: 17px !important;
    display: block;
}
.album-cover .desc {
    padding: 0 15px !important;
    display: block;
    text-align: left;
}
.desc h3 {
    font-size: 1.2em;
}


/** FOR EQUALIZING COLUMN HEIGHTS **/
.equalize {
    
}

/** Map icon placement next to address **/
.map-icon {
    margin: 5px 0 0 6px;
}

/** STYLING FOR VANILLA PAGES **/
.vanilla-page #maincontent {
    padding-top: 0px !important;
}
.vanilla-page .page-title {
    border-bottom: 1px solid #3e3d3c;
    font-size: 1.3em;
    margin-bottom: 30px !important;
}
.vanilla-page aside {
    padding-top: 30px;
}
.vanilla-page header {
    height: 0;
    margin: 0;
    padding: 0;
}
@media (max-width:767px) {
.vanilla-page .page-content {
     padding-top: 60px;
}
}

.vanilla-page .content.container {
    display: block;
    min-height: 850px;
}

/** STYLING FOR DIGITAL COLLECTIONS PAGES **/
.digital-row {
    padding-bottom: 30px;
}
.digital-list .panel-heading h2 {
    padding: 0;
}
.digital-list .panel {
    border: 0 solid #ffffff;
    box-shadow: none;
}
.vanilla-page .footer a {
    color: #ffffff;
}


/** STYLING FOR COLLECTIONS **/

/* SET MIN-HEIGHT SO PAGE DOESN'T JUMP AROUND SO MUCH */
@media (min-width:768px) {
    .page-row-block.digital-list {
        min-height: 500px;
    }
}

.collections .dropdown-toggle {
    background-color: #3e3d3c;
    color: #ffffff;
    font-size: 1em;
}

.collections .dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    font-size: 1em;
    margin-top: 0;
    right: 0;
    min-width: 155px;
    z-index: 1;
}

/** STYLING FOR CYLINDERS **/
.cyl_input {
    height: 40px !important;
    max-width: 300px;
    outline: none;
}

.cyl_input option {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*** CLEARS ALL PLACEHOLDER TEXT IN SEARCH FIELDS ON FOCUS **/
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */



/** LOANER PAGE STYLE **/
.loaner.responsive img {
    min-width: 100px;
}
.loaner.responsive {
    width: 100%;
    float: left;
}
@media screen and (max-width: 639px) {
[data-th="Photo"] {
    display: none !important;
}
/** HIDE FIRST COLUMN HEADING **/
table#table-responsive.loaner tbody td:first-child::before {
display: none;
}
table.table-responsive.loaner tbody td:first-child::before {
display: none;
}
/** HIDE ALL HEADINGS **/
.loaner-th {
    margin-left: -10000px;
    position: absolute;
    visibility: hidden;
}
.loaner-software {
    font-weight: 500;
    font-size: 0.9em;
}
}

/** HIDE FIRST COLUMN HEADING FOR OVERDUE FINES **/
table#table-responsive.overdue tbody td:first-child::before {
display: none;
}
table.table-responsive.overdue tbody td:first-child::before {
display: none;
}



/** RESPONSIVE TABLES **/
/** A BETTER FLUID RESPONSIVE TABLE BY DUDLEY STOREY **/
table#table-responsive { 
  margin: 10px auto;
  border-collapse: collapse;
  font-weight: 400; 
  background: #fff; 
  color: #3e3d3c;
  /*text-rendering: optimizeLegibility;*/
}
table.table-responsive { 
  margin: 10px auto;
  border-collapse: collapse;
  font-weight: 400; 
  background: #fff; 
  color: #3e3d3c;
  /*text-rendering: optimizeLegibility;*/
}
#table-responsive > thead {
    border-bottom: 2px solid #eee;
    font-size: 1em;
    font-weight: 700;
}
.table-responsive > thead {
    border-bottom: 2px solid #eee;
    font-size: 1em;
    font-weight: 700;
}
#table-responsive > tbody {
    background-color: #fff;
}
.table-responsive > tbody {
    background-color: #fff;
}
table#table-responsive caption { 
  font-size: .8em; 
  color: #444;
  margin: 10px;
}
table.table-responsive caption { 
  font-size: .8em; 
  color: #444;
  margin: 10px;
}
table#table-responsive thead th { font-weight: 600; }
table.table-responsive thead th { font-weight: 600; }
table#table-responsive thead th, table#table-responsive tbody td { 
  padding: 10px; 
  font-size: 1em;
}
table.table-responsive thead th, table#table-responsive tbody td { 
  padding: 10px; 
  font-size: 1em;
}
table#table-responsive tbody td { 
  padding: 10px; 
  font-size: 1em;
  color: #444; 
  background: #fff; 
}
table.table-responsive tbody td { 
  padding: 10px; 
  font-size: 1em;
  color: #444; 
  background: #fff; 
}
table#table-responsive tbody tr:not(:last-child) { 
  border-bottom: 1px solid #eee;  
}
table.table-responsive tbody tr:not(:last-child) { 
  border-bottom: 1px solid #eee;  
}
.table-heading-break {
    background-color: #f1f1f1 !important;
}

div.table-heading-break {
    padding: 10px;
    font-weight: bold;
    width: 100%;
}

@media screen and (max-width: 639px) {
  table#table-responsive {
    border-top: 3px solid #eee;
  }    
    
  table#table-responsive caption { background-image: none; }
  table.table-responsive caption { background-image: none; }
  table#table-responsive thead { display: none; }
  table.table-responsive thead { display: none; }
  table#table-responsive tbody td { 
    display: block; 
    padding: 5px; 
  }
  table.table-responsive tbody td { 
    display: block; 
    padding: 5px; 
  }
  #table-responsive tr {
    display: block;
    margin-bottom: 20px;
  }
  .table-responsive tr {
    display: block;
    margin-bottom: 20px;
  }
  table#table-responsive tbody tr td:first-child { 
    background: #fff; 
    color: #3e3d3c; 
    font-weight: 600;
    font-size: 1.1em;
  }
  table.table-responsive tbody tr td:first-child { 
    background: #fff; 
    color: #3e3d3c; 
    font-weight: 600;
    font-size: 1.1em;
  }
  table#table-responsive tbody td:before { 
    content: attr(data-th); 
    font-weight: 600;
    display: inline-block;
    width: 100%;  
  }
  table.table-responsive tbody td:before { 
    content: attr(data-th); 
    font-weight: 600;
    display: inline-block;
    width: 100%;  
  }
  /** OPTIONAL HIDE TITLE ON MOBILE **/
  table#table-responsive.hide-th-mobile tbody td::before {
    content: "";
    display: block;
    font-weight: 600;
    width: 100%;
  }
  table.table-responsive.hide-th-mobile tbody td::before {
    content: "";
    display: block;
    font-weight: 600;
    width: 100%;
  }
  #table-responsive th {
    display: none;
  } 
  .table-responsive th {
    display: none;
  } 
}


/** OVERLAY CODE FOR FLEX SLIDER FOR SINGLE BOX **/
.banner-overlay {
    position:absolute;
	top:5px;
	left:0;
	right:0;
	bottom:10px;
	overflow:auto;
    z-index: 10;
    margin: auto;
    width: 90%;
}
.banner-overlay-inner {
	display:table;
	width:100%;
	height:100%;
}
.banner-overlay-content {
	display:table-cell;
	vertical-align:middle;
}
.banner-overlay-content .box.flex-search-container {
	background:rgba(255,255,255,0.94) !important;
	padding:20px;
}
.banner-overlay .summon-search-box {
    margin: 10px auto;
    width: 100%;
}
.banner-overlay .summon-search-field {
    width: 85% !important;
}
.banner-overlay .summon-search-submit.button-website {
    width: 15%;
}
.banner-overlay .btn.btn-theme.btn-resource a, 
.banner-overlay .btn.btn-theme.btn-resource a:hover {
    font-size: 1em;
    font-weight: 500;
}    
.banner-overlay .resource-list {
    margin: 0;
}
.banner-overlay .resource-list ul {
    margin: 0;
    padding: 0;
}
.banner-overlay .btn.btn-theme.btn-resource {
    padding: 7px;
    margin: 0;
}    

/************************************************/
/** OVERLAY CODE FOR FLEX SLIDER FOR TWO BOXES **/

.banner-overlay-two-container {
    overflow: auto;
    position: absolute;
    z-index:10;
    width: 45%;
    margin: 2%;
    display: block;
    height: 92%;
    overflow: hidden;
}


/** FIRST BOX OF TWO **/
.banner-overlay-one {
   position: relative;
   height: auto;
   display: inline-block;
   width: 100%;
 }
.banner-overlay-inner-one {
	display:table;
	width:100%;
	height:100%;
}
.banner-overlay-content-one {
	display:table-cell;
    background: rgba(255, 255, 255, 0.94) none repeat scroll 0 0 !important;
}
.banner-overlay-content-one .box.flex-search-container,
.banner-overlay-content-one .flex-search-container,
.banner-overlay-content-one.banner-overlay-content-one .flex-search-container {
    margin: 0 !important;
    padding: 10px;
}
.banner-overlay-one .summon-search-box {
    margin: 10px auto;
    width: 100%;
}
.banner-overlay-one .summon-search-field {
    width: 80% !important;
}
.banner-overlay-one .summon-search-submit.button-website {
    width: 20%;
}
.banner-overlay-one .btn.btn-theme.btn-resource a, 
.banner-overlay-one .btn.btn-theme.btn-resource a:hover {
    font-size: 1.1em;
    font-weight: 300;
}    
.banner-overlay-one .resource-list {
    margin: 0;
}
.banner-overlay-one .resource-list ul {
    margin: 0;
    padding: 0;
}
.banner-overlay-one .btn.btn-theme.btn-resource {
    padding: 7px;
    margin: 0;
    line-height: 1.2em;
}    

/** SECOND BOX OF TWO **/
.banner-overlay-two {
    height: auto;
    position: relative;
    display: inline-block;
    width: 100%;
}
.banner-overlay-inner-two {
	display:table;
	width:100%;
	height:100%;
}
.banner-overlay-content-two {
	display:table-cell;
    background: rgba(255, 255, 255, 0.94) none repeat scroll 0 0 !important;
    display: table-cell;
    margin: 0 !important;
    padding: 0 20px;    
}
.banner-overlay-content-two .resource-list {
    line-height: 1.5em !important;
    text-align: left;
    margin-top: 0;
}   

.banner-overlay-content-two .resource-list > ul {
    padding-left: 27px;
}

/** BANNER OVERLAY FOR LG ONLY **/    
/* Medium Devices, Desktops */
@media screen and (min-width : 1200px) {
    .banner-overlay-content-one .box.flex-search-container,
    .banner-overlay-content-one .flex-search-container,
    .banner-overlay-content-one.banner-overlay-content-one .flex-search-container {
        background: none !important;    
    }
} 
    
/** BANNER OVERLAY FOR MD ONLY **/    
/* Medium Devices, Desktops */
@media screen and (min-width : 992px) and (max-width: 1199px) {
    .banner-overlay-two-container {
        width:50%;
    }
    .banner-overlay-content-one .box.flex-search-container {
        background: none !important;
    }
    .banner-overlay-content-one .box.flex-search-container,
    .banner-overlay-content-one .flex-search-container,
    .banner-overlay-content-one.banner-overlay-content-one .flex-search-container {
        background: none !important;    
    }
}    

/** BANNER OVERLAY FOR SM ONLY **/  
@media screen and (min-width : 768px) and (max-width: 991px) {
    .banner-overlay-one .btn.btn-theme.btn-resource a, 
    .banner-overlay-one .btn.btn-theme.btn-resource a:hover {
        font-size: 1em;
        font-weight: 500;
        }
    .btn.btn-theme.all-hours-home {
        display: none;
        }
    .banner-overlay-two-container {
        width: 96%;        
        }  
    .banner-overlay-content-two {
        background-color: #f5f5f5 !important;
    }  
    .flex-slider1 .flex-direction-nav .flex-next, 
    .flex-slider1 .flex-direction-nav .flex-prev,
    .flex-slider2 .flex-direction-nav .flex-next, 
    .flex-slider2 .flex-direction-nav .flex-prev {
        display:none;
    }
    .flex-slider1 .slides > li img,
    .flex-slider2 .slides > li img {
    left: 10000px;
    position: relative;
    }
    .flex-slider1 .flex-control-nav,
    .flex-slider2 .flex-control-nav {
        display: none;
    }
    .slider.flexslider.flex-slider1,
    .slider.flexslider.flex-slider2 {
        margin: 0 !important;
        background-color: #f5f5f5 !important;
    }
}

/** CONTROL FOR ALL FLEX SLIDERS **/
.flex-control-nav {
    bottom: -50px !important;
}

/*** frevvo forms ***/
div.frevvo-form-wrapper.center {
    display: block;
    text-align: center;
}

/** RESET h2 headings on home page only - remove if not using Goudy **/
.home-page h2 {
    font-family: ShermanSerif, Georgia, serif;
    font-size: 1.5em !important;
}

/** SET UP 50 PERCENT BORDER UNDER TITLES OPTIONAL **/
.border-bottom-title {
    border-bottom: 1px solid #e8eaeb;
    bottom: 0;
    width: 50%;
}

/** Search/Resources split styling **/
.search-resources-container {
    display: block;
}

.flex-search-container-split {
    background-color: #e8eaeb !important;
    padding: 15px;
}
.flex-search-container-split .input {
    width: 80% !important;
}

.resource-list-split {
    background-color: #e8eaeb;
    margin: 0;
    padding: 5px;
}

.btn-resource-button {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 10px;
    padding: 5px;
}
.btn-resource-button:hover {
    background-color: #fff;
    box-shadow: 3px 3px 3px #ccc;
    border: none;    
}
.btn-resource-button a:hover {
    text-decoration: none;
}

/** BRACKETS SPECIAL EFFECTS **/

.brackets-effect a::before, .brackets-effect a::after {
    display: inline-block;
    opacity: 0;
    transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;
}
.brackets-effect a::before {
    content: "[";
    margin-right: 5px;
    transform: translateX(20px);
}
.brackets-effect a::after {
    content: "]";
    margin-left: 5px;
    transform: translateX(-20px);
}
.brackets-effect a:hover::before, .brackets-effect a:hover::after, .brackets-effect a:focus::before, .brackets-effect a:focus::after {
    opacity: 1;
    transform: translateX(0px);
}

/** GOOGLE TRANSLATOR IN FOOTER **/
.goog-te-gadget .goog-te-combo {
    width: 50%;
}
.goog-te-gadget select.goog-te-combo:focus,
.goog-te-gadget select.goog-te-combo:hover {
    outline: #ffffff dotted 2px !important;
    outline-offset: 2px !important;
}
.goog-te-gadget > span {
   display: inline-block;
    width: 50%;
}

/** GOOGLE TRANSLATOR **/
.translate-disclaimer {
    font-size: 0.75em;
    padding: 0 0 10px;
}
#google_translate_element {
    width: 80%;
}
.offscreen.translate-label {
    color: #ffffff;
}

/** DATABASES PAGE STYLING **/
.DBMM_search_select_div {
    width: 100%;
}
#DBMM_search_input_div > input {
    border-radius: 0;
    border: 1px solid #6f777d;
}
#DBMM_search_where_div > select {
    border-radius: 0;
    height: 42px;
    padding: 5px;
    width: 98%;
    border: 1px solid #6f777d;
}
#DBMM_search_where > option {
    padding: 5px;
}
#DBMM_search_option_div > select {
    border-radius: 0;
    height: 42px;
    padding: 5px;
    width: 98%;
    border: 1px solid #6f777d;
}
#DBMM_search_option > option {
    padding: 5px;
}


/** SCRC STYLING **/
.search-scrc-top {
  margin: -1px 0 0 0;
  padding: 0;
  text-align: right;
}
.search-scrc-top .input.form-control {
    float: left;
    margin: 0;
    width: 85%;
    padding: 0 5px;
    font-size: .825em;
    color: #aaa;
}
.search-scrc-top .form-control {
    height: 28px;
}
.search-scrc-top .btn.btn-theme.button-website {
    padding: 0 13px !important;
    font-size: .85em;
    margin: 0;
    height: 28px;
}
.scrc-search-container {
   background-color: transparent;
   margin: auto;
}
.scrc-search {   
   margin: auto;
   width: 60%;
}
.scrc-search-box .input.form-control {
    margin: 10px 0;
}
@media screen and (max-width: 768px) {
    .search-scrc-top {
        text-align: center;
    }
}
#home_box_scrc_input {
   margin: 0;
   width: 80%;
   border: 5px solid #3e3d3c;
}
#home_box_scrc_submit {
   margin: 0;
   width: 100%;
}
.scrc-news-item img {
    width: 150px;
    max-width: 150px;
    margin: 10px 10px 20px 0
}
.scrc-news .testimonials-carousel.carousel.slide {
    padding-top: 0;
}

/*** URM STYING ***/
.retention-list {
    border-top: 1px solid #e8e8eb;
}
.row.retention-row {
    border-bottom: 1px solid #e8eaeb;
    padding: 10px;
}

/** MORE NAV MODAL **/
#moreModal {
    box-shadow: 0 0 5px #3e3d3c;
    margin: auto;
    width: 80%;
}
#moreModal .modal-dialog {
    font-size: small;
    line-height: 1.3em;
    margin: 0;
    width: 100%;
}
#moreModal .modal-header {
    border-bottom: 0 none;
}
#moreModal .modal-body {
    border: medium none;
    padding: 0;
}
#moreModal .modal-content {
    border: 0 none;
    border-radius: 0;
}
#moreModal .btn.btn-default {
    float: right;
    background-color: #3e3d3c;
    position: relative;
    color: #fff !important;    
}
#moreModal .btn.btn-default:hover {
    background-color: #d44500;
}
#moreModal .modal-backdrop { 
    z-index: 0;
}
#moreModal .modal-open {
    overflow: hidden !important;
}

/*
 * Styling for the libnews carsousel
*/

#libnews-carousel {
    
}

.libnews-carousel-wrapper {
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.libnews-carousel-item {
    max-width: 400px;
    min-width: 225px;
    margin: 1em .5em;
    border: 1px solid #e8e8e8;
}

.libnews-image {
    /*height: 300px;*/
    /*max-height: 550px;*/
    overflow: hidden;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    background-color: #e8eaeb;
}

.libnews-image img {
    display: block;
    margin: auto;
    /*min-width: 100%;*/
    /*max-width: 400px;*/
    /*width: 100%;*/
    max-height: 210px;
}

.libnews-detail {
    display: block;
    padding: 1em;
    border-top: 1px solid #e8e8e8;
}

.libnews-detail h3 {
    font-size: 1.25em;
    font-weight: 700;
}

@media screen and ( max-width: 768px ) {
    .libnews-carousel-wrapper .libnews-detail .libnews-excerpt {
        display: none;
    }
    
}

@media screen and (max-width: 998px ) {
    .libnews-carousel-item {
        max-width: 100%;
    }
    .libnews-image img {
        /*max-height: 100%;*/
        max-width:100%;
        width: auto;
    }
}

@media screen and ( max-width: 1200px ) {
    .libnews-carousel-wrapper {
        flex-wrap: wrap;
    }
    
}

/* Overrides for homepage Summon/Site search box */

.flex-search-container {
    background-color: #ffffff !important;
}
.flex-search-container .search-title {
    margin-top: 17px;
    margin-left: 16.5px;
}
.flex-search-container .search-container {
    margin-bottom: 17px;
}
.tabbed-contents {
    border: #ccc solid 1px;
    display: none;
}
.tabbed-buttons ul {
    margin: 10px 0 0 0;
    padding: 0;
    overflow: visible;
}
.tabbed-buttons li {
    position: relative;
    z-index: 1;
}
.tabbed-buttons li:focus {
    background-color: #d44500;
    /*opacity: .5;*/
    outline: #0003ff dotted 2px !important;
    outline-offset: 2px !important;
}
.tabbed-buttons li[aria-selected='true'] {
    background-color: #d44500;
    color: #ffffff;
    z-index: 3;
    opacity: 1;
    /*outline: 0 !important;*/
}
.tabbed-buttons li:hover {
    background-color: #d44500;
    /*opacity: .5;*/
    outline: #0003ff dotted 2px !important;
    outline-offset: 2px !important;
    /*outline: 2px solid blue !important;*/
}
.tabbed-contents {
    position: relative;
    top: -1px;
    z-index: 2;
}
.tabbed-contents.current {
    display: block;
}

/*
**** a simple tooltip solution
*/
.helpinfo {
  position: relative;
  display: inline-block;
}

.helpinfo .helpinfotext {
  visibility: hidden;
  background-color: #3e3d3c;
  color: #fff;
  font-size: 0.85em;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 10;
  top: auto; /* added */
  bottom: 101%; /* was 125% */
  left: calc(50% - 100px);
  /*margin-left: -60px;*/
  opacity: 0;
  transition: opacity 0.3s;
  white-space: normal;
  line-height: 1.5em;
  width: 200px;
  boarder: solid 1px $fff; /* added */
}

.helpinfo .helpinfotext::after {
  /*content: "";*/
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #3e3d3c transparent transparent transparent;
}

a.helpinfo:hover .helpinfotext,
a.helpinfo:focus .helpinfotext {
  visibility: visible;
  opacity: 1;
}

















/** OVERRIDES/ADDS MARGIN TO TOP AND BOTTOM **/
/** KEEP AT THE BOTTOM OF THE CSS **/
.add-margin {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* override hover and focus transitions */
a, button {
  -webkit-transition: initial;
  -moz-transition: initial;
  -ms-transition: initial;
  -o-transition: initial;
}