@import url("https://fonts.googleapis.com/css?family=Arimo&display=swap");
.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: none;}.link, a{font-weight: normal;}
.navbar, .searchbox, #header, #layout>#header{max-width: 1280px;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1280px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1280px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1280px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1280px;}
.bodysize{max-width: 1280px;}
#footer, #layout>#footer{max-width: 1280px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 1280px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 1280px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #818b42;}
.link:hover, a:hover{color: #a05939;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #b4b0a2;}
body{
		color: #252c3a;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #b4b0a2;
	}
.content{
		background-color: #b4b0a2;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#ffffff;
	}
#default_footer a{
		text-decoration: underline;
		color:#ffffff;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #252c3a;
	background: #252c3a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252c3a), color-stop(50%,#252c3a), color-stop(51%,#252c3a), color-stop(100%,#252c3a));
	background: -moz-linear-gradient(top,  #252c3a 0%, #252c3a 50%, #252c3a 51%, #252c3a 100%);
	background: -webkit-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: -o-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: -ms-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252c3a', endColorstr='#252c3a',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #252c3a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252c3a), color-stop(50%,#252c3a), color-stop(51%,#252c3a), color-stop(100%,#252c3a));
	background: -moz-linear-gradient(top,  #252c3a 0%, #252c3a 50%, #252c3a 51%, #252c3a 100%);
	background: -webkit-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: -o-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: -ms-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252c3a', endColorstr='#252c3a',GradientType=0 );
	border: 0px solid #000000;
	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 #000000;
	-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: #252c3a;
	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: #a05939;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #818b42;
	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 #b4b0a2;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	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 );
	color: #ffffff;
}
.vtab{
	font-weight: normal;
	background: #ffffff;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(-90deg,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(-90deg,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	color: #ffffff;
}
.vtab:hover, .vtab_selected{
	background: #818b42;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#818b42), color-stop(50%,#818b42), color-stop(51%,#818b42), color-stop(100%,#818b42));
	background: -moz-linear-gradient(-90deg,  #818b42 0%, #818b42 50%, #818b42 51%, #818b42 100%);
	background: -webkit-linear-gradient(-90deg,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	background: -o-linear-gradient(-90deg,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	background: -ms-linear-gradient(-90deg,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	background: linear-gradient(-90deg,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818b42', endColorstr='#818b42',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #252c3a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252c3a), color-stop(50%,#252c3a), color-stop(51%,#252c3a), color-stop(100%,#252c3a));
	background: -moz-linear-gradient(top,  #252c3a 0%, #252c3a 50%, #252c3a 51%, #252c3a 100%);
	background: -webkit-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: -o-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: -ms-linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	background: linear-gradient(top,  #252c3a 0%,#252c3a 50%,#252c3a 51%,#252c3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252c3a', endColorstr='#252c3a',GradientType=0 );

	color: #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	-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: #818b42;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818b42), color-stop(50%,#818b42), color-stop(51%,#818b42), color-stop(100%,#818b42));
	background: -moz-linear-gradient(top,  #818b42 0%, #818b42 50%, #818b42 51%, #818b42 100%);
	background: -webkit-linear-gradient(top,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	background: -o-linear-gradient(top,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	background: -ms-linear-gradient(top,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	background: linear-gradient(top,  #818b42 0%,#818b42 50%,#818b42 51%,#818b42 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818b42', endColorstr='#818b42',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #ffffff;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.tab-bar{
	border-bottom: 1px solid #ffffff;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Arial, Helvetica, 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/mybcpl/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #000000;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
}
.widgetheader{
	color: #252c3a;
	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: #252c3a;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #252c3a;
	border-color: #252c3a;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #252c3a;
}
.polaris-nav-active i{
	color: #252c3a;
}
.widgetbody hr{
	color: #b4b0a2;
	background-color: #b4b0a2;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #b4b0a2;
}
.bottomrule{
	border-bottom: 1px solid #b4b0a2;
}
.bodytext{color: #252c3a;}
.headingtext{color: #252c3a;}
/**GOOGLE FONT IMPORT GOES FIRST**/
@import url("https://fonts.googleapis.com/css?family=Arimo&display=swap");
/* #body {
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  #body {
    padding: 15px;
  }
} */

html {
  font-size: 16px;
}

body {
  font-size: 14px; 
}

h1,
.heading1 
{
  font-size: 36px;
 font-weight: 400; 
}

h2,
.heading2 {
  font-size: 2em;
  font-weight: 300; }

h3,
.heading3 {
  font-size: 1.5em;
  font-weight: 300; }
/* myevents - Hide Library card tab */

.ammev-login .nav-tabs > li:first-child {
  display: none;
} 
.ammev-login .tab-content > .tab-pane:first-child {
  display: none;
}
.ammev-login .tab-content > .tab-pane:last-child {
  display: block; 
}

/* events - Hide Find details by card number & pin */
.events2-reg-card-form {
  display: none; 
}
div.widgetheader:hover {
    text-decoration: underline;
}
/* Font Awesome Fixes */ 
#body .events-grid-row .fa-stack {
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
#body .events-grid-row .fa-lg {
  font-size: 10px;
  line-height: 2em;
  vertical-align: -15%;
}
#body .events-grid-row .events-grid-cell-date {
  font-size: 14px;
  left: 80%;
  top: 0;
}
#body .events-grid-cell-types {
  width: calc(100% - 1em);
}


#header {
  background: white; 
}
  #header #top-nav a {
    font-size: 14px;
    font-weight: 700; 

}
    #header #top-nav a:hover {
      color: #252C3A; }
  @media (max-width: 768px) {
    #header #top-nav {
      margin-bottom: 10px; } }
  #header #navbar {
    background-color: transparent !important; }
    #header #navbar .fa.fa-bars {
      color: #252C3A; }
    #header #navbar .dropdown-menu {
      background-color: #252C3A !important;
      padding: 0; }
      #header #navbar .dropdown-menu > li > a {
        color: #fff !important;
        background-color: #252C3A !important;
        padding: 8px 20px; }
        @media (max-width: 768px) {
          #header #navbar .dropdown-menu > li > a {
            padding: 8px 8px 8px 50px;
            background-color: #252C3A !important; } }
      #header #navbar .dropdown-menu li a:focus,
      #header #navbar .dropdown-menu li a:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #818B42 !important; }
    #header #navbar .navbar {
      border: none;
      border-radius: 0px;
      background-image: none;
      background: transparent !important; }
      #header #navbar .navbar .navbar-nav > li > a {
        padding-top: 0.5em;
        padding-left: .4em;
        text-decoration: none;
        font-size: 1.1em; }
        @media (max-width: 768px) {
          #header #navbar .navbar .navbar-nav > li > a {
            padding-left: 1.4em; } }
      @media (max-width: 768px) {
        #header #navbar .navbar > div > ul > li > a {
          color: #fff !important;
          background-color: #252C3A !important; }
          #header #navbar .navbar > div > ul > li > a:hover {
            color: #fff !important;
            background-color: #818B42 !important; } }
    #header #navbar .nav-mobile {
      text-align: left; }
      #header #navbar .nav-mobile .navbar-brand {
        display: none; }

#body.home-4731 #idwHfBG {
  padding: 1.5em;
  background-image: url("https://mybcpl.libnet.info/images/resources/mybcpl/background-pattern.png");
  background-size: 40px !important;
  background-repeat: repeat !important; }
  @media screen and (max-width: 1200px) {
    #body.home-4731 #idwHfBG {
      padding: 10vw 30px; } }
  @media screen and (max-width: 768px) {
    #body.home-4731 #idwHfBG {
      padding: 20vw 30px; } }

body {
  background: #ffffff; }

a {
  transition: color .4s ease !important; 
}
a:hover {
  transition: color .4s ease !important; 
  cursor: pointer !important;
}

.content {
  background-color: transparent; }

.button {
  display: inline-block;
  font-size: 1em;
  padding: 0.75em 1.75em 0.75em 1.75em;
  text-decoration: none;
  text-transform: uppercase; }
  @media (max-width: 768px) {
    .button {
      margin: 5 px auto;
      text-transform: uppercase; } }

.wbutton {
  margin-bottom: 3px
}
#\36 553 > div.locbody > div.branchdetails.clearfix > div.branchgrp > div.branchtext > br:nth-child(2) {
	display:none;
}
@media (max-width: 768px) {
  #idKOnMQ div.amh-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important; } }

/**FOOTER**/
#footer-social a:hover {
  opacity: 0.5; }

#default_footer {
  display: none; }

