.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: underline;}.link, a{font-weight: bold;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1360px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1360px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1360px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1360px;}
.bodysize{max-width: 1360px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #04729e;}
.link:hover, a:hover{color: #004e6c;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #292929;}
body{
		color: #292929;
		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:#474747;
	}
#default_footer a{
		text-decoration: underline;
		color:#474747;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #082030;
	background: #082030;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082030), color-stop(50%,#082030), color-stop(51%,#082030), color-stop(100%,#082030));
	background: -moz-linear-gradient(top,  #082030 0%, #082030 50%, #082030 51%, #082030 100%);
	background: -webkit-linear-gradient(top,  #082030 0%,#082030 50%,#082030 51%,#082030 100%);
	background: -o-linear-gradient(top,  #082030 0%,#082030 50%,#082030 51%,#082030 100%);
	background: -ms-linear-gradient(top,  #082030 0%,#082030 50%,#082030 51%,#082030 100%);
	background: linear-gradient(top,  #082030 0%,#082030 50%,#082030 51%,#082030 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082030', endColorstr='#082030',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: #010304;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010304), color-stop(50%,#010304), color-stop(51%,#010304), color-stop(100%,#010304));
	background: -moz-linear-gradient(top,  #010304 0%, #010304 50%, #010304 51%, #010304 100%);
	background: -webkit-linear-gradient(top,  #010304 0%,#010304 50%,#010304 51%,#010304 100%);
	background: -o-linear-gradient(top,  #010304 0%,#010304 50%,#010304 51%,#010304 100%);
	background: -ms-linear-gradient(top,  #010304 0%,#010304 50%,#010304 51%,#010304 100%);
	background: linear-gradient(top,  #010304 0%,#010304 50%,#010304 51%,#010304 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010304', endColorstr='#010304',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: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #292929;
	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: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #ffffff;
	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 #292929;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(50%,#ebebeb), color-stop(51%,#ebebeb), color-stop(100%,#ebebeb));
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ebebeb 50%, #ebebeb 51%, #ebebeb 100%);
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: -o-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb',GradientType=0 );
	color: #000000;
}
.vtab{
	font-weight: normal;
	background: #ebebeb;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#ebebeb), color-stop(50%,#ebebeb), color-stop(51%,#ebebeb), color-stop(100%,#ebebeb));
	background: -moz-linear-gradient(-90deg,  #ebebeb 0%, #ebebeb 50%, #ebebeb 51%, #ebebeb 100%);
	background: -webkit-linear-gradient(-90deg,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: -o-linear-gradient(-90deg,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: -ms-linear-gradient(-90deg,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: linear-gradient(-90deg,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	color: #000000;
}
.vtab:hover, .vtab_selected{
	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%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	color: #000000;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(50%,#ebebeb), color-stop(51%,#ebebeb), color-stop(100%,#ebebeb));
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ebebeb 50%, #ebebeb 51%, #ebebeb 100%);
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: -o-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	background: linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#ebebeb 51%,#ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb',GradientType=0 );

	color: #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	border-top: 0px solid #000000;
	-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: #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: #000000;
}
.tab a{
	color: #000000;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #000000;
}
.tab-bar{
	border-bottom: 1px solid #000000;
}
@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/coquitlam/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 1px 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: #ffffff;
	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: -1px -1px 0px 0px;
	border-radius: -1px -1px 0px 0px;
	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 );
}
.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 -1px -1px;
	border-radius: 0px 0px -1px -1px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #292929;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #292929;
	border-color: #292929;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #292929;
}
.polaris-nav-active i{
	color: #292929;
}
.widgetbody hr{
	color: #292929;
	background-color: #292929;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #292929;
}
.bottomrule{
	border-bottom: 1px solid #292929;
}
.bodytext{color: #292929;}
.headingtext{color: #292929;}
/* 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%;
}

html {
    font-size: 16px;
}

body {
    font-size: 1rem;
    font-family: "ABeeZee", sans-serif;
}

.button {
    padding: 15px 20px;
}

#header>.amh-row,
#body>div,
#footer>.amh-row {
    padding: 0 15px;
}

.__visuallyhidden {
    position: absolute !important;
    left: -999em !important;
    top: -999em !important;
}

/*========== HEADER ==========*/
body #header {
    font-family: "Open Sans", sans-serif;
}

#header p {
    padding: 0px;
    margin: 0px;
}

/* top header */
#header>div:nth-child(1) {
    border-bottom: 3px solid #082030;
}

.top-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-header>.header-link>a {
    display: flex;
    align-items: center;
    color: #02729e;
    font-size: 0.875rem;
    line-height: 1.485;
    padding: 12px 5px;
    margin: 0 20px 0 0;
}

.top-header>.header-link>a>i:nth-child(1) {
    width: 14px;
    margin: 0 2.8px;
}

.top-header>.header-link>a>i:last-child {
    font-size: 9px;
    margin-left: 3.5px;
}

.top-header>.header-link:nth-child(3)>a {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.485;
    font-weight: 600;
    background: #081f30;
    padding: 12px 20px 12px 12px;
    margin: 0;
}

.top-header>.header-link:nth-child(3)>a>i:last-child {
    margin-left: 5.5px;
}

.top-header-dropdown-menu {
    display: none;
    position: absolute;
    z-index: 4;
    padding: 25px 20px;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.header-link:has(>.active) .top-header-dropdown-menu {
    display: block;
}

.header_help_menu {
    transform: translate(-210px, 3px);
    min-width: 302px;
}

.header_help_menu button {
    background: #d64618;
    border: 1px solid #d64618;
    border-radius: 0;
}

.header_help_menu button:hover,
.header_help_menu button:focus {
    background: #a83713;
    border: 1px solid #d64618;
}

.header_help_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header_help_menu ul a {
    font-size: 0.875rem;
    line-height: 2.14;
    color: #02729e;
    padding: 0;
}

.biblionav_my_account {
    min-width: 260px;
    right: -15px;
    list-style: none;
    padding: 5px 0;
    margin: 3px 0 0 0;
}

.biblionav_my_account .divider {
    height: 1px;
    margin: 6px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.biblionav_my_account>li>a {
    display: block;
    color: #666;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.485;
    padding: 8px 20px;
}

.biblionav_my_account>li>a:hover {
    background: #f5f5f5;
    text-decoration: none;
}

.biblionav_my_account>li:nth-child(1) {
    background: #f5f5f5;
    padding: 10px 15px;
}

.biblionav_my_account>li:nth-child(1)>a {
    display: block;
    font-size: 0.875rem;
    line-height: 1.485;
    color: #fff;
    background: #018001;
    padding: 6px 10px;
    border-radius: 0;
    -moz-box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2);
}

.biblionav_my_account>li:nth-child(1)>a:hover {
    background: #004d00;
}

.biblionav_my_account>li:nth-child(2) {
    margin: 0 0 6px;
}

.biblionav_my_account .dropdown-header {
    color: #333;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.485;
    padding: 3px 20px;
    text-transform: uppercase;
}

.biblionav_my_account>li:nth-child(6)>a,
.biblionav_my_account>li:nth-child(7)>a,
.biblionav_my_account>li:nth-child(8)>a,
.biblionav_my_account>li:nth-child(11)>a,
.biblionav_my_account>li:nth-child(12)>a,
.biblionav_my_account>li:nth-child(13)>a,
.biblionav_my_account>li:nth-child(14)>a {
    padding-left: 35px;
}

/* logo and search bar */
#idQY6zW {
    display: flex;
    align-items: center;
    padding: 14px 0;
}

#idQY6zW>div {
    width: auto;
}

/* logo */
.header-logo-mobile {
    display: none;
}

.header-logo img {
    max-width: 191.17px;
}

/* search bar */
#idQY6zW>div:nth-child(2) {
    padding-top: 15px;
    margin-left: auto;
}

.header-search-wrapper .search-toggle {
    color: #333;
    font-size: 1.09375rem;
    font-weight: 600;
    padding: 5px;
    border: 1px solid transparent;
    background: transparent;
}

.header-search-wrapper .search-toggle:hover,
.header-search-wrapper .search-toggle:focus {
    opacity: 0.8;
}

.header-search-wrapper:has(.open) .search-toggle {
    display: none;
}

.header-search-wrapper .search-toggle .fa-search::before {
    margin: 0 4.9px;
}

.search-bar-wrapper .search-bar,
.search-bar-wrapper .advanced-catalog-search {
    display: none;
}

.search-bar-wrapper.open .search-bar,
.search-bar-wrapper.open .advanced-catalog-search {
    display: flex;
}

.search-bar-wrapper .search-bar {
    align-items: center;
}

.search-bar span {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 12px;
    transform: translate(-2.5px, -2.5px);
}

.catalogue-type-text,
.website-type-text,
#catalogue-type,
#website-type {
    display: none;
}

.search-bar select {
    font-size: 0.875rem;
    color: #666;
    padding: 6px 25px 6px 8px;
    border-radius: 0;
    border: 1px solid #ccc;
}

form.catalogue .catalogue-type-text,
form.catalogue #catalogue-type {
    display: block;
}

form.website .website-type-text,
form.website #website-type {
    display: block;
}

.search-bar input {
    padding: 6px 12px;
    margin-left: 20px;
    line-height: 1.25;
    border-radius: 0;
    border: 1px solid #ccc;
    width: 413.5px;
}

.search-bar button {
    color: #fff;
    background: #d64618;
    padding: 5px 15px;
    height: 100%;
    border: 1px solid #d64618;
}

.search-bar button:hover,
.header_help_menu button:focus {
    background: #a83713;
    border: 1px solid #d64618;
}

.search-bar .fa-search {
    font-size: 13px;
}

.advanced-catalog-search {
    float: right;
    font-size: 0.75rem;
    transform: translate(0, 4px);
}

.advanced-catalog-search a {
    color: #333;
    font-weight: 400;
    line-height: 1.485;
}

@media (max-width: 1360px) and (min-width: 992px) {
    .search-bar input {
        /* width to go from 413.5px when window = 1360px -> 175px when window = 992px */
        width: calc((((100vw - 992px) / 368) * 238.5) + 175px);
    }
}

@media (max-width: 991px) {
  #idlctoN {
    border-bottom: 1px solid #e6e6e6;
  }

    /* top nav */
    .header_help_menu {
        transform: translate(0px, 4px);
        left: 0;
        right: 0;
    }

    .biblionav_my_account {
        right: -15px;
        left: -15px;
    }

    /* logo and search */
    #idQY6zW {
        flex-direction: column;
        padding: 14px 0 0;
    }

    #idQY6zW>div {
        width: 100%;
    }

    #idQY6zW>div:nth-child(2) {
        padding: 0;
    }

    .header-logo {
        display: none;
    }

    .header-logo-mobile {
        display: block;
    }

    .header-logo-mobile a {
        text-decoration: none;
    }

    .header-logo-mobile img {
        width: 100%;
        max-width: 65px !important;
    }

    /* search bar */
    .header-search-wrapper .search-toggle {
        position: absolute;
        top: -45px;
        right: 15px;
        display: block;
        margin-left: auto;
        padding: 10px 12px 20px;
        margin-top: -10px;
        width: max-content;
    }

    .header-search-wrapper:has(.open) .search-toggle {
        display: block;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        border-bottom: none;
    }

    .header-search-wrapper .search-btn-text {
        display: none;
    }

    .header-search-wrapper .search-toggle .fa-search {
        font-size: 24px;
    }

    .header-search-wrapper:has(.open) .search-toggle .fa-search::before {
        content: '\f00d';
    }

    .search-bar-wrapper.open .search-bar {
        display: flex;
        flex-wrap: wrap;
    }

    .search-bar-wrapper {
        position: relative;
        background-color: #f2f2f2;
        width: 100vw;
        margin-left: -15px;
    }

    .search-bar-wrapper.open {
        border-top: 1px solid #ccc;
        padding: 15px 15px 45px;
    }

    .search-bar select {
        width: 100%;
        margin-bottom: 15px;
    }

    .search-bar span {
        font-size: 0rem;
        margin: 0;
    }

    .search-bar>span:nth-child(1)::before {
        content: "Search";
        font-size: 1.09375rem;
        font-weight: 500;
        margin: 0 0 10px;
    }

    .search-bar input {
        width: calc(100% - 45px);
        margin: 0;
    }

    .search-bar-wrapper.open .advanced-catalog-search {
        display: block;
    }
}

@media (max-width: 767px) {

    /* top header */
    .top-header {
        justify-content: flex-start;
    }

    .top-header>.header-link:nth-child(1)>a>i:nth-child(1),
    .top-header>.header-link:nth-child(2)>a>i:nth-child(1) {
        font-size: 18px;
        width: auto;
    }

    .top-header>.header-link:nth-child(2)>a>i:nth-child(1) {
        margin: 0;
    }

    .top-header>.header-link:nth-child(1)>a>i:nth-child(3),
    .top-header>.header-link:nth-child(1)>a>span,
    .top-header>.header-link:nth-child(2)>a>i:nth-child(3),
    .top-header>.header-link:nth-child(2)>a>span {
        display: none;
    }

    .top-header>.header-link:nth-child(3) {
        margin-left: auto;
    }
}



/*========== NAVIGATION ==========*/
/* hides the home tab - which is actually the second menu item DO NOT DELETE */
.navbar-top ul.navbar-nav>li:nth-child(2) {
    display: none;
}

/* removes default border and radius from navbar */
#navbar>.navbar {
    border: none;
    border-radius: 0;
}

#idbJUuu>div {
    width: 100%;
    min-height: 0px;
}

.mobile-nav-wrapper {
    display: none;
}

/* changes dropdown arrow icons */
.fa-sort-desc {
    font-size: 9px;
    margin: 0 0 0 5px;
}

.fa-sort-desc::before {
    content: "\f078";
}

#navbar .navbar-nav>li>a {
    display: flex;
    align-items: center;
}

