@import url('https://fonts.googleapis.com/css?family=Mada:400,500,600,700&display=swap');.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: underline;}.link, a{font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 988px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 988px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 988px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 988px;}
.bodysize{max-width: 988px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 988px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 988px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #0b77c5;}
.link:hover, a:hover{color: #00467f;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #cccaca;}
body{
		color: #ffffff;
		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:#adadad;
	}
#default_footer a{
		text-decoration: underline;
		color:#adadad;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #0b77c5;
	background: #0b77c5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b77c5), color-stop(50%,#0b77c5), color-stop(51%,#0b77c5), color-stop(100%,#0b77c5));
	background: -moz-linear-gradient(top,  #0b77c5 0%, #0b77c5 50%, #0b77c5 51%, #0b77c5 100%);
	background: -webkit-linear-gradient(top,  #0b77c5 0%,#0b77c5 50%,#0b77c5 51%,#0b77c5 100%);
	background: -o-linear-gradient(top,  #0b77c5 0%,#0b77c5 50%,#0b77c5 51%,#0b77c5 100%);
	background: -ms-linear-gradient(top,  #0b77c5 0%,#0b77c5 50%,#0b77c5 51%,#0b77c5 100%);
	background: linear-gradient(top,  #0b77c5 0%,#0b77c5 50%,#0b77c5 51%,#0b77c5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b77c5', endColorstr='#0b77c5',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: #00467f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00467f), color-stop(50%,#00467f), color-stop(51%,#00467f), color-stop(100%,#00467f));
	background: -moz-linear-gradient(top,  #00467f 0%, #00467f 50%, #00467f 51%, #00467f 100%);
	background: -webkit-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: -o-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: -ms-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00467f', endColorstr='#00467f',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: #ffffff;
	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: #0b77c5;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #0b77c5;
	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 #cccaca;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #25807f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25807f), color-stop(50%,#25807f), color-stop(51%,#25807f), color-stop(100%,#25807f));
	background: -moz-linear-gradient(top,  #25807f 0%, #25807f 50%, #25807f 51%, #25807f 100%);
	background: -webkit-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -o-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -ms-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25807f', endColorstr='#25807f',GradientType=0 );
	color: #ffffff;
}
.vtab{
	font-weight: normal;
	background: #25807f;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#25807f), color-stop(50%,#25807f), color-stop(51%,#25807f), color-stop(100%,#25807f));
	background: -moz-linear-gradient(-90deg,  #25807f 0%, #25807f 50%, #25807f 51%, #25807f 100%);
	background: -webkit-linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -o-linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -ms-linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	color: #ffffff;
}
.vtab:hover, .vtab_selected{
	background: #25807f;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#25807f), color-stop(50%,#25807f), color-stop(51%,#25807f), color-stop(100%,#25807f));
	background: -moz-linear-gradient(-90deg,  #25807f 0%, #25807f 50%, #25807f 51%, #25807f 100%);
	background: -webkit-linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -o-linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -ms-linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: linear-gradient(-90deg,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25807f', endColorstr='#25807f',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #25807f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25807f), color-stop(50%,#25807f), color-stop(51%,#25807f), color-stop(100%,#25807f));
	background: -moz-linear-gradient(top,  #25807f 0%, #25807f 50%, #25807f 51%, #25807f 100%);
	background: -webkit-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -o-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -ms-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25807f', endColorstr='#25807f',GradientType=0 );

	color: #ffffff;
	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: #25807f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25807f), color-stop(50%,#25807f), color-stop(51%,#25807f), color-stop(100%,#25807f));
	background: -moz-linear-gradient(top,  #25807f 0%, #25807f 50%, #25807f 51%, #25807f 100%);
	background: -webkit-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -o-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -ms-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25807f', endColorstr='#25807f',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #ffffff;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.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/hplibrary/App-header-logo-white.png);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #25807f;
	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: normal;
	-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: #25807f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25807f), color-stop(50%,#25807f), color-stop(51%,#25807f), color-stop(100%,#25807f));
	background: -moz-linear-gradient(top,  #25807f 0%, #25807f 50%, #25807f 51%, #25807f 100%);
	background: -webkit-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -o-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: -ms-linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	background: linear-gradient(top,  #25807f 0%,#25807f 50%,#25807f 51%,#25807f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25807f', endColorstr='#25807f',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: #ffffff;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #ffffff;
	border-color: #ffffff;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #ffffff;
}
.polaris-nav-active i{
	color: #ffffff;
}
.widgetbody hr{
	color: #cccaca;
	background-color: #cccaca;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #cccaca;
}
.bottomrule{
	border-bottom: 1px solid #cccaca;
}
.bodytext{color: #ffffff;}
.headingtext{color: #ffffff;}
@import url('https://fonts.googleapis.com/css?family=Mada:400,500,600,700&display=swap');
.link {text-decoration: none;}
.link:hover {text-decoration: underline;} .link {font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1450px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1450px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1200px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1200px;}
.bodysize{max-width: 1200px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 1450px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 1450px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after {color: #00467f;}
.link:hover {color: #0066cc;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #cccaca;}
body{

		color: #3a4f4b;
		font-family: Verdana, Geneva, sans-serif;
		background-color: #ffffff;

	}
/*CMS navigation*/
#navbar {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

/*accessibility fixes for contrast/menu skipping*/
.navbar{background-color:#25807F;}

#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
background-color:#fff;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
}

.widgetheader{
  background-color:#00467f !important;
}

/*accessibility fixes end*/

/* RSS modal bottom padding fix */
div.amPopup {
  padding-bottom: 20px; 
}

/* "Booking Details" read-only inputs */
.amnp-booking-options .form-control[readonly]:hover {
  cursor: not-allowed;
}

a.close-brochure-popup {
  color: #39444C;
  border: 1px solid #39444C;
  cursor: pointer;
  padding: 5px 20px;
  display: inline-block;
  margin-bottom: 10px;
  text-decoration: none;
}


@media (min-width: 768px){

.dropdown:hover > .dropdown-menu { 
  	display: block !important; 
}
}
.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:#adadad;
	}
#default_footer a{
		text-decoration: underline;
		color:#adadad;
	}
#idZCA0u > grammarly-extension > div > div > div > div > div > div > div > div {
display: none;
}
/*
.events-grid-body .events-grid-cell-event {
  margin-bottom: 16px;
  border: 0;
  white-space: normal;
  line-height: 1.5;
}
.events-grid-cell-event {
  border-radius: 1px;
  border: 1px solid #d1d1d1;
  font-size: .8em;
  margin-top: 0.3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 125px;
  padding: 0 .5em;
}
.events-grid-cell {
  border: 1px solid #d1d1d1;
  min-height: 105px;
  position: relative;
  padding: .5em;
  vertical-align: bottom;
  width: 14.28%;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.events-grid-body .events-grid-row {
  display: flex;
}
.events-grid-cell-event i, .events-grid-cell-event b {
  display: block;
}
*/
/*SEARCH WIDGET*/
#searchbar {
height: 50px;
    font-size: 14pt;
    padding: 10px;
    width: calc(100% - 80px);
    background: #ffffff;
    opacity: 1.5;
    color: black;
    border: unset;
}
#stype {
background: #39444C;
    opacity: 0.75;
    color: white;
    height: 49px;
    border: unset;
    border-radius: unset;
      margin-left: 5px;
    margin-right: 5px;
}
input#searchbar::placeholder {
    color: white;
}
#searchsubmit {
    padding: 11px;
    color: white;
    height: 50px;
    background: #00467f;
    opacity: 0.75;
    border: unset;
    vertical-align: top;
}
/*END SEARCH WIDGET*/
.resource_item_header, .button-strip a{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #00467f;
	background: #00467f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00467f), color-stop(50%,#00467f), color-stop(51%,#00467f), color-stop(100%,#00467f));
	background: -moz-linear-gradient(top,  #00467f 0%, #00467f 50%, #00467f 51%, #00467f 100%);
	background: -webkit-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: -o-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: -ms-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00467f', endColorstr='#00467f',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.resource_item_header:hover, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #0068bc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0068bc), color-stop(50%,#0068bc), color-stop(51%,#0068bc), color-stop(100%,#0068bc));
	background: -moz-linear-gradient(top,  #0068bc 0%, #0068bc 50%, #0068bc 51%, #0068bc 100%);
	background: -webkit-linear-gradient(top,  #0068bc 0%,#0068bc 50%,#0068bc 51%,#0068bc 100%);
	background: -o-linear-gradient(top,  #0068bc 0%,#0068bc 50%,#0068bc 51%,#0068bc 100%);
	background: -ms-linear-gradient(top,  #0068bc 0%,#0068bc 50%,#0068bc 51%,#0068bc 100%);
	background: linear-gradient(top,  #0068bc 0%,#0068bc 50%,#0068bc 51%,#0068bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068bc', endColorstr='#0068bc',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.button-strip a, .button-strip-active a, .button:hover a, .button a, .btn a, btn:hover a, .button-strip:hover a{
	color: #ffffff !important;
	text-decoration:none;
}

.navbtn{min-height: 3em; margin-top: 3px;}
.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: #25807f;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.15;
}
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;
  	color:#25807f;
}
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: #00467f;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #0066cc;
	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 #cccaca;
}
@media (max-width: 1750px) {
  
  body {
   	 overflow-x: hidden;
 position: relative;

  }
  html {
    	 overflow-x: hidden;
 position: relative;
  }
  
}
@media (max-width: 767px) {  
#navbar {
  margin-left: auto;
  margin-right: auto;
  display: block;
  }
	.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/hplibrary/App-header-logo-white.png);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #00467f;
	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: normal;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00467f), color-stop(50%,#00467f), color-stop(51%,#00467f), color-stop(100%,#00467f));
	background: -moz-linear-gradient(top,  #00467f 0%, #00467f 50%, #00467f 51%, #00467f 100%);
	background: -webkit-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: -o-linear-gradient(top,  #00467f 0%,#e00467f 50%,#00467f 51%,#00467f 100%);
	background: -ms-linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	background: linear-gradient(top,  #00467f 0%,#00467f 50%,#00467f 51%,#00467f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00467f', endColorstr='#00467f',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: #3a4f4b;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #3a4f4b;
	border-color: #3a4f4b;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #3a4f4b;
}
.polaris-nav-active i{
	color: #3a4f4b;
}
.widgetbody hr{
	color: #ffffff;
	background-color: #ffffff;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #cccaca;
}
.bottomrule{
	border-bottom: 1px solid #cccaca;
}
.bodytext{color: #3a4f4b;}
.headingtext{color: #3a4f4b;}
@import url('https://fonts.googleapis.com/css?family=Mada:400,500,600,700&display=swap');

body {
  font-family: 'Mada', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

/* HEADINGS */

/*h1, .heading1 {
  text-align: center;
    font-size: 1.6276041667em;
  font-weight: 400;
  color: #444444;*/
}

h4, .heading4 {
    font-size: 1.6276041667em;
  	font-weight: 600;
}


/* BUTTON */
.button {
  	font-family: 'Mada', sans-serif;
  	text-decoration: none;
  	font-weight: 400;
    padding: 10px 14px;
  	transition: all .4s ease-in-out;
  	text-transform: uppercase;
}
/*contrast fixes*/
.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:hover {border-color:black !important;}

.btn-warning{color:black;}
.btn-warning:hover{color:black; border-color:black;}
/*end contrast fixes*/
#searchSubmit {
opacity: 0.6;
    width: 100%;
    height: 4em;
    font-size: 0.9em;
    text-transform: none;
}

/***** HEADER *****/

#header {
  margin-bottom:20px;
}

#idbnuXg {
  background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  	background-image: url(https://hplibrary.org/images/editor/hplibrary/HEADER_IMAGES/hppl-library-girls-iStock-1175730752.jpg)!important;
}

#headerbuttons {
    float: right;
    position: absolute;
    right: 0;
    top: 12px;
}

#headerbuttons span.button {
	border: 1px solid #fff;
	background: #ff0000;
  	font-size: 0.94em;
  	margin-right: 10px;
    padding: 8px 14px;
}
#headerbuttons span.button:hover {
	opacity: 0.6;
}



/*search css*/
#search.stacks-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	position: relative;
	padding: 0.95em 0;
}
#search.stacks-search > .row, .blk-cta-callout #search.stacks-search > .cta-callout  {
    padding: 0;
    width: 100%;
    z-index: 2;
}
#search.stacks-search > .row > .section {
	margin-bottom: 0.95em;
    width: 100%;
}
#search.stacks-search .block-hf-stacks-search {
    width: 100%;
}
.header-cta .block-hf-stacks-search .content, .header-cta .block-hf-stacks-search .content .region-header-search {
    width: 100%;
}
#search.stacks-search .block-hf-stacks-search #main-search-container.row {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#search [type='text'] {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 4.5390625;
    margin: 0 0 1.0416666667em;
    padding-left: 2em;
    border: 1px solid #cacaca;
    border-radius: 0px;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,0.1);
    box-shadow: inset 0 1px 2px rgba(10,10,10,0.1);
    font-family: inherit;
    font-size: 1.0416666667em;
    font-weight: normal;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out,-webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out,-webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out,-webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#search .header-cta-buttons a, #search .header-cta-buttons a, #search .submit, #search .submit {
    color: #ffffff !important;
}
#search .content {
	background-color: transparent!important;
}
.searchBoxWrap {
	background-color: #ffffff;
}
#search div.row:before {
	display: none;
}
#search select {
    height: 4em;
    margin: 0;
    padding: 0.5208333333em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0px;
    background-color: #ffffff;
    font-family: inherit;
    font-size: 1.0416666667em;
    line-height: normal;
    color: #0a0a0a;
    background-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.…points='0,0 32,0 16,24' style='fill:rgb%28102,102,102%29'></polygon></svg>);
    background-origin: content-box;
    background-position: right -1.0416666667em center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5625em;
    -webkit-transition: border-color 0.25s ease-in-out,-webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out,-webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out,-webkit-box-shadow 0.5s;
}
#search.stacks-search .block-hf-stacks-search select, #search.stacks-search .block-hf-stacks-search input {
    border-radius: 0;
    border: none;
}
#search.stacks-search .block-hf-stacks-search select {
    font-size: .9em;
	width: 100%;
}
.header-cta .block-hf-stacks-search .selectSearchCat {
    font-size: .85em;
}
#search .button:disabled {
    opacity: 0.5;
    width: 100%;
	height: 4em;
	font-size: 0.9em;
	text-transform: none;
}
.searchBoxWrap {
    width: 100%;
}
  .large-2 {
    width: 100%;
}
.selectSearchWrapper {
    width: 100%;
}
  .region-header-search {
    display: flex;
    flex-direction: column;
}

/*header buttons*/
.header-cta-buttons ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.header-cta-buttons li {
    list-style-type: none;
    width: 49.5%;
}
.header-cta-buttons a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #00467f;
    color: white;
    display: block;
    font-size: 0.875em;
    height: 35px;
    line-height: 36px;
    padding-left: 0.95em;
    padding-right: 0.95em;
    text-align: center;
    width: 100%;
}
.header-cta-buttons a:hover {
    color: white;
    background: #0068bc;
}



