@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: none;}.link, a{font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1110px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1110px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1110px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1110px;}
.bodysize{max-width: 1110px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 1110px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 1110px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #0071b8;}
.link:hover, a:hover{color: #b738a6;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #b0b0b0;}
body{
		color: #212121;
		font-family: Verdana, Geneva, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #ffffff;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#454545;
	}
#default_footer a{
		text-decoration: underline;
		color:#454545;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #24417b;
	background: #24417b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24417b), color-stop(50%,#24417b), color-stop(51%,#24417b), color-stop(100%,#24417b));
	background: -moz-linear-gradient(top,  #24417b 0%, #24417b 50%, #24417b 51%, #24417b 100%);
	background: -webkit-linear-gradient(top,  #24417b 0%,#24417b 50%,#24417b 51%,#24417b 100%);
	background: -o-linear-gradient(top,  #24417b 0%,#24417b 50%,#24417b 51%,#24417b 100%);
	background: -ms-linear-gradient(top,  #24417b 0%,#24417b 50%,#24417b 51%,#24417b 100%);
	background: linear-gradient(top,  #24417b 0%,#24417b 50%,#24417b 51%,#24417b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24417b', endColorstr='#24417b',GradientType=0 );
	border: 0px solid #24417b;
	color: #ffffff;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #8f298d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f298d), color-stop(50%,#8f298d), color-stop(51%,#8f298d), color-stop(100%,#8f298d));
	background: -moz-linear-gradient(top,  #8f298d 0%, #8f298d 50%, #8f298d 51%, #8f298d 100%);
	background: -webkit-linear-gradient(top,  #8f298d 0%,#8f298d 50%,#8f298d 51%,#8f298d 100%);
	background: -o-linear-gradient(top,  #8f298d 0%,#8f298d 50%,#8f298d 51%,#8f298d 100%);
	background: -ms-linear-gradient(top,  #8f298d 0%,#8f298d 50%,#8f298d 51%,#8f298d 100%);
	background: linear-gradient(top,  #8f298d 0%,#8f298d 50%,#8f298d 51%,#8f298d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f298d', endColorstr='#8f298d',GradientType=0 );
	border: 0px solid #8f298d;
	color: #ffffff;
}
.button a, .button-strip a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip-active a{
	color: #ffffff;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 0px solid #24417b;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #009ecc;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #ffffff;
	color: #009ecc;
}
.widget_tab:hover, .widget_tab_selected{
	background: #009ecc;
	color: #ffffff;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #b0b0b0;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #009ecc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ecc), color-stop(50%,#009ecc), color-stop(51%,#009ecc), color-stop(100%,#009ecc));
	background: -moz-linear-gradient(top,  #009ecc 0%, #009ecc 50%, #009ecc 51%, #009ecc 100%);
	background: -webkit-linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: -o-linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: -ms-linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ecc', endColorstr='#009ecc',GradientType=0 );
	color: #ffffff;
}
.vtab{
	font-weight: normal;
	background: #009ecc;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#009ecc), color-stop(50%,#009ecc), color-stop(51%,#009ecc), color-stop(100%,#009ecc));
	background: -moz-linear-gradient(-90deg,  #009ecc 0%, #009ecc 50%, #009ecc 51%, #009ecc 100%);
	background: -webkit-linear-gradient(-90deg,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: -o-linear-gradient(-90deg,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: -ms-linear-gradient(-90deg,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: linear-gradient(-90deg,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	color: #ffffff;
}
.vtab:hover, .vtab_selected{
	background: #ededed;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#ededed), color-stop(50%,#ededed), color-stop(51%,#ededed), color-stop(100%,#ededed));
	background: -moz-linear-gradient(-90deg,  #ededed 0%, #ededed 50%, #ededed 51%, #ededed 100%);
	background: -webkit-linear-gradient(-90deg,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	background: -o-linear-gradient(-90deg,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	background: -ms-linear-gradient(-90deg,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	background: linear-gradient(-90deg,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #009ecc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ecc), color-stop(50%,#009ecc), color-stop(51%,#009ecc), color-stop(100%,#009ecc));
	background: -moz-linear-gradient(top,  #009ecc 0%, #009ecc 50%, #009ecc 51%, #009ecc 100%);
	background: -webkit-linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: -o-linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: -ms-linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	background: linear-gradient(top,  #009ecc 0%,#009ecc 50%,#009ecc 51%,#009ecc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ecc', endColorstr='#009ecc',GradientType=0 );

	color: #ffffff;
	border-right: 0px solid #f5f5f5;
	border-left: 0px solid #f5f5f5;
	border-top: 0px solid #f5f5f5;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.tab:hover, .tab_selected, .navbar-top .open>a, .navbar-top>div>ul>li>a:hover, .navbar-top a.current, .navbar-top>div>ul>li>a:focus{
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(50%,#ededed), color-stop(51%,#ededed), color-stop(100%,#ededed));
	background: -moz-linear-gradient(top,  #ededed 0%, #ededed 50%, #ededed 51%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	background: linear-gradient(top,  #ededed 0%,#ededed 50%,#ededed 51%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #ffffff;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.tab-bar{
	border-bottom: 1px solid #f5f5f5;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/rmlib/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #ffffff;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.widgetheader{
	color: #5d5d5d;
	font-weight: bold;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.widgetbody{
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #009ecc;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #009ecc;
	border-color: #009ecc;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #009ecc;
}
.polaris-nav-active i{
	color: #009ecc;
}
.widgetbody hr{
	color: #b0b0b0;
	background-color: #b0b0b0;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #b0b0b0;
}
.bottomrule{
	border-bottom: 1px solid #b0b0b0;
}
.bodytext{color: #212121;}
.headingtext{color: #009ecc;}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* target a div to allow a content block to go full width */
#body>div>.amh-row>div#idQXbwR.amh-block>.amh-content {
    max-width: 100%;
}

#body>div>.amh-row>div#idTx959.amh-block>.amh-content {
    display: none;
}

/* updated body font to Open Sans 10/22 - jessica) */
body {
  font-family: Open Sans, "Trebuchet MS", Arial;
  font-size: 16px;
   	font-weight: 400;
}

html {
  padding: 0;
}

h1, .heading1 {
	color: #5d5d5d;
	font-family: 'Open Sans', sans-serif;   
	text-transform: uppercase;
	font-size: 35px; 
	letter-spacing: 1px;
	font-weight: 800;
}
  
h2, .heading2 {
	color: #009ECC;
	font-family: 'Open Sans', sans-serif;
  	text-transform: uppercase;
	font-size: 24px; 
 	letter-spacing: .5px;
	font-weight: 800;
}

h3, .heading3 {
	color: #2b60a1;
	font-family: 'Open Sans', sans-serif;
  	text-transform: uppercase;
	font-size: 18px; 
 	letter-spacing: .5px;
	font-weight: 800;
}

h4, .heading4 {
	color: #1e4c6f;
	font-family: 'Open Sans', sans-serif;
  	text-transform: uppercase;
	font-size: 18px; 
 	letter-spacing: .5px;
	font-weight: 800;
}

h5, .heading5, h6, .heading6 {
     font-family: Open Sans, "Trebuchet MS", Arial;
    font-weight:500;
  padding: unset;
}

/*custom styles*/
/*use on friends page, newsletter page, etc. to enhance view on tablet*/


.custom2 {
  margin: 0 auto;
}

.custom3 {
  margin-top: -40px;
}

.custom4 {
  max-width: 400px;
  margin: 0 auto;
}

@media (min-width:575px) and (max-width:990px){
  .custom5 {
  width: 50%;
}
}


 @media (min-width: 525px) and (max-width:767px){  
.custom6 {
  width: 50%;
  float: left;
}
}

.nowrap {
   white-space: nowrap;
}

hr{
  border-color: #ddd;
}

@media print {
  @page {
    size: 330mm 427mm;
    margin: 14mm;
  }
  .container {
    width: 1170px;
  }
}

/*stay connected*/

.stay-page h3 {
  padding-top: 10px;
}

@media (max-width: 699px) {
.stay-page {
  display: grid;
  }

    .stay-page #hidden-mobile {
  display:none;
  }
  
  .stay-page img {
    display: block;
    margin: 0 auto !important;
}
  .stay-page h3, .stay-page h2, .stay-page p {
    text-align: center !important;
  }
}

/*Kids & Teens Resources*/
@media (max-width: 499px) {
  .resources-mobile p, .resources-mobile h3 {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .resources-mobile p, .resources-mobile h3 {
    text-align: center !important;
  }
}

/*table styling*/
.zebratable tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.zebratable a{
 font-weight: bold;
  text-transform: uppercase;
}

.zebratable {
  margin: 0px 0px 10px 0px; 
}

.zebralist li:nth-child(even) {
  background-color: #f5f5f5;
}

.zebralist li {
  padding-left: 40px;
}

.zebratable .fa-file-pdf {
  padding-left: 3px;
  display: inline;
}

.zebratable2 tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.zebratable2 a{
 font-weight: bold;
  text-transform: uppercase;
}

.zebratable2 {
  margin: 0px 0px 10px 0px;
}

@media only screen and (max-width: 800px) {
.hidetd2 td:nth-child(2) {
    display:none;
  }
}
/*end*/

/*detail toggle styling*/
.acc-det summary{
  font-weight: bold;
  text-transform: uppercase;
  color: #009ECC;
}

.acc-det summary:hover{
  color: #8f298d;
  text-decoration: underline;
}

.acc-det details > summary {
  padding: 4px;
  border: none;
  cursor: pointer;
}

.acc-det details > p {
  padding: 4px 0px;
  margin: 0;
}

.acc-det-icon {
  text-decoration: none;
}
   
.acc-det details[open] > summary > span > i{
  transform: rotate(180deg);
}
/*toggle styling end*/

/*IS THIS ACTIVE AND NECESSARY CODE???*/
.searchform {
	display:none;
}
.search button.btn {
    width: 23px;
    height: 23px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(https://rmlib.libnet.info/images/tile/rmlib/search.png) no-repeat center;
    float: right;
    width: 20%;
}
.search input, .search button {
    border: none;
    float: left;
    background: #24417b;
    color: white;
    text-align: center;
}
.search input::placeholder {
    color: white; 
}
fieldset.search {
    position: relative;
    top: 3px;
    border: 1px inset;
    margin: 0 auto;
    background: url(https://rmlib.libnet.info/images/tile/rmlib/search_bg.png) repeat top left;
}
#idAbTKw {
  margin-top: 20px; 
  border-top: 2px solid #ffffff;
}

#mce_0,#mce_24,#idOf4BV {
	background: transparent !important;
}
#idOf4BV {
	padding-top: 2em;
}
#body > div {
   
    border-top: 0;
    padding-bottom: 0px;
    background: #fff;
    z-index: 1;
}
/*END???*/

/*search widget*/
.links-container-top {
      padding: 0 0 0 8px;
      margin: 0 0 12px 0;
      list-style: none;
      text-align: left;
}
.pull-right {
  float: right;
}
.header-search {
  max-width: 422px;
  width: 100%;
  margin: 12px auto 0 auto;
}
.links-container-top li {
float: left;
}

#searchterm {
  box-sizing: border-box;
  height: 42px;
  width: 100%;
  border: 2px solid #24417b;
  margin: 0px;
  padding: 4px 42px 4px 8px;
  color: #555;
  background-color: #FFF;
  vertical-align: top;
  font-size: 18px;
  border-radius: 0px 0 0 0px;
}
.searchbar button.searchsubmit{
  width: 42px;
  position: absolute;
  right: 0;
  display: inline-block;
  background-color: #24417b;
  border: 0;
  font-size: 20px;
  line-height: 42px;
  height: 42px;
  margin-left: 0px;
  top: 22px;
}
.expandsearchform {
    line-height: 40px;
    font-size: 34px;
    text-align: center;
    cursor: pointer;
    color: #24417b;
}

/*fa fa-search formating on search widget (jessica)*/
.submitbutton {
  width: 40px;
  position: absolute;
  top: 22px;
  right: 0;
  display: inline-block;  
  font-size: 18px;
  text-align: center;
  background-color: #24417b;
  color: #ffffff;
  line-height: 42px;
  height: 42px;
  width: 42px;
  margin-left: 0px;
}

/*NAVIGATION IS THIS ALL NECESSARY*/
.navbar {
  float: right;
  display: block;
  font-family: Open Sans, "Trebuchet MS", Arial;
  font-size: 22px;
  letter-spacing: .25px;
  font-weight: 500;
  border: none;
}

.navbar-top>div>ul>li>a:hover {
  color: #ffffff;
}

.navbar-top a.current {
  text-decoration: underline;
}

.nav-list>li>a {
 width: 100% !important;
}

.navbar-top .navbar-nav > li > a {
  text-transform: uppercase;
  padding: 18px 15px;
}

.dropdown-menu>li>a {
  color: #454545 !important;
}

#navbar-collapse-grid > ul > li > ul > li > div > ul > li > p > span {
    color: #009ECC;
    font-family: Open Sans, "Trebuchet MS", Arial;  
  letter-spacing: 0px;
    font-size: 20px;
    font-weight: 700;
}

#navbar-collapse-grid > ul > li > ul > li > div > ul > ul > li > a,#navbar-collapse-grid > ul > li > ul > li > div > ul > li > a {
    height: auto;
    margin: 0px;
    font-family: Open Sans, "Trebuchet MS", Arial;
  letter-spacing: 0px;
    font-size: 20px;
    font-weight: 400;
    color: #454545;
}

#navbar-collapse-grid a:hover {
  text-decoration: underline;
cursor: pointer;
}

#body > div > div.ammev-reservation-container.container {
	max-width: 950px !important;
}

.ammev-login-small {
text-align: center;
margin-bottom: 1em;
padding-top: 1em;
}

#navbar-collapse-grid > ul > li:nth-child(n) > a {
	background: #ffffff00;
}

#navbar-collapse-grid > ul > li > a > i {
	display: none;
}

  .nav-list > li > p {
    padding: 3px 10px 3px 20px;
}

#navbar .fas {
    color:#555555;
  font-size: .75em;
}
/*END???*/

/*show dropdown on hover*/
@media (min-width: 768px){
  .dropdown:hover > .dropdown-menu { 
  	display: block; 
}  
  .dropdown-menu li div ul {
    width: 50%;
    margin-bottom: 10px;
}
  .nav-list>li>a {
 width: 200% !important;
}
}
  
#navbar-collapse-grid > ul > li > ul {
	background: #ffffff;
    text-align: left;
    font-family: Open Sans, "Trebuchet MS", Arial;
    font-size: 18px;
    font-weight: 400;
    padding: 5px;
    padding-left: 0px;
    opacity: 0.95;

}

#idkBcKQ > div > div {
  display: none;
}

/* Hide Home Nav Link */
#header .nav > li:nth-of-type(2) {
  display: none; 
}

/*MEDIA QUERIES*/
@media only screen and (max-width: 800px) {
  #navbar > div > div.navbar-header.visible-xs.nav-mobile > div {
  		display:none;
  }
      [id="\31 4793"] {
        width: 95%;
        float: unset;
        margin-top: 1em;
        display: block;
        text-align: center;
        margin: auto;
    }
  
 .btn.btn-primary.dropdown-toggle {
    font-size: 15px;
    width: 90px;
}

ul.list-unstyled.nav-list {
  padding-bottom: 10px;
}  
  
.navbar-top .navbar-nav > li > a {
    padding: 10px 16px;
  }
  
     .navbar-top {
    width: 100%;
  }
.nav-mobile{
  padding-right: 20px;
  }
.navbar {
  font-size:18px;
  font-weight:600;
  }
  .navbar-top .navbar-collapse {
    width: flex;
    padding: 0px 16px;
  }
  .navbar-nav {
    margin: 0px -15px;
}
  #navbar-collapse-grid > ul > li > a > i {
  display: inline !important;
  padding-bottom: 10px;
}
  #id4ZfLK {
    text-align: center;
  }
}
/*end navigation styling */

/*HEADER*/
@media (max-width: 991px) {
  .header-left, .header-right {
  text-align: center !important;
  }
  .header-right {
    padding-bottom: 15px;
}
  [id="\31 4793"] {
  float: none;
    margin:0 auto;
}
}

@media (min-width: 992px) {
  .header-logo {
    text-align: left;
    width: 77%;
}
  
  .header-left {
    text-align: left !important;
  }
  
  
  .header-right {
    text-align: right !important;
}
}

@media (width: 991px) {
  #pagenav {
    display:none !important;
  }
} 

/*FOOTER*/
.footer-news {
  max-width: 600px;
  margin: 0 auto;
}

.footer-news h4 {
  padding-top: 20px;
}

@media (max-width: 700px) {
.footer-news {
  display: grid;
  }
  
  .footer-news #hidden-mobile {
  display:none;
  }
  
  .footer-news img {
    display: block;
    margin: 0 auto !important;
}
  .footer-news h4, .footer-news p {
    text-align: center !important;
  }
}

div#idVXCag:hover {
  background-color: #C9E9EC !important;
}

div#idVXCag a:focus {
  outline-offset: -2px;
}

#footer {
  margin: 0px auto !important;
	background: #f5f5f5 !important;
  overflow-x: hidden;
}

#footer a {
  color: #535353 !important;
  font-weight: 500;
}

#footer a:hover {
  text-decoration: underline 1px;
}

/* communico footer*/

.sr-only {
  background-color: inherit;
}

#default_footer, #default_footer a {
    color: #454545 !important;
	 display: none;
  }

#footer p {
	font-family: Open Sans, 'Trebuchet MS', Arial;
    color: #585858;
    text-align: left;
    letter-spacing: 0em;
    margin: 2px;
    padding-bottom: 1px;
}

#footer .heading4 {
  font-size: 21px; 
  font-weight: 700;
  color: #0071b8; 
  text-transform: uppercase;
}

/*
#footer a:hover {
  text-decoration: underline;
  text-decoration-color: #454545;
}
*/
/* Widget Title (jessica) */
.widgetheader {
  text-transform: uppercase;
  font-size: 28px; 
  letter-spacing: .5px;
  font-weight: 800;
}

/* Widget Subheading (jessica) */
.widgetheader {
  text-transform: uppercase;
  font-size: 30px; 
  letter-spacing: 1px;
  font-weight: 800;
}

.inline {
  display: inline-block;
}

.widgetheader {
  line-height: 100%;
}

.closedmsg {
  color: FireBrick;
}

/*upcoming events widget height on home page jessica*/
a.eventRegButton {
   font-weight: 600;
}

@media (min-width: 1025px) {
.eventRegButton:after {
    display: inline-block;
    padding-left: .75em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f245";
    transform: rotate(-15deg);
}
  }

@media (max-width: 1024px) {
.eventRegButton:after {
    display: inline-block;
    padding-left: .75em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f25a";
    transform: rotate(-15deg);
}
  }

#idItNMj .amev-event-list{
    height: auto;
}

