@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: none;}.link, a{font-weight: bold;}
#body.content{max-width: 1140px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #000000;}
.link:hover, a:hover{color: #000000;}
.widgetbg{background-color: #333333;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #000000;}
body{
		color: #000000;
		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:#000000;
	}
#default_footer a{
		text-decoration: underline;
		color:#000000;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: none;
	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 );
	border: 1px solid #000000;
	color: #000000;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	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 );
	border: 1px solid #000000;
	color: #000000;
}
.button a, .button-strip a{
	color: #000000;
	text-decoration:none;
}
.button-strip-active a{
	color: #000000;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #000000;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 1px 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: #000000;
	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 #000000;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	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: #222c85;
}
.vtab{
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, right, left, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(-90deg,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(-90deg,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(-90deg,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(-90deg,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(-90deg,  none 0%,none 50%,none 51%,none 100%);
	color: #222c85;
}
.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: #ffc423;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	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: #222c85;
	border-right: 1px solid #222c85;
	border-left: 1px solid #222c85;
	border-top: 1px solid #222c85;
	-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: #ffc423;
}
.tab a{
	color: #222c85;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffc423;
}
.tab-bar{
	border-bottom: 1px solid #222c85;
}
@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/westisliplibrary/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #000000;
	background-color: #333333;
	-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: #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: 0px 0px 0px 0px;
	border-radius: 0px 0px 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 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #000000;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #000000;
	border-color: #000000;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #000000;
}
.polaris-nav-active i{
	color: #000000;
}
.widgetbody hr{
	color: #000000;
	background-color: #000000;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #000000;
}
.bottomrule{
	border-bottom: 1px solid #000000;
}
.bodytext{color: #000000;}
.headingtext{color: #000000;}
/* 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%;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
  font-family: roboto, sans-serif;
}

#body {
  padding: 40px 0px;
}

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

input, select, textarea {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  padding: 8px;
/*  width: 97%; */
  margin-bottom: 3px;
  line-height: 1em;
}

input:focus, textarea:focus {
  border: 1px solid #999;
  outline: none;
}

button, input[type=button], input[type=reset], input[type=submit], .button {
  border-radius: 5px;
  color: #23408b;
  background-color: #fff;
  border: 1px solid #ddd;
  transition: 0.3s;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 20px;
  text-transform: uppercase;
  white-space: normal;
  width: auto;
  margin-top: 5px;
  line-height: 1em;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {
  color: #fff;
  background-color: #23408b;
  border: 1px solid #23408b;
}

::placeholder {
  color: #4a4a4a;
  font-weight: 300;
}


.amev-event-title a{
  font-size: 18px;
  color: #222c85;
}

.amev-event-list { 
  height: 1200px;
}

.amev-event {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  background: #f7f8fa;
  border-radius: 3px;
}

.headingtext {
  font-size: 16px;
}

.eelistvenues {
  font-size: 14px;
  display: none;
}

.eeeventall {
  font-size: 18px;
  margin-top: 10px;
}

.eeeventall a {
  color: #222c85;
}

.amev-event-list hr {
  display: none;
}


.amev-event-data .eventRegButton { 
  font-size: 14px;
  padding: 4px 10px;
}

/*========== HEADER ==========*/

#header {
  font-size: 18px;
}

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

/* top nav */
#ubermenu-nav-topnav-32 {
  display: flex;
  justify-content: flex-end;
  background: #222c85;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ubermenu-nav-topnav-32 > li > a,
#ubermenu-nav-topnav-32 > li > span {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: 700;
  padding: 7.5px 20px;
}

#ubermenu-nav-topnav-32 > li:hover > a,
#ubermenu-nav-topnav-32 > li:hover > span {
  color: #ffc423;
}

#ubermenu-nav-topnav-32 > li:not(:last-child) {
  border-right: 1px solid #fff;
}

.ubermenu-target-title.ubermenu-target-text {
  margin-left: 8.4px;
}

.ubermenu-icon {
  text-align: center;
  vertical-align: baseline;
  width: 1.3em;
}

.ubermenu-icon.fa-phone-square {
  transform: rotateY(180deg);
}

.ubermenu-sub-indicator-close {
  display: none;
}

.ubermenu-submenu {
  display: block;
  position: absolute;
  right: 0px;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, .15);
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  transition: all 0.3s ease-in;
  transition-delay: 0.4s;
}

#menu-item-11572:hover > .ubermenu-submenu {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.ubermenu-submenu .ubermenu-content-block {
  padding: 15px 20px;
}

.mabel-bhi-businesshours {
  margin-bottom: 10px;
}