#footer {
  margin: 0 auto;
  min-height: 10px; }

/*Header and Footer "Bar" background color fix LB 9/5*/
div#idSFFhh.amh-row.row {
  background-color: #252C3A !important; }

/** widgets **/
#searchForm {
display: flex; 
  justify-content: center; }
  #searchForm #searchbar {
    background-color: #ffffff;
    border: none;
    width: 450px;
    padding: 10px;
    height: 45px;
    border-radius: 5px 0 0 5px; }
    @media (max-width: 768px) {
      #searchForm #searchbar {
        width: 95%; } }
  #searchForm #sengines {
    background-color: #ffffff;
    border: none;
    padding: 10px;
    padding-right: 20px;
    height: 45px;
    border-radius: 0; 
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em !important;
    padding-right: 1.5em !important;
}
  #searchForm #searchBtn {
    background-color: #818B42;
    color: #ffffff;
    padding: 10px 25px;
    border: none;
    height: 45px;
    border-radius: 0 5px 5px 0; }
    #searchForm #searchBtn:hover {
      background: #bbbcbc; }

/*online resource widget button width storytime faq only LB 10/1/19*/
#idVE1Jg div.resitem{
  width:auto !important;
  display:block;
}

h1.headingtext:before {
    display: block;
    content: "Reminder: Zoom links are emailed";
    font-size: 20px;
    margin-right: auto;
    background: #818B42;
    color: #fff;
    border-radius: 10px;
    padding: 8px;
}
/* Online Resources - Newspapers widget open by default code from Communico*/
div[data-widgetid="13586"] .resitem .resbody {
  display: block !important;
}
/* Online Resources - Local widget open by default code from Communico*/
div[data-widgetid="13150"] .resitem .resbody {
  display: block !important;
}  
/*Newspaper widget Lindsey's attempt*/
.widget[data-widgetid="13586"] div resitem resbody {
  display: block !important;
}