#idItNMj .eventRegButton{
  display:none;
}

#idItNMj hr { margin: 10px 0 5px 0; !important}

#idItNMj .amev-all-events-link{
  display:none;
}

#idPy9HI .amev-event-list, #idKPKAf .amev-event-list, #idItNMj .amev-event-list, #idj9S2d .amev-event-list, #idmONgK .amev-event-list {overflow: hidden; /* Hide scrollbars */
}
/*START HERE REVIEW???*/
/*upcoming events widget on friends page & board page jessica*/
#idKPKAf .amev-all-events-link, #idj9S2d .amev-all-events-link{
  display:none;
}

#idKPKAf .amev-event-list, #idj9S2d .amev-event-list{
    height: auto;
}

#idKPKAf .amev-event-title > a, #idj9S2d .amev-event-title > a {
  font-size: .9em;
}

#idKPKAf .amev-event-time.headingtext, #idj9S2d .amev-event-time.headingtext {
  font-size: .9em;
}

/*friends bookshop & sales*/

#idmONgK .amev-all-events-link{
  display:none;
}

#idmONgK .amev-event-list{
    height: auto;
}

#idmONgK .amev-event-title > a {
  font-size: .9em;
}

#idmONgK .amev-event-time.headingtext {
  font-size: .9em;
}