/* on click dropdowns working better */
#navbar .navbar-nav>li.open>.dropdown-menu {
    display: none;
}

#navbar .navbar-nav>li.active>.dropdown-menu {
    display: block;
}

/* hidden column headings */
#navbar .navbar-nav>li:nth-child(4)>ul>li>div>ul:nth-child(1)>li .heading4,
#navbar .navbar-nav>li:nth-child(6)>ul>li>div>ul:nth-child(1)>li .heading4,
#navbar .navbar-nav>li:nth-child(8)>ul>li>div>ul:nth-child(1)>li .heading4 {
    display: none;
}

/* dropdown title */
.dropdown-menu>li>div>ul:nth-child(1) .heading4 {
    font-size: 1.5rem;
    padding: 0;
}

/* Desktop Nav styling */
@media (min-width: 992px) {

    #navbar-collapse-grid,
    #navbar .navbar-nav {
        padding: 0 7.5px;
        width: 100%;
    }

    /* nav bar */
    #navbar .navbar-nav>li>a {
        font-size: 1rem;
        font-weight: 600;
        padding: 15px 15.5px;
    }

    #navbar .navbar-nav>li>a>i {
        color: inherit;
    }

    /*============ menu-type: full (columns with headers) ============*/
    /* navigation dropdown menus (menu-type: full) */
    #navbar .dropdown>.dropdown-menu {
        position: absolute;
        top: initial;
        overflow: hidden;
        background: #fff;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0px;
        max-width: 100vw;
        width: 100vw;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    }

    .dropdown-menu>li>.yamm-content {
        padding: 0px;
    }

    /* columns */
    .dropdown-menu>li>div.yamm-content {
        display: flex;
        padding: 35px 10px;
        margin: auto;
        max-width: 1360px;
    }

    .dropdown-menu>li>div>ul:last-child {
        display: none;
    }

    .dropdown-menu>li>div>ul {
        border-right: 1px solid #cccac8;
        padding: 0 15px;
    }

    .dropdown-menu>li>div>ul:first-child {
        border-right: none;
        padding: 0;
        margin-right: 50px;
    }

    .dropdown-menu>li>div>ul:nth-last-child(2) {
        border-right: none;
    }

    /* column headings */
    .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
        display: block;
        color: #262626;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0;
        pointer-events: none;
    }

    .dropdown-menu>li>div>ul>li .heading4 {
        display: block;
        color: #262626;
        font-size: 1rem;
        font-weight: 700;
        padding: 8px 15px;
    }

    /* navigation dropdown submenus(column contents) (menu-type: full) */
    .dropdown-menu>li>div>ul>ul {
        padding: 0;
        width: 100%;
    }

    .dropdown-menu>li>div>ul>ul>li>a {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.485;
        text-wrap: wrap;
        padding: 8px 15px;
        cursor: pointer;
    }

    .dropdown-menu>li>div>ul>ul>li:has(>ul)>a {
        font-weight: 700;
    }

    .dropdown-menu>li>div>ul>ul>li>a:hover {
        background-color: #fff;
        color: #d34617;
        text-decoration: underline;
    }

    .dropdown-menu>li>div>ul>ul>li>ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dropdown-menu>li>div>ul>ul>li>ul>li>a {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.485;
        text-wrap: wrap;
        cursor: pointer;
        padding: 8px 15px 8px 15px;
        margin-left: 10px;
        display: block;
    }

    .dropdown-menu>li>div>ul>ul>li>ul>li>a:hover {
        background: #001489;
        color: #fff;
    }
}