.mabel-bhi-businesshours tbody {
  border-bottom: 1px solid #ddd;
}

.mabel-bhi-businesshours tr {
  border-top: 1px solid #ddd;
  font-size: 16px;
  font-weight: 700;
}

.mabel-bhi-businesshours td {
  padding: 4px 6px;
}



/* logo and search bar */

#idwULyS {
  display: flex;
  justify-content: flex-start;
  padding: 0 7%;
  margin-bottom: 10px;
}

#idwULyS > div {
  width: max-content;
}

#idwULyS > #idInXw6 {
  margin-left: auto;
}

.home-logo img {
  height: 145px;
}

.kt-tabs-wrap {
  margin: 22px 0px 0px 0px;
}

.kt-tabs-title-list {
  display: flex;
  margin-right: 18px;
}

.kt-tabs-title-list > li {
  margin: 0px 8px 1px 0px;
}

.kt-tabs-title-list > li.kt-tab-title-active > a {
  padding: 3px 20px 1px;
  border-width: 0px;
  border-radius: 4px 4px 0px 0px;
  border-color: #e1e3f0;
  color: #ffffff;
  background: #222c85;
}

.kt-tabs-title-list > li.kt-tab-title-inactive > a {
  padding: 3px 20px 0px;
  border-width: 0px;
  border-radius: 4px 4px 0px 0px;
  border-color: #e1e3f0;
  color: #222c85;
  background: #e1e3f0;
}

.kt-tabs-title-list > li > a:focus {
  outline: none;
  outline-offset: 0px;
  text-decoration: none;
}

.kt-tabs-content-wrap {
  margin-bottom: 10px;
}

.kt-tabs-content-wrap > .kt-tab-inner-content {
  border: 1px solid #dee2e6;
  border-top: 3px solid #222c85;
  padding: 15px;
  background: #fff;
}

.kt-tabs-content-wrap > .kt-tab-content-active {
  display: block;
}

.kt-tabs-content-wrap > .kt-tab-content-inactive {
  display: none;
}

#local-catalog-search-engine,
.kt-inner-tab-2 > .kt-tab-inner-content-inner > form,
.kb-buttons-wrap {
  display: flex;
}

#local-catalog-search-engine > #target,
#countsearch {
  width: 78%;
  display: inline-block;
  float: none;
  margin-top: 6px;
  margin-right: 8px;
}

.kb-buttons-wrap {
  gap: 8px;
}

.kb-buttons-wrap > a {
  width: max-content;
  display: flex;
  border: 1px solid #222c85;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  line-height: 1.5;
  padding: 6px 58px 5px;
}

.kb-buttons-wrap > a > span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kb-buttons-wrap svg {
  width: 18px;
  height: 18px;
}

/* header mobile */
@media (max-width: 1059px) {
  #header > #idfdQB8 {
    background-color: #d7dee9 !important;
  }
  
  #ubermenu-nav-topnav-32 {
    flex-wrap: wrap;
  }
  
  #header #ubermenu-nav-topnav-32 > li {
    border: none;
  }
  
  #idwULyS {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
  }
  
  .home-logo img {
    height: 150px !important;
  }
  
  #idwULyS > #idInXw6 {
    margin: 0px;
    width: 86vw;
  }
  
  .kt-tabs-title-list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
  }
  
  .kt-tabs-title-list > li {
    margin-right: 0px;
    margin-bottom: 2px;
    width: 100%;
  }
  
  .kt-tabs-title-list > li > a {
    display: block;
    width: 100%;
    line-height: 21.6px;
    padding-bottom: 0px !important;
  }
  
  #local-catalog-search-engine, 
  .kt-inner-tab-2 > .kt-tab-inner-content-inner > form, 
  .kb-buttons-wrap {
    display: flex;
    flex-direction: column;
  }
  
  #local-catalog-search-engine > #target, 
  #countsearch {
    margin: 0px 3px 3px 0px;
    width: 80.5%;
  }
  
  .kt-tab-inner-content input[type=submit] {
    width: max-content;
  }
  
  .kb-buttons-wrap > a {
    width: 100%;
  }
  
  #idGHrxf {
    border-bottom: 2px solid #222c85;
  }
}


