@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');

/*Header*/

body{
  font-family: 'Open Sans', sans-serif;
  font-size: 13.5px;
  line-height: 170%;
  color: #333;
  overflow-x: hidden;
}

p{ margin: 0 0 10px 0; }

h1, .h1{ font-size: 22px; color: #000; }

h2, .h2{ font-size: 20px; color: #000; }

h3, .h3{ font-size: 16px; color: #000; }

h4, .h4{ font-size: 14px; color: #000; }

img{ max-width: 100%; height: auto; }

a{
  color: #0c55b7; font-weight: bold;
}

a:hover{
  color: #187bed;font-weight: bold;
}

ul.links.inline{
  padding: 0;
}

ul.links.inline li{
  list-style: none;
}

.block{
  margin-bottom: 20px;
}

.main-header{
  background: url(../images/welcome_banner_bg.png);  
  color: #000;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
}

@media only screen and (max-width: 500px){

.main-header{
  /*background: url(../images/welcome_banner_bg.png);  */
  background: #b1e0ea;
  color: #000;
  margin-bottom: 10px;
  background-size: cover;
  position: relative;
}
}

.main-header:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0);
}

.main-header nav{
  background: #eee;
  border: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  border-radius:0 !important
}

.main-header .region{
  position: relative;
  z-index: 2;
}

/*region header*/

.site-branding{
  margin: 0;
}

.brand.logo{
  margin-right: 5px;
}

.region-header .brand{
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
 /* margin-top: -40px;
  margin-bottom: 5px;*/
}

.site-name a{
  font-size: 26px;
  color: #fff;
}

@media only screen and (max-width: 500px){
.brand.logo img {
    width: 75%;
    margin-right: -75px;
}
.brand.logo{
  margin-top: 0px;
}
}


/*Banner*/
@media only screen and (min-width: 768px){
.welcome-banner-text{
  text-align: center;
  line-height: 160%;
  max-width: 600px;
  padding: 120px 0 50px 0;
}
}

@media only screen and (max-width: 500px){
div.container.welcome-banner-text{
  max-width: 400px;
  padding: 10px 0 20px 0px;
  margin-right: 15px;
  margin-left: 15px;
  }   
}

.welcome-banner-text h2{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}


h3.hideit{display: none;}  /*Hide "Your search yield 0 result" */
/*.item-list h3 {display: none;} Hide "Your search yield 0 result" */
form#custom-search-block-form {padding-bottom: 20px;}


/*top widget*/

.topwidget .container {
    padding: 30px 0px 0px 30px;
    box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
    width: 100%;
    margin-right: 10%;
  }

.topwidget{
text-align: center;
    padding: 30px 0 0px 0;
    /* box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2); */
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 2%;
    margin-bottom: 3%;
}

.topwidget .fa{
  font-size: 60px;
  background: #4D4F4A;
  width: 120px;
  height: 120px;
  padding: 32px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px){ 

div.region.region-topwidget-first, 
div.region.region-topwidget-second, 
div.region.region-topwidget-third {
  width:90%;
  }

.topwidget .container {
    padding: 30px 0px 0px 30px;
    box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
    width: 100%;
    margin-right: 10%;
  }  
}

@media only screen and (max-width: 500px){  
  .topwidget{
    width:90%;
    margin-left: 5%;    
    margin-top: 5%;
    margin-bottom: 2%;}

div.region.region-topwidget-first, 
div.region.region-topwidget-second, 
div.region.region-topwidget-third {
  width:100%;
  padding-left: 5%;
  padding-right: 5%;}

.topwidget .container {
    padding: 20px 25px 0px 0px;
    box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
    width: 100%;
  }  
}

/* Library News Block Style*/
article.node--type-library-news.node--view-mode-full {width: 100%;}
article.node--type-library-news.node--view-mode-full h2 {display: none;}

@media (min-width: 1025px){
article.node--type-library-news img {max-width: 100%; text-align: left;width: auto;height: auto;display: block;}
article.node--type-library-news p{text-align: left; display: block; max-width: 100%;}
article.node--type-library-news h3.title {FONT-WEIGHT: bold; color:#000; text-align: left; display: block; max-width: 100%; }
}
 
@media (max-width: 450px){
article.node--type-library-news {width: 100%; margin-right: 5%; margin-left: 5%}
article.node--type-library-news p{text-align: left; }
article.node--type-library-news h3.title {FONT-WEIGHT: bold; color:#000; text-align: left;}
}


/*footerwidget*/

.footerwidget a{color:#25408f;}
.footerwidget a:hover {color:#187bed;}

.footerwidget{
  background: #D0D0D0;
  color: #333;
  padding: 20px 0;

}

.footerwidget img.left{
  float: left;
  margin: 10px 10px 0 0;
}

.copyright{
  background: #000;
  font-size: 10px;
  color: #999;
}

.copyright p{
  margin: 13px 0;
}

.footerwidget h2,
.footerwidget .h2{
  color: #2e2e2e;
}

/*bottom-widgets*/

.bottom-widgets{
  text-align: center;
  /*background: #FBFBFB;*/
  padding: 10px 0;
}

.bottom-widgets .region{
  padding: 10px;
  background: #DEDEDE;
}

/*Header menu*/

.header-menu nav li a {color:#25408f;}
.header-menu nav li a:hover {color:#187bed;}

@media only screen and (max-width: 500px) {
  /* For mobile phones: */
.header-menu nav li{display: inline-block; font-size: 80%; font-weight:bold;}
.header-menu nav li a {padding: 4px 0px;}
}

@media only screen and (min-width: 501px) {
  /* For desktop: */
.header-menu nav li{display:inline-block; font-size: 100%; font-weight:bold;}
.header-menu nav li a {padding: 4px 20px 4px 0;}
}    

.header-menu{
  margin: 0;
  border: 0;
  background: #eee;
  color: #fff;
}

.header-menu ul{
  margin: 10px 0;
  padding: 0;
  float: right;
}


/*Footer menu*/

.footer-menu{
  margin: 0;
  border: 0;
  background: #eee;
  color: #fff;
}

.footer-menu ul{
  margin: 10px 0;
  padding: 0;
}

.footer-menu nav li{
  display: inline-block;
}

.footer-menu nav li a{
  display: block;
  padding: 4px 20px 4px 0;
}

.google_map p,
.google_map .block{
  margin: 0;
}

.google_map iframe{
  display: block;
}

/*Credit link*/

.credit-link{
  text-align: left;
}

/*SOCIAL MEDIA*/

.social-media{
  margin: 10px 0;
  overflow: hidden;
  float: left;
}

.social-media a {
  width: 30px;
  height: 30px;
  color: #fff;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  background: #3262b9;
  font-size: 14px;
  line-height: 220%;
}

.social-media a.google-plus{
  background: #de2020;
}

.social-media a.twitter{
  background: #29C5F6;
}

.social-media a.linkedin{
  background: #069;
}

.social-media a.pinterest{
  background: #C61118;
}

.social-media a.rss{
  background: #FF6D00;
}

.social-media a.youtube{
  background: #df1f1c;
}

.social-media a.instagram{
  background: #6098c9;
}

.social-media a.flickr{
  background: #f90784;
}

.social-media a.podcast{
  background: #8e24cc;
}


.social-media a:hover{
  opacity: .6;
}

/*FORM*/

input, button, select, textarea {
  padding: 9px;
  border: 1px solid #C7C7C7;
  /*float:left;*/
  height:42px;
}

select {
  max-width: 100%;
}

.mobile select{max-width:300px;}

.js-form-type-textarea textarea {border: 1px solid #C7C7C7;}

/* Custom Search Form Style */
/*added max-width:100% so that the mobile screed doesn't shift right*/

.custom-search-block-form input, button, textarea {
  float: left; 
  max-width:50%;
  border: 2px solid #0c55b7;

}
.custom-search-block-form select {
  float: left; 
  max-width:100%;
  background-color: #0c55b7;
  color: #ffffff;
  border: 2px solid #0c55b7;
}

/*move custom search box up to the top horizontally*/
@media (min-width: 992px){
div.region.region-welcome-banner-text {margin-top: -100px;height: 150px;}
.custom-search-block-form .btn, input[type="submit"]{margin-left: 5px;}
}

/*move custom search box up to the middle horizontally
@media (min-width: 992px){
div.region.region-welcome-banner-text {margin-top: -30px; height: 80px;}
.custom-search-block-form .btn, 
input[type="submit"]{
    margin-left: 5px;}
}*/

.contact-message-form label{
  display: block;
  width: 100%;
}


.btn, 
input[type="submit"]{
  /*background: #383737; add black background*/
  background-color: #0c55b7;
  color: #fff;
  border: 0;
  padding: 13px;
  line-height: 100%;
  height: 42px;
}

.btn:hover, 
input[type="submit"]:hover{
  background: #187bed;
}


/*FRONT PAGE*/

.path-frontpage .content_layout {
  text-align: center;
}

.path-frontpage .feed-icon{
  display: none;
}

/*MENU*/

.navbar-default .navbar-toggle{
  background: #fff;
  margin-right: 0;
}

nav h2{
  display: none;
}

.menu-base-theme,
.menu-base-theme a, 
.menu-base-theme a:hover,
.menu-base-theme a:focus, 
.menu-base-theme a:active, 
.menu-base-theme a.highlighted{
  background: none;}


.menu-base-theme li a{
  background: #FBFBFB;
}

.main-menu {
  position: relative;
  z-index: 9999;
}

.region-primary-menu{
  display: none;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  margin-top: 20px;
}

.menu-base-theme a{
  border-bottom: 1px solid #EEF0F7;
  font-weight:bold;
}

.menu-base-theme a span.sub-arrow{
  color: #999;
  font-size: 22px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #DCDCDC;
  background: #EFEFEF;
} 

.navbar-toggle{
  z-index: 999;
}

/*breadcrumb*/

.breadcrumb{
  background: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.breadcrumb ul{
  padding: 0;
}

.breadcrumb ul li{
  display: inline-block;
}

/*search form*/

#search-block-form{
  display: table;
  width: 100%;
}

#search-block-form .form-item,
#search-block-form .form-actions{
  display: table-cell;
  vertical-align: top;
}

#search-block-form input{
  width: 100%;
}

/*Demo typography*/

.bd-example {
  position: relative;
  padding: 20px;
  border: 2px solid #f7f7f9;
}


.highlight pre{
  border: 0;
  background: none;
}

.bd-example-type .table tr:first-child td {
  border-top: 0;
}

.bd-example-type h1, 
.bd-example-type h2, 
.bd-example-type h3, 
.bd-example-type h4, 
.bd-example-type h5, 
.bd-example-type h6 {
  margin: 0;
}

.bd-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}

/*Contact form*/

.path-contact{}

.contact-message-feedback-form{
  max-width: 650px;
  margin: 0 auto;
  border: 1px solid #D8D8D8;
  padding: 10px 30px;
  background: #F5F5F4;
}

.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email,
.contact-message-feedback-form .form-textarea{
  width: 100%;
}

/*user-login-form*/

.user-login-form,
.user-form,
.user-pass{
  max-width: 650px;
  margin: 40px auto;
  border: 1px solid #ddd;
  padding: 10px 30px;
  background: #FBFBFB;
}

.user-login-form .form-text,
.user-login-form .form-email,
.user-form .form-text,
.user-form .form-email,
.user-pass .form-text{
  width: 100%;
}

.form-composite > .fieldset-wrapper > .description, 
.form-item .description {
  font-size: 11px;
  color: #000;
  font-style: italic;
}

/*Maintainance*/

.maintenance-page{
  background: url(../images/maintenance-bg.png) #66CBFF center no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 220px;
  padding-bottom: 100px;
  font-size: 18px;
  color: #000;
}

.maintenance-msg {
  margin: 20px 0;
  background: rgba(242, 244, 207, 0.88);
  padding: 20px 30px;
  display: inline-block;
  color: #404040;
  border: 1px solid #fff;
  box-shadow: 5px 5px 0px #FFFFFF;
  font-size: 14px;
}

.maintenance-msg h1{
  text-transform: uppercase;
  font-weight: bold;
}

.maintenance-page .brand,
.maintenance-page .name-and-slogan{
  display: inline-block;
  vertical-align: middle;
}

.maintenance-page .site-name a{
  color: #404040;
}

.maintenance-page .site-slogan,
.maintenance-page .name-and-slogan{
  display: none;
}


/*Comment*/

.comment-wrap{
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F5F5F5;
}

.comment-wrap .author-details{
  float: left;
  width: 20%;
}

.comment-wrap .author-comments{
  padding-left: 5px;
  float: left;
  width: 80%;
}

.comment-submitted{
  padding: 5px 10px;
  border: 1px solid #eee;
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}

.comment-wrap .author-comments h3{
  margin-top: 10px;
}

.comment-wrap .author-comments p{
  margin-bottom: 10px;
}

/*links inline*/

ul.links.inline li{
  display: inline-block;
  padding-right: 10px;
}

/*profile*/

.profile > div{
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}

.profile h4.label{
  color: #333;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}




/* Find it Fast Menu in Shortcut block */
.shortcut-container {width: auto;}

@media (min-width: 501px) {
  /* For Desktop : */
.shortcuts {
  margin-top: -10px;
  background: white;
    box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
  width: 80%;
  display: block;
  margin-left:10%;
  margin-right:10%;
  padding: 10px;
  }

.shortcut nav li {
  display: inline-block; 
}
.shortcut nav li a{
  display: block;
  padding: 0 20px;  
  }   

.shortcut ul.menu {margin-right: 3%; margin-left: 1%;}
}

@media only screen and (max-width: 500px) {
  /* For mobile phones: */
.shortcuts {
    margin-top: -10px;
  background: white;
    box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
  width:90%;
  display: block;
  padding: 10px;
  margin-left:5%;
  margin-right: 5%;
  }

.shortcut nav li {
  display: list-item;
  text-align: center; 
  list-style: none;

}
.shortcut nav li a{
  display: list-item;
  list-style: none;
}
.shortcut {width:90%;margin-left:5%;margin-right: 5%;} 
.shortcut ul.menu {padding-left:0px;}

    a.menu-icon-13,
    ul.links li.menu-icon-13 a,
    ul.menu li.menu-icon-13 a {
        background-image: url(/sites/default/files/menu_icons/my-account_2.png);
        padding-left:24px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    a.menu-icon-80,
    ul.links li.menu-icon-80 a,
    ul.menu li.menu-icon-80 a {
        background-image: url(/sites/default/files/menu_icons/search-24.png);
        padding-left:24px;
        background-repeat: no-repeat;
        background-position: left center;
    }

    a.menu-icon-53,
    ul.links li.menu-icon-53 a,
    ul.menu li.menu-icon-53 a {
        background-image: url(/sites/default/files/menu_icons/library-card.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.menu-icon-54,
    ul.links li.menu-icon-54 a,
    ul.menu li.menu-icon-54 a {
        background-image: url(/sites/default/files/menu_icons/download.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.menu-icon-55,
    ul.links li.menu-icon-55 a,
    ul.menu li.menu-icon-55 a {
        background-image: url(/sites/default/files/menu_icons/ill-icon.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.menu-icon-57,
    ul.links li.menu-icon-57 a,
    ul.menu li.menu-icon-57 a {
        background-image: url(/sites/default/files/menu_icons/hours-locations.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }

    a.menu-icon-424,
    ul.links li.menu-icon-424 a,
    ul.menu li.menu-icon-424 a {
        background-image: url(/sites/default/files/menu_icons/library-event.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }    

    a.menu-icon-425,
    ul.links li.menu-icon-425 a,
    ul.menu li.menu-icon-425 a {
        background-image: url(/sites/default/files/menu_icons/catalog-icon.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.menu-icon-535,
    ul.links li.menu-icon-535 a,
    ul.menu li.menu-icon-535 a {
        background-image: url(/sites/default/files/menu_icons/bookmobile-icon-32x32.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }	
	
}

/* Menu Icon above Content region e.g. Downloads+Streaming page*/
.tab h2 {
    display: block;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.tab h2 {
    background-color: rgb(249,164,81);
    color: rgb(255,255,255);
    padding: 0.75rem 1.5rem;
    font-weight: 300;
    user-select: auto;
    margin-bottom: 0px;
    line-height: 1;
}

.content_menu-container {width: auto;}

@media (min-width: 501px) {
  /* For Desktop : */
.content_menu {
  margin-top: -10px;
  background: white;
    box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
  width: 80%;
  display: block;
  margin-left:10%;
  margin-right:10%;
  padding: 10px;
  }

.content_menu nav li {
  display: inline-block; 
}
.content_menu nav li a{
  display: block;
  padding: 0 20px;  
  }   

.content_menu ul.menu {margin-right: 6%; margin-left: 6%;}
}

@media only screen and (max-width: 500px) {
  /* For mobile phones: */
.content_menu {
    margin-top: -10px;
  background: white;
    box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
  width:90%;
  display: block;
  padding: 10px;
  margin-left:5%;
  margin-right: 5%;
  }

.content_menu nav li {
  display: list-item;
  text-align: center; 
  list-style: none;

}
.content_menu nav li a{
  display: list-item;
  list-style: none;
}
.content_menu {width:90%;margin-left:5%;margin-right: 5%;} 
.content_menu ul.menu {padding-left:0px;}

    a.menu-icon-521,
    ul.links li.menu-icon-521 a,
    ul.menu li.menu-icon-521 a {
        background-image: url(/sites/default/files/menu_icons/eAudioBooks.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }	
	a.menu-icon-522,
    ul.links li.menu-icon-522 a,
    ul.menu li.menu-icon-522 a {
        background-image: url(/sites/default/files/menu_icons/eBOOKS.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;		
    }
    a.menu-icon-523,
    ul.links li.menu-icon-523 a,
    ul.menu li.menu-icon-523 a {
        background-image: url(/sites/default/files/menu_icons/MAGAZINES.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }	
	a.menu-icon-524,
    ul.links li.menu-icon-524 a,
    ul.menu li.menu-icon-524 a {
        background-image: url(/sites/default/files/menu_icons/MOVIES,-TV,-&-VIDEOS.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
		} 
    
    a.menu-icon-525,
    ul.links li.menu-icon-525 a,
    ul.menu li.menu-icon-525 a {
        background-image: url(/sites/default/files/menu_icons/MUSIC.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
    }	
	a.menu-icon-526,
    ul.links li.menu-icon-526 a,
    ul.menu li.menu-icon-526 a {
        background-image: url(/sites/default/files/menu_icons/HOW-TO-INSTRUCTIONS.png);
        padding-left:32px;
        background-repeat: no-repeat;
        background-position: left center;
		} 
}
/*End Mobile Find it Fast area*/

/* Menu Icon Style*/

a.menu-icon-53, ul.links li.menu-icon-53 a, ul.menu li.menu-icon-53 a{  
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 20px 0 20px;}
  
a.menu-icon-54, ul.links li.menu-icon-54 a, ul.menu li.menu-icon-54 a{
    background-repeat: no-repeat;
  background-position: center top;
    padding: 40px 20px 0 20px;}
a.menu-icon-55, ul.links li.menu-icon-55 a, ul.menu li.menu-icon-55 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 20px 0 20px;}
a.menu-icon-57, ul.links li.menu-icon-57 a, ul.menu li.menu-icon-57 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 20px 0 20px;}    
a.menu-icon-424, ul.links li.menu-icon-424 a, ul.menu li.menu-icon-424 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 20px 0 20px;}  

a.menu-icon-425, ul.links li.menu-icon-425 a, ul.menu li.menu-icon-425 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 20px 0 20px;}  
a.menu-icon-535, ul.links li.menu-icon-535 a, ul.menu li.menu-icon-535 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 40px 20px 0px 20px;}		

/* Downloads+Streaming Menu*/
a.menu-icon-521, ul.links li.menu-icon-521 a, ul.menu li.menu-icon-521 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 65px 30px 0px 30px;} 

a.menu-icon-522, ul.links li.menu-icon-522 a, ul.menu li.menu-icon-522 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 65px 30px 0px 30px;}	  

a.menu-icon-523, ul.links li.menu-icon-523 a, ul.menu li.menu-icon-523 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 65px 30px 0px 30px;} 

a.menu-icon-524, ul.links li.menu-icon-524 a, ul.menu li.menu-icon-524 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 65px 20px 0px 20px;}	 

a.menu-icon-525, ul.links li.menu-icon-525 a, ul.menu li.menu-icon-525 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 65px 30px 0px 30px;} 

a.menu-icon-526, ul.links li.menu-icon-526 a, ul.menu li.menu-icon-526 a{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 65px 20px 0px 20px;}
	
		 
/*
div.shortcut h2{
    display: block;
	height:10%px;
	text-align:center;
}
*/


/*div.region.region-content {box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
padding: .7rem; margin-bottom: 10px;}*/

/* Custom Display Suite CSS for 2col Landing Page */

section, aside {font-size: 16px; padding:10px;}
section h3, aside h3{font-size: 20px;font-weight: bold;}
section li, aside li {padding-bottom: 10px;}

@media (min-width: 800px) {
  article.col2-wrapper {width: 75%}
  section.col2-left.group-left{
        width: 50%;        
        padding-top: 20px;
        float: left;
    }
  aside.col2-right.group-right{
        width: 50%;
        padding-top: 20px;
        padding-left: 10px;
        float: left;
    }         
}

@media (max-width: 500px) {
  article.col2-wrapper {width: 100%}
  section.col2-left.group-left{
        width: 100%;        
        padding-top: 20px;
        float: left;
    }
  aside.col2-right.group-right{
        width: 100%;
        padding-top: 20px;
        float: left;
    } 
}


/* Custom Display Suite CSS for 2col Branch Page */

.contextual-region.branch-wrapper, .node--view-mode-full.branch-wrapper {width: 100%}

@media (min-width: 992px) {
  section.branch-left.group-left {
        width: 70%;        
        padding-top: 20px;
    }
  aside.branch-right.group-right {
        width: 30%;
        padding-top: 20px;
        padding-left: 40px;
    }   
}

@media (max-width: 500px) {
  section.branch-left.group-left {width: 100%;}
  aside.branch-right.group-right {width: 100%;float: left;}
}

section.branch-left.group-left a:link {font-weight: bold;}
section.branch-left.group-left p{  
  font-size:14px; padding-top: 10px;}

.branch-right.group-right .hours {
font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #666;
}
aside.branch-right.group-right table {width: 100%;}
table.branch-right.group-right {border: none;}
.branch-right.group-right .hours, .hours tr, .hours td {border: none;}
.branch-right.group-right .hours td, .hours th  {padding: 5px 10px;}
.branch-right.group-right .note {color:#666666;font-size:14px;}
.branch-right.group-right .closing {color:red;font-size:14px;}
footer.branch-footer.group-footer {margin-bottom: 20px;}
span.address-line1, span.locality, span.administrative-area, span.postal-code {font-size: 18px; font-weight: bold;}
span.country {display: none;}

/* Custom Display Suite CSS for Basic Page 2col with Right Menu Page */

.basic-2col-left.group-header img {max-width: 100%}
.basic-2col-left.group-left {padding-left: 15px;}
.basic-2col-right.group-right {padding-left: 15px;}

img.align-left {
  float:left;
  padding-right: 8px;
  padding-bottom: 8px;  
}

/* Book Club Bag View Style*/

.bcb-view-style-cat a, .bcb-view-style a {
  padding: 4px; 
}

.bcb-view-style-cat a:hover, .bcb-view-style a:hover {
  font-weight: bold;
}

.bcb-view-style header, .bcb-view-style-cat header{
  font-size: 16px;  
  line-height: 1.5em;
  display: block;
  border: 1px solid #309dcc;
  box-shadow: 0 2px 4px rgba(40,40,40,0.2);
  padding: 20px 10px;
  text-align: center;
}

.bcb-view-style h3, .bcb-view-style-cat h3{
  font-size: 20px;
  text-align: center;
  display: block;
  line-height: 1.2em;
}

.book-club-bag-az-list a{padding:4px;}

.bcb-view-style a:link {
  font-size: 16px;  
}

.bcb-view-style, .bcb-view-style-cat {
  font-size: 16px;
  line-height: 2.0em;
}

@media (max-width: 500px) {
  div.bcb-view-style, div.bcb-view-style-cat {
        width: 100%;
        float: left; 
        font-size: 14px;       
    }
  div.col-left.col-right {width: 100% !important; float: left;}
  /* 2 column grid style*/  
}

@media (min-width: 800px) {
  div.bcb-view-style, div.bcb-view-style-cat {
        width: 75%;
        padding-bottom: 10px;
  }
  div.col-left.col-right {width: 50% !important; float: left; padding-bottom: 20px;}
}

/* Story Time Kit View Style*/

.storytime-view-style-cat a, .storytime-view-style a {
  padding: 4px; 
}

.storytime-view-style-cat a:hover, .storytime-view-style a:hover {
  font-weight: bold;
}

.storytime-view-style header, .storytime-view-style-cat header{
  font-size: 16px;  
  line-height: 1.5em;
  display: block;
  border: 1px solid #309dcc;
  box-shadow: 0 2px 4px rgba(40,40,40,0.2);
  padding: 20px 10px;
  text-align: center;
}

.storytime-view-style h3, .storytime-view-style-cat h3{
  font-size: 20px;
  text-align: center;
  display: block;
  line-height: 1.2em;
}


.storytime-view-style a:link {
  font-size: 16px;  
}

.storytime-view-style, .storytime-view-style-cat {
  font-size: 16px;
  line-height: 2.0em;
}

@media (max-width: 500px) {
  div.bcb-view-style, div.bcb-view-style-cat {
        width: 100%;
        float: left; 
        font-size: 14px;       
    }
  div.col-left.col-right {width: 100% !important; float: left;}
  /* 2 column grid style*/  
}

@media (min-width: 800px) {
  div.bcb-view-style, div.bcb-view-style-cat {
        width: 75%;
        padding-bottom: 10px;
  }
  div.col-left.col-right {width: 50% !important; float: left; padding-bottom: 20px;}
}

/*Subject Guides Category list Row Style*/
.subguides-row {
  line-height: 2em;
  font-size: 16px;
}

.subguides-row a:hover, .subguides-row a:hover {
  font-weight: bold;
}


/* Set bottom padding of view container*/
div.views-element-container {
  padding-bottom: 20px;
}


/* Book Clubs List Block Style*/

div.book-clubs-block {
  display: block; 
  max-height: 110px;
  padding-bottom: 50px;
}

/* Learn More Button Style*/
.m-button {
    display: inline-block;        
    border: 2px solid #309dcc;
    padding: 8px 10px;
    text-transform: uppercase;
    box-shadow: 0 3px 8px 0 rgba(50,50,50,0.1);
    cursor: pointer;
    transition: all 0.2s;
}

.m-button--link {
    background: white;
    color: #0076ba;
    position: relative;
}

.m-button--link:after{
    font-size:2em;
    line-height:0.75;
    content:"→";
    position:absolute;
    top:0;
    left:100%;
    z-index:-1;
    display:block;
    width:auto;
    height:100%;
    padding:6px 0;
    transform:translateX(-5px) scale(0);transition:transform 0.25s
    }

.m-button--link:hover{background:white; color:#21aeff;}
.m-button--link:hover:after{transform:translateX(0px) scale(1)}


/* Branch Editor & Board Info Display Style*/

article.node--type-branch-editor {width: 100%}
article.node--type-branch-editor h2{display: none;}
h3.title { font-size: 18px;  font-weight: bold;  clear: both;}
article.node--type-board-info-editor h2{display: none; }
article.node--type-board-info-editor {width: 100%;}

/* Blog Block/Page View Style */


.blog-block-view .views-row {
  min-height: 200px;
  margin-top: 10px;  
  padding: 10px;
  display: block;
  background: white;
  box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
}

.blog-block-view .field-content a{font-weight: bold; font-size: 16px;}

.blog-block-view div.more-link a{font-weight: bold; font-size: 16px; display: block; margin-top: 15px;}

div.blog-image img{
    float: left;       
    padding: 15px 15px 0 0;
    width: auto;
    height: 160px;
}

.blog-page-view .views-row{
  margin-top: 10px;
  padding: 10px;
  display: block;
  background: white;
  box-shadow: 0 2px 4px 0 rgba(40,40,40,0.2);
}

.blog-page-view .field-content a{font-weight: bold; font-size: 16px; clear: left;}

/* WebForm Style */
.webform-submission-form label {min-width: 100%; }
label.js-form-required.form-required {display: inline-block; width: 100%; }
.webform-submission-form textarea {height:100px; float: none;}
.form-textarea {height:100px; float: none;}
.webform-submission-form .submit-one{float: left; clear: both; margin: 10px 0px;}
input[type=checkbox], input[type=radio] {
vertical-align:middle;
margin:auto;
}
/*
input.webform-button--previous {margin: 10px 10px;}
input[type=checkbox]{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: max-content; 
  -webkit-appearance: checkbox;
  -moz-appearance:    checkbox;
  appearance:         checkbox;
}
 input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: max-content; 
  -webkit-appearance: radio;
  -moz-appearance:    radio;
  appearance:         radio;
}
*/
/*What happening Page, Board Info - Branch*/
@media (min-width: 800px) {
article.node.node--type-branch-editor.node--view-mode-full,
article.node.node--type-board-info-editor.node--view-mode-full {
    width: 100%;
    padding-bottom: 20px;
}
}

/*Set width of Blog, subject guide page*/
@media (min-width: 800px) {
.subguides-row.views-row,
.basic-left-col.node--type-subject-guides {width: 75%;}
}

@media (max-width: 500px) {
.subguides-row.views-row,
.basic-left-col.node--type-subject-guides {width: 100%;}
}

/*Set width of Basic Page. webform*/
@media (min-width: 800px) {
article.node--view-mode-full, 
.webform-submission-form, 
article.contextual-region {
    width: 75%;
    padding-bottom: 20px;
}
}



@media (max-width: 500px) {
article.contextual-region, 
.webform-submission-form {
    width: 100%;
}
}

/*Set width of Basic Page with Right Column Menu */
@media (min-width: 800px) {
.basic-left-col {
    width: 100%;
    padding-bottom: 20px;
}
}

/* Digital Collections Page Style */
.home-collections { margin: 20px auto; padding: 0px 25px;}
.home-collections button, select, textarea {float: left;}
.home-collections button {padding:0 9px 9px 9px;}
.home-collections label{ display: block; max-width: 100%;}
.home-collections select { display: block; min-width: 30%;}
.home-collections .form-actions {margin-top: -0.56em;}

@media (min-width: 501px) {
.home-collections-col.views-col {
    display: inline-block;
    min-height: 200px;
    vertical-align: top;
    margin-bottom: 35px;
    max-width: 220px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-right: 25px;
    font-size: 12px;
    line-height: 16px;
    overflow-x: hidden;
}
.home-collections-col img{max-height: 130px; max-width: 200px; padding-bottom: 10px; }
.home-collections-col a{font-size: 13px;}
}

 /* For Mobile*/
@media (max-width: 500px) {
.home-collections-row {display: inline-grid;}
.home-collections select {display: block; min-width: 80%;}  
.home-collections-col img {display: none;}
.home-collections-col.views-col {display: list-item;min-width:300px;padding-right:10px;}
.home-collections-col a {font-size: 16px; line-height: 24px;}
}  

/* Digital Collections Block Style */
.current-collections {margin: 20px auto; padding: 0px 25px;}

@media (min-width: 501px) {
  /* For Desktop*/
.current-collections-col.views-row {margin-left: 20px;}
.current-collections-col.views-col {
    display: inline-block;
    min-height: 330px;
    vertical-align: top;
    margin-bottom: 25px;
    max-width: 320px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-right: 25px;
    font-size: 14px;
    line-height: 18px;
}
.current-collections-col img{height: 175px; width: 300px; padding-bottom: 10px;}
.current-collections-col a{font-size: 16px;}
.current-collections-col p {padding-top: 10px;}
}

@media (max-width: 500px) {
   /* For Mobile*/
.current-collections-col.views-col {
    vertical-align: top;
    margin-bottom: 5px;	
    padding: 4px;
}
.current-collections-col img{height: auto; width: 100%; }
.current-collections-col a{font-size: 12px;}
.current-collections-col p {display:none;}
}  

/*Views Grid Style*/



/*Text Format Custom CSS*/
.table-heading {text-align: center; padding-top: 10px;}
p.table-style {padding: 5px 0 0 5px;}


/* Meet the Administrative Team style */

.admin-team{
padding:10px 10px 10px 10px;
overflow:hidden;
font-size:14px;
vertical-align:text-top;
}
.admin-team title {padding-top: 10px;}
.admin-team td{font-size: 16px;font-weight: bold;}
.admin-team .views-field-field-personnel-email a{font-size:14px;font-weight: normal;}
.admin-team table {width:95%}

@media (max-width: 500px){
.admin-team {
	grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
    grid-row-gap: 20px;
	display:grid;
	align-content: center;
	padding:0px;
}	
}
/*Popup Style*/

#block-closingpopupblock {  
  width: 100%;  
}

.block-closingpopupblock-modal .spb_top_center {
  position: sticky;
  background-color: red;  
 }

 .block-closingpopupblock-modal h3{
  color: white;  
  font-weight: bold;
  line-height: 1.5em;
 }

 /* End Popup Style*/

/* Emergency Banner Style*/
#emergency-banner a{color:white; text-decoration: underline; font-weight: bold;}

/*Gaming Unplugged Booking Page Style*/
section.gaming-unplugged-left.group-left {line-height: 2.0em; font-weight: bold; display: block;}

/*Gaming Unplugged Listing Page Style*/

.gaming-unplugged-table td, th {padding: 5px; border: 1px solid #ccc;}

@media (min-width: 768px) {
form#views-exposed-form-gaming-unplugged-page-1.views-exposed-form  {display: flex; float: left;}
form#views-exposed-form-gaming-unplugged-page-1.views-exposed-form label {width: -webkit-fill-available;}

}

@media (max-width: 500px) {
form#views-exposed-form-gaming-unplugged-page-1.views-exposed-form {display: grid; float: left;}
form#views-exposed-form-gaming-unplugged-page-1.views-exposed-form label {width: -webkit-fill-available;}
}

/* Book CLub Bag with book cover Page Style */

.bcb-collections { margin: 20px auto; padding: 0px 25px;}
.bcb-collections button, select, textarea {float: left;}
.bcb-collections button {padding:0 9px 9px 9px;}
.bcb-collections label{ display: block; max-width: 100%;}
.bcb-collections select { display: block; min-width: 30%;}
.bcb-collections .form-actions {margin-top: -0.56em;}

@media (min-width: 501px) {
.bcb-collections-col.views-col {
    display: inline-block;
    min-height: 300px;
    vertical-align: top;
    margin-bottom: 35px;
    max-width: 150px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-right: 25px;
    font-size: 12px;
    line-height: 16px;
    overflow-x: hidden;
}
.bcb-collections-col img{min-height: 200px; max-width: 130px; padding-bottom: 10px; }
.bcb-collections-col a{font-size: 13px;}
}

.bcb-collections
input[type="submit"]{
  background: #19c2c8;
  color: #fff;
  border: 0;
  padding: 13px;
  line-height: 100%;
  height: 42px;
  margin-top: -1px;
}

.bcb-collections
input[type="submit"]:hover{
  background: #13ADB3;
}

@media (max-width: 500px) {
.bcb-collections select {display: block; min-width: 80%;}  
.bcb-collections-col img {display: none;}
.bcb-collections-col.views-col {display: list-item;min-width:300px; padding-right: 5px;}
.bcb-collections-col a {font-size: 16px; line-height: 24px;}
}  
/* End Book CLub Bag with book cover Page Style */

/* Block style for 4+ blocks on page*/
@media (min-width: 992px){
.col-2-block {width: 100%;}
}

.region-block {
    padding: 10px 20px;
    background: #DEDEDE;
}

@media (min-width: 501px){
.block-widgets {
    text-align: left;
}
}

/* End Block style for 4+ blocks on page*/

/* Literally Speaking Block Style */
.shadow-2col-block { margin: 20px auto; padding: 0px 25px;}
.shadow-2col-block  img{max-height: 188px; max-width: 200px; padding-bottom: 5px; }
.shadow-2col-block  {
    display: inline-block;
    min-height: 200px;
    vertical-align: top;
    max-width: 600px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-right: 25px;
    font-size: 14px;
    line-height: 18px;
    overflow-x: hidden;
}
.shadow-1col-block { margin: 20px auto;}
.shadow-1col-block {
    display: block;
    height: auto;
    width: 100%;
    vertical-align: top;    
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-right: 25px;
    font-size: 14px;
    line-height: 18px;
    overflow-x: hidden;
    clear: both;
}

/*Hide Node title for Legislators page*/
article.node--type-legislators.node--view-mode-teaser h2{
  display: none;
}
/*Legislators page*/
.legis-layout table {width: 100%}
.legis-layout td {border: 1px solid #ccc; padding:5px; }
article.node--type-legislators {width: 100%; padding:0 0 5px;}
div.goog-te-gadget {background-color: #eeeeee;}

/*Add text to User Login Page */
form#user-login-form::before {
    font-weight: bold;
    content: "This page is for staff only; To log into your Catalog Account, select My Account above.";}