/* Mobile Nav styling */
@media (max-width: 991px) {
    .mobile-nav-wrapper {
        display: flex;
        position: absolute;
        top: -56px;
        left: 80px;
    }

    .mobile-nav-wrapper.search-open {
        top: -275.5px;
    }

    .coqlibrary-burger-button {
        color: #000;
        font-size: 24px;
        padding: 8px 15px;
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
    }

    .coqlibrary-burger-button i {
        color: inherit;
        font-size: inherit;
    }

    .coqlibrary-burger-button.active {
        color: #d64618;
        font-size: 40px;
        background: #fff;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
        position: fixed;
        top: 0px;
        right: 15px;
        z-index: 4;
        padding: 5px 12px 0;
        border: none;
        border-radius: 0 0 5px 5px;
    }

    .coqlibrary-burger-button.active i::before {
        content: "\f00d";
    }

    .navbar-header.visible-xs.nav-mobile {
        display: none !important;
    }

    #navbar-collapse-grid {
        display: none !important;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 3;
        background: #fff;
    }

    #navbar-collapse-grid.active {
        display: block !important;
    }

    /* nav bar */
    .navbar-nav {
        float: none;
        display: flex;
        flex-direction: column;
        padding: 20% 10%;
        margin: 0;
        width: 100%;
        max-height: 100vh;
        overflow-y: scroll;
    }

    #navbar .navbar-nav>li>a {
        font-size: 1rem;
        line-height: 2.8125;
        font-weight: 600;
        padding: 15px 15.5px;
        color: #262626 !important;
        background: transparent !important;
        background-color: transparent !important;
    }

    #navbar .navbar-nav>li>a>i {
        color: inherit;
    }

    /* dropdown menus */
    #navbar .navbar-nav>li.active>.dropdown-menu {
        display: block;
    }

    #navbar .navbar-nav>li>.dropdown-menu {
        position: relative;
        top: auto;
        padding: 0;
        width: 100%;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    }

    /* columns */
    .dropdown-menu>li>div.yamm-content {
        display: flex;
        flex-direction: column;
        padding: 10px;
        width: 100%;
    }

    .dropdown-menu>li>div>ul:first-child {
        display: none;
    }

    /* column headings */
    .dropdown-menu>li>div>ul>li .heading4 {
        display: block;
        color: #262626;
        font-size: 1rem;
        font-weight: 400;
        padding: 30px 15px 8px 5px;
    }

    /* column contents */
    .dropdown-menu>li>div>ul>ul>li>a {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.485;
        text-wrap: wrap;
        padding: 8px 15px;
        cursor: pointer;
    }

    .dropdown-menu>li>div>ul>ul>li:has(>ul)>a {
        font-weight: 700;
    }

    .dropdown-menu>li>div>ul>ul>li>a:hover {
        background: transparent;
        color: #d64618;
        text-decoration: underline;
    }

    .dropdown-menu>li>div>ul>ul>li>ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dropdown-menu>li>div>ul>ul>li>ul>li>a {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.485;
        text-wrap: wrap;
        cursor: pointer;
        padding: 8px 15px 8px 15px;
        margin-left: 10px;
        display: block;
    }
}

