@import url('url-goes-here');
.link, a{text-decoration: underline;}.link, a{font-weight: normal;}
.navbar, .searchbox, #header, #layout>#header{max-width: 1290px;}
#body.content{max-width: 1290px;}
#footer, #layout>#footer{max-width: 1290px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #1870b8;}
.link:hover, a:hover{color: #145d9b;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #000000;}
body{
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #ffffff;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#000000;
	}
#default_footer a{
		text-decoration: underline;
		color:#000000;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: ;
	background: ;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(0%,), color-stop(1%,), color-stop(100%,));
	background: -moz-linear-gradient(top,   0%,  0%,  1%,  100%);
	background: -webkit-linear-gradient(top,   0%, 0%, 1%, 100%);
	background: -o-linear-gradient(top,   0%, 0%, 1%, 100%);
	background: -ms-linear-gradient(top,   0%, 0%, 1%, 100%);
	background: linear-gradient(top,   0%, 0%, 1%, 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=0 );
	border: 0px solid #ffffff;
	color: #000000;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #1870b8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1870b8), color-stop(50%,#1870b8), color-stop(51%,#1870b8), color-stop(100%,#1870b8));
	background: -moz-linear-gradient(top,  #1870b8 0%, #1870b8 50%, #1870b8 51%, #1870b8 100%);
	background: -webkit-linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	background: -o-linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	background: -ms-linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	background: linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1870b8', endColorstr='#1870b8',GradientType=0 );
	border: 0px solid #ffffff;
	color: #ffffff;
}
.button a, .button-strip a{
	color: #000000;
	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 #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #000000;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #ffffff;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #ffffff;
	color: #ffffff;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #000000;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: bold;
	background: ;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(0%,), color-stop(1%,), color-stop(100%,));
	background: -moz-linear-gradient(top,   0%,  0%,  1%,  100%);
	background: -webkit-linear-gradient(top,   0%, 0%, 1%, 100%);
	background: -o-linear-gradient(top,   0%, 0%, 1%, 100%);
	background: -ms-linear-gradient(top,   0%, 0%, 1%, 100%);
	background: linear-gradient(top,   0%, 0%, 1%, 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=0 );
	color: #145d9b;
}
.vtab{
	font-weight: bold;
	background: ;
	background: -webkit-gradient(linear, right, left, color-stop(0%,), color-stop(0%,), color-stop(1%,), color-stop(100%,));
	background: -moz-linear-gradient(-90deg,   0%,  0%,  1%,  100%);
	background: -webkit-linear-gradient(-90deg,   0%, 0%, 1%, 100%);
	background: -o-linear-gradient(-90deg,   0%, 0%, 1%, 100%);
	background: -ms-linear-gradient(-90deg,   0%, 0%, 1%, 100%);
	background: linear-gradient(-90deg,   0%, 0%, 1%, 100%);
	color: #145d9b;
}
.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: #a4a4a4;
}
.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: #145d9b;
	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	-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: #a4a4a4;
}
.tab a{
	color: #145d9b;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #a4a4a4;
}
.tab-bar{
	border-bottom: 1px solid #ffffff;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #1870b8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1870b8), color-stop(50%,#1870b8), color-stop(51%,#1870b8), color-stop(100%,#1870b8));
	background: -moz-linear-gradient(top,  #1870b8 0%, #1870b8 50%, #1870b8 51%, #1870b8 100%);
	background: -webkit-linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	background: -o-linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	background: -ms-linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	background: linear-gradient(top,  #1870b8 0%,#1870b8 50%,#1870b8 51%,#1870b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1870b8', endColorstr='#1870b8',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/warrenville/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 0px solid #ffffff;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.widgetheader{
	color: #000000;
	font-weight: bold;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	background: #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 );
}
.widgetbody{
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #000000;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #000000;
	border-color: #000000;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #000000;
}
.polaris-nav-active i{
	color: #000000;
}
.widgetbody hr{
	color: #000000;
	background-color: #000000;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #000000;
}
.bottomrule{
	border-bottom: 1px solid #000000;
}
.bodytext{color: #000000;}
.headingtext{color: #000000;}
/*
Use 'canada-type-gibson' which has been added to website head directly
To import a google font, use the following code snippet:
@import url('url-goes-here');
*/

html {
  font-size: 100%;
}

body {
  font-family: 'canada-type-gibson';
  font-size: 100%;
  color: #000000;
  background: #ffffff;
  word-wrap: break-word;
}

p {
  line-height: 150%;
  margin: 0 0 2rem 0;
}

p:last-child {
  margin: 0 0 0 0;
}

ul, ol {
  margin: 0 0 2rem 0;
}

ul.quick-links-navigation {
  list-style-type: none;
  line-height: 150%;
  margin: 0 0 2rem 0;
  padding: 0 0 0 0;
}

ul.quick-links-navigation li {
}

td, th {
  padding: 5px 5px 5px 10px;
  border-color: #bbbbbb;
  border-spacing: 0px;
}
  
hr {
  border-top: 1px solid #bbbbbb;
  margin: 0 0 20px 0;
}

strong {
  font-weight: 600;
}

label {
  font-weight: 600;
}





/*headings*/

h a {
  font-weight: 600;
}

h1 {
  /*font-size: 2.5rem;*/
  font-size: clamp(2rem, 1.652rem + 1.739vw, 3rem);
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 1.5rem;
}

h2 {
  /*font-size: 2rem;*/
  font-size: clamp(1.625rem, 1.408rem + 1.087vw, 2.25rem);
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 1.5rem;
}

h3 {
  /*font-size: 1.5rem;*/
  font-size: clamp(1.375rem, 1.245rem + 0.652vw, 1.75rem);
  font-weight: 600;
  color:#000000;
  line-height: 125%;
  margin-bottom: 1.5rem;
}

h4 {
  /*font-size: 1rem;*/
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  font-weight: 600;
  color:#000000;
  line-height: 150%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #000000;
  text-decoration: underline;
  font-weight: 600;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #000000;
}





/*custom-text-styles*/

.custom1 {
  margin: 0 0 0 0;
}
@media (max-width: 991px) {
.custom1 {
  margin: 0 0 0 0;
}
}

.custom2 {
  font-size: 1rem;
  margin: 0 0 .5em 0;
}
@media (max-width: 991px) {
.custom2 {
  font-size: 1rem;
  margin: 0 0 .5em 0;
}
}

.custom3 {
  color:#00a7c7;
}

.custom4 {
  color:#465ca9;
}

.custom5 {
  color:#00b189;
}

.custom6 {
  color:#e87722;
}

.custom7 {
  font-size: 2rem;
  font-weight: 400;
  color: #4a5da4;
}

.custom8 {
}

/*Footer Headings*/
.custom9, .custom9 a {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: .5em;
}

/*Footer Text/Links*/
.custom10, .custom10 a {
  font-size: .8rem;
  color: #ffffff;
  margin-bottom: .5em;
}
@media (max-width: 991px) {
.custom10, .custom10 a {
  font-size: 1rem;
  color: #ffffff;
  margin: 0 0 .5em 0;
}
}


/*custom-image-styles*/

.custom-banner {
   object-fit: cover;
   width: 100%;
  min-height: 250px;
   max-height: 300px
}





/*search-bar*/

#search input#q {
  height: 50px;
  width: 100%;
  padding-left: 15px;
  font-size: 1rem;
}

#search input#searchButton {
  width: 20%;
  display: inline;
  height: 50px;
  font-size: 1rem;
}

table#search {
  width: 100%;
}





/*widgets*/

.widget {
  border: none;
  background: transparent;
}

.widgetbody {
  font-size: 1rem;
  padding: 0 0 0 0;
}

.widgetbody hr {
  color: transparent;
  height: 0px;
  border-top: 1px solid #bbbbbb;
}

.widgetbody link {
  font-size: 1rem;
}

.widgetheader {
  /*font-size: calc(1.5rem + .25vw);*/
  font-family: canada-type-gibson !important;
  font-size: clamp(1.625rem, 1.408rem + 1.087vw, 2.25rem);
  font-weight: 600;
  line-height: 150%;
  padding: 5px 0 5px 0;
  margin-bottom:.5rem;
  background: transparent;
}





/*event-widgets*/

.amev-event .eventRegButton,
.eelistevent .eventRegButton {
  display: inline-block; 
  background: #e5e5e5;
  padding: .35em 1em .2em 1em;
}

.amev-event-title, .amev-event-title > a {
  font-family: canada-type-gibson !important;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0px;
}

.amev-event-time.headingtext {
  font-weight: 400;
  color:#000000 !important;
}

.regclosed{
  font-weight: 400;
  color:#dc2239;
}

.amev-all-events-link {
  font-size: 0.8rem;
  font-weight: 600;
}

.amev-event-list hr {
  margin: 20px 0 20px 0;
}

.resource_item_header, .button, .button-strip a {
  font-family: canada-type-gibson !important;
}

/*
button.wbutton.button {
  font-family: ' canada-type-gibson ', sans-serif;
  font-weight: 400;
  background: #ffffff;
  color:#333333;
  border: none;
  align: left;
}
*/

/*register_button*/
#idi7RyG > div > span > p > a {
  background: #4a5da4;
    color: white;
    border-radius: 8px;
}
#idCcf1N > div {
  padding-top: 20px !important;
}

