.link, a{text-decoration: underline;}.link, a{font-weight: bold;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1140px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1140px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1140px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1140px;}
.bodysize{max-width: 1140px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 1140px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 1140px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #46767a;}
.link:hover, a:hover{color: #2a4649;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #ffffff;}
body{
		color: #333333;
		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:#46767a;
	}
#default_footer a{
		text-decoration: underline;
		color:#46767a;
	}
.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: #46767a;
	background: #46767a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46767a), color-stop(50%,#46767a), color-stop(51%,#46767a), color-stop(100%,#46767a));
	background: -moz-linear-gradient(top,  #46767a 0%, #46767a 50%, #46767a 51%, #46767a 100%);
	background: -webkit-linear-gradient(top,  #46767a 0%,#46767a 50%,#46767a 51%,#46767a 100%);
	background: -o-linear-gradient(top,  #46767a 0%,#46767a 50%,#46767a 51%,#46767a 100%);
	background: -ms-linear-gradient(top,  #46767a 0%,#46767a 50%,#46767a 51%,#46767a 100%);
	background: linear-gradient(top,  #46767a 0%,#46767a 50%,#46767a 51%,#46767a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46767a', endColorstr='#46767a',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: #2a4649;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a4649), color-stop(50%,#2a4649), color-stop(51%,#2a4649), color-stop(100%,#2a4649));
	background: -moz-linear-gradient(top,  #2a4649 0%, #2a4649 50%, #2a4649 51%, #2a4649 100%);
	background: -webkit-linear-gradient(top,  #2a4649 0%,#2a4649 50%,#2a4649 51%,#2a4649 100%);
	background: -o-linear-gradient(top,  #2a4649 0%,#2a4649 50%,#2a4649 51%,#2a4649 100%);
	background: -ms-linear-gradient(top,  #2a4649 0%,#2a4649 50%,#2a4649 51%,#2a4649 100%);
	background: linear-gradient(top,  #2a4649 0%,#2a4649 50%,#2a4649 51%,#2a4649 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4649', endColorstr='#2a4649',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: #46767a;
	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 #ffffff;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: bold;
	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: #46767a;
}
.vtab{
	font-weight: bold;
	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: #46767a;
}
.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: #2a4649;
}
.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: #46767a;
	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: #2a4649;
}
.tab a{
	color: #46767a;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #2a4649;
}
.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/wooddale/);
}
#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: #46767a;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #46767a;
	border-color: #46767a;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #46767a;
}
.polaris-nav-active i{
	color: #46767a;
}
.widgetbody hr{
	color: #ffffff;
	background-color: #ffffff;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #ffffff;
}
.bottomrule{
	border-bottom: 1px solid #ffffff;
}
.bodytext{color: #333333;}
.headingtext{color: #46767a;}
/* 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: "Poppins", sans-serif;
}

.button {
    font-size: 1.25rem;
    padding: 15px 20px;
}

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

#footer .footer-top {
  max-width: 1140px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    #header>.amh-row,
    #header>#idKxffX>.amh-block>.amh-content,
    #body>div,
    #footer>.amh-row {
        max-width: 960px;
      margin: 0 auto;
    }
  
  #footer .footer-top {
    max-width: 960px;
      margin: 0 auto;
  }
}

@media (max-width: 991px) {
    #header>.amh-row,
    #header>#idKxffX>.amh-block>.amh-content,
    #body>div,
    #footer>.amh-row {
        max-width: 720px;
      margin: 0 auto;
    }
  
  #footer .footer-top {
    max-width: 720px;
      margin: 0 auto;
  }
}

@media (max-width: 767px) {
    #header>.amh-row,
    #header>#idKxffX>.amh-block>.amh-content,
    #body>div,
    #footer>.amh-row {
        max-width: 540px;
    }
  
  #footer .footer-top {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
    #header>.amh-row,
    #header>#idKxffX>.amh-block>.amh-content,
    #body>div,
    #footer>.amh-row {
        max-width: 575px;
    }
  
  #footer .footer-top {
    max-width: 575px;
  }
  
  #header>#idKxffX>.amh-block>.amh-content {
    padding: 0;
    margin: 0;
  }
}

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

/*========== HEADER ==========*/
#header p {
    padding: 0px;
    margin: 0px;
}

#header a {
  text-decoration: none;
}

#idBXy5f {
  display: flex;
}

#idBXy5f > div {
  width: auto;
}

#idBXy5f > div:nth-child(2) {
  margin-left: auto;
}

.home-logo img {
  padding: 15px 15px 15px 0;
  max-width: calc(100vw - 30px);
}

.header-buttons {
  display: flex;
  align-items: center;
  width: auto;
  padding-top: 15px;
  margin: 0 0 10px auto;
  justify-content: flex-end;
}

.header-buttons a {
  display: flex;
  align-items: center;
  width: max-content;
  color: #fff !important;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 5px 15px;
  border-radius: 0;
  margin-left: 15px;
  transition: 0.15s;
}

.header-buttons a.btn-primary {
  background: #46767a;
  border: 1px solid #46767a;
}

.header-buttons a.btn-primary:hover {
  background-color: #2a4649;
  border-color: #2a4649;
}

.header-buttons a.btn-secondary {
  background: #657354;
  border: 1px solid #657354;
}

.header-buttons a.btn-secondary:hover {
  background-color: #525d44;
  border-color: #4b563e;
}

.header-buttons svg {
  width: 18px;
  margin-right: 3.82px;
}

#id8lJAa > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#id8lJAa > div > div:nth-child(1) {
  margin: 0;
}

#id8lJAa > div > div:nth-child(2) {
  margin: auto 0 0;
}