/* header @media */
@media print, screen and (min-width: 64em) {
.header-cta-buttons > ul > li {
    width: 50%;
    padding: 0px 0.3166666667em;
}
.header-cta-buttons > ul {
    border: none;
    padding: 0;
    margin: -0.3166666667em;
}
.header-cta-buttons a {
    height: 3em;
    line-height: 40px;
}
  .searchBoxWrap {
    width: 58.3333333333%;
}
  .large-2 {
    width: 16.6666666667%;
}
.selectSearchWrapper {
    width: 25%;
}
#searchBox {
    padding-top: 15px;
}
}

@media print, screen and (min-width: 40em) {
.header-cta-buttons li:first-child, .header-cta-buttons li:nth-child(2) {
    margin-bottom: 3.5px;
}
}

@media screen and (max-width: 39.9375em) {
.header-cta-buttons li {
    margin-bottom: 3.5px;
}
#logo img{
	width: 300px;
  margin-bottom: 20px;
  }
}

@media screen and (max-width: 63.9375em) {
#search.stacks-search .block-hf-stacks-search #main-search-container.row {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
#search .button:disabled {
    height: 2.6em;
}
#search select {
    height: 2.6em;
    margin-bottom: 3px;
}
.searchBoxWrap {
    margin-bottom: 10px;
    height: 2.5em;
}
#search [type='text'] {
    padding-left: 0.5em;
}
}