/*========== FOOTER ==========*/
#footer {
    margin-bottom: 0;
}

#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer p {
    margin: 0;
}

#footer>#idwSstF {
    padding: 40px 40px 38px;
}

#footer #id9J7Uq>.amh-content {
    max-width: none;
}

/* top message */
#footer>#idwSstF p {
    color: #6d6e70;
    font-weight: 500;
    font-style: italic;
}

/* main footer */
#footer>#idnRC2Y {
    border-top: 5px solid #1c8281;
    box-shadow: 0 4px 2px -2px #ccc;
    display: flex;
    justify-content: center;
}

#footer>#idnRC2Y>div {
    max-width: 1260px !important;
    padding: 40px 20px 75px;
    margin: auto;
}

/* columns */
.footer-menu-column h3 {
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    color: #666;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    padding: 0;
}

.footer-menu-column a {
    display: block;
    color: #474747;
    font-size: 0.94rem;
    line-height: 1.26;
}

#idyNFsE {
    display: flex;
}

#idyNFsE>div:not(:first-child) {
    padding: 0 0 calc(1% - 0.5px) calc(1% - 0.5px);
    width: calc(18% + 3px);
    min-width: calc(164.5px + 1%);
}

/* column 1 */
#idyNFsE>div:nth-child(1) {
    width: max-content;
    padding-left: 50px;
    margin-right: 20px;
}