/*adults*/
div [data-widgetid="7168"] .amev-event-list{
  height: 500px !important;
  overflow-y: hidden;
}

/*youth*/
div [data-widgetid="7220"] .amev-event-list{
  height: 500px !important;
  overflow-y: hidden;
}

/*teens*/
div [data-widgetid="7219"] .amev-event-list{
  height: 500px !important;
  overflow-y: hidden;
}

/*adults on home page*/
div [data-widgetid="3597"] .amev-event-list{
  height: 500px !important;
  overflow-y: hidden;
}

/*youth on home page*/
div [data-widgetid="3572"] .amev-event-list{
  height: 500px !important;
  overflow-y: hidden;
}

/*teens on home page*/
div [data-widgetid="3937"] .amev-event-list{
  height: 500px !important;
  overflow-y: hidden;
}





/* new fix map link */
div [data-widgetid="4799"] #mappopup_653_locationmap {
  background:#9fa1a4;
  margin-top:20px;
  padding: 5px;
  border: 0;
}

div [data-widgetid="4799"] hr {
  display: none;
}

li.rss-item {
  font-size: 1rem !important;
  font-family: canada-type-gibson !important;
  margin-bottom: 1em !important;
}

button.mainbutton {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 10% !important;
  background: #1870b8 !important;
  border: none !important;
  padding-right: 10% !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

#header table#search input.search-submit {
  background: #000000;
  border: 0;
  display: inline;
  height: 26px;
  position: relative;
  top: 4px;
  width: 58px;
}