/*friends support & donate*/

#idpdiB9 .amev-all-events-link{
  display:none;
}

#idpdiB9 .amev-event-list {overflow: hidden; /* Hide scrollbars */
}

#idpdiB9 .amev-event-list{
    height: auto;
}

#idpdiB9 .amev-event-title > a {
  font-size: .9em;
}

#idpdiB9 .amev-event-time.headingtext {
  font-size: .9em;
}

/*upcoming events widget height on youth page jessica*/
#id5hjIb .amev-event-list{
    height: auto;
}

#id5hjIb .eventRegButton{
  display:none;
}

#id5hjIb hr { margin: 10px 0 5px 0; !important}

#id5hjIb .amev-all-events-link{
  display:none;
}

#id5hjIb .amev-event-list {overflow: hidden;}
Hide scrollbars

#id5hjIb .amev-event-title > a {
    font-size: 1.1em;
}
Hide scrollbars */
/*resources by subject events*/
#idPy9HI .amev-all-events-link, .eeeventall, #idLaVGI .amev-all-events-link, #idQQIMV .amev-all-events-link, #idcRskK .amev-all-events-link, #idJ6SsM .amev-all-events-link, #idDfasm .amev-all-events-link, #idZEXcc .amev-all-events-link, #id7aOjr .amev-all-events-link {
  display: none;
}

#idLaVGI .amev-event-list, #idQQIMV .amev-event-list, #idcRskK .amev-event-list, #idJ6SsM .amev-event-list, #idDfasm .amev-event-list, #idZEXcc .amev-event-list, #id7aOjr .amev-event-list {overflow: hidden; /* Hide scrollbars */
}

#idPy9HI .amev-event-list, #idLaVGI .amev-event-list, #idQQIMV .amev-event-list, #idcRskK .amev-event-list, #idJ6SsM .amev-event-list, #idDfasm .amev-event-list, #idZEXcc .amev-event-list, #id7aOjr .amev-event-list {
    height: auto;
}

#idPy9HI .amev-event-title > a, #idLaVGI .amev-event-title > a, #idQQIMV .amev-event-title > a, #idcRskK .amev-event-title > a, #idJ6SsM .amev-event-title > a, #idDfasm .amev-event-title > a, #idZEXcc .amev-event-title > a, #id7aOjr .amev-event-title > a {
    font-size: 1.1em;
}

#idPy9HI .amev-event-data .eventRegButton, #idLaVGI .amev-event-data .eventRegButton, #idQQIMV .amev-event-data .eventRegButton, #idcRskK .amev-event-data .eventRegButton, #idJ6SsM .amev-event-data .eventRegButton, #idDfasm .amev-event-data .eventRegButton, #idZEXcc .amev-event-data .eventRegButton, #id7aOjr .amev-event-data .eventRegButton {
  width: 75%;
}


#id7aOjr .amev-picture-event-outer-container .eventRegButton {
  width: 50%;
  margin-right: auto !important;
}

#idPy9HI .amev-picture-event-outer-container .eventRegButton, #idLaVGI .amev-picture-event-outer-container .eventRegButton, #idQQIMV .amev-picture-event-outer-container .eventRegButton, #idcRskK .amev-picture-event-outer-container .eventRegButton, #idJ6SsM .amev-picture-event-outer-container .eventRegButton, #idDfasm .amev-picture-event-outer-container .eventRegButton, #idZEXcc .amev-picture-event-outer-container .eventRegButton {
  width: 30%;
  margin-right: auto !important;
}

@media (max-width: 600px) {
#idPy9HI .amev-event-data .eventRegButton, #idLaVGI .amev-event-data .eventRegButton, #idQQIMV .amev-event-data .eventRegButton, #idcRskK .amev-event-data .eventRegButton, #idJ6SsM .amev-event-data .eventRegButton, #idDfasm .amev-event-data .eventRegButton, #idZEXcc .amev-event-data .eventRegButton, #id7aOjr .amev-event-data .eventRegButton {
  width: 100%;
}
#idPy9HI .amev-picture-event-outer-container, #idLaVGI .amev-picture-event-outer-container, #idQQIMV .amev-picture-event-outer-container .eventRegButton, #idcRskK .amev-picture-event-outer-container .eventRegButton, #idJ6SsM .amev-picture-event-outer-container .eventRegButton, #idDfasm .amev-picture-event-outer-container .eventRegButton, #idZEXcc .amev-picture-event-outer-container .eventRegButton, #id7aOjr .amev-picture-event-outer-container .eventRegButton {
    width: 100%;
  }
  
#idPy9HI .amev-event-image-and-regbutton, #idLaVGI .amev-event-image-and-regbutton, #idQQIMV .amev-event-image-and-regbutton, #idcRskK .amev-event-image-and-regbutton, #idJ6SsM .amev-event-image-and-regbutton, #idDfasm .amev-event-image-and-regbutton, #idZEXcc .amev-event-image-and-regbutton, #id7aOjr .amev-event-image-and-regbutton {
     width: 100%;
    padding: 3%;
  }
}

@media (min-width:400px) and (max-width:600px){
#idPy9HI .amev-event-image-and-regbutton, #idLaVGI .amev-event-image-and-regbutton, #idQQIMV .amev-event-image-and-regbutton, #idcRskK .amev-event-image-and-regbutton, #idJ6SsM .amev-event-image-and-regbutton, #idDfasm .amev-event-image-and-regbutton, #idZEXcc .amev-event-image-and-regbutton, #id7aOjr .amev-event-image-and-regbutton {
     width: 100%;
    padding: 9%;
  }
}

.headingtext {color: #0b7fa2;}

/* only add if in sidebar
#id7aOjr .amev-event-title > a {
  font-size: .9em;
}

#id7aOjr .amev-event-time.headingtext {
  font-size: .9em;
}
*/

/*home page today's hours widget*/
#idoSDQZ .date, #idXECV6 .date {
  text-align: left !important;
   padding: 7px !important;
  margin: 5px 0px;
  font-size: 13px !important;
}

/*about page map hide horizontal lines*/
#id8V65h hr { display:none;
}

#id8V65h .closedmsg {
  padding-bottom: 20px;
}

#id8V65h .headingtext {
  font-weight: 700;
  color: #444444;
}

/*hide slideshow pagnation on mobile*/
@media only screen and (max-width: 800px) {
#idGUs9C .slider-pager, #idiB3Jj .slider-pager {
  display:none;
}
}

.slider-pager {
  color: #5d5d5d;
}

.cycle-pager-active {
	-webkit-text-stroke: 3px #5d5d5d;
  color: #ffffff;
}
  

/*recommended reads styling*/
.ambl-show > div img {
    margin: 2%;
    border: none;
    box-shadow: grey 5px 5px 3px;
}

.ambl-show > div img:hover {
    margin: 2%;
    border: none;
    outline: 3px solid #444444;
  outline-offset: 3px;
  box-shadow: none;
}

.ambl-catlist {
      background-color: rgba(0, 158, 204, 0.9);
}

/*slideshow news rotators and recommended reads rotators arrows*/
@media (max-width: 768px) {
.ambl-events-slideshow-button, .slideshow-button {
  opacity: 100%;
}

.slideshow-right {
  right: 0px;
}
  
  .slideshow-left {
    left: 0px;
  }
}

/* unknown affect*/

#body > div > div.ammev-reservation-container.container {
	max-width: 950px !important;
}

/*NEW section menu accordion*/
#accordionmenu2 {
	background: #f2f2f2;
	width: 95%;
	margin: 3% auto;
	color: #454545;
}

#accordionmenu2 h3 {
	background: #2b60a1;
}

#accordionmenu2 h3 a {
	padding: 0px 20px 0px 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

#accordionmenu2 i {
	margin-right: 10px;
}

#accordionmenu2 li {
	list-style-type: none;
}

#accordionmenu2 ul {
	padding-inline-start: 0px !important;
}

#accordionmenu2 ul ul li a {
	color: #454545;
	text-decoration: none;
	font-size: 18px;
	line-height: 40px;
	display: block;
	padding: 0px 0px 0px 20px;
	transition: all 0.15s;
	position: relative;
}

#accordionmenu2 li.heading {
	color: #009ecc;
	text-transform: uppercase;
    font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	display: block;
	padding: 0 0px 0px 20px;
    padding-top: .5em;
	position: relative;
}

#accordionmenu2 ul ul li:last-child {
  padding-bottom: .75em;
}

#accordionmenu2 ul ul li:first-child {
  padding-top: .75em;
}

#accordionmenu2 ul ul li a:hover {
	background: #dddddd;
	text-decoration: underline;
}

#accordionmenu2 ul ul {
	display: none;
}

#accordionmenu2 ul ul ul {
	background: #ffffff;
	text-indent: 20px;
}

#accordionmenu2 h3 a:after {
  content: "+";
  font-size: 1.5em;
  float: right;
    transition: transform 0.3s ease-in-out;
}

#accordionmenu2 .activemenu2 > h3 a:after {
  content: "+";
  font-size: 1.5em;
  transform: rotate(-225deg);
  float: right;
}

#accordionmenu2 a:not(:only-child):after {
	content: "\f0d7";
	font-family: fontawesome;
	position: absolute;
	padding: 7px 0px 0px 7px;
	top: 0;
	font-size: 18px;
	color: #454545;
}

#accordionmenu2 .activemenu2 > a:not(:only-child):after {
	content: "\f0d8";
}

#accordionmenu2 .activemenu2 > a:not(:only-child) {
	text-decoration: underline;
	background: #fafafa;
}

/*section menu accordion end*/

/*Menu 3 accordion*/
#accordionmenu3 {
	width: 93%;
	margin: 2% auto;
}