/*========== 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;
}

/*dropdown menus on hover*/
@media (min-width: 1060px){
  .dropdown:hover > .dropdown-menu {
    display: block !important;
  }
  
  .mobile-nav {
    display: none;
  }
  
  #idB6Jiz .col-md-12 {
    min-height: 0px;
  }
  
  .navbar.navbar-top {
    border-top: 1px solid #222c85;
    border-bottom: 1px solid #222c85;
    border-radius: 0px;
  }
  
  .navbar-top > div > ul > li > a {
    border-left: none;
    border-top: none;
  }
  
  .navbar-top > div > ul > li:nth-child(18) > a {
    border-right: none;
  }
  
  .navbar-top > div > ul > li:hover > a {
    color: #ffc423;
  }
  
  #navbar-collapse-grid {
    display: flex !important;
    justify-content: center;
  }
  
  .fa.fa-sort-desc {
    display: none;
  }
  
  .nav.navbar-nav > li > a {
    font-size: 18px;
    line-height: 1.3em;
    padding: 8px 20px;
  }
  
  .nav.navbar-nav > li > .dropdown-menu {
    display:block;
    border: none;
    border-top: 1px solid #fff;
    background: #222c85;
    padding: 0px;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    transition: all 0.3s ease-in;
    transition-delay: 0.4s;
  }
  
  .nav.navbar-nav > li:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
  }
  
  .nav.navbar-nav > li > .dropdown-menu:hover {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
  }
  
  .nav.navbar-nav > li > .dropdown-menu > li > a {
    border: 1px solid #fff;
    border-top: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 20px;
  }
  
  .nav.navbar-nav > li > .dropdown-menu > li > a:hover {
    color: #ffc423;
    background: transparent;
  }
  
}


/* mobile nav */
@media (max-width: 1059px) {
  .navbar-header.visible-xs.nav-mobile {
    display: none !important;
  }
  
  .fa.fa-sort-desc:before {
    content: "\f054";
    font-weight: 400;
  }
  
  /* burger button */
  #idXTM4S {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
  }
  
  #shiftnav-toggle-main .shiftnav-toggle-burger {
    padding: 16px 20px;
    margin: 0px;
    font-size: 18px;
    line-height: 1;
    background: #ffc423;
    color: #222c85;
    border-radius: 0px;
    border: none;
  }
  
  #shiftnav-toggle-main .shiftnav-toggle-burger.active {
    background: #237cb8;
    color: #fff;
    transform: translate(77.5vw, 0);
  }
  
  #shiftnav-toggle-main .shiftnav-toggle-burger.active .fa.fa-bars::before {
    content: '\f00d';
  }
  
  
  /* nav bar */
  #navbar {
    position: fixed;
    top: 0px;
    left: -77.5vw;
    width: 77.5vw;
    height: 100vh;
    z-index: 3;
    background: #d7dee9;
    background-image: url("https://westisliplibrary.org/wp-content/uploads/2023/09/WIPL-logo_BlueOnWhite.svg");
    background-repeat: no-repeat;
    background-size: 270px auto;
    background-position: 50% 25px;
    transition: 0.3s;
  }
  
  #navbar:has(.active) {
    transform: translate(77.5vw, 0px);
  }
  
  #navbar-collapse-grid {
    display: block;
    position: fixed;
    width: 77.5vw;
    height: 0px;
    padding: 0px;
    top: 213px;
    left: 0px;
    visibility: hidden;
    
  }
  
  #navbar-collapse-grid.active {
    visibility: visible;
    height: auto;
  }
  
  .nav.navbar-nav {
    margin: 0px;
  }
  
  .nav.navbar-nav * {
    background: transparent !important;
    color: #222c85 !important;
    font-size: 19.2px;
    line-height: 1.6 !important;
    font-weight: 700;
  }
  
  .nav.navbar-nav > li:not(.menuspace) > a {
    padding: 9px;
    padding-right: 14px;
    margin: 0px;
    border: none;
    border-top: 1px solid #222c85;
    display: flex;
    justify-content: space-between;
  }
  
  .nav.navbar-nav > li:has(~ .open),
  .nav.navbar-nav > li.open ~ li {
    display: none;
  }
  
  .nav.navbar-nav > li.open > a {
    color: #165dab !important;
  }
  
  .nav.navbar-nav > li.open > a .fa.fa-sort-desc {
    display: none;
  }
  
  .nav.navbar-nav > li > ul.dropdown-menu {
    padding: 0px;
    margin: 0px;
    width: 77.5vw;
    display: block;
    position: fixed;
    left: -77.5vw;
    transition: 0.3s;
  }
  
  .nav.navbar-nav > li.open > ul.dropdown-menu {
    position: absolute;
    transform: translate(77.5vw, 0px);
  }
  
  .nav.navbar-nav > li > ul.dropdown-menu > li > a {
    padding: 9px;
    margin: 0px;
    border: none;
    border-top: 1px solid #222c85;
  }
  
  /* back button */
  #idQuBoj {
    display: block;
    position: fixed;
    top: 800px;
    left: 25px;
    z-index: 3;
    transform: translate(-77.5vw, 0px);
  }
  
  #idnclHt:has(.open) + #idQuBoj {
    transform: translate(0px, 0px);
    transition: 0.3s;
  }
  
  .mobile-nav-back .shiftnav-target {
    color: #222c85;
    font-size: 19.2px;
    font-weight: 300;
  }
  
  
}