/* Online Resources - Languages open by default code*/
div[data-widgetid="19532"] .resitem .resbody {
  display: block !important;
}

/*Notary Widget notes from Lindsey*/
/*If you are attempting to modify the notary form iFrame, you cannot modify the Microsoft form with CSS (this page). So, we are not actually using an iFrame widget for this
as recommended by Communico. Instead, it's all in a blue content box. Paste this HTML (modified from the the embed code from Microsoft) into a blue content box
under Tools > Source Code: 

<p><iframe width="100%" height="2200px" style="border: 0; overflow: hidden;" src="https://outlook.office365.com/owa/calendar/Notary@mybcpl.org/bookings/" scrolling="no"></iframe></p>

You can modify the height here. Scrolling = "no" can be changed to a yes to add a scroll bar if desired.  */

/**********EVENTS LISTING PAGE************/
/*Events listing title*/
.events-right > h1,
.events-grid > h1 {
  font-size: 3.8em;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-bottom: 5px;
  font-weight: 400; }

@media (min-width: 768px) {
  .events-right {
    margin-left: 260px; } }

/*event listing date bar*/
.events-date-bar {
  font-size: 1.6em;
  margin-bottom: 1em;
  font-weight: 600;
  padding: 10px 0;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb; }

/*event listing title*/
.eelisttitle a {
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 0.5em;
  text-decoration: none; }