#header table#search td label {
  bottom: 1px;
  display: inline;
  font: bold .8rem Arial, Helvetica, sans-serif, sans;
  line-height: 150%;
  margin: 0;
  padding: 0;
  position: relative;
}

#header table#search td {
  color: #000;
  font: bold .8rem Arial, Helvetica, sans-serif, sans;
  line-height: 150%;
}





/*
.secondnav {
 background: #e5e6e6;
  padding:20px;
  margin:0px;
  font-size:20px;
}
*/





/*tweak spacing on rss feed*/
.feed-item-title { 
  padding-top: 40px; 
}

dd {
  margin-bottom: 1.5rem;
  margin-left: 1rem;
}
#mce_35 > h1 {
  font-weight: normal;
}





/*hours-widget*/

#id24ggo p {
  font-size: 1rem;
  text-align: right;
}
@media (max-width: 991px) {
#id24ggo p {
  text-align: center;
}
}

#id24ggo .heading4 {
  font-size: 1rem;
  font-weight: normal;
  text-align: right;
}
@media (max-width: 991px) {
#id24ggo .heading4 {
  text-align: center;
}
}

#id24ggo .branchinfo {
  font-size: .8rem;
}
@media (max-width: 991px) {
#id24ggo .branchinfo {
  text-align: center;
}
}

.closedmsg {
  display: none;
}

strong .closedmsg {
  display: block;
}





/*header*/

@media (max-width: 991px) {
  #idqMdJ0 {
    text-align: center;
  }
}





/*footer*/

@media (max-width: 991px) {
#footer {
  text-align: center;
}
}

@media (max-width: 991px) {
#id9LqOy .col-md-3 {
  float: left;
  margin: 2%;
  width: 46%;
}
}

#footer {
  margin-bottom: 0;
}
}