#accordionmenu3 h4 {
	background: #2b60a1;
      padding-bottom: 0px !important;
  padding-top: 0px !important;
}

#accordionmenu3 h4 a {
	padding: 0px 20px 0px 20px;
	font-size: 15px;
	font-weight: 700;
	line-height: 50px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

#accordionmenu3 li {
	list-style-type: none;
}

#accordionmenu3 ul {
	padding-inline-start: 0px !important;
}

#accordionmenu3 ul ul {
	display: none;
}

#accordionmenu3 ul ul ul {
	text-indent: 20px;
}

#accordionmenu3 .activemenu3 > h4 {
  background: #8f298d;
}

#accordionmenu3 h4 a:hover {
  background: #8f298d;
  text-decoration: underline;
}

#accordionmenu3 h4 a:after {
  content: "+";
  font-size: 1.5em;
  float: right;
    transition: transform 0.3s ease-in-out;
}

#accordionmenu3 .activemenu3 > h4 a:after {
  content: "+";
  font-size: 1.5em;
  transform: rotate(-225deg);
  float: right;
}

#accordionmenu3 ul ul {
  padding-top: .75em;
}

#accordionmenu3 a:focus {
  box-shadow: none;
}

/*Menu 3 accordion end*/

/*ACCESSIBLE accoridon widget policy page*/
.content-container {
  max-width: 740px;
  margin: 20px auto;
}

.eqd-accordion__heading {
  margin-bottom: 0;
}

.eqd-accordion__button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  justify-content: normal;
  text-align: left;
  padding: 0;
  color: #1b1b1b;
  background-color: #f0f0f0;
  background-image: url(https://equalizedigital.com/wp-content/uploads/2024/07/minus.svg),
    linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 1.5rem;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin: 0;
  padding: 1rem 3.5rem 1rem 1.25rem;
  text-decoration: none;
  width: 100%;
}

.eqd-accordion__button[aria-expanded="false"],
.eqd-accordion__button[aria-expanded="false"]:hover {
  background-image: url(https://equalizedigital.com/wp-content/uploads/2024/07/plus.svg),
    linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
}

.eqd-accordion__button[aria-expanded="false"] {
  background-size: 1.5rem;
}

.eqd-accordion__content {
  color: #1b1b1b;
  background-color: #fff;
  margin-top: 0;
  overflow: auto;
  padding: 1rem 1.25rem calc(1rem - 0.25rem);
  font-size: 1.06rem;
  line-height: 1.5;
  border-bottom: 0.25rem solid #f0f0f0;
  border-left: 0.25rem solid #f0f0f0;
  border-right: 0.25rem solid #f0f0f0;
}
/*end*/


/*NEW accoridon widget policy page*/

.acc-heading {
  text-decoration: none;
}
.acc-btn:focus {
	outline-width: 5px;
	outline-color: orange;
	outline-offset: 2px;
	box-shadow: 0 0 0px 2px white;
}

.acc-btn {
    line-height: 2.5em;
  width: 100%;
}

.new-accordion {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.accordion-item {
  position: relative;
}

.accordion-item.active .acc-btn {
  background: #8f298d;
  color: #ffffff;
  transition: .3s ease-in-out;
}
.accordion-item .acc-btn {
  display: block;
  text-transform: uppercase;
  color: #585858;
  background: #f5f5f5;
  font-weight: 700;
  position: relative;
  padding: 1.5rem;
  padding-left: 1.5em;
  line-height: 2.5em;
  width: 100%;
  text-align: left;
  border-width: 0px;
}

.accordion-item .acc-btn:hover {
  background: #8f298d;
  color: #ffffff;
  text-decoration: underline;
}

.acc-content {
  display: none;
}
.acc-content p {
  margin-top: 0;
  padding: .25em 2em;
}
@media (min-width: 40rem) {
  .acc-content {
    line-height: 1.5em;
  }
}

.acc-btn:before {
  content: "+" / "";
  font-size: 1.5em;
  line-height: 1.5em;
  float: right;
  transition: transform 0.3s ease-in-out;
}

.active .acc-btn:before {
  transform: rotate(-225deg);
  transition: transform 0.3s ease-in-out;
}

.acc-content ol li {
  margin-bottom:5px;
  margin-top:5px;
}

.acc-content ul li {
  margin-bottom:5px;
  margin-top:5px;
}

@media (max-width: 768px){
.acc-btn {
    font-size: 14px !important;
}
    .acc-btn {
    line-height: 1.75em !important;
}
  .acc-btn:before {
      line-height: 1em;
  }
  /*needed???
 ol, ul { 
   padding: 0 0 0 12%;
  }
  */
}

/*NEW accordion end*/
/*Job listing accordion*/
.fa-li {
	left: -1.75em;
  	top: 0em;
  	color: #0071B8;
}
/**end**/
/*button styling*/
button.button.pull-right{
  margin: 3% 0% 3% 0% !important;
  float: left !important;
}
.button {
  font-family: 'Open Sans', san-serif;   
	text-transform: uppercase;
	font-size: 15px; 
	font-weight: 400;
  padding: 10px 15px;
}

.button:hover {
  text-decoration: underline !important;
}

#idNDINY button.button.pull-right {
  font-family: 'Open Sans', san-serif;   
	text-transform: uppercase;
	font-size: 18px; 
	font-weight: 400;
  	padding: 10px 20px;
}

/*end button styling*/
  
/*fix button styling conflict with como search styling*/
button.btn.btn-primary.reg-btn {
 border-radius: 4px 4px 4px 4px;
}

/*images on newsletter page put id="responsive-image" on any other images*/
#responsive-image, #resource-image { max-width: 100%;  height: auto; 
} 

@media (max-width:575px) { 
  #center-image {
  width: 100%;
 margin-left: auto; margin-right: auto;
}
}

.outline-hover:hover {
  outline: 2px solid #5d5d5d;
}

#image-row {display: inline-flex}

#top-margin { margin-top: -5px; height: 25px; width: 25px;}

#top-margin2 { margin-top: -5px; height: 35px; width: 35px;}

#top-margin3 { margin-top: 0px; width: 35px;}

#top-margin4 { margin-top: -5px; width: 50px; height: auto;}

#top-margin5 { margin-top: 0px; width: 70px; height: auto;}

#resource-icon { margin: 15px 5px -15px 5px; max-width: 100%;  height: auto;}

#resource2-icon { margin: 25px 5px -15px 5px; width: 150px;  height: auto;}

.book-shelf {
      margin: 2%;
    border: none;
    box-shadow: grey 5px 5px 3px;
}

.book-shelf:hover {
  outline: 3px solid #888888;
  outline-offset: 3px;
  box-shadow: none;
}

.book-shelf2 {
      margin: 2%;
    border: none;
    box-shadow: grey 5px 5px 3px;
}


.book-shelf3:hover {
  outline: 2px solid #444444;
  outline-offset: 1px;
  box-shadow: none;
}

.book-shelf4 {
      margin: 2%;
    border: none;
    box-shadow: grey -5px -5px 3px;
  	transform: rotate(90deg);
}

.book-shelf4:hover {
  outline: 3px solid #888888;
  outline-offset: 3px;
  box-shadow: none;
}

.gray-hover:hover {
   background-color: #f7f7f7;
}

a:link { text-decoration: none; }

a:hover { text-decoration: underline;
  text-decoration-color: inherit !important;
}

a:visited { text-decoration: none; 
}

a.eventRegButton:visited { color: white; 
}

.navbar-nav>li>a:focus {
	outline: 2px solid white;
  outline-offset: -6px;
  box-shadow: 0 0 0px 2px white;
}

/*form fields styling-jessica*/
.help-block {
  color: #4f4f4f;
}

#field23250_fiction_genre, #field23209_i_am_requesting_the_use_of, #field14738_this_program_is_for, #field15589_reason_for_tour__visit, #field15589_we_are_visiting_the_library_and_also_interested_in, #field17117_grades, #field17117_select_the_preferred_formats, #field17117_select_fiction_genres_or_topics, #field17117_nonfiction_genres_or_topics {
  display: none
}

#field23250_western, #field23250_thriller, #field23250_science_fiction, #field23250_romance, #field23250_pop_fiction, #field23250_mystery, #field23250_literary_fiction, #field23250_inspirationalbiblical, #field23250_horror, #field23250_historical_fiction, #field23250_gentle_reads, #field23250_fantasy, #field23250_crime, #field23250_cozy_mystery, #field23250_, #field23250_adventure, #field23209_white_board_amp_markers, #field23209_music_stand, #field23209_lectern, #field23209_wireless_microphone, #field23209_microphone, #field23209_projector_with_kit, #field23209_kitchenette, #field23209_piano, #field14738_adults, #field14738_teens, #field14738_children, #field14738_families {
  margin-left: 35px;
}

#field15589_presentation_on_a_topic, #field15589_instructional_tutorials, #field15589_research_help, #field15589_booktalks, #field15589_game_or_activity, #field15589_scavenger_hunt {
    margin-left: 35px;
}

#field17117_prek, #field17117_kindergarten, #field17117_1st, #field17117_2nd, #field17117_3rd, #field17117_4th, #field17117_5th, #field17117_6th, #field17117_7th, #field17117_8th, #field17117_picture_books, #field17117_early_readers, #field17117_chapter_books, #field17117_graphic_novels, #field17117_wonder_books, #field17117_audio_book_cds, #field17117_adventure, #field17117_animals, #field17117_books_in_verse, #field17117_fantasy, #field17117_friendship, #field17117_growing_up, #field17117_historical_fiction, #field17117_horror, #field17117_humor, #field17117_mystery, #field17117_poetry, #field17117_school, #field17117_science_fiction, #field17117_if_other_genre_please_specify, label[for="field17117_if_other_genre_please_specify"], #field17117_adventure_, #field17117_animals_, #field17117_biographymemoir, #field17117_current_events, #field17117_history, #field17117_humor_, #field17117_interesting_facts, #field17117_pop_culture, #field17117_science, #field17117_sports, #field17117_survival, #field17117_if_other_topic_please_specify, label[for="field17117_if_other_topic_please_specify"] {
  margin-left: 40px;
}