/*========== FOOTER ==========*/

.back-to-top-container,
.accessibility-options-container {
  z-index: 5;
}

.back-to-top-container {
  position: fixed;
  bottom: 70px;
  right: 20px;
  opacity: 0.9;
  transition: 0.3s;
}

.back-to-top-container:hover {
  opacity: 1;
}

.back-to-top-container img {
  height: 50px;
  width: 50px;
}

.accessibility-options-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #134fce;
  border-radius: 50%;
  padding: 6.5px;
  transition: 0.3s;
}

.accessibility-options-container:hover {
  transform: scale(1.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .9);
}

.accessibility-options-container img {
  height: 32px;
  width: 32px;
}

#footer * {
  font-family: roboto, sans-serif;
  font-size: 16px;
  color: #fff;
}

#footer .fas {
  font-family: "Font Awesome 6 Free";
}

#footer a {
  line-height: 1.3em;
}

#footer h1 {
  font-size: 36px;
  font-family: filson-pro, sans-serif;
}

#footer h3,
#footer h4 {
  font-size: 24px;
  font-family: filson-pro, sans-serif;
}

#footer h4 {
  letter-spacing: 1px;
  line-height: 1;
  padding: 0px;
  margin-bottom: 10px;
}

#footer .kt-row-column-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5%;
  border-bottom: 5px solid #222c85;
  background: #ffc423;
}

#footer .kt-row-column-wrap > .kadence-column11532_666116-df {
  padding: 20px 63px 20px 40px;
}

#footer .kt-row-column-wrap > .kadence-column11532_e9affa-7d {
  margin-right: auto;
}

#footer .kt-row-column-wrap h1,
#footer .kt-row-column-wrap h3 {
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(26, 26, 26, 0.76);
}

#footer .kadence-column11532_e9affa-7d a.kb-button {
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  background: #222c85;
  border: 1px solid #fff;
  padding: 7.2px 18px;
}

#footer .kadence-column11532_e9affa-7d a.kb-button:hover {
  color: #fff;
  background: #f29f01;
  border: 1px solid #222c85;
}

#id7dECM {
  padding: 50px 0px 35px;
}

#idJNYxO {
  display: flex;
  padding: 40px 5%;
}

.widget-title {
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: none !important;
}

/* footer column 1 */

#idwo31b {
  width: 35%;
  margin-right: 5%;
}

#footer section.widget {
  margin: 0px;
}

#footer section.widget:nth-child(1) {
  margin-bottom: 5px;
}

#footer section.widget:last-child {
  margin-top: 25px;
}

#footer #custom_html-3 h4 {
  margin-bottom: 5px;
}

#footer #ubermenu-nav-footernav-33 li {
  padding: 3px 0px;
}

#footer td {
  font-size: 120%;
  font-weight: 300;
  line-height: 24px;
  padding: 4px 5px;
}

#footer .mabel-bhi-businesshours {
  width: 100%;
}

/* footer column 2 */

#idAj47Y {
  width: 30%;
  margin-right: 5%;
}

.ubermenu-skipnav {
  display: none;
}

#footer .footer-widgets-2 h4 {
  margin-bottom: 12px;
}

#footer #ubermenu_navigation_widget-3 {
  margin: 0px;
}

#ubermenu-nav-footernav-34 li {
  margin: 4px 0px;
}

#ubermenu-nav-footernav-34 span {
  margin-left: 9.6px;
}

/* footer column 3 */

#idKZWx4 {
  width: 25%;
}

#footer .footer-widgets-3 h4 {
  margin-bottom: 5px;
}

#footer .footer-widgets-3 #custom_html-5 strong {
  font-size: 19.2px;
}

.footer-widgets-3 ul.wp-block-social-links {
  display: flex;
  gap: 12px;
}

.footer-widgets-3 ul.wp-block-social-links span {
  display: none;
}

.footer-widgets-3 li.wp-social-link-facebook path {
  fill: #1778f2 !important;
}

.footer-widgets-3 li.wp-social-link-youtube path {
  fill: red !important;
}

.footer-widgets-3 li.wp-social-link-instagram path {
  fill: #f00075 !important;
}