#footer .social-links-wrapper a {
    display: flex;
    align-items: center;
    position: relative;
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 50%;
}

#footer .social-links-wrapper a.social-facebook {
    background: #1877F2;
}

#footer .social-links-wrapper a.social-facebook:hover {
    background: #0b5fcc;
}

#footer .social-links-wrapper a.social-instagram {
    background: #DD3275;
}

#footer .social-links-wrapper a.social-instagram:hover {
    background: #bd1f5d;
}

#footer .social-links-wrapper a.social-youtube {
    background: #ED1D24;
}

#footer .social-links-wrapper a.social-youtube:hover {
    background: #c71016;
}

#footer .social-links-wrapper a.social-linkedin {
    background: #2967BC;
}

#footer .social-links-wrapper a.social-linkedin:hover {
    background: #205092;
}


/* column 4 */
#id6wmyR {
    margin-left: auto;
}

#footer .footer-contact-info.large-footer {
    background: #081f30;
    color: #fff;
    font-size: 1em;
    line-height: 1.5;
    padding: 15px 6%;
    min-width: calc(6% + 125px);
    width: 100%;
}

#footer .footer-contact-info.large-footer a {
    color: #fff;
    line-height: 1.1875;
    text-decoration: underline;
    font-weight: 600;
}

#footer .feedback-btn {
    background: #219594;
    border: 1px solid transparent;
    color: #fff;
    fill: #fff;
    padding: 6px 16px 8px;
    margin-top: 10px;
    font-size: 0.875em;
    line-height: 1.5;
    display: block;
    width: 100%;
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
}