/* UPCOMING EVENTS WIDGET */
/*widget title*/
#7314 h4 {
    height: 350px !important;
    width: 430px !important;	
    font-size: 1.8em;
  	margin-bottom: 0.5em;
  	font-weight: 400;
  	color: #1d1d1d;
}

/*date string in upcoming events widget*/
.amev-event-time.headingtext {
  	color: #303030 !important;
}
.amev-event-title a {
  	text-decoration: none;
}
.amev-event-description .eventRegButton {
  	font-size: 0.95em;
  	margin-bottom: 0.3em;
}
/*my events login page*/
.ammev-login {
    margin: 20px auto;
}


.navbar {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


/*****EVENTS LISTING PAGE*****/
#idVFirR {
display: none;
}
/*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;
}
/*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: #1d1d1d!important;
}
/*event listing short description*/
.eelistdesc {
  font-size: 1.2em;
}
.eventRegButton {
  	margin-bottom: 0.75em;
}
div.events-date-string.headingtext, div.events-date-range-string.headingtext {
	color:  #1d1d1d!important;
}
.events-left .tab-content {
	background: #ffffff;
}
/*filters*/
#eventsearch {
  margin-bottom: 15px;
}
.events-filter-row {
    padding: 1em 2em 1em 2em;
  	margin-bottom: 0px;
}
.events-view-row {
  	padding: 5px 40px;
}