#idpJeZY .help-block, #idltksY .help-block, #id3Qrnh .help-block {
    margin-left: 50px;
  margin-top: -5px;
}

label[for="field15589_presentation_on_a_topic"], label[for="field15589_instructional_tutorials"], label[for="field15589_research_help"], label[for="field15589_booktalks"], label[for="field15589_game_or_activity"], label[for="field15589_scavenger_hunt"] {
  color: #666666;
}
    
.cycle-slide cycle-slide-active {
  width: 100%;
}

/*accordion ids' unhide*/
    #id:target{
        display:block;
    }
/* end css */

/* nested accordion widget styles-works for all accordion widgets */
#idKIgL7 .wtitle.button, #idQ6wiD .wtitle.button, #idYP86m .wtitle.button, #idQJqaZ .wtitle.button, #id4dTgt .wtitle.button, #idNDINY .wtitle.button, #id22VMx .wtitle.button, #idJTssD .wtitle.button{
  padding: 10px 15px;
  font-size: 18px;
}

#idKIgL7 .genintro, #idQ6wiD .genintro, #idYP86m .genintro, #idQJqaZ .genintro, #idNDINY .genintro, #id22VMx .genintro, #id4dTgt .genintro, #idJTssD .genintro{
  padding-top: 15px
}

.wtitle {
  margin-bottom: 3px;
}

#idKIgL7 .wtitle, #idQ6wiD .button, #id22VMxz .wtitle, #idYP86m .wtitle.button, #idQJqaZ .wtitle, #id22VMx .wtitle, #idJTssD .wtitle {
  margin-bottom: 0px;
}

#idKIgL7 .button, #idQ6wiD .button, #idYP86m .button, #idQJqaZ .button, #id22VMx .button, #idNDINY .button, #id4dTgt .button, #idJTssD .button{
  border: 5px solid #24417b;
}

.wtitle:before {
  content: "+";
  font-size: 1.5em;
  line-height: 1em;
  float: right;
    transition: transform 0.3s ease-in-out;
}

.wtitle.button.button_open:before {
  content: "+";
  font-size: 1.5em;
  line-height: 1em;
  transform: rotate(-225deg);
  float: right;
}

.emailform, .genintro {
  padding: 0% 3% 0% 3%;
}

.div-background {
        border: 2px solid #009ECC;
  border-top: none;
    }

#idlVtYb .button:hover, .button_open {
  background: #009ECC;
  border: 5px solid #009ECC;
}

#idKIgL7 .button:hover, #idQ6wiD .button:hover, #idYP86m .button:hover, #idQJqaZ .button:hover, #id22VMx .button:hover, #id4dTgt .button:hover, #idNDINY .button:hover, #idJTssD .button:hover, .button_open {
  background: #8f298d;
  border: 5px solid #8f298d;
}

#idcD5G8 .button:hover, #id8aIRM .button:hover, #ideXbGw .button:hover, .button_open {
  background: #8f298d !important;
  border: 5px solid #8f298d !important;
  color: #ffffff !important;
}

#ideXbGw .button {
   background: #f5f5f5;
  color: #585858;
  font-weight: 700;
  border: 5px solid #f5f5f5;
}

#id8aIRM .button, #idcD5G8 .button {
   background: #f5f5f5;
  color: #585858;
  border: 5px solid #f5f5f5;
}

#ideXbGw .wtitle.button{
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
}

#id8aIRM .wtitle.button, #idcD5G8 .wtitle.button {
  padding: 15px 15px;
  font-size: 16px;
  font-weight: 700;
}

#eef5174eb8afe03f543acb18d3fca949 {
  padding: 10px;
}

#eef5174eb8afe03f543acb18d3fca949 .wtitle.button {
  background: #eaeaea;
  color: #424242;
    border: 5px solid #eaeaea;
}

#eef5174eb8afe03f543acb18d3fca949 .button:hover, #eef5174eb8afe03f543acb18d3fca949 .button_open {
  background: #2b60a1 !important;
  color: #ffffff !important;
    border: 5px solid #2b60a1 !important;
}

/* end */

/* accessiblity settings */
/* link page style */
.link-page {
  text-align: start;
  text-indent: -2em;
}

.link-page li {
  list-style-type: none; 
  padding-bottom: 10px;
  padding-top: 15px;
}

.link-page ul>li {
  list-style-type: none; 
  padding-bottom: 0px;
  padding-top: 10px;
}

.link-page ul>li:first-child { 
  padding-top: 0px;
}

.link-page ul>li:last-child { 
  padding-bottom: 15px;
}

.link-single {
  list-style-type: none; 
  padding-bottom: 5px;
}

.link-list li {
  list-style-type: none; 
  padding-bottom: 15px;
  line-height: 0em;
}

.link-list2 li {
  list-style-type: none; 
  padding-bottom: 10px;
  line-height: 2em;
}

.link-list {
  text-align: start;
  text-indent: -3.5em;
}

.link-list2 {
  text-align: start;
  text-indent: -2.5em;
}

ul.link-page, ul.link-list, ul.link-list2 {
  margin-bottom: 0px;
}

.link-page li a, .link-page li, .link-list li a {
  color: #2b60a1;
  font-size: 20px; 
  text-transform: uppercase;
  font-weight: bold;
}

.link-list2 li a {
  color: #0A6C8A;
  font-size: 16px; 
  text-transform: uppercase;
  font-weight: bold;
}

.link-single a{
  color: #2b60a1;
  font-size: 16px; 
  text-transform: uppercase;
  font-weight: bold;
}

.link-page ul li a{
  color: #555555;
  font-size: 16px; 
  text-transform: uppercase;
  font-weight: bold;
}

.link-page a:hover, .link-list a:hover, .link-list2 a:hover, .link-single a:hover {
  color: #8f298d;
}

.link-page .fa-chevron-circle-right {
  margin-right: .35em;
  margin-left: -5px;
}

a:hover.fa-chevron-circle-right{
  text-decoration: none;
}

.filter-hover img {
  filter: invert(31%) sepia(61%) saturate(780%) hue-rotate(176deg) brightness(92%) contrast(88%);
  margin-right: .35em;
}

.filter-digital-hover img {
  filter: invert(35%) sepia(13%) saturate(7150%) hue-rotate(164deg) brightness(96%) contrast(91%);
    margin-right: .35em;
}

.filter-hover a:hover img, .filter-digital-hover a:hover img{
  filter: invert(21%) sepia(42%) saturate(3800%) hue-rotate(281deg) brightness(92%) contrast(91%);
}

.filter-hover img, .filter-digital-hover img {
  color: #000000;
  font-size: 20px; 
  font-weight: 700; 
  text-transform: uppercase;
}

.filter-gray-hover {
  filter: invert(36%) sepia(0%) saturate(1%) hue-rotate(89deg) brightness(97%) contrast(89%);
}

.filter-gray-hover:hover {
  filter: invert(21%) sepia(42%) saturate(3800%) hue-rotate(281deg) brightness(92%) contrast(91%);
}

.filter-gray-hover a{
  color: #000000;
  font-size: 16px; 
  font-weight: bold; 
  text-transform: uppercase;
}

.filter-gray-hover a:hover{
text-decoration: underline 2px;
}

.filter-teal-hover {
  filter: invert(32%) sepia(93%) saturate(1093%) hue-rotate(163deg) brightness(92%) contrast(91%);
}

.filter-teal-hover:hover {
  filter: invert(21%) sepia(42%) saturate(3800%) hue-rotate(281deg) brightness(92%) contrast(91%);
}

.filter-teal-hover a{
  color: #000000;
  font-size: 14px; 
  font-weight: bold; 
  text-transform: uppercase;
}

/* link page end */

.menu-links-hover {
  color: #24417b !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.menu-links-hover-2 {
  color: #009ECC !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.menu-links-hover-3 {
  color: #1e4c6f !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.menu-links a{
  color: #707070 !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
}

#pagenav ul li a{
  color: #707070 !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: bold;
  padding: 15px 0px 15px 15px;
  display:block;
}

#pagenav2 li {
  padding-left: 1.75em;
}

#pagenav>ul>li {
    border-bottom: 1px solid #b7b7b7;
    display:block;
}

#pagenav ul {
  	list-style: none;
    padding: 0;
    margin: 0;
    text-indent: -0.825em;
}

#pagenav ul ul{
    padding: 0;
    margin: 0;
    text-indent: -0.825em;
}

#pagenav ul a:hover {
  color: #24417b !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: bold;
}

#pagenav ul ul a:hover {
  color: #8f298d !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: bold;
}

#pagenav li:last-child {
    border-bottom: 1px solid #b7b7b7;
}

#pagenav ul:first-child {
    border-top: 1px solid #b7b7b7;
}

#pagenav a:before {
    color: #ffffff00 !important;
    display: inline;
    padding-right: .4em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0da";
  	font-size: 1em;
  	white-space: nowrap;
}

#pagenav a:hover:before {
    color: #24417b !important; 
    display: inline;
    padding-right: .4em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0da";
  	font-size: 1em;
  	white-space: nowrap;
}

#pagenav ul ul a:hover:before {
    color: #8f298d !important; 
    display: inline;
    padding-right: .4em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0da";
  	font-size: 1em;
  	white-space: nowrap;
}

.menu-link-active {
    background: #24417b;
    display: block;
}

.menu-link-active {
  color: #ffffff !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: bold;
  padding: 15px 0px 15px 15px;
}

.menu-link-active:before {
    color: #ffffff00 !important; 
    display: inline;
    padding-right: .4em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0da";
  	font-size: 1em;
  	white-space: nowrap;
}

.menu-link-active2 {
  color: #8f298d !important; 
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: bold;
  padding: 15px 0px 15px 15px;
  display: block;
}

.menu-link-active2:before {
    color: #8f298d !important; 
    display: inline;
    padding-right: .4em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0da";
  	font-size: 1em;
  	white-space: nowrap;
}

