@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
/* Base Styles */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { box-sizing: border-box; font-size: 62.5%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { color:#231F20; font-family: 'Roboto', sans-serif; font-size: 1.6em; line-height: 1.6; font-weight: 400 }
body.page-template-homepage { background: #fff }
/*WP*/
.topbg { position: absolute; width: 100%; }
.sr-only, .sr-only-focusable:not(:focus):not(:focus-within) {position: absolute!important;width: 1px!important;height: 1px!important;padding: 0!important;margin: -1px!important;overflow: hidden!important;clip: rect(0,0,0,0)!important;white-space: nowrap!important;border: 0!important;}
body.admin-bar #wpadminbar { position: fixed !important }
li#wp-admin-bar-wp-logo { display: none !important }
#wp-admin-bar-my-account .ab-item { font-size: 0 !important; }
#wp-admin-bar-my-account .ab-sub-wrapper .ab-item { font-size: inherit !important; }
html li#wp-admin-bar-epc_purge_menu { display: none !important }
a.lwa-links-remember, form.lwa-remember { display: none !important; }
/* Screen Reader Text ------------------------ */
.accessible_elem { clip: rect(1px 1px 1px 1px); /* IE 6/7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; word-wrap: normal !important; word-break: normal; white-space: nowrap; /* added line */ width: 1px; }
.accessible_elem:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 15px; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* Skip Link --------------------------------- */
.skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip a:focus { position: static; width: auto; height: auto; }
.gotohome{cursor: pointer}
/*Structure*/
.wrapper { display: block; position: relative }
main { display: block;  clear: both; }

@media (min-width: 992px) {
main { display: block;  clear: both; }
}
main.home-page { padding: 0 }
#container { position: relative; display: block; clear: both }

@media (max-width: 861px) {
#container { }
}
#wrap { display: block; background: transparent; min-height: 100%; height: auto !important; }
#content { margin-top: 0px; margin-bottom: 3rem; }
.container:after, .row:after { content: ""; display: table; clear: both; }
.container { margin-left: auto; margin-right: auto; width: 100% }

@media (min-width: 576px) {
.container { max-width: 98%; }
}

@media (min-width: 768px) {
.container { max-width: 98%; }
}

@media (min-width: 992px) {
.container { max-width: 98%; }
}

@media (min-width: 1200px) {
.container { max-width: 1280px; }
}
.container.full-width { max-width: 100% }
.container.full-width .entry { max-width: 1200px; margin-left: auto; margin-right: auto }

@media (max-width:890px) {
.col-md-3.leftside, .col-md-9.rightside { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
.leftside{position: relative; z-index: 3}

/*Potarea*/
.postarea { padding-top: 3rem }
.postarea article { padding: 3rem; min-height:65rem; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); position: relative; display: block; overflow: hidden; border-radius: 3rem}
@media (max-width:890px) {
.postarea article { margin-top: 1.5rem; min-height:55rem; }
}
@media (max-width: 768px) {
.postarea article {padding: 2rem;}
}
/*page content*/
.page-content ul, .page-content ol { padding-left: 2rem; margin-bottom: 3rem }
.page-content li { list-style-position: outside; }
.page-content .article-text li { margin-bottom: 10px; }
strong.orange { color: #CC6600; }
.page-content dl { float: left; margin: 0; padding: 0 0 2em; clear: left; width: 70% }
.page-content dl .page-content #gallery-1 dl { float: left; margin: 0; padding: 0 0 2em; width: 25%; }
.page-content dl dt { clear: left; float: left; margin: 0 15px 0 0; padding: 3px 0 0; width: 180px; }
.page-content dl dd { margin: 0 0 0 195px; padding: 3px 0 0; width: 60%; }
.page-content dl dt em { font-size: 11px; }
.page-content #gallery-1 a img { border: 1px solid #CFCFCF; padding: 5px; margin-right: 10px; background-color: #F5F5F5; }
.page-content #gallery-1 img { border: 1px solid #CFCFCF; padding: 5px; margin-right: 10px; background-color: #F5F5F5; }
/* Typography */
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0 0 2rem; }
h1 { font-size: 3rem; }
h2 { font-size: 2.6rem; }
h3 { font-size: 2.2rem; }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.7rem; }
h6 { font-size: 1.6rem; }
.main-title { margin-bottom: 0px; display: inline-block }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; font-weight: 400; letter-spacing: normal !important; text-rendering: optimizeLegibility; }

@media (max-width:680px) {
h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; }
}
.article_heading { margin-bottom: 2rem;padding-bottom: 1rem; border-bottom: 1px solid #000}
.article_heading h1 { margin-bottom:0rem; font-weight: 500 }
.article_heading.txt-center h1:after { position: relative; display: none; content: ''; width: 80px; height: 4px; background: #ccc; margin: 1.5rem auto 0; }
.page-template-page-adult-programs .article_heading.txt-center h1:after { background: #FFCC00 }
.page-template-page-teen-programs .article_heading.txt-center h1:after { background: #33FF00 }
.page-template-page-youth-programs .article_heading.txt-center h1:after { background: #53BFBF }
.section-title { font-size: 3.6rem; margin-bottom: 0px; font-weight: 400 }
.section-subtitle { font-size: 2.2rem; }
p { margin: 0 0 1.5rem; }
table { width: 100%; margin-top: 2rem }
.libalert { display: block; position: relative }
.alert { margin-bottom: 0; padding: 1.5rem 0 0 }
@media (max-width:756px) {
.alert { padding-right: 3.8rem; }
}
.alert-dismissible .close { padding: .5rem 1rem; background: rgba(0, 0, 0, 0.3); font-size: 2rem; }
/* Links */
a { color: #0E74B2; }
a:hover { color: #930e53; text-decoration: none; }
a img { border: none; line-height: 0; }
.disabled1 a:first-child, a.disabled { pointer-events: none; }
/* Lists */
ol, ul { padding-left: 0; margin-top: 0; }
li { margin-bottom: 0 }
ol { margin-bottom: 20px; }
ol li { list-style: decimal; margin-bottom: 5px; list-style-position: inside }
ul.listcol { float: left; width: 49% }
ul { list-style: circle inside; margin-bottom: 10px; }
ul li { list-style: disc; list-style-position: inside; }
ul.columns2 { -webkit-columns: 2; -moz-columns: 2; columns: 2; line-height: 26px; margin-top: 15px; }
ul.columns3 { -webkit-columns: 3; -moz-columns: 3; columns: 3; line-height: 26px; margin-top: 15px; }
ul.columns4 { -webkit-columns: 4; -moz-columns: 4; columns: 4; line-height: 26px; margin-top: 15px; }

@media (max-width:1072px) {
ul.columns4 { -webkit-columns: 3; -moz-columns: 3; columns: 3; }
}

@media (max-width:820px) {
ul.columns3 { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
ul.columns4 { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
}

@media (max-width:400px) {
ul.columns2, ul.columns3, ul.columns4 { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
}
/* Line Breaks */
hr { padding-top: 1rem; margin-bottom: 2rem; margin-top: 0; border-width: 0; border-bottom: 1px solid #D6D6D6; box-sizing: content-box; ; display: block; overflow: hidden; clear: both }
/* Library colors Colors */
/*colors*/
.bgc1{background-color:#213F99; color: #fff}
.bgc1 a{color: #fff}
.bgc2{background-color:#91D04F; color: #000}
.bgc2 a{color: #000}
.bgc3{background: #F7F7F8}
.logobg { background-image: url(../images/logo-bg-m.svg); background-size: cover; background-position: center center; position: absolute; width:230px; height:232px; bottom: 0;right:0; opacity: .25; z-index: -1 }
.logobg2 { background-image: url(../images/logo-bg-b.svg); background-size: cover; background-position: center center; position: absolute; width: 315px; height:275px; bottom: 0rem; opacity: .12; left:0;z-index: 1 }
@media (max-width:1200px) {
.logobg { display: none}
.logobg2 {display: none}

}
/*Buttons*/
/* utilities */
b, strong { font-weight: 500; }
.dp { padding: 5rem 0 }
.txt-right { text-align: right }
.txt-left { text-align: left }
.txt-center, center { text-align: center }
.dsk-hide { display: none }
.hide { display: none !important }
.nop { padding: 0 !important; }
.nopr { padding-right: 0 !important; }
.nopl { padding-left: 0 !important; }
.nopb { padding-bottom: 0 !important }
.nopt { padding-top: 0 !important }
.nom { margin: 0 !important }
.nomr { margin-right: 0 !important; }
.noml { margin-left: 0 !important; }
.nomt { margin-top: 0 !important; }
.uppercase { text-transform: uppercase; }
iframe.map { width: 100%; height: 400px; display: block }
.floatleft { float: left; }
.floatright { float: right; }
.order2 { order: 2 }
.bg-blue { background: #f2f7fa; }
.odd_row .columns { margin: 0 }
.odd_row .columns:first-child { float: right; margin-left: 4% }
figure { margin: 0; overflow: hidden; position: relative; }
.polygon { overflow: hidden; width: 100%; height: 8rem; display: block; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0%); }
.polygon2 { overflow: hidden; width: 100%; height: 8rem; display: block; -webkit-clip-path: polygon(0 0, 100% 0, 0% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 0% 100%, 0 100%); }
.polygon3 { overflow: hidden; width: 100%; height: 6rem; display: block; -webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0% 100%, 100% 0, 100% 100%, 0% 100%); }
.tooltip { font-size: 1.6rem }
.tooltip { pointer-events: none; }
.postarea .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 2.25rem; }
/*Buttons*/
.btn a { text-decoration: none }
.btn { font-size: 1.6rem; padding: .5rem 1.3rem; border: none !important; font-weight: 500; line-height: 1.3 }
.btn-primary, .btn-primary a { background:#AF2D72; color: #fff }
.btn-primary:hover, .btn-primary a:hover, .btn-primary:focus { background:#0074D3; color: #fff; }
.btn-secondary, .btn-secondary a { background:#213F99; color: #fff }
.btn-secondary:hover, .btn-secondary a:hover, .btn-secondary:focus { background: #0095A6; color: #000; text-decoration: none; }
.btn-tertiary, .btn-tertiary a { background: #fff ; color: #00606B }
.btn-tertiary:hover, .btn-tertiary a:hover, .btn-tertiary:focus { background: #000; color: #fff; text-decoration: none; }
.btn-grey { background: #657D8C; color: #fff }
.btn-grey:hover { background: #4C6676; }
/*Modal*/
.modal-body { padding: 2rem 1.5rem; }
.modal-header { color: #171717; padding: 1rem 1.5rem; }
.modal-title { font-weight: 500; font-size: 1.8rem }
.modal-footer { padding: 1rem 1.5rem; justify-content: flex-start; }
.modal-footer .btn { float: left }
.modal-backdrop { opacity: 1; z-index: 1003 }
.modal { z-index: 1050 !important }
.modal-header .close { padding: 5px 10px; margin: -1rem -1.5rem; font-size: 38px; font-weight: 400; background: #20A1DC; color: #fff; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 2px; -webkit-appearance: none; -webkit-transition: .5s; transition: .5s; border: none !important; vertical-align: top; text-align: center; opacity: 1 }
#loginModal .modal-body { padding: 0px }
.modal-backdrop.show { opacity: 0.8; }

/* Website Header Section*/
.top-bar { display: block; background: #fff; padding:0; color: #000;   }
.top-bar select{max-width: 9rem; border: none; font-weight: 500; background: #000; color: #fff; margin-top: -.2rem; cursor: pointer}
.site-header { width: 100%; height: auto; position: relative; z-index: 100;   }
.header-top { padding: 0rem 0 0.5rem 0; border-bottom: 1px solid #ccc }
.header2 .header-top { padding: 2rem 0 2rem 0; border-bottom: 1px solid #ccc }
.top-links{margin-bottom: 1.5rem; font-weight: 500;}
.top-links a{margin-right: 1.5rem; color: #000; text-decoration: none; white-space: nowrap}
.site-header .top-links select{max-width: 9rem; border: none; font-weight: 500; background: #fff; cursor: pointer}
.header-contents { position: relative; display: block }
.site-header h4 { font-weight: 600; margin-bottom: .5rem }
/* Top Address*/
.top-address{display: block;text-align: right}
.top-address a { color: #000 !important; font-weight: 500; display: inline-block; margin-right: 1.8rem; text-decoration: none; line-height: 1}
.top-address a:hover { color:#0074D3 !important}
.top-address a:last-child { margin-right: 0 }
.top-address span { display: none }
.top-address a i, .top-address i { font-size: 2.5rem; }
.site-header img.logo { height: auto; max-width: 18rem }
.address-links{display: inline-block; margin-top: 0rem; margin-right: 3.5rem; border-bottom: solid 1px #ccc;vertical-align:top}


.site-header .myaccountbtn{background-image:url("../images/acc-bg.svg"); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent; height: 6.5rem; width: 11.7rem; border-radius:0 !important; color: #fff !important;display: inline-block; text-align: center}
.site-header .myaccountbtn a{color: #fff !important; margin: 1rem 0.8rem;background: #AF2D71}

.site-header .myaccountbtn a span{display: block; padding-top: .6rem; margin-bottom: .3rem}
.site-header .myaccountbtn a i, .site-header .myaccountbtn i { font-size: 1.6rem;margin-top: .2rem }
.site-header .myaccountbtn a:hover { color: #000 !important }

.address-links{float: left; margin-top: 1rem}

.logo-col{margin-top: -6rem}
@media (max-width: 896px) {
.logo-col{margin-top: -3rem}
.site-header img.logo { height: auto; max-width: 14rem }
}
@media (min-width: 804px) {
.top-address span { display: inline-block }
.top-address a i, .top-address i { font-size: 1.8rem; margin-right: 0rem }
.address-links{float:none; margin-top: 1rem}
}


/*header hours*/
.title1 { font-weight: 600; display: block }
.title2 { color: #DB2781; font-weight: 500; display: block }
.hours-list { display: block }
.hours-divider { display: none }

@media (max-width:767px) {
.header-hours { margin:1rem 0 }
.hours-list { display: inline-block }
.hours-divider { display: inline-block; margin: 0 .5rem; font-style: normal }
.hours-divider.id3 { display: none }
}
/*Web 1 Navigation Menu*/
 .navigation{margin: .5rem 0}
 .navbar{padding: 0; width: 100%; background:#E3F7FF; border-radius: 3rem}
 .menu-item-home a{border-radius: 2rem}
	.navbar ul li{margin-right: auto}
 .navbar ul li a{text-decoration: none;  color: #000 !important;font-size: 1.8rem; font-weight: 500; padding: .5rem 1rem !important; line-height: 1.2; border-radius: 2rem; margin-top: .6rem}
	.navbar ul li.menu-item-home a{text-decoration: none;  color: #000;font-size: 1.8rem; font-weight: 500; padding: .94rem 1.01rem !important; line-height: 1.2; border-radius: 2rem; margin-top: 0}
 .navbar ul li a:focus {text-decoration: none; color: #000;border-radius: 2rem}
 .navbar ul li{list-style: none !important;}
 .navbar ul li:hover > a { color: #fff !important; background:#0074D3; border-radius: 2rem !important }
 .navbar ul li li:hover > a { color: #0074D3; text-decoration: none }
 .navbar .current_page_item a {  color: #fff !important; background:#0074D3; border-radius: 2rem }
 .navbar-toggler,  .navbar-toggler:focus {color: #fff; font-size: 1.8rem;line-height: 3rem; border: 2px solid #0074D3; padding: 0 1rem; margin-top: .5rem; border-radius: 3rem; background: #0074D3; width: 100% }
 .navbar-toggler:visible,  .navbar-toggler:focus { border: 2px solid #0074D3 !important; }
 .navbar-nav .dropdown-menu {
 padding: 1rem; min-width: 100%; background: #FEFEFE;
}
@media (max-width:1074px) {
 .navbar ul li a{font-size: 1.7rem;}}
@media (max-width:991px) {
 .navbar-nav .dropdown-menu {border: none;padding: 0;margin-left: 1rem;width: 100%;box-shadow: 0 0 1px rgb(0 0 0 / 20%), 0 0 15px rgb(0 0 0 / 15%)}
}
@media (max-width:991px) {
 .navbar ul li a{margin-bottom: 1rem}
}
/*---- Max 991px ----*/
@media (max-width: 991px) {
 .toggle-menu-button { display: inline-block; float: right; margin-top: 0px; padding-left: 1.5rem; padding-top: .5rem; margin-right: 0; right: 0px; color:#fff; font-size: 1.7rem; font-weight: 500;  }
 .toggle-menu-button .line { position: relative; display: block; width: 3rem; height: .3rem; margin-bottom: 6px; margin-left: auto; margin-right: auto; clear: both; background:#fff; -webkit-transition: .5s; transition: .5s; }
}


/* Vertical Menu Styles--*/
.side-mobile-menu { display: none; height: 40px;  margin: 0; border: none; font-size: 2rem; padding:0 2rem; color: #fff; width: 100%; text-align: left; font-weight: 600; background-color: #231F20; position: relative;}
.side-mobile-menu .fa-2x { font-size: 1.9rem; margin-right: .5rem }
.side-mobile-menu::after { content: "\f078"; font-family: 'FontAwesome'; position: absolute; right: 1.5rem; top: .4rem; font-weight: bold; }
.side-mobile-menu.clicked::after { content: "\f077"; }
.side-menu { position: relative; padding: 0px; display: block !important; width: 100%; background: #213F99 }
.side-menu ul { margin: 0; padding: 0; list-style: none !important; display: block; width: 100%; float: left }
.side-menu ul li { position: relative; z-index: 999; list-style: none !important; width: 100%; float: left }
.side-menu ul li a { display: block; text-decoration: none; font-weight: 500; color: #fff; font-size: 1.6rem; padding: .4rem .2rem; }
.side-menu ul ul a { font-size: 1.6rem; padding: .4rem 1rem }
.side-menu ul li a:hover, .side-menu .current_page_item a{ color: #fff !important; background-color: #1C337B; }
@media (min-width:1199px) {
.side-menu ul li a { font-size: 1.8rem; padding: .6rem 2rem;  }
}
/*dropdown icon*/
.side-menu ul li .down { display: none; width: 8rem; height: 4rem; cursor: pointer; background: #ebebeb; position: absolute; top: 0; right: 0; font-family: 'FontAwesome'; text-align: center; line-height: 30px; }
.side-menu ul li .down::before { content: "\f078"; }
.side-menu ul li .down.opened::before { content: "\f077"; }
.side-menu ul li .openmenus { display: none; }
@media (max-width: 890px) {
.side-mobile-menu { display: block !important; margin-top: 0rem; }
.side-menu ul { display: none; padding: 10px; background: #231F20; }
.side-menu ul li .down { display: inline-block; }
.side-menu ul li ul { display: none; padding-left: 10px; }
.side-menu ul li { border-bottom: solid 1px  #303030; overflow: hidden; }
.side-menu ul li a { padding: .6rem .4rem .6rem 1.3rem; margin: .2rem 0 }
.side-menu ul li li { border-bottom: solid 0px #ccc; }
.side-menu ul ul a { padding-left: 3rem; }
.side-menu { margin-bottom: 2rem; overflow: hidden}

}

/*  side Menu desktop Min 992px ---*/
@media (min-width: 891px) {
.side-menu { padding: 2.5rem 1.5rem; float: left; width: 100%; display: block;  }
.side-menu ul { display: block !important; padding: 0px; }
.side-menu ul ul { padding: 1rem; background: #546D7A; position: absolute; visibility: hidden; margin: 0; left: 100%; top: 0px; border: solid 1px #000; width: 110%; }
.side-menu ul li{ margin-bottom: .1rem }
.side-menu ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover {display: block;visibility: visible;}
.side-menu ul li { float: left; }
.side-menu ul li.menu-item-has-childrenr > a::after { content: "\f054"; font-family: FontAwesome; position: relative; margin-top: 2px; float: right; }
.side-menu ul li.menu-item-has-children > a .openmenus {display: block;margin-top: 2px;float: right;font-weight: 500;font-size: 4rem;position: absolute;right: 10px;line-height: 0;top: 16px;}
}

/*Search*/
#searchform {overflow: hidden; color:#000; border-radius:0rem;  width:100%; display: block; text-align: center; position: relative; padding:0; background: #fff}
.searchform h2, .searchform h2 strong{ margin-top: 1rem; font-size: 2rem; font-weight: 500; text-align: center}
.input-wrap { float: left; width: 100% }
.site-search { display: block; width: 100%; overflow: hidden; border: 0px solid #ccc; float: left; position: relative;border-radius: 3rem; padding: .6rem  }
.search-submit {  margin: 0; position: absolute; right:.5rem; height:4.6rem; font-size:1.6rem; background:#02D2F8; color: #000; border: 0px solid #fff; padding: 0 1rem; border-radius: 3rem}
.search-submit:hover {  background:#0099FF; }

.search-input { padding: 0 5rem 0 1rem; background:#EDEDED; width: 100%; height:4.6rem; display: block; border: none !important; border-radius: 3rem }
.search-input input { border: none }
.form-radio { display: block; overflow: hidden; }
.form-radio .radio {  margin-right:.2rem; font-size: 1.6rem; margin-bottom: 1rem; position: relative; display: inline-block; line-height:2.2rem; border: 0; background: 0; padding: 0 .3rem }
.form-radio .radio span { width:2.2rem; height:2.2rem; border-radius: 100%; border: 1px solid #000; display: inline-block; float: left; margin-right: .3rem }
.form-radio .radio.selected span { border: .4rem solid #fff; background: #000 }
.search-btn { display: inline-block; padding: 8px 15px; background: #f7f7f7; color: #ffc107; font-weight: 600; cursor: pointer }
.search-btn .fa { font-weight: 600; font-size: 18px }
.search-btn .fa-angle-down { display: inline-block }
.search-btn .fa-angle-up { display: none }
.search-btn.clicked .fa-angle-down { display: none }
.search-btn.clicked .fa-angle-up { display: inline-block }
.open-search { display: none; overflow: hidden; box-shadow: 0 0 10px -5px rgba(0,0,0,.2); border: 1px solid #efefef }

.rightside #searchform{margin: 0 0 0 13%}
@media (max-width:991px) {
.search-wrap { display: none }
.open-search { display: block; float: right; margin-right: 20px; margin-top: 15px; margin-left: 0 }
.search-wrap.show-search { display: block }
}
@media (max-width:575px) {
.home-search #searchform {padding: 2rem; margin: 2rem auto;max-width: 34rem; height: 34rem; }
#searchform h2{margin-bottom: 1.5rem; font-size:2.8rem; margin-top: -2rem; padding: 0 1rem}

}
@media (max-width:444px) {
.open-search { clear: both; margin-right: 0; width: 100%; text-align: left; display: block }
.search-btn { text-align: left; width: 100% }
.search-btn .fa { float: right; font-size: 22px }
#searchform { max-width: 100%; margin-top: 1.5rem }
}
@media (max-width:367px) {
.home-search #searchform {padding: 2rem; margin: 2rem auto;max-width:100%; height:auto; border-radius: 3rem }
.home-search #searchform label{max-width: 10rem; text-align: left}
#searchform h2{margin-bottom: 1.5rem; font-size:2.4rem; margin-top: 0rem; padding: 0 1rem}
}
.searchform input[type="radio"] {-webkit-appearance: none;appearance: none;background-color:#fff;margin: 0;font: inherit;color: currentColor;width: 1.15em;height: 1.15em;border: 0.15em solid currentColor;border-radius: 50%;transform: translateY(-0.075em);display: grid;place-content: center;float: left; margin-right: .5rem}
.searchform input[type="radio"]::before {content: "";width: 0.65em;height: 0.65em;border-radius: 50%;transform: scale(0);transition: 120ms transform ease-in-out;box-shadow: inset 1em 1em var(--form-control-color);background-color: #AF2D72;}
.searchform input[type="radio"]:checked::before {transform: scale(1);}
.searchform label{line-height: 1; padding: .6rem}
.searchform label#searchcatalog{margin-right: 1rem}
.searchform fieldset{display: block; margin-bottom:0rem; line-height: 0}
/* Content */
/*home*/
.home-top { display: block; padding:2rem 0;position: relative}
/*Featured Resources*/
.single-featured-resource{text-align: center}
.single-featured-resource a{color: #000;  text-decoration:underline; font-weight: 500; display: block; 	
	text-decoration-color:#EBEBEB;
	-webkit-text-decoration-color:#EBEBEB; text-underline-offset: 1.5px;}
.single-featured-resource a:hover{text-decoration:none; }
.single-featured-resource a img{transition: transform .2s ease-in-out;}
.single-featured-resource a:hover img{transform: rotate(15deg);}

.fttype{display: block; font-size: 1.8rem;margin-top: 1rem }
.ftprovider{font-size: 1.6rem }
@media (min-width: 992px){
.col-lg-2 {flex: 0 0 auto;width: 20%;}
}
/*Ical programs*/
#events_wrap{overflow: hidden; max-height: 30rem}
.hp-upcoming-programs { display: block; overflow: hidden; padding:2rem 2rem 3rem; background:#C3E4FF;  margin-top:1rem; }
.hp-upcoming-programs-border { display: block; padding:8rem 0 3rem 0; background-image: url(../images/curve2.svg?ver=1ahb);background-size: cover;position: relative;background-repeat: no-repeat;background-position: top center; margin-top:-9rem; overflow: hidden}
.hp-upcoming-programs .error{display: none}
.hp-upcoming-programs h2 { display: block;  margin-bottom: 0;  font-weight: 500; color: #000; }
.hp-upcoming-programs h2 strong { font-weight: 500 }
a.allevents{color: #000; font-size: 2rem; text-decoration: none}
a.allevents:hover{ text-decoration:underline}
a.allevents strong{font-weight: 500}
@media (max-width:575px) {
a.allevents{font-size:1.6rem; }
}
.ical {padding: 0;position: relative;z-index: 1}
.noeventsmessage { padding: 1rem 2rem; display: block; text-align: center; margin-bottom: 3px }
.hp-upcoming-programs .ical .simplebar-content { width: 100%; display: flex; white-space: nowrap; padding-bottom: 2rem }
.ical .vevent {  position: relative; color: #000;  display: block; padding: 1rem 0 0; -ms-flex: 0 0 26rem; flex: 0 0 26rem; max-width: 27rem; white-space: normal; background: #fff; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); border-radius:2rem; margin:2.1rem 2.6rem 2rem 3.1rem; }
.hp-upcoming-programs .starttime::before, .hp-upcoming-programs .location::before {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: "FontAwesome"; margin: 0 .5rem 0 .5rem;}
.hp-upcoming-programs .starttime::before {content: "\f017";}
.hp-upcoming-programs .location::before {content: "\f124";}
.hp-upcoming-programs .summary{padding: 0 1.5rem;line-height: 1.4;margin-top: .5rem}
.hp-upcoming-programs .description{display: none}
.icalgroup{padding-bottom: 5rem}
.eventdate{font-size: 2rem;width: 6rem;height: 6rem;float: left;margin-left: -3rem;margin-top: -3rem;background:#0074D3;border-radius: 100%;line-height: 1.1;text-align: center;padding-top: .8rem;color: #fff}
.evwrap .summary{font-weight: 500}
.evwrap .dtstart {padding: 0 1rem}
.evwrap .starttime, .evwrap .endtime{display: inline-block;}
.hp-upcoming-programs a.url{text-decoration: none; color: #000; font-size: 1.8rem; font-weight: 500;}
.hp-upcoming-programs a.url:hover{text-decoration:underline;}
.hp-upcoming-programs .categories{background:#F7F7F7; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; padding: 1rem 1.2rem; margin-top: 1rem}
.hp-upcoming-programs .categories .cat{text-decoration: none; color: #fff;font-size: 1.5rem; border-radius: 10rem; padding: .3rem .5rem; background: #0074D3; margin-right: .4rem }
.hp-upcoming-programs .vevent.children	.eventdate, .hp-upcoming-programs .vevent.children .cat.Children{background:#FFFD66; color: #000;}
.hp-upcoming-programs .vevent.teens	.eventdate, .hp-upcoming-programs .vevent.teens .cat.Teens{background:#8FF; color: #000;}	
.hp-upcoming-programs .vevent.adult	.eventdate, .hp-upcoming-programs .vevent.adult	.cat.Adult {background:#3BFFBC; color: #000;}	
.hp-upcoming-programs .vevent.seniors	.eventdate, .hp-upcoming-programs .vevent.seniors	.cat.Seniors {background:#4DC86B; color: #000;}	
.evwrap{    height: 100%!important;
    display: flex;
    flex-wrap: wrap;}
.evwrap .summary, .evwrap .location, .evwrap .categories{align-self: flex-start;flex: 0 0 auto; width: 100%}
.evwrap .location{margin-left: 1rem}
/*Featured Resources*/
.featured-resources{margin:2rem 0 4rem}
.featured-resources h2 {  margin-bottom:.5rem;  }
/*digital Resources*/
.curve { display: block; padding: 2.5rem 0rem 1rem; background-image: url(../images/curve.svg?ver=1.0b);background-size: cover;position: relative;background-repeat: no-repeat;background-position: top center;margin-top:1rem  }
.digital-resources { display: block; padding:1rem 0 0; background:#EAF4FD; margin-top:0rem; font-size: 2rem;position: relative;}
.curve h2 {  margin-bottom:.5rem;  }
.curve p{font-size:2rem}
a.allresources{color: #000;  font-size: 2rem; text-decoration: none}
a.allresources:hover{ text-decoration:underline}
a.allresources strong{font-weight: 500}
@media (max-width:575px) {
a.allresources{font-size:1.6rem; }
}
.single-digital-resource span { display: block; }
.single-digital-resource .icon-wrap { display: block; overflow: hidden; width: 100%;  margin: 0 auto;  position: relative; margin-bottom: .6rem; padding: 1rem 0 }
.single-digital-resource { text-align: center; }
.single-digital-resource .icon-wrap img { background: 0 0!important; border: none!important; /*position: absolute;*/ top: 0; bottom: 0; margin: auto; left: 0; right: 0; width: 100%; max-width: 12rem; max-height:9rem }


.single-digital-resource a img{transition: transform .2s ease-in-out;}
.single-digital-resource a:hover img{transform: rotate(15deg);}


.single-digital-resource a strong{ font-weight: 500}
.single-digital-resource a { color: #000;  text-decoration:underline; text-decoration-color:#EBEBEB;
	-webkit-text-decoration-color:#EBEBEB; text-underline-offset: 1.5px;}
.single-digital-resource a:hover { text-decoration: none}
.single-digital-resource a:hover .icon-wrap { opacity: .8 }
.dgtype { font-size: 2.2rem; font-weight: 600 }
@media (max-width:991px) {
.digital-resources { display: block; padding: 3rem 2rem 3rem}
.single-digital-resource .icon-wrap img { max-width: 13rem; }
.dgtype { font-size: 1.8rem; font-weight: 600 }
}
@media (max-width:575px) {
.single-digital-resource .icon-wrap {  max-width: 11rem; height:11rem;}
.single-digital-resource .icon-wrap img { max-height:7rem }

}
/*Upcoming programs*/
.events-feed { background: #F7F7F7; overflow: hidden; display: block; padding: 2rem 3rem 0; border-top: solid .8rem #0095A6 }
.events-feed h3 { font-size: 2.6rem; font-weight: 600; margin-bottom: 3rem }
.events-feed h3::before, .highlights-col h3::before { display: inline-block; content: ""; width: .6rem; height: 3rem; margin-right: .5rem; transform: translateY(.5rem); }
.events-feed h3::before { background-color: #0095A6; }
.highlights-col h3::before { background-color: #36454F; }
.events-feed li { display: block; overflow: hidden; border-bottom: 1px solid #fff; margin-bottom: 1rem; padding-bottom: 1rem; }
.events-feed li a { color: #000; font-size: 1.8rem; font-weight: 500 }
.events-feed li a:hover { color: #0095A6; text-decoration: underline }
.events-feed li div a { color: #000; font-size: 1.6rem; font-weight: 500; display: block }
.events-feed li i { font-size: 2.8rem; color: #0095A6; margin-right: 2%; vertical-align: sub !important; display: inline-block; width: 5%; max-width: 2.6rem }
.events-feed br { display: none }
.events-feed li div { font-size: 0px; color: #000 }
.events-feed li div b:first-child { font-size: 1.8rem }
.events-feed li div br { display: none }
.events-feed li img { display: none }
.events-feed li .headline { width: 50%; vertical-align: middle!important; display: inline-block }
.events-feed li div { width: 40%; vertical-align: middle!important; display: inline-block; text-align: right; }
.events-feed ul { margin-bottom: 0; padding-bottom: 0; border-bottom: none }
.home-middle .events-feed ul ul, .home-middle .events-feed p, .home-middle .events-feed ul img { display:none !important}

.viewfullcalendar { width: 100%; display: block; padding: 0rem 3rem 2rem; background: #F7F7F7; overflow: hidden; text-align: right; margin-top: -2rem }
.highlights-col { background: #FDF8E5; overflow: hidden; display: block; padding: 2rem 3rem; border-top: solid .8rem #36454F }
.highlights-col h3 { font-size: 2.6rem; font-weight: 600; margin-bottom: 3rem }
.highlights-col ul li { list-style: none; display: block; overflow: hidden; border-bottom: 1px solid #fff; margin-bottom: 1.5rem; padding-bottom: 1.5rem; }
.highlights-col li a { color: #000; font-size: 1.8rem; font-weight: 500 }
.highlights-col li a:hover { color: #36454F; text-decoration: underline }
.highlights-col li i { font-size: 2.6rem; color: #000; margin-right: 2%; vertical-align: sub !important; display: inline-block; width: 5%; max-width: 2.6rem }
.viewmorenews { width: 100%; display: block; padding: 0rem 3rem 2rem; background: #FDF8E5; overflow: hidden; text-align: right; margin-top: -2rem }

@media (max-width:1080px) {
.events-feed, .highlights-col { padding: 2rem 2rem 0; }
.events-feed h3, .highlights-col h3 { font-size: 2rem; }
}

@media (max-width:1041px) {
.highlights-col li i, .events-feed li i { font-size: 2.2rem }
}

@media (max-width:991px) {
.events-feed li a, .highlights-col li a { font-size: 1.6rem; line-height: 1.2 }
.events-feed li div b:first-child { font-size: 1.5rem; line-height: 1.2 }
.highlights-col li i, .events-feed li i { margin-right: 3%; }
.events-feed .feedburnerFeedBlock ul li span.headline { line-height: 1; }
}

@media (max-width:767px) {
.events-feed { margin-bottom: 2rem; }
.home-middle .h-100 { height: unset !important }
.viewmorenews { margin-top: 0; text-align: center }
.viewfullcalendar { padding-top: 1rem; text-align: center }
}

@media (max-width:767px) {
.highlights-col li i, .events-feed li i { margin-right: 1%; max-width: 2.2rem }
}

@media (max-width:451px) {
.highlights-col li i, .events-feed li i { margin-right: 4%; }
.highlights-col li i, .events-feed li i { font-size: 1.9rem; }
}
/*highlights archive*/

.highlight-single{display: block; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #ccc}
.highlight-single h2{font-size: 2.2rem; margin-bottom: 0}

/*Events and Simplebar*/
/*Events and Simplebar*/

[data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }
.simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; }
.simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; }
.simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; }
.simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; }
 .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
 width: 0;
 height: 0;
}
.simplebar-content:before, .simplebar-content:after { content: ' '; display: table; }
.simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; }
.simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; }
.simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; }
.simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; }
[data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; }
[data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; }
.simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; }
.simplebar-scrollbar:before { position: absolute; content: ''; background: #AB234D; border-radius: 11px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; }
.simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 1; transition: opacity 0s linear; }
.simplebar-track.simplebar-vertical { top: 8px; bottom: 8px; width: 20px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); box-shadow: inset 0 0 1px rgba(0,0,0,.5); background-color: #fff; border-radius: 11px; right: 5px;left: auto; }
.simplebar-track.simplebar-horizontal { left: 20px; right: 20px; height: 26px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); box-shadow: inset 0 0 1px rgba(0,0,0,.5); background-color: #fff; border-radius: 11px; bottom: 5px; }
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 20px; left: 2px; right: 5px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: 2px; left: 2px; top: 3px; height: 100%; min-height: 0; min-width: 10px; width: auto; }
/* Rtl support */
.simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }
.hoverscroll { display: block; text-align: right; font-size: 1.5rem }
.evrecurring { display: none }
form img{padding:0 !important; border:none !important}

/*New feed reader*/

#evscroll{display: block;width: 100%;max-height:40rem;border: 0;background: #FAFAFA;margin-top: 1rem;margin-bottom: 3rem}
.pagefeed article{padding:  3rem 1rem 3rem 1rem !important; margin-left: 2rem; margin-right: 4rem}

.srr-title a{font-size:2rem; color:#000; font-weight:500}
.srr-title a:hover{text-decoration: underline}
.post-first-img{float:right; margin-left:1rem !important; width:auto; max-width:20rem; height:auto; padding: .2rem !important}
.srr-item, html .srr-style-none .srr-item{padding:3rem 1rem 0rem 1rem !important; margin-left: 2rem; margin-right: 4rem; border-bottom: 2px solid #fff}
html .srr-wrap .srr-item>div>*{margin-bottom: 1.5rem}
html .srr-wrap .srr-summary a {overflow-wrap: break-word;}
html .srr-wrap .srr-item:last-child{margin-left:2rem !important; margin-right: 4rem !important}


/*page featured resources*/
.e-kt .simplebar-wrapper { padding-bottom: 5rem; }
.e-kt .simplebar-content { width: 100%; display: flex; white-space: nowrap; padding-bottom: 2rem; }
.e-kt .simplebar-track.simplebar-horizontal { margin-bottom: 1rem }
.res_single { padding-bottom: 2rem; position: relative; border: none !important; display: block; padding: 0 1.5rem; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; min-width: 246px; white-space: normal; text-align: center }
.e-kt { background: #E3F7FF; width: 100%; max-height: 295px; display: block; overflow: hidden; padding: 2.5rem 0rem 0rem }
.res_single img{width:auto; max-height: 8rem; margin: 0 auto 1rem; background: #fff; padding:1rem}
.e-kt h2{margin-bottom: 2rem}
/*help Links*/
.help-links{display: block; margin-top:3rem; overflow: hidden}
.help-link { background-size: 100%; background-repeat: no-repeat; color: #000; font-size:1.8rem; text-transform: uppercase; font-weight: 500; padding: 0;  text-align: center; position: relative; display: block; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); text-decoration: none; margin-top: 1rem}
.help-link svg{position: absolute; width: 100%; height: 100%}
.help-link i { display:block; font-size: 3rem; margin-bottom: .3rem }
.help-link span.ql-name { display:block;line-height: 1.3; padding: 1rem .5rem }
.ql-content{display: inline-block; }
.ql-content img{ margin-bottom: 1rem;border-bottom: .5rem solid #0099FF}

/*Jquey Tabs*/
#tabs { display: block }
#tabs ul.ui-tabs-nav { text-align: center; display: block; width: 100%; overflow: hidden }
#tabs ul li.ui-tab { display: inline-block; border-radius: 5px 5px 0 0; border-top: 1px solid #1467A5; border-right: 1px solid #1467A5; border-left: 1px solid #1467A5; margin-right: 5px; text-align: center; float: left; }
#tabs ul li.ui-tab a { color: #222; padding: 6px 10px; display: block; background: #EFEFEF; border-radius: 5px 5px 0 0; }
#tabs ul li.ui-tab a:hover { background: #4D2C3D; color: #fff }
#tabs ul li.ui-tabs-active a { background: #4D2C3D; color: #fff; }

@media only screen and (max-width:755px) {
#tabs ul li.ui-tab { width: 30% }
}

@media only screen and (max-width:479px) {
#tabs ul li.ui-tab { display: block; border-radius: 0; border: none; margin-right: 0px; text-align: center; float: none; width: 100% }
#tabs ul li.ui-tab a { border-radius: 0; }
}
.search-box-content { width: 100%; float: left; padding: 0 0 20px!important; border-bottom: 1px dashed #e4e4e4; margin-bottom: 20px; border-top-style: none; border-right-style: none; border-left-style: none }
.search-box-content .left-search-box { width: 30%; float: left; border: 0; padding: 0!important }
.search-box-content .right-search-box { width: 70%; float: right; border: 0; padding: 0!important }
.search-box-content h3 { margin: 0; padding: 10px 0 10px 0; clear: both; font-weight: bold; color: #333 }
.search-box-content h3 a:hover { border: 0 none!important; background: none!important; color: #68B7C5!important; text-decoration: underline }
input.search-btn { background: #335E68; border: 0 none; padding: 5px 14px; border-radius: 4px; color: #fff; float: none; cursor: pointer; margin-left: 10px; font-size: 1.6rem; height: 32px; }
input.search-btn:hover { background: #71868c }
#byletter li a { display: block; padding: .8rem 1.5rem; text-decoration: none!important; color: #333; background: #f6f6f6; border: #eaeaea 1px solid; border-radius: 2px; font-weight: 500; }

@media only screen and (min-width:1180px) {
#byletter li a { display: block; padding: .3rem 1rem; text-decoration: none!important; color: #333; background: #f6f6f6; border-radius: 2px; font-weight: 500; }
}
#byletter li:last-child a { margin-right: 0px; }
#byletter li a:hover { background: #000; color: #fff }
#byletter li a.selected { background: #000; color: #fff; border-radius: 2px!important }
.noresults p { color: #68B7C5; padding-top: 20px }
ul#byletter { margin-bottom:2rem; display: block; overflow: hidden }
/*Policies*/
.policies-breadcrumb { display: block; text-align: right; margin-bottom: 2.5rem; padding-bottom: 1rem; border-bottom: 1px solid #F6F6F6 }
.policies-breadcrumb.policy-base { display: block; text-align: right; margin-bottom: 0; margin-top: 2.5rem; padding-bottom: 0rem; padding-top: 1rem; border-bottom: 0px solid #F6F6F6; border-top: 1px solid #F6F6F6 }
/*images*/
img { max-width: 100%; height: auto }
img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }
img.alignright { padding: 0px; margin: 0px 0px 10px 15px; display: inline; }
img.alignleft { padding: 0px; margin: 0px 15px 10px 0px; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 15px; }
.alignleft { float: left; margin: 0px 15px 10px 0px; }
.wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #EEEEEE; padding: 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; }

.wp-caption-text { font-size: 11px; line-height: 12px }
.img-frame { float: left; margin-right: 2rem }

@media only screen and (max-width:1024px) {
.alignleft, .alignright { max-width: 400px }
}

@media only screen and (max-width:800px) {
.alignleft, .alignright { max-width: 300px }
}

@media only screen and (max-width:615px) {
.alignleft, .alignright { max-width: 100%; width: 100%; display: block; float: none; margin: 0 0 1.5rem !important; }
}
/**
 * 12.2 - Galleries
 */
.gallery { margin: 0 -1.1666667% 1.75em; }
.gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon img { margin: 0 auto; }
.gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }
/*Events*/
.eo-event-title { font-size: 2rem; font-weight: 500; margin-bottom: .5rem }
.event_thumbnail { margin-left: 1.5rem; max-width: 200px; float: right }
.event_meta { display: block; margin-bottom: .5rem }
.events_map iframe { width: 100%; height: 45rem }
.single-event .event_thumbnail { max-width: 200px; }
/*Block Editor*/
.block-editor { display: block; overflow: hidden; margin-top: 2rem }
/*Board*/
.board-staff { display: block; overflow: hidden; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #F5F5F5 }
/*Fancybox*/
/******************** Footer ********************/
.footer { width: 100%; display: block; padding: 2rem 0 0; overflow: hidden; position: relative}
.footer p { margin-bottom: 1rem }
.footer a {  font-weight: 500; text-decoration: none; color: #000 !important}
.footer a:hover { text-decoration: underline }
.footer-logo {  max-width: 12rem;display: inline-block}
.footer-right { text-align: right }
.footer-rights { font-size: 1.3rem }
.footer .social_icons { display: block; }
.footer .social_icons a { text-decoration: none; margin: 0 1.5rem  }
.footer .social_icons a i { font-size: 4rem }
a.facebook{color:#5067AF !important }
a.facebook:hover{color:#314893 !important }

a.youtube{color:#CE0000 !important }
a.youtube:hover{color:#A20000 !important }

a.instagram{color:#BF219B !important }
a.instagram:hover{color:#9B087A !important }

a.twitter{color:#009DE7 !important}
a.twitter:hover{color:#0082BF !important}

.footerlinks a{display: block}
/*Footer Base*/
.footerbase { padding: 1.5rem 0; color: #000; }
.footerbase a { color: #000 }
.sub-border span{display: inline-block; width:16.666666666666667%; height: 1rem; float: left}
/*Scroll to top*/
.scrollTo_top { position: fixed; bottom: 6rem; right: 2%; display: none; height: 4rem; width: 4rem; background: #155765; border-radius: .4rem; text-align: center; -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15); box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 999; }
.scrollTo_top i { color: #fff; line-height: 4rem; font-size: 2.2rem; }

@media (max-width: 1314px) {
.scrollTo_top { bottom: 15rem; }
}

@media (max-width: 1199px) {
.scrollTo_top { display: none !important }
}
/*popover*/
.popover-header { padding: 1rem; margin-bottom: 0; font-size: 2rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; }
.popover-body { padding: 1.5rem; color: #212529; font-size: 1.6rem; }

@media only screen and (min-width:600px) {
.popover { max-width: 400px }
}
/*Page Navigation*/
.page-nav { display: block; margin-top: 4rem }
.page-nav .page-numbers { font-size: 1.7rem; padding: .5rem; border: solid 1px #ccc; margin-right: .5rem }


/*Accordions*/
.collapsing { transition: height 0.6s; }
.accordion { display: block; overflow: hidden; padding:3rem 0; width: 100% }
#accordion{margin: 2rem 0}
#accordion .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding:2rem 1.25rem 1.25rem;background:#fff  }
#accordion .card-header { transition: none !important }
.collapseone a { font-size:1.9rem; font-weight: 500; transition: none !important; text-decoration: none; color: #000; position: relative; line-height: 1.4}
.collapseone a::after {font-family: 'FontAwesome'; position: absolute; right:1rem; font-weight: bold; background:#0074D3;border-radius:100%;width: 3.5rem;height: 3.5rem;text-align: center;top: 50%; transform: translateY(-50%);font-size: 2.5rem; color: #fff}
.collapseone a::after { content: "\f107";}
.collapseone a[aria-expanded="true"]:after { content: "\f106";}
#accordion .card { margin-bottom: 10px; border: 1px solid #ccc;border-radius: 0 }
#accordion .card.active{border: 1px solid #9D9D9D !important;}

.accordion-expand-all .collapse:not(.show) { display: block !important; }
#accordion .card-single{background:#F7F7F8; padding: 1.5rem; border: 1px solid #ccc}
#accordion .card-single h2{font-size: 1.9rem; font-weight: 500}
#accordion .card-header{border-bottom:none; background: #F7F7F7 }
#accordion .card-header img{transition: transform .2s ease-in-out;}
#accordion .card-header:hover img{transform: rotate(15deg);}
#accordion .card-header:hover, #accordion .card-header.active-acc{background: #E5E5E5;  transition: none !important }
.db-icon { display: block; text-align: center }
.db-icon img { display: block; margin: 0 auto; width: 100%; max-width: 11rem }
.tab-icon{display: inline-block;width:6rem;height:6rem; margin:0 0rem 0 1rem; border-radius: 100%;background: white;padding: .8rem; border:1px solid #F1F0F1}

/*databases*/
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom: 1; background: #EFEFEF; border-radius: 5px 5px 0 0; border-top: 1px solid #1467A5; border-right: 1px solid #1467A5; border-left: 1px solid #1467A5; margin-right: 5px; text-align: center }
.tab.active { background: #4D2C3D; color: #fff; }
.tab:hover { background: #4D2C3D; color: #fff }
.tab a { display: block; text-decoration: none; color: #222; padding: 8px 15px; }
.tab:hover a { color: #fff }
.tab a.active { font-weight: bold; color: #fff }
.tab-container .panel-container { background: #fff; border: solid #4D2C3D 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px }
.dbt { color: #111; display: block; margin: 0; padding: 0 }
ul.etabs li.tab { list-style: none; float: left; margin: 0px 5px 0px 0px; }
ul.etabs, ul#byletter { margin: 0; padding:.5rem; display: block; overflow: hidden }
ul.etabs li, ul#byletter li { list-style: none; float: left; margin-right: 1rem; margin-bottom:1rem }
.dbt .search-box-content li { list-style: disc; float: none; list-style-position: inside }
.dbt .search-box-content ul { margin-bottom: 15px; }
.dbt h3 a, .dbt h3 { font-weight: 500; font-size: 2.4rem; text-decoration: none; }
.dbt h3 a:hover, .dbt h3 hover { color: #4D2C3D }
.dbt h3 a::before { content: "\f504"; width: 18px; height: 18px; font-size: 18px; font-family: dashicons; font-weight: 300; display: none }
.dbt-tabs { display: block; overflow: hidden; padding-top: 0rem; width: 100%; border-top: 0px solid #00A49B; }
#subjectsearch { margin-bottom: 4rem }
.tabwrap { display: block; }
.db-wrap { display: block; background: #FAFAFA; position: relative; margin-bottom:0rem; height: 100% }
.db-text { display: block; padding: 2rem; overflow: hidden; text-align: center}
.db-text h3 { text-align: center }
.db-text h3 a::before { content: "\f08e"; width: 18px; height: 18px; font-size: 18px; font-family: 'FontAwesome'; font-weight: 300; }
.db-thumb { display: block; text-align: center }
.db-thumb img { display: inline-block; padding: .5rem !important; border: 1px solid #ccc; background:#fff; margin-bottom: 1.5rem; width: auto; max-height: 6rem }
.more-info { font-weight: 500; position: absolute; left: 3rem; bottom: 3rem }
.more-info:hover { cursor: pointer;  opacity: .7 }
.more-info .fa { margin-left: .6rem }
.search-subject { border: 1px solid #E4E4E4; color: #333; float: left; height: 32px !important; line-height: 32px !important; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 3px 1px 2px; width: 320px; font-size: 1.6rem }
.databases .column { margin-bottom:1rem }
.subject-list { display: block; text-align: center; border-bottom: 2px solid #277F42; margin-bottom: 2rem; padding-bottom: .5rem; }
.subject-list a { display: inline-block; border-radius: 4px; background:#277F42; color: #fff; margin: 0px .4rem 1.5rem; padding: .6rem .7rem; font-weight: 500; text-decoration: none; font-size: 1.7rem}
.subject-list a:hover { background: #000; }
.subject-list a.active { background: #000 }
.subject-list a.job-search-resources, .subject-list .featured { display: none }
.db-icon { display: block; text-align: center }
.db-icon img { display: block; margin: 0 auto; width: 100%; max-width: 11rem }
.subject-list .tab-icon{display: inline-block;width:4rem;height:4rem; margin:0 .5rem 0 0; border-radius: 100%;background: white;padding: .6rem; border:1px solid #F1F0F1}

@media (max-width: 650px) {
.dbt h3 a, .dbt h3 { font-size: 1.9rem; }
.dbimg { height: 180px; }
.db-wrap { height: 38rem; }
}
/*new dbs*/
.dbwrap { display: block; margin-top: 1rem; }
.databases h2 { font-weight: 600; font-size: 1.8rem; text-align: center}
.single-dbs { padding-top: 1rem; margin-top: 1rem; }


/*easy alerts*/
.libalert { background:#FEF200; padding: 1.3rem 0 .8rem }
#easyCookie { display: none; z-index: 101; width: 100%; box-sizing: border-box; color: #000; position: relative; }
#easyCookie > div { display: block; width: 100%; }
#easyCookie.ec-fixed { position: fixed; }
#easyCookie.ec-fixed.ec-top { bottom: inherit; top: 0; }
#easyCookie.ec-black { background: #000; }
#easyCookie a { text-decoration: none; box-shadow: none; }
#easyCookie .ec-infos a{text-decoration: underline; color: #000}
#easyCookie .ec-infos a:hover{text-decoration: none; color: #000}
#easyCookie .ec-infos { line-height: 22px; padding-right: 50px; padding-left: 3.5rem; width: 100%; display: block }
#easyCookie .ec-infos p { margin-bottom: .5rem }
#easyCookie .alerticon { position: absolute; left: 0.5rem; top: -0.1rem; font-size: 2.5rem; color: #000; border-radius: 100%; z-index: 1 }
#easyCookie .ec-btns { margin-top: 0px; width: 3.1rem; position: absolute; right: 1.5rem; top: -.4rem; }
#easyCookie .ec-btns > a { display: inline-block; box-sizing: border-box; padding: 0 .8rem .3rem; font-size: 3.2rem; line-height: .9; color:#fff; text-align: center; background:  #000 }
#easyCookie .ec-btns > a:hover { background:#AF2D72 }

#easyCookie .ec-btns .ec-empty { color: #979797; background: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#easyCookie .ec-btns > a:not(.ec-empty):hover { opacity: 0.9; }

/*hide recaptcha*/
.g-recaptcha { display: none }
/*nav tabs*/
ul.nav-tabs { border-bottom: 1px solid #dee2e6; list-style: none; margin: 0; padding: 0; }
ul.nav-tabs li { list-style: none; margin-right: .5rem; margin-bottom: 1rem !important }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff; background-color: #00A49B; border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #EFEFEF; }
/*Aside*/
.sidebar-content { display: block; width: 100% }
.sidebar-content img { width: 100%; height: auto; display: block; margin-bottom: 1rem }
.img-placeholder { display: none }

@media (min-width: 890px) {
.page-sidebar { position: -webkit-sticky; position: sticky; top: 10px; bottom: 4rem; z-index: 9 }
.img-placeholder { display: block }
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden;/* fix firefox animation glitch */display:flex; flex-wrap: wrap}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; border: none;
padding: 0; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit;  }
.owl-carousel .owl-nav button:active, .owl-carousel .owl-nav button:hover { }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background: #F2F2F2 }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
/* No Js */
.no-js .owl-carousel { display: block; }
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height { transition: height 500ms ease-in-out; }
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item { /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
/* Feel free to change duration  */ 
.animated { -webkit-animation-duration : 1000 ms; animation-duration : 1000 ms; -webkit-animation-fill-mode : both; animation-fill-mode : both; }
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out { z-index : 1 }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in { z-index : 0 }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut { -webkit-animation-name : fadeOut; animation-name : fadeOut; }
@-webkit-keyframes fadeOut {
 0% {
 opacity : 1;
}
 100% {
 opacity : 0;
}
}
@keyframes fadeOut {
 0% {
 opacity : 1;
}
 100% {
 opacity : 0;
}
}
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav { margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover { background: #213F99; color: #FFF; text-decoration: none; }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #213F99; }
/*custom styles*/
.owl-dots { counter-reset: dots; display: inline-block }
.owl-dot span:before { counter-increment: dots; content: counter(dots);display: none}
.owl-pause { background: #fff; color: #000; font-size: 1.6rem; border: 1px solid #000; border-radius:0; width: 28px; height: 28px; padding: 0; display: inline-block; vertical-align: top; cursor: pointer; line-height: 1.6 }
.owl-pause:hover { color: #1C337B; }
.owl-pause.paused { color: #1C337B; }
.owl-dot { font-size: 1.6rem; display: inline-block; color: #000; border: 1px solid #000; font-weight: 600; text-align: center; width: 28px; height: 28px; border-radius:0; padding: 0; background: #fff; line-height: 1.6; cursor: pointer; margin-left: .8rem; vertical-align: top }
.owl-dot:hover { background: #1C337B; color: #fff;  }
.owl-dot.active { color: #000; background:#FCDEA6;  }
@media (hover: none) {
.owl-pause:hover { color: #000; }
.owl-dot:hover { color: #000; background: #fff }
}
.owl-nav2 { display: block; margin-top:0rem; text-align: center; padding-top: 1rem;  }
/*Featured slider*/
.feat-slider{display: block;position: relative; z-index: 2}
#featured-slider {border-radius: .5rem;  }
.homepage #featured-slider {background: #fff; position: relative; z-index: 2; }
.feat-slider h2 { font-weight: 500; margin-bottom: .5rem; font-size: 2.3rem }
#featured-slider .owl-content { display: block; overflow: hidden; padding: 1.5rem; background: #F2F2F2; position: relative;z-index: 1}
#featured-slider .owl-content a img, #featured-slider .owl-content img {padding: 0 !important; border:none !important}
/*Nav*/
#featured-slider .owl-theme .owl-nav { width: 100% }
#featured-slider .owl-prev, #featured-slider .owl-next { position: absolute; top:40%; transform: translateY(-40%); display: block !important; border: 0px solid black; margin-top: -2rem !important }
#featured-slider .owl-nav button.owl-prev, #featured-slider .owl-nav button.owl-next { font-size: 6rem; line-height: 7rem; margin: 0; padding: 0; color: #213F99 }
#featured-slider .owl-nav button.owl-prev:hover, #featured-slider .owl-nav button.owl-next:hover {  color: #fff }
#featured-slider .owl-nav button i { line-height: 9rem; padding: 0 .2rem; margin-top: -2px }
#featured-slider .owl-prev span, #featured-slider .owl-next span { display: block; height: 8rem; line-height: 6.5rem; }
#featured-slider p{margin-bottom: .5rem; line-height: 1.4}
#featured-slider .owl-nav .disabled { opacity: 1; cursor: default; }
#featured-slider .owl-nav .disabled span { opacity: .5; }
#featured-slider .owl-prev { left:-3.5rem; }
#featured-slider .owl-next { right:-3.5rem; }
.owl-nav2 .owl-prev, .owl-nav2 .owl-next{font-size: 2.4rem; background: #fff; border: solid 1px #000 !important; line-height: 0; padding: .5rem}
.feat-slider .owl-dot.active { color: #fff; background:#213F99;  }
.owl-nav2 .owl-prev{float: left; border: none; font-size: 2.4rem}
.owl-nav2 .owl-next{float: right; border: none; font-size: 2.4rem}
.feat-slider .owl-pause, .feat-slider .owl-dots  { margin-top: .4rem }
@media (max-width: 630px) {
#featured-slider .owl-nav button.owl-prev, #featured-slider .owl-nav button.owl-next { font-size: 4rem; color:#fff ; background:#213F99  }
#featured-slider .owl-nav button.owl-prev:hover, #featured-slider .owl-nav button.owl-next:hover {  background:#000  }
.feat-slider h2 { font-size: 2.1rem }
.feat-slider{padding: 0 2rem;; margin-bottom: 2rem}
#featured-slider .owl-prev { left:-2rem; }
#featured-slider .owl-next { right:-2rem; }
}
/**/
.slider-count { display: inline-block }
.bookriver .owl-nav2 { text-align: center; margin-top: 2.5rem}
@media (max-width: 1199px) {
.bookriver .owl-dot { font-size: 1.5rem; width: 30px; height: 30px; line-height: 1.5; margin-left: 0rem; margin-bottom: 1rem; margin-right: 1rem }
.bookriver .owl-pause { font-size: 1.5rem; width: 30px; height: 30px; padding: .1rem 0 0 0; margin-right: .5rem }
.bookriver .owl-dots { display: unset }
}
@media (max-width: 850px) {
.owl-dot:hover { background: #fff; color: #000 }
.owl-dot.active { color: #ffF; background: #0095A6;  }
}
.owl-text img{display:none !important}
.owl-nav2 .owl-prev:hover, .owl-nav2 .owl-next:hover{background:#213F9C; color: #fff }
/*book carousel*/
.book-carousel { padding-top:2rem; padding-bottom: 0px; color: #000; background-color:#20EEA8; display: block; margin-top:0rem; }
.book-carousel h2 { font-weight: 500;  margin-bottom:1rem;  }
.book-carousel a { color: #000}
.book-carousel  .simplebar-content {width: 100%;display: flex;white-space: nowrap;padding-bottom: 2rem; align-items:flex-start; justify-content:start}
.book-carousel .simplebar-wrapper {padding-bottom: 4rem;}
.bookriver .content-carousel__item {position: relative;border: none !important;display: block;padding:.6rem 1.5rem;-ms-flex: 0 0 25.5rem;flex: 0 0 21rem;max-width: 21rem;white-space: normal; margin-right: 5.2rem}
.book-carousel #id-drawer-body-xriNoItemsFound { font-weight: bold; color: white; text-align: center; }
.content-carousel__item{text-align: center;  position: relative}
.content-carousel__item a{display:block;font-weight: bold; text-decoration:none; height: 100%}
.content-carousel__item a:hover{text-decoration:underline}
.book-carousel a img { border: solid 4px #fff;display: block;}
.book-carousel a:hover img { border: solid 4px #000;}
.content-carousel__link span{vertical-align: bottom}

/**/
/*ep estyles*/
.LEDate{font-weight: bold; margin-bottom:2rem}

.LEToolTipLink { text-decoration: none; font-size: 16px !important; line-height: 1.3 !important;  }
.LEPopUpDescription {  text-align: left; line-height: 1.5em; font-size: 16px !important; }
.tooltiptext .LEPopUpTitle { color: #333;  padding: 10px 15px 15px !important; font-size: 18px !important; font-weight: bold !important; }
html a.LEToolTipLink { color: #000 !important;  }
.qtip-content input[type=submit], .LERegistration input[type=submit] { -webkit-appearance: button; margin: 10px 0; padding: 10px; background:#546D7A; color: #fff; border: none; }
.qtip-content input[type=submit]:hover, .LERegistration input[type=submit]:hover { -webkit-appearance: button; margin: 10px 0; padding: 10px; background: #000; color: #fff; border: none; }

.qtip-content .LEPopUpDateTime { font-size: 14px !important; font-weight: bold !important; margin: 10px 0 !important;  }
td.LENextMonth { font-size: 18px !important; width: 20%;  }
div.LERSSViewPrintItem {  font-size: 16px !important; }
.LERSSViewPrint { display: block; overflow: hidden; margin-top: 15px !important; }
.LEPageDescription { margin-bottom: 15px !important; }
html .qtip-bootstrap { font-size: 16px !important; line-height: 20px; color: #000 !important; }
html .qtip { width: 100% !important; max-width: 320px !important; min-width: 150px; font-size: 16px !important; }

html td.LEMonthHeader, html .LEFooter {color: #000;
}
html .LEDescription, .html .LEDescription, html .LEDescription span { color:#231F20; font-family: 'Roboto', sans-serif !important; font-size: 1.6rem !important; line-height: 1.6; font-weight: 400; margin-bottom: 5rem }

#consumerreportssearch {
	padding: 12px;
	width: 100%;
	font-weight: light;
	font-size: 1.5rem;
}
#consumerreportssearch .cr_logo {
	max-height:39px;
	float: left;
}
#consumerreportssearch .kyvl_logo {
	max-height: 39px;
	float: right;
}
#consumerreportssearch form {
	margin:0px;
	padding: 12px 0px 0px 0px;
	clear:both;
}
#consumerreportssearch form input[type=text] {
	height: 28px;
	padding: 4px;
	vertical-align: top;
	width: 100%;
	font-size: 1.5rem;
}

#consumerreportssearch form input[type=checkbox] {
	height: 10px;
	vertical-align: middle;
}
#consumerreportssearch form div.limiter {
	padding-top: 4px;
	vertical-align: middle;
}
#kyvlsearch {
	padding: 12px;
	width: 100%;
	font-weight: light;
	font-size: 1.5rem;
}
#kyvlsearch .kyvl_logo {
	max-height: 39px;
	float: left;
}
#kyvlsearch form {
	margin:0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}
#kyvlsearch form input[type=text] {
	height: 28px;
	padding: 4px;
	vertical-align: top;
	width: 100%;
	font-size: 1.5rem;
}

#profile_select {
	margin-left: 0px;
	height:28px;
	border: 1px solid #ccc;
	font-size: 16px;
	width:100%;
}
#kyvlNoveListSearch {
	padding: 12px;
	width: 100%;
	font-weight: light;
	font-size: 1.5rem;
}
#kyvlNoveListSearch .novSearchLogos {
	height: 50px;
	margin-bottom: 10px;
	position: relative;
}
#kyvlNoveListSearch .kyvl_logo {
	max-height: 39px;
	float: right;
}
#kyvlNoveListSearch .nov_logo {
	float: left;
}
#kyvlNoveListSearch p {
	float: left;
	padding-left: 10px;
	vertical-align: bottom;
}
#kyvlNoveListSearch form {
	margin:0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}
#kyvlNoveListSearch form input[type=text] {
	height: 28px;
	padding: 4px;
	vertical-align: top;
	width: 100%;
	font-size: 1.5rem;
}

#schoollibraryjournalsearch {
	padding: 12px;
	width: 100%;
	font-weight: light;
	font-size: 1.5rem;
}
#schoollibraryjournalsearch .cr_logo {
	max-height:39px;
	float: left;
}
#schoollibraryjournalsearch .kyvl_logo {
	max-height: 39px;
	float: right;
}
#schoollibraryjournalsearch form {
	margin:0px;
	padding: 12px 0px 0px 0px;
	clear:both;
}
#schoollibraryjournalsearch form input[type=text] {
	height: 28px;
	padding: 4px;
	vertical-align: top;
	width: 100%;
	font-size: 1.5rem;
}

#schoollibraryjournalsearch form input[type=checkbox] {
	height: 10px;
	vertical-align: middle;
}
#schoollibraryjournalsearch form div.limiter {
	padding-top: 4px;
	vertical-align: middle;
}
.quick-searches img{max-height: 5rem !important }
.qs-single{width: 100%; height: 100%; 
    box-shadow: 0px 0px 3px #333333;}
.qs-single input[type=submit]{margin-top: 1rem; width: 10rem; text-align: center}