/* search bar */
#idKxffX {
  margin-top: 5px;
}

#header .search-bar-wrapper {
  padding: 10px 0;
}

#header .search-bar {
  display: flex;
  align-items: center;
}

#header .search-toggle-container {
  display: flex;
    align-items: center;
    padding: 0 5px 0 0;
}

#header .form-check {
  display: flex;
  align-items: center;
  margin: 3.5px 10px 3.5px 0;
}

#header .form-check input {
  margin: 0 5px 5px 0;
}

#header .form-check label {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0;
}

.catalog-search, .website-search {
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.catalog-search input, .website-search input {
  color: #333;
  font-size: 0.984375rem;
  line-height: 1.5;
  padding: 4px 10px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin: 0 10px 0 0;
  width: 785px;
}

.catalog-search input::placeholder, .website-search input::placeholder {
  color: #666;
}

.catalog-search button, .website-search button {
  color: #46767a;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 2.5px 15px;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  margin: 0;
  width: 97px;
  background: #fff;
}

.catalog-search button:hover, .website-search button:hover {
  color: #333;
  background: #ececec;
  border-color: #e6e6e6;
}

div:has(#catalog-toggle:checked) .website-search {
  display: none;
}

div:has(#website-toggle:checked) .catalog-search {
  display: none;
}

@media (max-width: 1199px) {
  .home-logo img {
    width: 210px;
  }
  
  .header-buttons a {
    font-size: 0.984375rem;
    padding: 2.5px 10px;
    margin-bottom: 10px;
  }
  
  .catalog-search input, .website-search input {
    width: 607px;
  }
}

@media (max-width: 991px) {
  #header>#idKxffX {
    margin-top: 5px;
  }
  
  #idBXy5f {
    flex-direction: column;
    align-items: center;
  }
  
  #idBXy5f > div {
    margin: 0 !important;
  }
  
  #idBXy5f > div:nth-child(2) {
    width: 100%;
  }
  
    .home-logo img {
      padding: 15px 0;
      width: 342px;
    }
  
  .header-buttons {
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  #header .search-bar {
    flex-direction: column;
    align-items: start;
  }
  
  .catalog-search input, .website-search input {
    width: 582px;
  }
}

@media (max-width: 767px) {
  .catalog-search input, .website-search input {
    width: 402px;
  }
}