.text-links-c a{
  color: #2b60a1;
}

.text-links-b a{
  color: #24417b !important; 
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none !important;
}

.text-links-b-underline {
  color: #24417b !important; 
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
    text-decoration: underline;
}

.text-links-g a{
  color: #2b60a1 !important; 
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
}

.text-links-g-underline {
  color: #8f298d !important; 
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline 2px;
}

.text-links-g-sm a{
  color: #5e5e5e !important; 
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
}

.text-links-g-sm-u {
  color: #8f298d !important; 
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline 2px;
}

.text-links-r a{
  color: #0b7fa2 !important; 
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none !important;
}

.text-links-r-underline {
  color: #b738a6 !important; 
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
    text-decoration: underline;
}

/*breadchrumbs*/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: -.5rem;
  list-style: none;
  background-color: #ffffff;
  border-radius: 0; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.75rem;
    color: #5d5d5d;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f054";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #5d5d5d; }

.breadcrumb {
  word-spacing: 1.5px;
  margin-top: 0rem; }

.breadcrumb-item {
  line-height: 1.5em;
  font-size: .8em;
  text-transform: uppercase; }
  .breadcrumb-item::before {
    padding-right: 1rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    color: #5d5d5d; }
  .breadcrumb-item.active {
    color: #5d5d5d;
font-weight: 600;}
  .breadcrumb-item a {
    font-weight: 600; }

/*breadchrumbs end*/
/*skip to main content*/
.skiptarget {
    width: 1px;
    height: 1px;
    overflow: hidden;
    float: right;
}
	
a.skipmain {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skipmain:focus, a.skipmain:active {
    color: #24417b;
    background-color:#fff;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: -5px 35%;
    padding:5px;
    border-radius: 5px;
    border:5px solid orange;
    text-align:center;
    font-size:1.33em;
  	font-weight: 700;
    z-index:999;
}

.skip-main {
  display: none;
  visibility: hidden;
}
/*end*/

.button:focus {
    outline-width: 5px;
  outline-color: orange;
  outline-offset: 4px;
box-shadow: 0 0 0px 2px white;
}

a:focus, summary:focus {
    outline-width: 5px;
  outline-color: orange;
  outline-offset: 2px;
}

input:focus {
    outline-width: 5px;
  outline-color: orange;
  outline-offset: 4px;
box-shadow: 0 0 0px 4px white;
}

.upper {
  text-transform: uppercase;
}
.upperlink{
  text-transform: uppercase;
  font-weight: bold;
}
/* end */

/*slideshow resize fix*/
li.cycle-slide > img {
    max-width: 100%;
}
/*end*/

@media (max-width: 768px) {
        .hidden-mobile {
          display: none;
        }
             .hr-mobile {
  margin: 0px 25px !important;
}
  .smaller-mobile {
  padding: 0px 30px;
  }
}
  
@media (max-width: 560px) {
        .hidden-mobile2 {
          display: none;
        }
}

@media (min-width: 561px) {
        .hidden-mobile3 {
          display: none;
        }
}

@media (max-width: 990px) {
        .hidden-mobile4 {
          display: none;
        }
}

@media (min-width: 750px) and (max-width: 990px) {
        .hidden-mobile5 {
          display: none;
        }
}

@media (min-width: 990px){
        .hidden-desktop6 {
          display: none;
        }
}



@media (max-width: 767px){
        .hidden-mobile6 {
          display: none;
        }
}

@media (max-width: 767px){
        .hidden-desktop5 {
          display: none;
        }
}

@media (min-width: 992px) {
        .hidden-mobile6 {
          display: none;
        }
}

@media (min-width: 450px) {
        .hidden-desktop2 {
          display: none;
        }
}
      @media (min-width: 769px) {
        .hidden-desktop {
          display: none;
        }
          .hidden-mobile {
  padding: 15px 25px 15px 15px;
}
      }

@media (max-width: 768px) {
        .hidden-mobile0 {
          display: none;
        }
}

@media (min-width: 991px) {
        .hidden-desktop3 {
          display: none;
        }
}

@media (min-width: 600px) {
        .hidden-desktop4 {
          display: none;
        }
}

@media (max-width: 599px) {
        .hidden-mobile5 {
          display: none;
        }
}

@media screen and (min-width: 600px)  {
        .mobile-break { display: none;}
    }

@media screen and (max-width: 599px)  {
        .mobile-break {display: block; content: ""; margin: 15px 0;}
    }

 @media (min-width: 475px) {  
.sidebyside {
  float: left;
  width: 50%;
}
}

 @media (min-width: 580px) {  
.sidebyside-btn {
  width: 50%;
  float: left;
}
}

 @media (min-width: 700px) {  
.sidebyside-btn1 {
  width: 50%;
  float: left;
}
}

.sidebyside-btn2, .sidebyside-btn3 {
  width: 100%;
}

 @media (min-width: 768px) and (max-width:991px){  
.sidebyside-btn2, #event-list-btn.button {
  width: 50%;
  float: left;
}
}

 @media (min-width: 500px) and (max-width:991px){  
.sidebyside-btn3 {
  width: 50%;
  float: left;
   }
 #mobile-top {
   margin-top: 15%
  }
}

 @media (min-width: 625px) and (max-width:991px){  
.sidebyside-btn4 {
  width: 50%;
  float: left;
   }
 #mobile-top {
   margin-top: 15%
  }
}

 @media (max-width: 900px){  
#top-margin3 {
  margin-left: 13px;
   }
}

 @media (min-width: 992px){  
.text-sm-desktop {
  font-size: .95em;
   }
}

.sidebyside-kids1 {
  width: 100%
}

 @media (min-width: 500px) and (max-width:991px){  
.sidebyside-kids1 {
  width: 30%;
  float: left;
}
}

.sidebyside-kids2 {
  width: 100%
}

 @media (min-width: 500px) and (max-width:991px){  
.sidebyside-kids2 {
  width: 70%;
  float: left;
}
}

 @media (min-width: 700px) {  
.sidebyside2 {
  float: left;
  width: 25%;
}
}

 @media (min-width: 501px) {  
.sidebyside3 {
  float: left;
  width: 33.33%;
}
}

 @media (max-width: 500px) {  
#resource-image {
  width: 225px;
   }
}

@media (max-width: 767px) {  
.sidebyside4a, .sidebyside9 {
width: 100%;
 margin-left: auto; margin-right: auto;
}
}

 @media (max-width: 649px) {
   .sidebyside2, .sidebyside7a {
width: 100%;
 margin-left: auto; margin-right: auto;
}
}

 @media (max-width: 579px) {  
.sidebyside5, .sidebyside6, .sidebyside-btn, .sedbyside-btn1, .sidebyside7, .sidebyside8, {
  width: 100%;
 margin-left: auto; margin-right: auto;
}
}

 @media (max-width: 500px) {  
.sidebyside3, .sidebyside4, .sidebyside8, .sidebyside {
  width: 100%;
 margin-left: auto; margin-right: auto;
}
}

 @media (min-width: 501px) {  
.sidebyside4 {
  float: left;
  width: 66.66%;
}
}

 @media (min-width: 768px) {  
.sidebyside4a {
  float: left;
  width: 66.66%;
}
}

 @media (min-width: 450px) {  
.sidebyside5 {
  float: left;
  width: 40%;
}
}

 @media (min-width: 450px) {  
.sidebyside6 {
  float: left;
  width: 30%;
}
}

 @media (min-width: 450px) {  
.sidebyside7 {
  float: left;
  width: 20%;
}
}

 @media (min-width: 700px) {  
.sidebyside7a {
  float: left;
  width: 19%;
}
}

 @media (min-width: 600px) {  
.sidebyside8 {
  float: left;
  width: 60%;
}
}

 @media (min-width: 600px) {  
.sidebyside5a {
  float: left;
  width: 40%;
}
}

.sidebyside3b, .sidebyside4b, .sidebyside3c, .sidebyside4c {
  width: 100%
}




 @media (min-width: 575px) and (max-width:991px){  
.sidebyside3b {
  width: 33.33%;
    float: left;
}

.sidebyside4b {
  width: 66.66%;
  float: left;
}
}

 @media (min-width: 650px) {  
.sidebyside9 {
  float: left;
  width: 75%;
}
}

   .mobile-text2{
   font-family: Book Antiqua; color: #ffffff; font-size: 1.5em; line-height: 120% !important; background-color: inherit;
   }

.mobile-text3{
   font-family: Book Antiqua; color: #ffffff; font-size: 1.4em; line-height: 115% !important; background-color: inherit;
   }
    
 @media (min-width: 650px) {  
.sidebyside3c {
  float: left;
  width: 33.33%;
}
   
   .mobile-text2 {
   font-family: Book Antiqua; color: #ffffff; font-size: 1em; line-height: 100% !important;
   }
   
      .mobile-text3 {
   font-family: Book Antiqua; color: #ffffff; font-size: 1.25em; line-height: 110% !important;
   }
   
.sidebyside4c {
  float: left;
  width: 66.66%;
}   
}

 @media (min-width: 700px) {  
.sidebyside10 {
  float: left;
  width: 15%;
}
}

 @media (min-width: 700px) {  
.sidebyside11 {
  float: left;
  width: 85%;
}
}

 @media (max-width: 624px) {  
.sidebyside12, .sidebyside13, .sidebyside14 {
  width: 100%;
 margin-left: auto; margin-right: auto;
   }
   .sidebyside15 {
  display: none;
}
   
       .hidden-mobile12 {
          display: none;
        }
}

 @media (min-width: 625px) {  
.sidebyside12 {
  float: left;
  width: 20%;
}
   .sidebyside15 {
  float: left;
  width: 20%;
}
  .sidebyside13 {
  float: left;
  width: 80%;
}
  .sidebyside14 {
  float: left;
  width: 60%;
   }
    .hidden-desktop12 {
          display: none;
        }
}




 @media (max-width: 699px) {  
.sidebyside10, .sidebyside11, {
  width: 100%;
 margin-left: auto; margin-right: auto;
}
}