#footer .feedback-btn:hover {
    background: #186b6b;
    text-decoration: none;
}

/* bottom footer */
#footer #idfdCYy {
    max-width: 1260px !important;
    padding: 15px 20px 10px;
    text-align: right;
}

#footer #idfdCYy .footer-green-link {
    color: #666;
    font-size: 0.94rem;
    line-height: 1.6;
    text-decoration: underline;
    margin: 0 0 10px 20px;
    display: block;
}

#footer #idfdCYy .footer-bottom-copyright {
    text-align: right;
}

#footer #idfdCYy .footer-bottom-copyright>a {
    color: #474747;
    font-size: 0.94rem;
    line-height: 1.26;
    text-decoration: underline;
    margin-right: 5px;
}

#footer #idfdCYy .footer-bottom-copyright>.copyright-statement {
    color: #474747;
    font-size: 0.75rem;
    line-height: 2;
}

@media (max-width: 1160px) {
    #idyNFsE {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    #footer #idyNFsE>div:nth-child(4) {
        width: 100vw;
        padding: 0;
        margin: 0;
    }

    #footer .footer-contact-info.large-footer {
        padding: 15px 0 15px 117px;
    }

    #footer .feedback-btn {
        width: 180px;
        margin-left: 117px;
    }
}

@media (max-width: 480px) {
    #footer #idyNFsE>div {
        width: 100%;
        padding-left: 70px;
    }

    #idyNFsE>div:not(:first-child) {
        margin-top: 10px;
    }

    #idyNFsE>div:nth-child(1) {
        padding-left: 0;
    }

    #footer .social-links-wrapper ul {
        display: flex;
    }

    #footer .social-links-wrapper a {
        margin: 5px 5px 10px;
    }

    #idyNFsE>div:nth-child(3) {
        padding-bottom: 65px;
    }

    #idyNFsE>div:nth-child(4) {
        padding: 0;
    }

    #footer .footer-contact-info.large-footer {
        padding: 15px 0 15px 70px;
    }

    #footer .feedback-btn {
        margin-left: 70px;
    }

    #footer>#idnRC2Y {
        box-shadow: none;
    }

    #footer>#idnRC2Y>div {
        padding-bottom: 25px;
    }

    #footer #idfdCYy {
        padding: 15px 70px 10px;
    }

    #footer #idfdCYy #green-links-wrapper {
        border-bottom: 1px solid #949494;
        margin-bottom: 30px;
    }

    #footer #idfdCYy .footer-green-link {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    #footer #idfdCYy {
        padding: 0px 0px 20px;
        margin: 0px 70px 15px;
    }

    #footer #idfdCYy .footer-bottom-copyright {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center;
    }
}