#footer .footer-widgets-3 section.widget:last-child {
    margin-top: 15px;
}

#footer .footer-widgets-3 .search-form .search-form-input {
  color: #000;
  font-weight: 700;
  font-size: 24px;
}

#footer .footer-widgets-3 .search-form .search-form-input::placeholder {
  color: #444444;
}

.footer-widgets-3 .search-form .search-form-submit {
  display: none;
}

/* copyright footer 1 */

div:has(> .copyright-footer) {
  display: flex;
  justify-content: center;
}

#footer .copyright-footer {
  margin-bottom: 5px;
}

#footer div:has(> .copyright-footer) p,
#footer div:has(> .copyright-footer) a {
  font-size: 18px;
  font-weight:300;
}

.copyright-footer a:hover {
  text-decoration: underline;
}

@media (max-width: 1059px) {
  #footer .kt-row-column-wrap {
    flex-direction: column;
    padding: 5px calc(30px + 5%) 40px;
  }
  
  #footer .kt-row-column-wrap > .kadence-column11532_666116-df {
    padding: 0px;
  }
  
  #footer .kt-row-column-wrap > .kadence-column11532_666116-df img {
    padding-top: 90px;
    padding-bottom: 20px;
  }
  
  #footer .kadence-column11532_e9affa-7d a.kb-button {
    width: max-content;
  }
  
  #footer .kb-buttons-wrap > a > span {
    font-size: 18px;
  }
  
  #id7dECM {
    padding: 0px;
  }
  
  #idJNYxO {
    padding: 80px calc(15px + 5%) 75px;
    flex-direction: column;
  }
  
  #idJNYxO > div {
    width: 100%;
  }
  
  #footer section.widget:last-child {
    margin-top: 25px;
  }
  #footer .footer-widgets-2 h4 {
    margin-top: 20px;
  }
  
  #footer .footer-widgets-3 h4 {
    margin-top: 30px;
  }
  
  #footer .footer-widgets-3 #custom_html-5 strong {
    font-size: 19.2px;
  }
  
  div:has(> .copyright-footer) {
    padding: 20px calc(20px + 2%) 40px !important;
  }
  
  #footer div:has(> .copyright-footer) p,
  #footer div:has(> .copyright-footer) a {
    font-size: 18px;
  }
  
  .copyright-footer {
    text-align: center;
  }
  
}

/*========== ATTEND/RESERVE LANDING PAGE ==========*/

#body.attend--reserve-15153 {
  padding: 130px 0px;
}

#body .button a {
  color: inherit;
}

@media (max-width: 1059px) {
  #body.attend--reserve-15153 {
    padding: 80px 0px;
  }
  
  #body.attend--reserve-15153 #id7CRbH > #idWihSr {
    margin-bottom: 40px;
  }
  
  #body.attend--reserve-15153 .button {
    font-size: 24px;
  }
}

/*========== EVENTS ==========*/

#body.events-page {
  font-size: 16px;
}

.events-option-dropdown:hover, 
.events-option-dropdown:focus {
  background-color: #222c85;
}

.events-date-bar {
  padding: 10px 0;
  margin-bottom: 10px;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
}

.events-view-row .events-right .eelistevent {
  border-bottom: 1px solid #c8c6c6;
  margin-bottom: 12px;
  padding-bottom: 12px;
  margin-left: 5px;
}

.events-view-row .events-right .eelistevent-data {
  background: #f0f0f7;
  border: 1px solid #f0f0f7;
  border-radius: 10px;
  padding: 5px 10px;
}

.events-view-row .events-right .eelisttitle a:hover {
  text-decoration: underline;
}

.events-view-row .events-right .eelistimage span {
  max-height: 100px;
}

.eelisttags,
#idoHUdG > div > p:nth-child(3) {
  display: none;
}

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

#idDuU5h h2 {
  font-size: 37px;
}

#idDuU5h h4 {
  font-size: 16px;
}

#idDuU5h .atcb-link {
  font-size: 14px;
}

#idDuU5h .custom1 {
  font-size: 19px;
  margin: 19px 0px;
}

#idoHUdG > div > p {
  font-size: 11px !important;
}

@media (max-width: 1059px) {
  .events-page .events-filter-row,
  .events-page .events-view-row {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/*========== RESERVE ==========*/

.amnp-date-picker,
.amnp-choose-branch {
  border-radius: 10px;
}

.amnp-date-picker h3,
.amnp-choose-branch h3 {
  border-radius: 10px 10px 0px 0px;
}

@media (max-width: 1059px) {
  .roompicker.bodysize.content {
    margin: 0px 20px;
  }
}