#star-icon {
  color: goldenrod;
}

#fire-icon {
  color: coral;
}

#card-icon {
  color: darkmagenta;
}

#house-icon {
  color: LightSeaGreen;
}

#mobile-icon {
  color: darkslategray;
}

#resource-btn.button {
background: none;
  color: #0071B8;
  border: 2px solid #0071B8; 
  font-weight: 600;
  font-size: 17px !important;
  display:-webkit-inline-box;
  padding: .75em .75em;
}

#resource-btn.button:hover{
background: #8f298d;
  color: #ffffff;
  border: 2px solid #8f298d; 
  font-weight: 600;
  font-size: 17px !important;
}

#resource2-btn.button {
background: none;
  color: #24417b;
  border: 2px solid #24417b; 
  font-weight: 600;
  font-size: 15px !important;
  display:-webkit-inline-box;
  padding: .75em .75em;
}

#resource2-btn.button:hover{
background: #8f298d;
  color: #ffffff !important;
  border: 2px solid #8f298d !important; 
  font-weight: 600;
  font-size: 15px !important;
}

#resource3-btn.button:hover{
background: #8f298d;
  color: #ffffff !important;
  border: 2px solid #8f298d !important; 
  font-weight: 600;
  font-size: 15px !important;
}

#resource3-btn.button {
background: none;
  color: #2b60a1;
  border: 2px solid #2b60a1; 
  font-weight: 600;
  font-size: 15px !important;
  display:-webkit-inline-box;
  padding: .75em .75em;
}

#resource-btn-kids.button { 
  font-weight: 600;
  background: #ffffff;
  font-size: 18px !important;
  display: block;
  padding: .5em 1em;
}

#resource-btn-kids.button:hover{
background: #8f298d !important;
  color: #ffffff !important;
      border: 2px solid #8f298d !important;
  font-weight: 600;
  font-size: 18px !important;
  display: block;
}

#beyond-btn.button { 
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#beyond-btn.button:hover { 
  background: #8f298d !important;
  color: #ffffff !important;
  border: 2px solid #8f298d !important; 
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#beyond2-btn.button { 
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#beyond2-btn.button:hover { 
  background: #f58541 !important;
  color: #ffffff !important;
  border: 2px solid #f58541 !important; 
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#holds-btn.button { 
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
  line-height: 2em;
      margin-bottom: 2%;

}

#holds-btn.button:hover { 
  background: #8f298d !important;
  color: #ffffff;
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#jump-btn.button {
background: none;
  color: #009ECC;
  border: 2px solid #009ECC; 
  font-weight: 600;
  font-size: 17px !important;
  display:-webkit-inline-box;
  padding: .25em .75em;
  margin-bottom: 10px;
}

#jump-btn:after {
    display: inline-block;
    padding-left: .25em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0a9";
  font-size: .85em;
}

#jump-btn.button:hover{
background: #009ECC;
  color: #ffffff !important;
  border: 2px solid #009ECC !important; 
  font-weight: 600;
  font-size: 17px !important;
  display:-webkit-inline-box;
}

#more-btn.button {
background: none;
  color: #2b60a1;
  border: 2px solid #2b60a1; 
  font-weight: 600;
  font-size: 18px !important;
  display:-webkit-inline-box;
  padding: .75em 1em;
}

#more-btn.button:hover{
background: #8f298d;
  color: #ffffff !important;
  border: 2px solid #8f298d !important; 
  font-weight: 600;
  font-size: 18px !important;
  display:-webkit-inline-box;
}


#more2-btn.button {
background: #2b60a1;
  color: #ffffff;
  border-radius: 5px; 
  font-weight: 600;
  font-size: 18px !important;
  display:-webkit-inline-box;
  padding: .75em 1em;
}

#more2-btn.button:hover{
background: #8f298d;
  color: #ffffff !important;
  border-radius: 5px; 
  font-weight: 600;
  font-size: 18px !important;
  display:-webkit-inline-box;
}

#end-btn.button { 
  font-weight: 700;
  color: #444444 !important;
  border: 3px solid #444444 !important;
  border-radius: 6px;
  background: transparent;
  font-size: 16px !important;
  padding: .75em 1em;
  margin-bottom: 2%;
  width: 48%;
  float: right;
}

#end-btn.button:hover{
background: #8f298d !important;
color: #ffffff !important;
      border: 3px solid #8f298d !important;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px !important;
  display: block;
}

#end-btn:after {
    display: inline;
    padding-left: .4em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0a9";
  	font-size: 1em;
    white-space: nowrap;
}

#end-btn2.button { 
  font-weight: 700;
  color: #444444 !important;
  border: 3px solid #444444 !important;
  border-radius: 6px;
  background: transparent;
  font-size: 16px !important;
  padding: .75em 1em;
  margin-bottom: 2%;
  width: 48%;
  float: left;
}

#end-btn2.button:hover{
background: #8f298d !important;
color: #ffffff !important;
      border: 3px solid #8f298d !important;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px !important;
  display: block;
}

#end-btn2:before {
    display: inline;
    padding-right: .4em;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0a8";
  	font-size: 1em;
  	white-space: nowrap;
}

 @media (max-width: 650px) {  
   #end-btn.button, #end-btn2.button {
  width: 100%;
}
}

#event-list-btn.button { 
  font-weight: 700;
  color: #ffffff !important;
  background: #2b60a1 !important;
  border: 3px solid #2b60a1 !important;
  background: transparent;
  font-size: 14px !important;
  display: block;
  padding: .75em 1em;
}

#event-list-btn.button:hover{
background: #8f298d !important;
color: #ffffff !important;
      border: 3px solid #8f298d !important;
  font-weight: 700;
  font-size: 14px !important;
  display: block;
}

#page-btn.button { 
  font-weight: 700;
  color: #2b60a1 !important;
  border: 3px solid #2b60a1 !important;
  border-radius: 6px;
  background: transparent;
  font-size: 16px !important;
  display: block;
  padding: .75em 1em;
}

#page-btn.button:hover{
background: #8f298d !important;
color: #ffffff !important;
      border: 3px solid #8f298d !important;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px !important;
  display: block;
}

#page-btn2.button { 
  font-weight: 700;
  color: #2b60a1 !important;
  border: 3px solid #2b60a1 !important;
  border-radius: 6px;
  background: transparent;
  font-size: 16px !important;
  display: block;
  padding: .75em 1em;
}

#page-btn2.button:hover{
background: #2b60a1 !important;
color: #ffffff !important;
      border: 3px solid #2b60a1 !important;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px !important;
  display: block;
}

#page-btn3.button { 
  font-weight: 700;
  color: #ffffff !important;
  border: 3px solid #009ECC !important;
  border-radius: 6px;
  background: #009ECC;
  font-size: 16px !important;
  display: block;
  padding: .75em 1em;
}

#page-btn3.button:hover{
background: #8f298d !important;
color: #ffffff !important;
      border: 3px solid #8f298d !important;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px !important;
  display: block;
}

#collection-btn.button {
   float: right;
  padding-top: 0px;
  background: unset;
  color: #0071B8;
  font-weight: 700;
}

#collection-btn.button:hover {
  color: #b738a6;
  text-decoration: underline;
}

@media (max-width: 599px) {
#collection-btn.button {
  display: block;
  width: 100%;
  float: unset;
  margin-top: 10px;
  padding-top: 10px;
  background: unset;
  border: 2px solid #0071B8;
  color: #0071B8;
}

#collection-btn.button:hover {
  color: #ffffff;
    background: #b738a6;
  border: 2px solid #b738a6;
  text-decoration: underline;
}
}

/*Change color of "See more titles like these" button on digital library page & kids resource page*/

.filter-white {
  filter: invert(100%) sepia(0%) saturate(12%) hue-rotate(263deg) brightness(105%) contrast(105%);
}

.filter-blue {
 filter: invert(31%) sepia(61%) saturate(780%) hue-rotate(176deg) brightness(92%) contrast(88%);
}

.filter-blue2 {
 filter: invert(59%) sepia(67%) saturate(6568%) hue-rotate(167deg) brightness(100%) contrast(103%);
}

.filter-blue3 {
 filter: invert(19%) sepia(80%) saturate(595%) hue-rotate(166deg) brightness(102%) contrast(86%);
}

.filter-blue4 {
 filter: invert(35%) sepia(13%) saturate(7150%) hue-rotate(164deg) brightness(96%) contrast(91%);
}

.filter-blue5 {
 filter: invert(15%) sepia(69%) saturate(2043%) hue-rotate(208deg) brightness(95%) contrast(83%);
}

.filter-blue6 {
 filter: invert(18%) sepia(43%) saturate(2164%) hue-rotate(214deg) brightness(100%) contrast(93%);
}

.filter-gray {
 filter: invert(37%) sepia(1%) saturate(0%) hue-rotate(139deg) brightness(92%) contrast(87%);
}

.filter-rose {
 filter: invert(58%) sepia(4%) saturate(7063%) hue-rotate(314deg) brightness(97%) contrast(87%);
}

.filter-kids-hover {
 filter: invert(14%) sepia(41%) saturate(6934%) hue-rotate(291deg) brightness(94%) contrast(79%);
}

.filter-hoopla {
 filter: invert(57%) sepia(86%) saturate(1118%) hue-rotate(169deg) brightness(87%) contrast(97%);
}

.filter-dlil2 {
  filter: invert(51%) sepia(96%) saturate(440%) hue-rotate(338deg) brightness(102%) contrast(91%);
}

.filter-libby2 {
  filter: invert(54%) sepia(87%) saturate(386%) hue-rotate(127deg) brightness(89%) contrast(89%);
}

.filter-kanopy2 {
  filter: invert(28%) sepia(33%) saturate(990%) hue-rotate(308deg) brightness(79%) contrast(76%);
}

.filter-bookflix {
  filter: invert(20%) sepia(100%) saturate(1954%) hue-rotate(187deg) brightness(104%) contrast(104%);
}

.filter-highlights {
  filter: invert(32%) sepia(56%) saturate(3243%) hue-rotate(348deg) brightness(93%) contrast(95%);
}