/* Events Widgets */

/* Adult Events */
div[data-widgetid="24239"] .amev-event-list {
  height: 380px;
}
/* Teens */
div[data-widgetid="24238"] .amev-event-list {
  height: 380px;
}
/* Children (Kids Events) */
div[data-widgetid="24215"] .amev-event-list {
  height: 380px;
}
/* EAL & Newcomers */
div[data-widgetid="24500"] .amev-event-list {
  height: 380px;
}
/* Story Times */
div[data-widgetid="24501"] .amev-event-list {
  height: 380px;
}

a:link {
  	transition: color .4s ease!important;
}
#body > div > div.ammev-reservation > div.ammev-buttons {
padding-top: 30px;
}
.ammev-buttons {
    text-align: left;
    clear: both;
}

/************* BUTTONS *************/
.button, .button:hover{
  font-size: 0.92em;
  padding:12px 24px 12px 24px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/**********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: 1.2em;
    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;
}
  
.events-view-row {
  	padding: 5px 40px;
}
  
@media (max-width: 768px){
.events-filter-row {
    max-width: 768px;
    text-align: center;
}
}
  
/*filter buttons*/
@media (max-width: 768px){
.events-views {
    max-width: 768px;
    margin-top: 10px;
    text-align: center;
  }
}

.events-brochure .events-option-dropdown {
  margin-top: 10px;
}

/********** EVENT PAGE TEMPLATE Overides ************/

/*border above and below the date, time and location info*/
#id4VX3g .amh-row, #idlw5ZC.amh-row.row {
  	border-top: 1px solid #bbbbbb;
  	padding: 8px 0;
}
/*event page title*/
#idaiMWo h2 {
}
/*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: 300;
    font-size: 1.3em;
}

/*padding for branch info at bottom of page*/
@media (max-width: 768px) {
#idVFirR .amh-row {
    padding: 0 15px;
}
}

/**** Upcoming Events widget ****/

/*widget title*/
#idsqaCW h4 {
  	font-size: 1.8em;
  	margin-bottom: 0.5em;
  	font-weight: 400;
  	color: #1d1d1d;
}
  
/*height of events listing widget*/
#idtvR3F .amev-event-list{
  	height: 830px;
}
/*date string in upcoming events widget*/
.amev-event-time > .headingtext {
  	color: #000000 !important;
}
.amev-event-title a {
  	text-decoration: none;
  	font-weight: 500;
  	letter-spacing: 0.02em;
}
.amev-event-description .eventRegButton {
  	font-size: 0.84em;
  	margin-bottom: 0.3em;
}
.eventRegButton {
  	display: block;
}