/*******EVENT TEMPLATE PAGE*******/

/*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 sub title*/
#idaiMWo h3 {
	color: #5d5d5d;
    font-size: 1.8em;;
	font-weight: 400;
}
/*event page date*/
#idm0vRo h4 {
  	color: #303030;
}
/*event description*/
#idiga4D p {
  	color:  #1d1d1d;
}
/*event short description*/
#idjLXfv .custom1 {
  	color: #1d1d1d;
    margin: 1em 0 0.5em 0;
    font-weight: 400;
    font-size: 1.3em;
}

/* UPCOMING EVENTS WIDGET */
/*widget title*/
#7314 h4 {	
    font-size: 1.8em;
  	margin-bottom: 0.5em;
  	font-weight: 400;
  	color: #1d1d1d;
}
/*height of events listing widget*/
.amev-event-list{
  	height: 550px !important;
}
/*date string in upcoming events widget*/
.amev-event-time.headingtext {
  	color: #303030 !important;
}
.amev-event-title a {
  	text-decoration: none;
}
.amev-event-description .eventRegButton {
  	font-size: 0.95em;
  	margin-bottom: 0.3em;
}
/*my events login page*/
.ammev-login {
    margin: 20px auto;
}

/*@media EVENTS SIZES */
@media (min-width: 768px) {
.events-right {
    margin-left: 260px;
}
.amev-event-title > a {
    font-size: 1.2em;
}
}