@media (max-width: 575px) {
  .catalog-search, .catalog-search input, .website-search input {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .header-buttons {
    justify-content: start;
  }
}

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

/* 1st menu item "nav button" */
.dropdown-menu>li>div>ul:nth-child(1)>li {
    display: none;
}

  #navbar .navbar-nav>li:nth-child(4) .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
    background-image: url("https://static.libnet.info/frontend-images/editor/wooddale/icon-creditcard.png");
  }
  #navbar .navbar-nav>li:nth-child(6) .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
    background-image: url("https://static.libnet.info/frontend-images/editor/wooddale/icon-calendar.png");
  }
  #navbar .navbar-nav>li:nth-child(8) .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
    background-image: url("https://static.libnet.info/frontend-images/editor/wooddale/icon-laptop.png");
  }
  #navbar .navbar-nav>li:nth-child(10) .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
    background-image: url("https://static.libnet.info/frontend-images/editor/wooddale/icon-printer.png");
  }
  #navbar .navbar-nav>li:nth-child(12) .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
    background-image: url("https://static.libnet.info/frontend-images/editor/wooddale/icon-chat.png");
  }


/* Desktop Nav styling */
@media (min-width: 992px) {
    /* hide dropdown nav item arrows */
    .fa-sort-desc {
        display: none;
    }
  
    /* dropdown menus on hover */
    .dropdown:hover>.dropdown-menu {
        display: block !important;
    }

    #navbar-collapse-grid,
    #navbar .navbar-nav {
        padding: 0;
        width: 100%;
    }
  
  /* hide menuspace so flex box styling matches */
    #navbar .navbar-nav::before,
    #navbar .navbar-nav::after,
    #navbar .navbar-nav>li:nth-child(1),
    #navbar .navbar-nav>li.menuspace {
        display: none;
    }
  
  /* nav bar */
  #navbar .navbar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 690px;
  }
  
    #navbar .navbar-nav>li>a {
        font-size: 1.5rem;
        line-height: 1.5;
        font-weight: 700;
        padding: 10px 5px;
    }
  
  #navbar .navbar-nav>li:nth-child(12)>a {
    padding-right: 0;
  }
  
  /*============ menu-type: half (columns with headers) ============*/
    /* navigation dropdown menus (menu-type: half) */
    #navbar .dropdown>.dropdown-menu {
        position: absolute;
        top: initial;
        right: 0;
        left: auto;
        overflow: hidden;
        background: #fff;
        padding: 0;
        margin: 0;
        border: 1px solid #46767a;
        border-radius: 0px;
        max-width: calc(100vw - 30px);
        width: 960px;
        box-shadow: none;
    }

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

    /* columns */
    .dropdown-menu>li>div>ul:not(:last-child) {
        width: 25%;
      padding: 0 15px;
      margin: 15px 0;
    }
  
  .dropdown-menu>li>div>ul:nth-child(2),
  .dropdown-menu>li>div>ul:nth-child(3) {
    border-right: 1px solid #ccc;
  }

    /* column headings */
    .dropdown-menu>li>div>ul>li .heading4 {
        display: block;
        color: #333;
        font-size: 1.25rem;
        line-height: 1.5;
        font-weight: 700;
        background: #fff;
        padding: 0;
        margin: 0 0 15px;
    }

    /* navigation dropdown submenus(column contents) (menu-type: half) */
    .dropdown-menu>li>div>ul>ul {
        padding: 1.25px 0px 5px;
        width: 100%;
    }
  
    .dropdown-menu>li>div>ul>ul>li>a {
      display: block;
      color: #46767a;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.5;
        text-wrap: wrap;
        padding: 0;
      margin: 0 0 5px;
        cursor: pointer;
      transition: 0.15s;
    }

    .dropdown-menu>li>div>ul>ul>li>a:hover {
      color: #2a4649;
        background: transparent;
      text-decoration: underline !important;
    }
  
  /* dropdown column 1 (nav "button") */
  .dropdown-menu>li>div>ul:nth-child(1) {
    margin: 0;
    background: #657354;
    padding: 15px;
  }
  
  .dropdown-menu>li>div>ul:nth-child(1):hover {
    background: #525d44;
  }
  
  .dropdown-menu>li>div>ul:nth-child(1)>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
  }
  
  .dropdown-menu>li>div>ul:nth-child(1)>ul>li {
     width: 100%; 
  }
  
  .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
    color: #fff;
    text-align: center;
    padding: 97px 0 15px;
    margin: 0;
    height: 139px;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: auto 65px;
  }
  
}