/*event listing date and time*/
div.eelisttime.headingtext {
  color: #2c3e50 !important; }

.eventRegButton {
  margin-bottom: 0.75em; }

.events-day-title > .events-date-string > .headingtext,
.events-day-title > .events-date-range-string > .headingtext {
  color: #56585B !important; }

/*filters*/
.events-filter-row {
  padding: 2em 2em 1em 2em;
  margin-bottom: 0px;
  margin-top: 0px; }
  @media (max-width: 768px) {
    .events-filter-row {
      max-width: 768px;
      text-align: center; } }

.events-view-row {
  padding: 5px 40px; }

@media (max-width: 768px) {
  .events-views {
    max-width: 768px;
    margin-top: 10px;
    text-align: center; } }

/********** EVENT PAGES ************/
#id4VX3g .amh-row,
#idlw5ZC.amh-row.row {
  border-top: 1px solid #bbbbbb;
  padding: 8px 0; }

/*event page sub title*/
#idaiMWo h3 {
  color: #56585B;
  font-size: 1.8em;
  font-weight: 400; }

/*event page date*/
#idm0vRo h4 {
  color: #2d3e4f; }

/*event description*/
#idiga4D p {
  color: #56585B; }

/*event short description*/
#idjLXfv .custom1 {
  color: #34485e;
  margin: 1em 0 0.5em 0;
  font-weight: 400;
  font-size: 1.3em; }

/**** Upcoming Events widget ****/
#idsqaCW h4 {
  font-size: 1.8em;
  margin-bottom: 0.5em;
  font-weight: 400;
  color: #1d1d1d; }

/*height of events list, universal - added 9/5/2019 by LB*/
.amev-event-list {
  height: 755px; }

/*height of upcoming events widget, home page*/
/*updated 8/18/2020 LB
#idcaLbk .amev-event-list{
  height: 1730px;
}
*/
/*height of a specific events listing widget*/
/*note from LB - I am not sure which specific page's event widget this goes to or why it's here*/
#idtvR3F .amev-event-list {
  height: 530px; }


/*date string in upcoming events widget*/
.amev-event-time > .headingtext {
  color: #000000 !important; }

.amev-event-title a {
  text-decoration: none; }

.amev-event-description .eventRegButton {
  font-size: 0.95em;
  margin-bottom: 0.3em; }

.amnp-holder {
  margin-bottom: 60px;
  padding: 30px; }

@media (min-width: 768px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    color: #fff !important; } }

/*Responsive sizing tweaks added LB 9/26/19*/

/*Added by LB to control flow of online resource widget buttons*/
@media (min-width:637px){
  .resitem {
    display:block;
  }
}

@media (max-width: 768px){
  .button, .button:hover {
  	display: block;
    width: 100%;/*modified from 60% by LB to fix button text issue on small screens*/
    text-transform: uppercase;
  }
}

/*992 breakpoint added by Lindsey to fix button text cutoff, online resource button edges*/
@media (min-width: 992px){
    .button, .button:hover {
  	display: block;
    width: 100%; /*up from 60% to fix appearance on large screens*/
    text-transform: uppercase;
  }
  .resitem{
    width:100%;
    display:inline-block;
}
  #idVE1Jg div.resitem {
    display:block;/*storytime faq widget block flow*/
}
  .amh-content img {
    height: auto !important;
}
}
i.fa.fa-bars:after {
    content: "    Menu";
      font-family: Arial, Helvetica, sans-serif;  font-size: 20px;
  
}

/*# sourceMappingURL=app.css.map*/

/* Constant Contact Form Widget Responsive Height */
div[id="10289"] > iframe {
  height: 380px !important;
}
@media(max-width: 555px) {
  div[id="10289"] > iframe {
    height: 420px !important;
  }  
}
@media(max-width: 459px) {
  div[id="10289"] > iframe {
    height: 430px !important;
  }  
}
@media(max-width: 439px) {
  div[id="10289"] > iframe {
    height: 445px !important;
  }  
}
@media(max-width: 377px) {
  div[id="10289"] > iframe {
    height:  465px !important;
  }  
}
@media(max-width: 335px) {
  div[id="10289"] > iframe {
    height: 470px !important;
  }
}
/* MOBILE SITE- Widget Height */
div[data-widgetid='20924'] .amev-event-list{
  height: 225px !important;
  width: 430px !important;
}
/* EXPRESS EVENTS- Widget Height */
div[data-widgetid='22375'] .amev-event-list{
  height: 425px !important;
  width: 530px !important;
}
/* LEX EVENTS- Widget Height */
div[data-widgetid='24037'] .amev-event-list{
  height: 375px !important;
  width: 530px !important;