@import url("https://use.typekit.net/djg7zmw.css"); /*Adobe Fonts*/.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: none;}.link, a{font-weight: bold;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #652c90;}
.link:hover, a:hover{color: #9ed852;}
.widgetbg{background-color: #fcfcfc;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #cacaca;}
body{
		color: #454545;
		font-family: Verdana, Geneva, sans-serif;
		background-color: #fcfcfc;
	}
.content{
		background-color: #fcfcfc;
	}
.searchbox{
		border: 3px solid #fcfcfc;
	}
#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: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #652c90;
	background: #652c90;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#652c90), color-stop(50%,#652c90), color-stop(51%,#652c90), color-stop(100%,#652c90));
	background: -moz-linear-gradient(top,  #652c90 0%, #652c90 50%, #652c90 51%, #652c90 100%);
	background: -webkit-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: -o-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: -ms-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#652c90', endColorstr='#652c90',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: #9ed852;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ed852), color-stop(50%,#9ed852), color-stop(51%,#9ed852), color-stop(100%,#9ed852));
	background: -moz-linear-gradient(top,  #9ed852 0%, #9ed852 50%, #9ed852 51%, #9ed852 100%);
	background: -webkit-linear-gradient(top,  #9ed852 0%,#9ed852 50%,#9ed852 51%,#9ed852 100%);
	background: -o-linear-gradient(top,  #9ed852 0%,#9ed852 50%,#9ed852 51%,#9ed852 100%);
	background: -ms-linear-gradient(top,  #9ed852 0%,#9ed852 50%,#9ed852 51%,#9ed852 100%);
	background: linear-gradient(top,  #9ed852 0%,#9ed852 50%,#9ed852 51%,#9ed852 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ed852', endColorstr='#9ed852',GradientType=0 );
	border: 0px solid #000000;
	color: #652c90;
}
.button a, .button-strip a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip-active a{
	color: #652c90;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #652c90;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 0px solid #000000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #652c90;
	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: #652c90;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #9ed852;
	color: #000000;
}
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 #cacaca;
}
.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: #000000;
}
.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: #000000;
}
.vtab:hover, .vtab_selected{
	background: #fcfcfc;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#fcfcfc), color-stop(50%,#fcfcfc), color-stop(51%,#fcfcfc), color-stop(100%,#fcfcfc));
	background: -moz-linear-gradient(-90deg,  #fcfcfc 0%, #fcfcfc 50%, #fcfcfc 51%, #fcfcfc 100%);
	background: -webkit-linear-gradient(-90deg,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: -o-linear-gradient(-90deg,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: -ms-linear-gradient(-90deg,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: linear-gradient(-90deg,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 );
	color: #652c90;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #fcfcfc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#fcfcfc), color-stop(51%,#fcfcfc), color-stop(100%,#fcfcfc));
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #fcfcfc 50%, #fcfcfc 51%, #fcfcfc 100%);
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 );

	color: #000000;
	border-right: 5px solid #fcfcfc;
	border-left: 5px solid #fcfcfc;
	border-top: 5px solid #fcfcfc;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 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: #fcfcfc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#fcfcfc), color-stop(51%,#fcfcfc), color-stop(100%,#fcfcfc));
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #fcfcfc 50%, #fcfcfc 51%, #fcfcfc 100%);
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	background: linear-gradient(top,  #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 51%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 );
	color: #652c90;
}
.tab a{
	color: #000000;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #652c90;
}
.tab-bar{
	border-bottom: 1px solid #fcfcfc;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: #652c90;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#652c90), color-stop(50%,#652c90), color-stop(51%,#652c90), color-stop(100%,#652c90));
	background: -moz-linear-gradient(top,  #652c90 0%, #652c90 50%, #652c90 51%, #652c90 100%);
	background: -webkit-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: -o-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: -ms-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#652c90', endColorstr='#652c90',GradientType=0 );
	color: #000000;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/hiawathapubliclibrary/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #652c90;
	background-color: #fcfcfc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(101, 44, 144, 0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(101, 44, 144, 0);
	box-shadow: 0px 0px 0px 0px rgba(101, 44, 144, 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: #652c90;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#652c90), color-stop(50%,#652c90), color-stop(51%,#652c90), color-stop(100%,#652c90));
	background: -moz-linear-gradient(top,  #652c90 0%, #652c90 50%, #652c90 51%, #652c90 100%);
	background: -webkit-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: -o-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: -ms-linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	background: linear-gradient(top,  #652c90 0%,#652c90 50%,#652c90 51%,#652c90 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#652c90', endColorstr='#652c90',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: #652c90;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #652c90;
	border-color: #652c90;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #652c90;
}
.polaris-nav-active i{
	color: #652c90;
}
.widgetbody hr{
	color: #cacaca;
	background-color: #cacaca;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #cacaca;
}
.bottomrule{
	border-bottom: 1px solid #cacaca;
}
.bodytext{color: #454545;}
.headingtext{color: #652c90;}
@import url("https://use.typekit.net/djg7zmw.css"); /*Adobe Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Salsa&display=swap'); /*Google Font - Salsa*/

/*Green Text Highlighting*/
::selection {background: #9ed852;}

/*Default text in search boxes*/
::placeholder {
  color: #333;
  font-family: sans-serif;}

html, body {
  /*font-family: "Salsa", cursive !important;*/
  font-family: sweater-school, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0em;
  line-height: 1.4em;
  text-transform: none;
  color: #222;
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
  background: #fcfcfc;
  margin: 0px;
  padding: 0px;}

body {
  font-weight: 300;
  padding-bottom: 20vh;}

/*Border on bottom of page*/
@media screen and (min-width: 995px){
  #footer {
    background: #353535;
    position: fixed;
    bottom: 0;
    width:100%;
    height: 625px;
    z-index:-999;
    margin-bottom:70px;
	box-shadow:
     inset 0 -10px 15px -10px rgba(0,0,0,1) !important;}

  body {
    margin-bottom: 685px !important;
    border-bottom: solid 10px #652c90;
    box-shadow:
      0 10px 15px -10px rgba(0,0,0,1) !important;}}

body .skip-main {display: none;}
/*====================*/

h1, h2, h3, h4 {
  color: #652c90;
  /*font-family: charcuterie-flared, sans-serif;*/
  font-family: Salsa, cursive;
  /*font-weight: 500;*/
  text-transform: none;}

h5, h6 {
  color: #652c90;
  /*font-family: "Salsa", cursive !important;*/
  font-family: sweater-school, sans-serif !important;
  text-transform: none;}

p {
  /*font-family: "Salsa", cursive !important;*/
  font-family: sweater-school, sans-serif !important;
  text-transform: none;}

a {font-weight: inherit;}
a:hover {cursor: pointer !important;}
a:link {transition: color 0.2s!important;}
a:active {color: #9ed852 !important;}

pre {
  border: none;
  background: none;}

img {
  border-radius: 10px;
  height: auto;
  /*loading: lazy;*/
 /* width:100%;
  max-width: 800px;*/}

/*Horizonal Rule*/
.bighr hr {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 10px;
  border: none;
  background: rgb(158,216,82);
  background: -moz-linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  background: linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ed852",endColorstr="#9ed852",GradientType=1);}

.smallhr hr {
  margin-top: 5px;
  margin-bottom: 10px;
  height: 5px;
  border: none;
  background: rgb(158,216,82);
  background: -moz-linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  background: linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ed852",endColorstr="#9ed852",GradientType=1);}

.lefthr hr{
  margin-top: 5px;
  margin-bottom: 10px;
  height: 5px;    
  border: none;
  background: rgb(158,216,82);
  background: -moz-linear-gradient(90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 50%);
  background: -webkit-linear-gradient(90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 50%);
  background: linear-gradient(90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ed852",endColorstr="#9ed852",GradientType=1);}

.righthr hr{
  margin-top: 5px;
  margin-bottom: 10px;
  height: 5px;    
  border: none;
  background: rgb(158,216,82);
  background: -moz-linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 50%);
  background: -webkit-linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 50%);
  background: linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ed852",endColorstr="#9ed852",GradientType=1);}

/*============================================================*/

/*Buttons*/
.button {
  width: auto;
  height: auto;
  font-family: sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  text-align: center;
  font-weight: bold;
  border: none;
  border-radius: 50px;
  -o-transition:color .1s ease-out !important;
  -ms-transition:color .1s ease-out !important;
  -moz-transition:color .1s ease-out !important;
  -webkit-transition:color .1s ease-out !important;
  transition:color .1s ease-out !important;
  cursor: pointer;
  outline: none;
  margin-bottom: 5px;
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -o-pre-wrap; /* Opera */
  white-space: pre-wrap; /* Chrome */
  word-wrap: break-word; /* IE */
}

.button:hover {
  background-color: #9ed852;
  color: #652d90;}

@media screen and (max-width: 767px){.button {font-size: 15px;}}

/*Buttons 2*/

.button2 {
  color: white;
  display: inline block;
  background-color: #652c90;
  /*font-family: charcuterie-flared, sans-serif;*/
  font-family: Salsa, cursive;
  font-weight: 500;
  padding: 5px;
  width: 100%;
  max-width: 250px;
  border: 3px solid #652c90;
  border-radius: 50px;
  outline: none;
  text-align: center;
  cursor: pointer;
  font-size: 25px;
  margin: 10px;}

.button2 a {color: white; text-decoration: none;}

.button2:hover {background-color: #9ed852; color: #652c90;}

@media screen and (max-width: 767px){.button2 {font-size: 15px; max-width:150px;}}

/*Buttons 3*/

.button3 {
  color: white;
  display: inline block;
  background-color: #652c90;
  /*font-family: charcuterie-flared, sans-serif;*/
  font-family: Salsa, cursive;
  font-weight: 500;
  padding: 5px;
  width: auto;
  /*max-width: 250px;*/
  border: 3px solid #652c90;
  border-radius: 50px;
  outline: none;
  text-align: center;
  cursor: pointer;
  font-size: 25px;
  margin: 10px;
	padding-left: 15px;
	padding-right: 15px;}

.button3 a {color: white; text-decoration: none;}

.button3:hover {background-color: #9ed852; color: #652c90;}


/*=========Image Buttons==========*/
.imgbtn img:hover {
  outline: solid 5px #9ed852;
}

/*a img:hover {
  background: rgba(158,216,82,0.5);
}*/

/*====================*/


/*???*/
#mce_22 {padding: 18px 24px !important;}
/*============================================================*/


/*==================== CMS NAVIGATION ====================*/
.dropdown-menu{
  background: #fcfcfc;
  border: unset;
  box-shadow: 0px 5px 5px 0px rgba(100,44,144,0.3);}

#ids5nWP > div{float:right;}

/*.navbar {background: #fcfcfc;}*/
.navbar {background: none!important;}
  
/*hide fa nav icons */
#navbar-collapse-grid > ul > li > a > i {display: none;}
#navbar-collapse-grid > ul > li > ul > li {}

/*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;}

.navbar-top .navbar-nav > li > a {
  padding: 10px 5px;
  letter-spacing: .04em;}

.nav > li > a {
  font-size: 20px;
  font-weight: 600;}

.dropdown-menu>li>a {
  font-size: 20px;
  font-weight: 500;
  color: #0d0d0d;}

.dropdown-menu >li >a:hover {
  font-size: 20px;
  font-weight: 600;
  color: #652c90;
  background-color: unset !important;}

/*dropdown menus on hover*/
@media (min-width: 768px){
  .dropdown:hover > .dropdown-menu {
    display: block !important;}}

/*Nav Tabs*/
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-style: solid;
  border-color: none;
  border-image: linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;
  border-image: -webkit-linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;
  border-image: -o-linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;
  border-image: -moz-linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;
  border-image: -ms-linear-gradient(-90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;
  border-top-left-radius:5px;
  border-top-right-radius:5px;}
/*============================================================*/

/*==================== HEADER ====================*/
#header {
  z-index:999;
  background: #fcfcfc !important;}

body > div.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}

/*v Unsure what this is (Possibly old Sirsi catalogue search box) v*/
#block-yui_3_17_2_1_1583179481254_46412,#block-yui_3_17_2_1_1580232436003_19835 {padding: unset;}

#mce_0 > div {
  padding-left: 17px;
  padding-right: 17px;}

#searchButton {font-family: 'Open Sans', sans-serif;}

#block-yui_3_17_2_1_1583179481254_46412 > div > p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;}

#q {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  margin-right: 4px;}
/*============================================================*/

/*==================== FOOTER ====================*/
#footer {
  color: #fff;
  background: #353535;
  z-index:-999px;
  bottom: 0;}

#footer a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: border-color 0.15s ease-out, color 0.15s ease-out;}

#footer a:hover {color: #9ed852;}

#footer h3 {
  color: #fff;
  letter-spacing: .1em;
  font-size: 1.5em;}

  #footer p {font-size: 1.1em;}

/*Newsletter Sign Up*/

/*Patron Point*/
/*#mauticform_input_hiawathaprogramsandeventssignup_patron_instructions > p {display: none;}*/
#mauticform_input_hiawathaprogramsandeventssignup_email_address {border-radius: 10px;}
#mauticform_input_hiawathaprogramsandeventssignup_email_address button, input, select, textarea {color: #000 !important;}
#mauticform_input_hiawathaprogramsandeventssignup_first_name {border-radius: 10px;}
#mauticform_input_hiawathaprogramsandeventssignup_last_name {border-radius: 10px;}
.mauticform-row.mauticform-required .mauticform-label:after {color: #fff !important;}
.mauticform-errormsg {color: #fff !important;}

/*Constant Contact (Retired)*/
/*button.ctct-form-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto !important;
  color: #ffffff;
  box-shadow: none;
  text-transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: sans-serif !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  text-align: center !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 50px !important;
  -o-transition:color .1s ease-out !important;
  -ms-transition:color .1s ease-out !important;
  -moz-transition:color .1s ease-out !important;
  -webkit-transition:color .1s ease-out !important;
  transition:color .1s ease-out !important;
  cursor: pointer !important;
  white-space: -moz-pre-wrap !important; /* Firefox */
 /* white-space: -o-pre-wrap !important; /* Opera */
 /* white-space: pre-wrap !important; /* Chrome */
 /* word-wrap: break-word !important; /* IE */}

/*button.ctct-form-button:hover {
  background-color: #9ed852 !important;
  color: #652d90 !important;}

p.ctct-form-text {
  font-family: sweater-school, sans-serif !important;
  font-size:18px !important;
  white-space: pre-wrap;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;}

a.ctct-form-footer-link {text-decoration: none !important;}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {border-radius: 5px !important;}*/
/*============================================================*/

/*==================== MEDIA QUERIES ====================*/
/*Dropdown menu on mobiles*/
@media screen and (max-width: 89.9375rem) {}
@media screen and (max-width: 53.25rem) {}
@media screen and (max-width: 767px) {
  .navbar-top .navbar-nav > li > a {padding: 10px 35px;}
  #id2cP50 > div {padding: unset !important;}
  #idMHXzu {width: 100%;}
  #iddvUBB {width: 100%;}
  #idPEgOs {width: 100%;}
  #idTf4yv > div {padding: 20px 20px !important;}
  #mce_22 > p > a > img {
    margin-left: auto;
    margin-right: auto;
    display: block;}
  #navbar > div > div.navbar-header.visible-xs.nav-mobile > span > i {
    color: #652c90;}
  #idLI6PT > div {margin-top: unset !important;}
  #ids5nWP > div {float: unset !important;}
  .navbar-brand {display: none;}
  .navbar-top > div > ul > li > a,
  .dropdown-menu > li > a {
    color: #000 !important;
    background-color: #fff !important;}}
/*============================================================*/

/*==================== CATALOGUE SEARCH BAR ====================*/
.SearchBar input#textboxTerm {
  width: 240px;
  margin: 0 auto;
  display: inline-block;
  box-sizing: border-box;
  border: 3px solid #652c90;
  border-radius: 25px;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
  background-color: white;
  background-image: url('https://hiawathapubliclibrary.libnet.info/frontend-images/editor/hiawathapubliclibrary/MISC/SearchCat.png');
  background-position: 10px center; 
  background-repeat: no-repeat;
  padding: 5px 10px 5px 45px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;}

.SearchBar input#textboxTerm:focus {
  width: 50%;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(255,255,255);
  -moz-box-shadow: 0 0 5px rgba(255,255,255);
  box-shadow: 0 0 5px rgba(255,255,255);}


@media screen and (max-width: 767px){.SearchBar input#textboxTerm:focus {width: 90%;}}

/*VEGA*/
.VegaSearchBar input#q {
  width: 250px;
  margin: 0 auto;
  display: inline-block;
  box-sizing: border-box;
  border: 3px solid #652c90;
  border-radius: 25px;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
  background-color: white;
  background-image: url('https://hiawathapubliclibrary.libnet.info/frontend-images/editor/hiawathapubliclibrary/MISC/SearchCat.png');
  background-position: 10px center; 
  background-repeat: no-repeat;
  padding: 5px 10px 5px 45px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;}

.VegaSearchBar input#q:focus {
  width: 50%;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(255,255,255);
  -moz-box-shadow: 0 0 5px rgba(255,255,255);
  box-shadow: 0 0 5px rgba(255,255,255);}

@media screen and (max-width: 767px){.VegaSearchBar input#q:focus {width: 90%;}}
/*============================================================*/

/*VEGA - V2*/
.VegaSearchBar2 ::placeholder {color: #652c90;}

.VegaSearchBar2 * {
  color: #652c90;
  height: 40px;
  margin: 0 auto;
  margin-left: 2px;
  margin-right: 2px;
  display: inline;
  box-sizing: border-box;
  border: 3px solid #652c90;
  border-radius: 25px;
  font-family: sans-serif;
  font-size: 18px;
  text-align: center;
  font-weight: bold;}

.VegaSearchBar2 *:not(#VegaSearch):focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(255, 255, 255);
  -moz-box-shadow: 0 0 5px rgba(255, 255, 255);
  box-shadow: 0 0 5px rgba(255, 255, 255);}

.VegaSearchBar2 input:not(#VegaSearch) {
  width: 275px;
  padding: 5px 10px 5px 45px;
  background-image: url("https://hiawathapubliclibrary.libnet.info/frontend-images/editor/hiawathapubliclibrary/MISC/SearchCat.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;}

.VegaSearchBar2 input:not(#VegaSearch):valid,
.VegaSearchBar2 input:not(#VegaSearch):focus {width: 50%;}

.VegaSearchBar2 select {width: 140px;}

.VegaSearchBar2 #VegaSearch {
  width: 40px;
  border: 3px solid #9ed852;
  border-radius: 50%;}

.VegaSearchBar2 select, #VegaSearch {padding: 5px 0px 5px 0px;}

.VegaSearchBar2 #VegaSearch:hover {
  background: #9ed852;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px rgba(255, 255, 255);
  -moz-box-shadow: 0 0 5px rgba(255, 255, 255);
  box-shadow: 0 0 5px rgba(255, 255, 255);}

@media screen and (max-width: 767px){.VegaSearchBar2 input:not(#VegaSearch):valid, .VegaSearchBar2 input:not(#VegaSearch):focus {width: 90%;} .VegaSearchBar2 * {margin-top:2px; margin-bottom:2px;}}
/*============================================================*/


/*==================== Header Social Media Icons ====================*/
.Media .fa {
  padding: 7px;
  font-size: 20px;}
/*============================================================*/

/*==================== STAFF CARDS ====================*/
.card {
  box-shadow: 0px 5px 10px 0px rgba(101,44,144,.5);
  transition: 0.3s;
  width: 100%;
  border-radius: 10px;
  margin: 25px;}

.card:hover {box-shadow: 0 8px 16px 0 rgba(153,204,102,.5);}

.card img {border-radius: 10px 10px 0 0;}

.cardcontainer {
  text-align: center;
  margin: 10px 15px 25px 15px;}

.cardcontent {
  max-width: 325px;
  margin: auto;
  justify-content: center;
  display: flex;}

.cardcontent p {font-size: 25 !important;}

.cardcontent .fa {
  padding: 5px;
  text-decoration: none;
  color: #652c90;
  font-size: 20px;
  -o-transition:color .3s ease-out;
  -ms-transition:color .3s ease-out;
  -moz-transition:color .3s ease-out;
  -webkit-transition:color .3s ease-out;
  transition:color .3s ease-out;}

.cardcontent .fa:hover { color:#9ed852;}

.cardcontent .fa:hover, .fa:visited, .fa:link, .fa:active {text-decoration: none;}
/*============================================================*/

/*==================== FAQ Widget ====================*/
.amfaq-section-title {display: none;}

.amfaq-section-answer:before {
  content: '\f00c     '; /* checkmark, or any Font Awesome 4 icon */
  font-family: 'FontAwesome';
  display: none;}

.amfaq-section-question:before {
  content: '\f29c     '; /* checkmark, or any Font Awesome 4 icon */
  font-family: 'FontAwesome';
  display: none;}

.amfaq-section-answer {
  padding: 1em;
  margin: 0;
  /*background: #EAF5DA;*/
  background: linear-gradient(90deg, rgba(234,245,218,1) 0%, rgba(234,245,218,0) 95%);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 15px;}

.amfaq-section-question {
  color: #000;
  margin: 1em 0 0;
  margin-left:5px;
  text-indent:30px;
  padding: 0.5em 0;
  /*transition: all 0.3s ease-out;*/
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg,/* rgb(101,44,144,0) 0%,*/ rgb(101,44,144,1) 10%, rgb(101,44,144,0) 50%) 1;
  border-top:0;
  border-left:0;
  border-right:0;}

.amfaq-section-question:hover  {
  color: #000;
  font-size: 20px;
  /*transform: scale(1.01);*/
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgb(158,216,82,0) 0%, rgb(158,216,82,1) 10%, rgb(158,216,82,0) 50%) 1;
  border-top:0;
  border-left:0;
  border-right:0;}

/*============================================================*/

/*==================== Misc Widget Tweaks ====================*/
/*RSSFeed*/
.widget_tab_bar {
  padding-bottom: 75px;
  border: none;
  margin-left: 10px;}

.widget_tab {
  margin: 1px;
  border-radius: 10px 10px 0 0;}

li.rssRow {
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;
  border-bottom:0;
  border-left:0;
  border-right:0;}

.rssFeed .rssRow, .tweet_list li {border-bottom:none !important;}

li.rssRow:first-child {border: none;}

.rssBody {margin-left: 25px;}

/*====================*/

/*Hours*/
#idXNB6x .date {
  text-align: right;
  font-size: 15px !important;
  background: -webkit-linear-gradient(0deg, rgba(234,245,218,0) 0%, rgba(234,245,218,1) 100%) !important;
  padding: 5px;
  border-radius:15px;}

#idXNB6x .date:before {content:"It is currently ";}

#idXNB6x .nav_openingtimes {display:none;}

#idXNB6x .branchdetails {margin-top:20px;}

/*Hours Pop up*/
.widget {
  -webkit-border-radius: 20px 20px 10px 10px !important;
  -moz-border-radius: 20px 20px 10px 10px !important;
  border-radius: 20px 20px 10px 10px !important;}

.popupwidget .widgetheader {border-radius: 10px 10px 0px 0px;}

.widgetbody {border-radius: 10px;}

.nav_openingtimes {text-transform: capitalize !important;}

/*Header Hours*/
#idlcYKm .locbody {font-size: 0.85em; line-height: 1em;}

#idlcYKm strong, b{font-weight:400 !important;}

#idlcYKm hr{
  display:none;
  content:center;}

#togglepopup_2946_openingtimes.branchinfo.link {font-size: 1.1em;}

#idlcYKm .heading4 {  /*font-family: charcuterie-flared, sans-serif;*/
  font-family: Salsa, cursive;}

#idlcYKm .branchinfo {text-align: center;}

#idlcYKm .date {
  text-align: left !important;
  font-size: 12px !important;
  background: -webkit-linear-gradient(180deg, rgba(234,245,218,0) 0%, rgba(234,245,218,1) 100%) !important;
  margin-top: -25px;
  margin-left: -10px;
  border-radius:15px;
  padding-left:10px !important;}

#idlcYKm .closedmsg {display: none !important;}

@media screen and (max-width: 1330px){
  #idlcYKm .date {
    margin-top: 0px;
    text-align: center !important;}
  #idlcYKm {text-align: center !important;}}

@media screen and (max-width: 990px){
  #idlcYKm .date {display:none;}
  #idlcYKm {text-align: center !important;}}

/*====================*/

/*Form Input Boxes*/
.input-sm {font-size: 18px !important;}

/*== General Widget Horizontal Rule ==*/
.widgetbody hr {display:none;}

/*Events Widget*/
body .amh-content .amev-event-list hr{
  height: 2px;
  border: none;
  background: gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -o-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -moz-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -ms-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));}

/*Bookmarks Widget*/
.bookmark_body {
  padding: 10px;}

.toprule {
  border: none;
  /*border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;*/
  border-bottom:0;
  border-left:0;
  border-right:0;
  margin-left: 25px;}

.bottomrule {
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(158,216,82,1) 0%, rgba(158,216,82,0) 65%) 1;
  border-top:0;
  border-left:0;
  border-right:0;}

li.bottomrule:last-child {border: none;}

li.bookmark_section.widget_tab {
  margin: 1px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;}

/*Database Widget*/
.dbhr hr {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 2px;
  border: none;
  background: gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -o-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -moz-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));
  background: -ms-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #9ed852));}

.hnhr hr{
  height: 2px;
  border: none;
  background: gradient(linear, 0 0, 65% 0, from(#9ed852), to(transparent));
  background: -webkit-gradient(linear, 0 0, 65% 0, from(#9ed852), to(transparent));
  background: -o-gradient(linear, 0 0, 65% 0, from(#9ed852), to(transparent));
  background: -moz-gradient(linear, 0 0, 65% 0, from(#9ed852), to(transparent));
  background: -ms-gradient(linear, 0 0, 65% 0, from(#9ed852), to(transparent));}

/*Widget Headers*/
.widgetheader {
  border-radius: 10px;
  text-transform: capitalize !important;}

/*Homepage "Upcoming Events" widget headers*/
#id8w26B .widgetheader, #idDeX8D .widgetheader, #idQJjCw .widgetheader {
  border-radius: 0px !important;}

/*Library Image on Contact Us Page*/
.genimgpos2, .resimgpos2, .locimgpos2 {
padding: 0 !important;
margin-top: 5px !important;
margin-bottom: 10px !important;}

/*==================== 404 PAGE ====================*/
.err404 {
  background-image: url(https://hiawathapubliclibrary.libnet.info/frontend-images/editor/hiawathapubliclibrary/MISC/MissingPage.png);
  background-repeat: no-repeat;
  background-position: 50px 30px;
  min-height: 330px;
  border: none;}

.err404title {
  /*font-family: charcuterie-flared, sans-serif;*/
  font-family: Salsa, cursive;
  margin-left: 500px;}

.err404url, .err404home {
  /*font-family: "Salsa", cursive !important;*/
  font-family: sweater-school, sans-serif !important;
  font-size: 18px;
  margin-left: 500px;}

.err404home {
  visibility: hidden;
}
.err404home a {
  visibility: visible;
  margin-left: -0.5em;}

.err404home:before {
  content:'Head back to the'; 
  visibility: visible;
  display: block;
  position: absolute;
}

.err404branchlist {
  display: none;}

.btn-primary {
  text-transform:uppercase !important;
  font-weight:bold !important;
  background-color: #652c90 !important;
  border:none !important;
  border-radius:50px !important;}

.btn-primary:hover{
  color:#652c90 !important;
  text-transform:uppercase !important;
  font-weight:bold !important;
  background-color:#9ed852 !important;
  border:none !important;
  border-radius:50px !important;}

#default_footer {display:none;}

/*============================================================*/


/*Seeds Library*/
@media (min-width: 1279px){#idI9Ysn img {width: 90%;}}
/*Pantry*/
@media (min-width: 1279px){#mce_23 > p > img {width: 95%;}}


/*==================== Patron Reservation Confirmation Page ====================*/
div.ammev-reservation {
  margin-bottom: 15em;
  padding-left: 5em;
  padding-right: 5em;
  position: relative;
  min-height: 115px;
}

.amnp-confirm-screen, .amnp-booker-holder {
  margin-bottom: 15em;
  padding-left: 5em;
  padding-right: 5em;
  position: relative;
}
.amnp-holder, .ammev-login {margin-bottom: 15em;}

/*Recommended Reading Slide*/

.ambl-catlist > span {
  width: 9% !important;  
  font-size: 18px !important;
padding-top: 2vh !important;}

.ambl-catlist {
  bottom: -100px;
  height: 130px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(0, 0, 0, .85) !important;}

/*Banner Slideshow*/
.slideshow-right {
  right: 8.75%;}
.slideshow-left {
  left: 8.75%;}

.slideshow-right, .ame-events-slideshow-right {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://hiawathapubliclibrary.libnet.info/frontend-images/editor/hiawathapubliclibrary/MISC/right.png) no-repeat;
  width: 35px; /* Width of new image */
  height: 35px; /* Height of new image */
  padding-left: 35px; /* Equal to width of new image */}

.slideshow-left, .ame-events-slideshow-left {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://hiawathapubliclibrary.libnet.info/frontend-images/editor/hiawathapubliclibrary/MISC/left.png) no-repeat;
  width: 35px; /* Width of new image */
  height: 35px; /* Height of new image */
  padding-left: 35px; /* Equal to width of new image */}

.slider-pager {
  text-align: center;
  font-size: 2.5em !important;
  line-height: 0.5em;
  color: #652c90;}

.cycle-pager-active {color: #9ed852;}

.slidelist img{
  width: 80% !important;
  border-radius: 10px;}
.na.rounded {border-radius: 10px !important;}

/*Announcements Banner*/
#idVbspK .slidelist img{
  width: 50% !important;
  border-radius: 10px;}
#idVbspK .slideshow-right {right: 23.5%;}
#idVbspK .slideshow-left {left: 23.5%;}

@media (max-width: 990px){
#idVbspK .slidelist img{
  width: 95% !important;}
#idVbspK .slideshow-right {display:none;}
#idVbspK .slideshow-left {display:none;}}

/*============================================================*/


/*==================== SRP22 ====================*/
.srp22 {text-shadow: -2px 2px 2px #fff, 2px 2px 2px #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;}

.srp22 hr{
  margin-top: 5px;
  margin-bottom: 5px;
  height: 10px;
  border: none;
  background: rgb(158,216,82);
  background: -moz-linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  background: linear-gradient(90deg, rgba(158,216,82,0) 0%, rgba(158,216,82,1) 50%, rgba(158,216,82,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ed852",endColorstr="#9ed852",GradientType=1);}
/*============================================================*/


/*==================== SRP23 ====================*/
#idUCB6U {background-position: center;}

.srp23 {text-shadow: 0 0 10px #FFF, 0px 0px 10px #FFF, 0px 0px 10px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;}

.page-id 12869 #footer {display:none !important;}

/*============================================================*/


/*==================== BOOKING PAGE ====================*/
.booktab {
  width: 100%;
  height: 100%;}

.booktab button {
  display: block;
  background-color: #652c90;
  color: white;
  /*font-family: charcuterie-flared, sans-serif;*/
  font-family: Salsa, cursive;
  font-weight: 500;
  padding: 5px 10px;
  width: 100%;
  max-width: 250px;
  border: none;
  border-radius: 50px;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.1s;
  font-size: 25px;
  margin: auto;
  margin-bottom: 10px;}

.booktab button:hover {
  background-color: #9ed852;
  color: #652c90;}

.booktab button.active {
  background: none;
  color: #652c90;
  outline: solid #9ed852;}

.booktabcontent {
  float: left;
  width: 100%;
  height: 100%;
  margin-right: 5em;}

.booktabcontent button {margin-left: 5em;}

.img-modal {
  z-index: 99;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);}

.img-modal-content {
  margin: auto;
  position: relative;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: zoom-out;}

.roomcard .img-modal-content img {
  width:95%;
  max-width: 900px;
  min-width: 100px;
  cursor: zoom-out;
  box-shadow: 0 0 10px black;
  border-radius: 10px;}

.roomsetup .img-modal-content img {
  width:95%;
  max-width: 900px;
  min-width: 100px;
  cursor: zoom-out;
  box-shadow: 0 0 10px black;
  border-radius: 10px;}

.modal-text-block {
  position: relative;
  background-color: white;
  border-radius: 10px;
  width: 95%;}

.modal-text-block p, h4 {padding: 10px;}

#rmsetup {max-width: 850px;}

#mtgrms {
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 500px;
  bottom: 20px;}

.roomcard {
  text-align: center;
  max-width: 500px;
  min-width: 250px;
  margin: 10px;
  width: 30%;
  display: inline-flex;}

.roomcard p {
  text-align: left;
  padding: 0px 25px 0px 25px;}

.roomcard img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  cursor: zoom-in;}

.roombreak {
  flex-basis: 100%;
  height: 0;
  padding-bottom: 15px;}

.roomsetup img {
  display: inline-block;
  width: 30%;
  min-width: 250px;
  max-width: 500px;
  margin: 10px;
  border-radius: 10px;
  cursor: zoom-in;}
/*============================================================*/

/*New Header - Testing*/
.navheading {
  display: flex;
  table-layout: auto;
  width: 100%;
  padding:0px;
  margin: 0px;
  color: #fff;
  white-space: nowrap;
  padding-right: 0px;
  margin-right: 0px;
  position: relative;
}

.navheading .fa {
  color: white;
  padding: 10px;
  font-size: 20px;}

.navheading .fa:hover {color: #9ed852;}

#headertable table:not(#nav2table2){
  margin: 0;
  padding: 0;
}

#headertable td {
  padding-left: 25px;
  padding-right: 25px;}

#nav2table2 td{padding-left: 0px;}

.nav2 {
  height: 65px;
  background-color: #652c90;
  display: flex;
  justify-content: space-between;
  padding-top: 3px;
  padding-bottom:3px;}

.nav2 * {z-index:149;}

.nav2 a {
  color: white !important;
  text-decoration: none;}

.nav2 a:hover {color: #9ed852 !important;}

.nav2 .nav2-bar {
  padding: 20px;
  padding-left: 0px;
  margin-left: 0px;
  display: flex;
  padding-right: 100px;
  white-space: nowrap;}

.nav2 .nav2-bar .nav2-bar_item {
  list-style-type: none;
  padding: 0px 20px;}

.nav2 .nav2-bar .dropdown {
  margin: auto;
  position: absolute;
  top: 33px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.nav2 .nav2-bar .dropdown p {
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 20px;
  background: white;
  color: #652c90;
  border: #9ed852 solid 3px;
  border-radius: 50px;
  width: auto;
  height: 35px;
  white-space: nowrap;
}

.nav2 .nav2-bar .dropdown:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  width: 7px;
  height: 7px;
  cursor: pointer;
  transform: rotate(-45deg);
  border-left: 3px solid #652c90;
  border-bottom: 3px solid #652c90;
  border-radius: 3px;
  transition: 0.2s ease-in-out;}

.nav2 .nav2-bar .dropdown:hover:after {transform: rotate(135deg);}

.nav2 .nav2-bar .dropdown .iwantto {
  min-width: 250px;
  text-align: center;
  background-color: #652c90;
  padding: 10px;
  border-radius: 0 0 10px 10px;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
  transition: 0.5s fade;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 143px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.nav2 .nav2-bar .dropdown:hover .iwantto {
  height: auto;
  visibility: visible;
}

.nav2 .nav2-bar .dropdown .iwantto .drop-item {
  list-style-type: none;
  margin-bottom: 5px;}

.nav2 .nav2-bar .nav2-bar_item a {
  position: relative;
  display: block;
  padding-bottom: 3px;
  text-decoration: none;
  color: #fff;}

.nav2 .nav2-bar .nav2-bar_item a:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 5px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transition: 0.1 ease-in-out;}

.iwantto .drop-item {border: #652c90 solid 3px;}

.iwantto .drop-item:hover{
  font-weight:bold;
  background: white;
  border: #9ed852 solid 3px;
  width: 100%;
  border-radius: 50px;}

.drop-item a:hover {color: #652c90 !important;}

@media screen and (max-width: 1280px){
  .nav2 * {font-size:16px;}
  .nav2 {
    height: 50px;
    line-height:normal;}

  .nav2 .nav2-bar .dropdown {
    width: auto;
    height: 30px;
    top: 19px;}

  .nav2 .nav2-bar .dropdown .iwantto {
    right: 43px;
    top: 128px;
    padding: 10px;}
  .nav2 .nav2-bar .dropdown:hover .iwantto {height: auto;}
  .nav2 .nav2-bar .dropdown .iwantto .drop-item {margin-bottom: 5px;}
  #\31 8469 > center > div > a > span:nth-child(2) {color: white;font-size: 14px;}
  #\31 8469 > center > div{top: 5px;}
}

/*Translator*/
#\31 8469 > center > div{margin: auto;position: absolute; top: 10px;}
#\31 8469 > center > div > a > img {border-radius: 0px !important;}
#\31 8469 > center > div > div.gt_white_content.notranslate > div > a.glink.nturl > img {border-radius: 0px !important;}
#\31 8469 > center > div {width: auto; white-space: nowrap;}
#\31 8469 > center > div > a > span:nth-child(2) {color: white;font-size: 18px;}
#\31 8469 > center > div > a > span:nth-child(2):hover {color: #9ed852; transition: color 0.2s;}
#\31 8469 > center > div > a > span:nth-child(3) {color: #9ed852 !important;}
#\31 8469 > center > div > div.gt_white_content.notranslate > div > a > span {color: #652c90; font-weight: bold; font-size: 18px; padding: 8px;}
#\31 8469 > center > div > div.gt_white_content.notranslate > div > a > span:hover {border: 3px solid #9ed852; border-radius: 50px; padding: 5px;}
#\31 8469 > center > div > div.gt_white_content.notranslate {border-radius: 10px;}
#\31 8469 > center > div > div.gt_black_overlay {z-index:150;}
#\31 8469 > center > div > div.gt_white_content.notranslate {z-index:200;}

/*============================================================*/
/*Dolly's Imagination Libary*/

/*Founder's Logos Carousel*/
/*infinite carousel */

/*v1*/
/*.slider {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;}

.slider::before, .slider::after {
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100%;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;}

.slide {
  position: absolute;
  display: flex;
  align-items: center;}

.slide img {
  width: 250px;
  padding: 15px;}

.primary {animation: primary 120s linear infinite;}

.secondary {animation: secondary 120s linear infinite;}

@keyframes primary {
  0% {transform: translateX(0);}
  100% {transform: translateX(calc(-250px * 26));}}

@keyframes secondary {
  0% {transform: translateX(calc(250px * 26));}
  100% {transform: translateX(0);}}*/

/*v2*/

@keyframes slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}}

.logos {
  overflow: hidden;
  background: #fcfcfc;
  white-space: nowrap;
  position: relative;}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(252, 252, 252, 0), #fcfcfc);}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(252, 252, 252, 0), #fcfcfc);}

.logos:hover .logos-slide {animation-play-state: paused;}

.logos-slide {
  display: inline-block;
  animation: 120s slide infinite linear;}


/*@media screen and (max-width: 995px){
      .logos img {
        width: 150px;}

      .logos:before,
      .logos:after {
        width: 150px;}

      .logos-slide {
        animation: 10s slide infinite linear;}
    }*/


.logos-slide img {
  width: 250px;
  margin: 0 15px;
  vertical-align: middle;
  border-radius: 0px !important;}

#\31 9471 > div.widgetheader {border-radius: 0px;}

#mauticform_input_hiawathaprogramsandeventssignup_patron_instructions > p {font-size: 18px;}

/*=============================*/

/*div[data-widgetid="14220"] .ams-show {
  height: 542px !important; 
}*/


#reg-screen2 > div.row > div.col-sm-5.guests > div > b {visibility: hidden;}

#reg-screen2 > div.row > div.col-sm-5.guests > div > b:before {
  content:'Add guests?'; 
  visibility: visible;
  display: block;
  position: absolute;}