@media (min-width: 1200px) {
  #navbar .navbar-nav {
    width: 738px;
  }
  
  #navbar .navbar-nav>li>a {
    font-size: 1.75rem;
  }
  
  #navbar .dropdown>.dropdown-menu {
    width: 1140px;
  }
}

/* Mobile Nav */
@media (max-width: 991px) {
    /* setting mobile nav to 991px width instead of 767px width */
    .visible-xs {
        display: block !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-top>div>ul>li>a {
        background: 0 0 !important;
        color: #333 !important;
        background-color: #f5f5f5 !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .yamm-content ul {
        display: block;
    }

  /* menu toggle */
  .navbar-header.nav-mobile {
    display: flex !important;
    background: #46767a;
    color: white;
    padding: 5px 10px;
    margin: 0;
    width: 100%;
  }
  
  .burger-button {
    font-size: 1.40625rem;
    line-height: 1;
    position: absolute;
    padding: 2.5px 170px 2.5px 0;
  }
  
  .nav-mobile .navbar-brand {
    font-size: 1.40625rem;
    line-height: 1;
    font-weight: 400;
    padding: 2.5px 0 2.5px 30px;
    margin: 0;
    height: auto;
  }
  
  /* nav menu */
    #navbar #navbar-collapse-grid {
        border: none;
        padding: 0;
    }

    #navbar .navbar-nav {
        background: #46767a;
      padding: 0 10px 5px;
        margin: 0;
    }

    /* nav menu items */
    #navbar .navbar-nav * {
        background-color: transparent !important;
        color: #fff !important;
    }

    #navbar .navbar-nav>li>a {
      font-size: 1.75rem;
      line-height: 1.5;
      font-weight: 700;
      padding: 0 0 0 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
  #navbar .navbar-nav>li.open>a {
    background-color: #2a4649 !important;
  }
  
  #navbar .navbar-nav>li>a>.fa-sort-desc {
    font-size: 22.5px;
    background-color: #345a5d !important;
    padding: 20px 16.25px;
  }
  
  #navbar .navbar-nav>li>a>.fa-sort-desc::before {
    content: "\f078";
  }

  /*============ menu-type: half (columns with headers) ============*/
    #navbar .dropdown>.dropdown-menu {
        position: relative;
        box-shadow: none;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        width: 100%;
        overflow: hidden;
    }

    #navbar .dropdown>.dropdown-menu>li>div {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    #navbar .navbar-nav .dropdown-menu>li>div>ul>li .heading4 {
        display: block;
        font-size: 1.25rem;
      line-height: 1.5
        font-weight: 700;
        text-wrap: wrap;
        padding: 10px 10px 10px 25px;
        cursor: pointer;
    }
  
  /* nav submenu dropdowns */
    #navbar .dropdown>.dropdown-menu>li>div>ul>ul>li>a {
        font-size: 1.125rem;
      line-height: 1.5;
      font-weight: 700;
        text-wrap: wrap;
        padding: 10px 10px 10px 35px;
        cursor: pointer;
    }
  
  /* 1st nav item */
  #navbar .dropdown-menu>li>div>ul:nth-child(1)>ul>li>a {
        display: block;
        font-size: 1.25rem;
      line-height: 1.5;
        font-weight: 700;
    padding: 25px 25px 25px 60px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 25px;
    background-size: auto 20px;
  }
  
}

/*========== FOOTER ==========*/
#footer .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}

#footer .footer-top span,
#footer .footer-top p {
  color: #fff;
  font-weight: 700;
  padding: 0 15px;
  margin: 5px 0;
}

#footer .footer-top span {
  display: block;
  font-size: 1.875rem;
  line-height: 1.2;
}