.filter-read2learn {
  filter: invert(71%) sepia(29%) saturate(3479%) hue-rotate(279deg) brightness(80%) contrast(77%);
}

.filter-curiosity {
  filter: invert(63%) sepia(64%) saturate(386%) hue-rotate(345deg) brightness(97%) contrast(91%);
}

.filter-kidzvidz {
  filter: invert(17%) sepia(37%) saturate(5519%) hue-rotate(304deg) brightness(87%) contrast(88%);
}

.filter-booksinaction {
 filter: invert(15%) sepia(49%) saturate(4222%) hue-rotate(231deg) brightness(91%) contrast(90%);
}

.filter-gokidgo {
 filter: invert(67%) sepia(11%) saturate(2208%) hue-rotate(51deg) brightness(100%) contrast(85%);
}

.filter-nancy {
filter: invert(61%) sepia(31%) saturate(849%) hue-rotate(287deg) brightness(97%) contrast(94%);
}

.filter-pink {
filter: invert(47%) sepia(10%) saturate(4945%) hue-rotate(288deg) brightness(105%) contrast(87%);
}

.filter-comics {
filter: invert(35%) sepia(16%) saturate(2070%) hue-rotate(221deg) brightness(95%) contrast(84%);
}
/*
.filter-digital-hover {
  filter: invert(35%) sepia(13%) saturate(7150%) hue-rotate(164deg) brightness(96%) contrast(91%);
}

.filter-digital-hover:hover {
  filter: invert(31%) sepia(56%) saturate(2175%) hue-rotate(280deg) brightness(87%) contrast(90%);
}

.filter-digital-hover a{
  color: #000000;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
*/
/*change subject icons on resource page*/

.filter-subject-hover {
  filter: invert(37%) sepia(1%) saturate(0%) hue-rotate(139deg) brightness(92%) contrast(87%);
}

.filter-subject-hover:hover {
  filter: invert(28%) sepia(37%) saturate(4658%) hue-rotate(288deg) brightness(86%) contrast(79%);
}

.filter-subject-hover a{
  color: #000000;
}


.filter-kid2-hover {
  filter: invert(19%) sepia(80%) saturate(595%) hue-rotate(166deg) brightness(102%) contrast(86%);
}

.filter-kid2-hover:hover {
  filter: invert(21%) sepia(42%) saturate(3800%) hue-rotate(281deg) brightness(92%) contrast(91%);
}

.filter-kid2-hover a{
  color: #000000;
    font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
}

.filter-blues-hover {
  filter: invert(46%) sepia(12%) saturate(3197%) hue-rotate(169deg) brightness(88%) contrast(83%);
}

.filter-blues-hover:hover {
  filter: invert(17%) sepia(82%) saturate(863%) hue-rotate(185deg) brightness(96%) contrast(94%);
}
/*color filter end*/

/*button styling on mobile*/
@media (max-width: 768px){
  #more-btn.button, #more-btn.button:hover, #more2-btn.button, #more2-btn.button:hover {
  display: block;
    text-align: center;
    padding: .75em 1em;
    font-size: 1.05em !important;
    margin-right: 5px;
}

 #resource-btn.button {
  display: block;
    text-align: center;
    padding: .75em 1em;
    font-size: 1.05em !important;
    margin-right: 5px;
   width: 100%;
}
  
   #resource-btn.button:hover {
  display: block;
    text-align: center;
    padding: .75em 1em;
    font-size: 1.05em !important;
    margin-right: 5px;
}

 #resource2-btn.button, #resource3-btn.button {
  display: block;
    text-align: center;
    padding: .75em 1em;
    font-size: 1em !important;
    margin-right: 5px;
}
  
   #resource2-btn.button:hover, #resource3-btn.button:hover {
  display: block;
    text-align: center;
    padding: .75em 1em;
    font-size: 1em !important;
    margin-right: 5px;
}
}
/*end*/

#rhyme-btn.button { 
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#rhyme-btn.button:hover { 
  background: #8f298d !important;
  color: #ffffff !important;
  border: 2px solid #8f298d !important; 
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#to-go-btn.button {
background: none;
  color: #0b7fa2;
  border: 3px solid #0b7fa2; 
  border-radius: 5px; 
   font-size: 1em !important;
  font-weight: 600;
    display:block;
  padding: .25em 1.5em;
}

#to-go-btn.button:hover{
background: #8f298d;
  color: #ffffff !important;
  border: 3px solid #8f298d !important; 
    display:block;
  font-weight: 600;
}

@media (max-width: 767px) {
        #mobile-text {
          text-align: center !important;
        }
}

@media (max-width: 767px) {
       .wtitle.button {
          font-size: 14px !important;
        }
  		.acc_title {
          font-size: 14px !important;
  }
  #ideXbGw > div.amh-content{
    padding: 0px !important;
  }
    .zebratable {
    font-size: 95%;
  }
  
	.zebratable td {
      padding: 7px !important;
  }
}

#side-btn.button { 
  background: none;
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .65em 1em;
}

#side-btn.button:hover { 
  background: #8f298d !important;
  border: 2px solid #8f298d !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .65em 1em;
}

#side2-btn.button { 
  background: none;
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#side2-btn.button:hover { 
  background: #b738a6 !important;
  border: 2px solid #b738a6 !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .35em 1em;
}

#book-btn.button {
  text-align: right;
  background: none;
}

 @media (min-width: 650px) {  
#book-btn.button { 
  background: none;
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .45em 1em;
}

#book-btn.button:hover { 
  background: #8f298d !important;
  border: 2px solid #8f298d !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 1em !important;
  display:block;
  padding: .45em 1em;
}
}

@media (min-width: 769px) {
  #holds-btn.button {
    display:-webkit-inline-box;
  }
    #holds-btn.button:hover {
    display:-webkit-inline-box;
  }
}

#resource-btn.button, #more-btn.button, #resource2-btn.button, #resource3-btn.button {
  margin-bottom: 10px;
}

/*online resources page databases widget*/

#idpEs38 hr{
  border-color: #ddd;
}

#idpEs38 li>a{
  font-size: 1.5em;
  text-transform: none;
  font-weight: 700;
}



#idpEs38 .nav-tabs>li>a {
    font-size: 1em !important;
}

#idpEs38 .amr-links>a{
    font-size: 1em !important;
  text-transform: none;
}

#idpEs38 .amr-cat-title>a{
    font-size: 1.25em !important;
  color: #5d5d5d;
  text-transform: uppercase;
  font-weight: 800;
}

#idpEs38 .amr-cat-title {
  padding-bottom: 10px;
}

/*responsive video*/

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-container {
    overflow: hidden;
    position: relative;
    width:100%;
  	height: 450px;
}

.image-container2 {
    overflow: hidden;
    position: relative;
    width:100%;
  	height: 550px;
}

.image-container3 {
    overflow: hidden;
    position: relative;
    width: 100%;
  	height: 1500px;
}

.image-container iframe, .image-container2 iframe, .image-container3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*responsive video end*/

/*play button overlay and hover*/
.video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.video-thumbnail:before {
  position: absolute;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f01d";
  font-family: FontAwesome;
  font-size: 75px;
  color: #fff;
  opacity: 0.6;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumbnail:hover:before {
  color: #eee;
}
/*end*/

#cellb td {
  vertical-align: bottom !important;
}

.fa-external-link-alt {
  padding-left: 3px;
  display: inline;
}

.fas {
  display: inline;
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
  display: inline-block;
}
  
/*rss feed*/
.rssFeed .rssRow {
  padding: 12px 6px;
}

.rssFeed .rssRow h4 {
  text-transform: none;
  letter-spacing: normal;
}

.rssFeed a {
  font-weight: bold;
  color:  #0071B8;
}

.rssFeed a:hover {
  color: #b738a6;
}

.rssFeed .rssRow a:before {
    float: left;
  	padding-right: 5px;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f073";
}
/*end*/

/*your library card page images */
.image-hover1 {
    background-image: url('frontend-images/editor/rmlib/download-stream-hover.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover1:hover {
    background-image: url('frontend-images/editor/rmlib/download-stream.svg');
}

div.image-hover1 > a, div.image-hover2 > a, div.image-hover3 > a, div.image-hover4 > a, div.image-hover5 > a, div.image-hover6 > a, div.image-hover7 > a, div.image-hover8 > a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; 
        z-index: 10;
        background-color: #ffffff00;
        filter: alpha(opacity=1);
    }

.image-hover1 a:focus {
    outline-width: 5px;
  outline-color: orange;
  outline-offset: 2px;
}

.image-hover2 {
    background-image: url('frontend-images/editor/rmlib/online-learning-hover.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover2:hover {
    background-image: url('frontend-images/editor/rmlib/online-learning.svg');
}

.image-hover3 {
    background-image: url('frontend-images/editor/rmlib/newspapers-hover.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover3:hover {
    background-image: url('frontend-images/editor/rmlib/newspapers2.svg');
}

.image-hover4 {
    background-image: url('frontend-images/editor/rmlib/books-and-more-hover.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover4:hover {
    background-image: url('frontend-images/editor/rmlib/books-and-more.svg');
}

.image-hover5 {
    background-image: url('frontend-images/editor/rmlib/museum-pass-hover.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover5:hover {
    background-image: url('frontend-images/editor/rmlib/museum-pass.svg');
}

.image-hover6 {
    background-image: url('frontend-images/editor/rmlib/donate-time.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover6:hover {
    background-image: url('frontend-images/editor/rmlib/donate-time-hover.svg');
}

.image-hover7 {
    background-image: url('frontend-images/editor/rmlib/donate-money.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover7:hover {
    background-image: url('frontend-images/editor/rmlib/donate-money-hover.svg');
}

.image-hover8 {
    background-image: url('frontend-images/editor/rmlib/donate-materials.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;
    margin: 3px auto 0;
    position: relative;
 	padding: 3%;
}

.image-hover8:hover {
    background-image: url('frontend-images/editor/rmlib/donate-materials-hover.svg');
}