@media (max-width: 767px){
#id4Ejdw div.amh-content {
	border-width: 0px!important;
}
.events-filter-row {
    max-width: 767px;
    text-align: center;
}
.events-views {
    max-width: 767px;
    margin-top: 10px;
    text-align: center;
}
.events-details {
    margin-bottom: 20px;
}
}


/** RESERVE **/
.amnp-holder {
    margin-bottom: 0px;
    padding: 30px;
    min-height: 680px;
}


/** FOOTER **/
#default_footer {
  	display: none;
}
#footer {
  	margin-bottom: 0px;
}

#footer a{color: #0A6CB2;}
#footer .closedmsg {
  color: #d60000;
}

.social-footer {
  text-align: center;
}

.social-footer > a {
    border: 1px solid white;
    padding: 11px 16px;
    border-radius: 50px;
   font-size: 1.5em;
    color: #ffffff;;
}
.social-footer a:hover {
	border-color: #8f8fff;   
}
.mdi:hover {
	color: #8f8fff;   
}
.mdi:before {
    display: inline-block;
    font: normal normal normal 22px/1 "FontAwesome";
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
  	color: #ffffff;  	
}
.mdi-facebook-box:before {
    content: "\f230";
}
.mdi-twitter-box:before {
    content: "\f081";
}
.mdi-youtube:before {
    content: "\f16a";
}
.mdi-instagram:before {
    content: "\f16d";
}
.mdi-pinterest-box:before {
    content: "\f0d3";
}
#footer .noline a {
  	text-decoration: none;
}
#footercms {
  	color: #ffffff;
  	text-align: center;
}
#footercms a {
  	text-decoration: underline;
  	color: #ffffff;
}
.amfaq-section-answer:before {
  font-family: "anywhereme";
  content: '' !important;
}