#footer .footer-top p {
  font-size: 1.125rem;
  line-height: 1.5;
}

#footer .footer-top a {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  background: #fff;
  padding: 10px 48px;
  border: 2px solid #fff;
  border-radius: 0;
  margin: 5px 15px;
  text-decoration: none;
  transition: 0.15s;
  max-width: 100%;
  text-wrap: wrap;
}

#footer .footer-top a:hover,
#footer .footer-top a:focus {
  color: #fff;
  background: #2a4649;
  text-decoration: none;
}

#footer {
    margin-bottom: 0;
}

#footer .footer-main {
  padding: 30px 0;
  background-image: url("https://www.wooddalelibrary.org/themes/custom/website_theme/assets/images/footer-bg.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto;
}

#footer .footer-main .row {
  display: flex;
  margin: 0;
}

#footer .footer-main .footer-column {
  padding: 0 15px;
  margin-bottom: 40px;
}

#footer h2 {
  color: #333;
  font-size: 1.25rem;
  line-height: 1.2;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
}

#footer a {
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p {
    margin: 0;
}

/* social icons */
#footer .social-icons a {
  text-decoration: none;
}

#footer .social-icons svg {
  width: 30px;
}

#footer .social-icons .fa-facebook {
  width: 36px;
}

#footer .social-icons .fa-youtube {
  width: 40.5px;
}

#footer .social-icons .fa-instagram {
  width: 31.5px;
}

@media (max-width: 1199px) {
  #footer .footer-top > div:nth-child(2) {
    width: 312px;
  }
  
  #footer .footer-main {
    background-size: 240px;
  }
}

@media (max-width: 991px) {
  #footer .footer-main {
    background-image: none;
  }
  
  #footer .footer-main .row > div {
    width: 240px;
  }
  
  #footer .footer-top {
    flex-wrap: wrap;
  }

  #footer .footer-top > div:nth-child(2) {
    width: 443px;
  }
}

@media (max-width: 767px) {
  #footer .footer-main .row {
    flex-direction: column;
    align-items: start;
  }
  
  #footer .footer-main .row > div {
    width: auto;
  }
  
  #footer .footer-top > div:nth-child(1) {
    width: 180px;
  }
  
  #footer .footer-top > div:nth-child(2) {
    width: 360px;
  }
}

@media (max-width: 575px) {
  #footer .footer-top > div:nth-child(1) {
    width: 100%;
  }
  
  #footer .footer-top > div:nth-child(2) {
    width: 100%;
  }
  
  #footer .footer-top > div:nth-child(3) {
    max-width: 100%;
  }
}

/*========== BODY =========*/
#body>div {
    padding-top: 20px;
    padding-bottom: 20px;
}

/*========== ATTEND/RESERVE LANDING PAGE =========*/
#body.events-rooms-1256 {
    padding: 150px 0 250px;
}

div:has(>.landing-page-button) {
    padding: 16px !important;
}

/*========== RESERVE PAGE =========*/
.ammev-login {
    padding: 120px 0px 0px;
}

/*========== EVENTS PAGE =========*/
#body.events-page {
    padding: 20px 0 60px;
}

/* removes negative side margins (messes up mobile view sometimes) */
.row.events-filter-row,
.row.events-view-row {
    margin-right: 0;
    margin-left: 0;
}

.events-date-bar {
    border-top: 1px solid #c8c6c6;
    border-bottom: 1px solid #c8c6c6;
}

.eelistevent {
    min-height: 200px;
}

.eelisttitle {
    font-size: 2rem;
}

.eelisttime {
    font-size: 1.25rem;
}

.row.events-filter-row>div,
.events-details>.nav-tabs,
.events-left>div:not(:nth-child(1)),
.eelistevent-data>div:not(:nth-child(1), :nth-child(2)) {
    font-size: 1rem;
}

.events-body .eelistevent-data>.eelistgroup,
.events-body .eelistevent-data>.eelisttags {
    font-size: 0.875rem;
}

.events-left>div>a {
    text-decoration: none;
}

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