/*
Theme Name: mcls
Author: Mary Royce
Description: Custom WordPress theme for MCLS website
Version: 0.0.1
Tags: 
*/
.clicker img {margin: 0 10px -3px 0;padding-top:1px;}
.click-nav {margin:8px;width:330px;}
.click-nav ul {position:relative;margin-left:-42px;font-weight:400;font-size:18px;}
.click-nav ul li {position:relative;list-style:none;cursor:pointer;line-height:1.85;}
.click-nav ul li ul {position:absolute;left:4px;right:0;color:#0E3F58;}
.click-nav ul .clicker {position:relative;display:inline-block;background:#2284B5;color:#FFF;font-size:18px;padding-right:20px;}
.click-nav ul .clicker:hover,.click-nav ul .active {background:#196F9A;}
.click-nav ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;display:block;padding:2px 10px 2px 10px;background:#eae4d8;color:#124D6C;text-decoration:none;}
.click-nav ul li a:hover {background:#F2F2F2;}
/* Fallbacks */
.click-nav .no-js ul {display:none;}
.click-nav .no-js:hover ul {display:block;}
body {
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 margin: auto -.15em;
}
html {
 font-size: 16px;
 line-height: 1.5;
 margin: 0px;
}
/*secure correct behavior in older browsers*/
header, section, footer, aside, nav, main, article, figure, form {
 display: block;
 margin: auto 0;
}
h2 {
 color: #A00000;
 font-weight: bold;
 font-size: 22px;
}
h3 {
 color: #A00000;
 font-weight: bold;
 font-size: 18px;
}
a:link {
  color: blue;
  text-decoration: underline;
}
a:visited {
  color: blue;
}
a:hover {
  color:navy;
}
img.alignright {float: right; margin: 0 0 1em 1em;}
img.alignleft {float: left; margin: 0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
#message p {
 font-size: x-small;
 margin: 10px;
 padding: 0 5px;
 box-shadow: 0 0 10px 3px #ff0000;
 -moz-box-shadow: 0 0 10px 3px #ff0000;
 -webkit-box-shadow: 0 0 10px 3px #ff0000;
}
#mega-menu-wrap-max_mega_menu_2 {
 z-index: 10;
}
.btnAccount {
 display: none;
}
.btnCatalog {
 display: none;
}
.mclsLogo {
 display: block;
 margin: .75em auto;
 width: 70%;
 max-width: 350px;
}
.bottomMenu {
 background-color: #223F83;
 font-family: Arial Narrow, Arial, Sans-Serif;
 letter-spacing: .5px;
 color: White;
 text-align: center;
 padding: .75em 0em .75em 0em;
 font-size: medium;
 margin-left: -.25em;
 margin-right: -.25em;
 border-top: 1px outset #1E3875;
 border-bottom: 1px outset #1E3875;
}
.bottomMenu li {
 display: inline;
 margin-left: auto;
 margin-right: auto;
 margin-top: -.5em;
 padding: .75em;
}
.bottomMenu li a {
 color: White;
 text-decoration: none;
}
.footer {
 text-align: center;
 font-weight: bold;
 font-size: small;
 color: Black;
 margin-left: auto;
 margin-right: auto;
 width: 97%;
}
#MCLS {
 font-size: medium;
}
.copyright {
 font-size: x-small;
 font-weight: bold;
 text-align: center;
}
.cLogos {
 text-align: center;
}
.cLogos img {
 width: 50px;
 height: auto;
 margin-bottom: -1em;
}
.socialMediaIcons {
 text-align: center;
 margin-top: 1.5em;
 margin-bottom: 1.5em;
}
.socialMediaIcons img {
 width: 55px;
 height: auto;
}
.socialMediaIcons a {
 text-decoration: none;
 cursor: pointer;
 margin-left: 1em;
}
.socialMediaIcons a:hover {
 opacity: 0.4;
 filter: alpha(opacity=40); /* For IE8 and earlier */
}
/**SEARCH RESULTS PAGE**/
.search-container {
 width: 70%;
 padding-left:15px;
 padding-right:25px;
 padding-bottom:15px;
 margin:auto;
}
#ss-search-page-form {
 text-align:center;
 margin: auto;
 padding-top:50px;
}
#ss-search-page-form .search-field {
 border: 2px solid #dddddd;
 border-radius: 4px;
 width:60%;
 margin-top:20px;
}
#ss-search-page-form .search-submit {
 padding: 10px 10px;
 margin-bottom:5px;
 text-transform: uppercase;
}
.search-page-title {
 font-family: 'Open Sans', sans-serif;
 font-size: 34px;
 font-weight: 300 !important;
 letter-spacing: 2px;
 line-height: 50px;
 text-align:center;
 display:block;
 text-transform:uppercase;
 padding-top:50px;
 padding-bottom:25px;
}
.search-post-title {
 font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: 600 !important;
 letter-spacing: 2px;
 line-height: 50px;
 text-align:left;
 display:block;
}
.search-post-link {
 font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 font-weight: 300 !important;
 letter-spacing: 2px;
 line-height: 20px;
 text-align:left;
 display:block;
}
.search-post-excerpt {
 font-family: 'Open Sans', sans-serif;
 font-size: 12px;
 font-weight: 400 !important;
 letter-spacing: 2px;
 line-height: 15px;
 text-align:left;
 display:block;
}
.contentBlockWideSearch {
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 width: 95%;
 margin: .75em auto .5em auto;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/**END SEARCH RESULTS PAGE**/
/**SITE SEARCH**/
.app-search {
 text-align: center;
 margin-top: 2em;
 margin-bottom: 0;
 margin-right: 0;
 order: 1;
 height: 60px;
 margin-left: 0.625rem;
}
.search-text {
 border-radius: 6px;
 border-color: #67999A;
 padding: 15px;
 color: black;
 background-color: #eee;
 font-size: 14px;
 width: 40%;
}
.search-switch {
 border-radius: 6px;
 border: none;
 background-color: #67999A;
 color: white;
 padding: 15px;
 font-size: 14px;
}
#formchoice:hover {
 background-color: #527a7b;
}
.search-submit {
 padding: 15px;
 border-radius: 6px;
 font-size: 14px;
 color: white;
 border: none;
 background-color: #007078;
 background-image: url("images/search-icon2.png");
 background-repeat: no-repeat;
 background-position: left;
}
.search-submit:hover {
 background-color: #004b51;
}
/**END SITE SEARCH**/
#homeBanner {
 color: red;
 padding: 0px;
 margin: 0 8px;
}
/**Home Blocks**/
.quicklinks {
text-align: center;
margin: 0 auto 0 auto;
}
.teenBks {
 text-align: center;
 margin: 1em auto 0 auto;
}
.homeql {
 display: inline-block;
 vertical-align: top;
 margin-bottom: 1px;
 padding-bottom: 5px;
}
.teenBk {
 display: inline-block;
 vertical-align: top;
 margin-bottom: 5px;
 padding-bottom: 10px;
}
div.homeqlImg {
 margin: 5px 5px 0px 5px;
 padding: 5px;
 border: solid .5px #c8c8c8;
 box-shadow: 1px 1px 1px #888888;
}
 div.homeqlImg:hover {
 transform: scale(1.05);
}
div.teenBkImg {
 margin: 5px 5px 0px 5px;
 padding: 5px;
}
div.teenBkImg:hover {
 transform: scale(1.03);
}
div.homeqlImg img {
 max-width: 140px;
 height: auto;
}
div.teenBkImg img {
 max-width: 150px;
 height: auto;
}
div.homeqlDesc {
 font-weight: bold;
 font-size: large;
 max-width: 150px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
div.teenBkDesc {
 font-weight: bold;
 font-size: large;
 max-width: 140px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
a.homeqlDescLink {
 color: #1e3875;
 text-decoration: none;
}
a.teenBkDescLink {
 color: #1e3875;
 text-decoration: none;
}
a.homeqlDescLink:visited {
 color: #1e3875;
}
a.teenBkDescLink:visited {
 color: #1e3875;
}
a.homeqlDescLink:hover {
 text-decoration:underline;
}
a.teenBkDescLink:hover {
 text-decoration:underline;
}
.homeNews {
 text-align: center;
 margin: 0 auto;
}
.homeArticle {
 display: inline-block;
 vertical-align: top;
 margin: 20px 30px;
}
.homeNewsTitle {
 font-size: large;
 font-weight: bold;
 text-align: center;
 width: 300px;
}
.newsImg {
 width: 300px;
 height: 300px;
 object-fit: cover;
}
.newsImg:hover {
 transform: scale(1.03);
}
.spotlightImg {
 width: 250px;
 height: 250px;
 object-fit: cover;
}
.newsTeaser {
 width: 300px;
}
.newsButton {
 background-color: #4CAF50;
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
}
.newsButton:hover {
 background-color: #6ec071;
}
a.newsBtnLink {
 color: white;
 text-decoration: none;
}
a.newsBtnLink:visited {
 color: white;
}
a.newsBtnLink:hover {
 text-decoration:underline;
}
.spotlightButton {
 background-color: #3C87D7;
 border: none;
 border-radius: 50px;
 color: white;
 padding: 5px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 margin: 15px auto;
}
.spotlightButton:hover {
 background-color: #6697e0;
}
.contentBlockWide {
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 width: 95%;
 margin: .75em auto .5em auto;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.headlineBackWide {
 background-color: #32CCFE;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 padding-top: .15em;
 padding-bottom: .15em;
 color: White;
 text-transform: uppercase;
 font-size: 23px;
 text-align: center;
 text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}
#teenFont {
 font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
#teenBack {
 background-color: #FFA500 !important;
 color: #FFA500;
 text-shadow: none;
}
.teenHeader {
 margin: 5px 0;
 padding: 50px 0;
 background-image: url("images/teen_banner.png");
 background-size: cover;
 color: white;
 text-align: center;
 font-size: 3em;
 font-weight: bold;
}
.teenLinkColumns {
 width: 100%;
 float: left;
} 
.teenQuicklinks {
 line-height: 3;
 font-size: x-large;
 font-weight: bold;
 margin-left: 30px;
 text-indent: -15px;
}
.teenQuicklinks a {
 color: #5C4DFF;
}
#teenEvHome {
 background-color: #ffd281;
 padding: 10px;
 margin: 20px 40px;
 line-height: 1.5;
 text-align: center;
}
#teenEvHead {
 text-align: left !important;
 color: #673AB7 !important;
 font-size: 2em;
 font-weight: bold;
}
.teenEvMore {
 text-align: left !important;
 font-style: italic;
 font-weight: bold;
 margin-left: 1em;
}
.teenEvMore a {
 color: #673AB7;
 font-size: small;
}
.eventLinks {
 background-color: #ffc04d;
} 
.teenSectionHeader {
 text-align: left;
 font-size:2em;
 color:#FF5C4D;
 font-weight: bold;
 margin: 10px 0px 0px 10px;
}
.teenBtn {
 background-color: #4CAF50;
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 border-radius: 25px;
}
.teenBtn:hover {
 background-color: #6fbf72;
}
.teenResources {
 text-align: center;
 margin: 0 auto;
}
.teenResourceBlock {
 display: inline-flex;
 vertical-align: middle;
 text-align: center;
 padding: 3em;
 margin: .5em;
 background-color: #FF2D1A;
 font-size: 1.75em;
 font-weight: bold;
 color: white;
 width: 2.75em;
 height: 2.75em;
 align-items: center;
 justify-content: center;
}
.teenResourceBlock:hover {
 transform: scale(1.03);
}
.kidsHeader {
 margin: 5px 0;
 padding: 50px 0;
 background-image: url("images/kids_banner.png");
 background-size: cover;
 color: black;
 text-align: center;
 font-size: 3em;
 font-weight: bold;
}
.kidsResourceBlock {
 display: inline-flex;
 vertical-align: middle;
 text-align: center;
 padding: 0 1em;
 margin: .5em;
 font-size: 1.75em;
 font-weight: bold;
 max-width: 200px;
 align-items: center;
 justify-content: center;
}
.kidsResourceBlock a {
text-decoration: none;
color: #1e3875;;
}
.kidsResourceBlock a:hover {
 text-decoration: underline;
 transform: scale(1.03);
}
.kidsResourceBlock img {
 max-width: 150px;
border: solid .5px #c8c8c8;
 box-shadow: 1px 1px 1px #888888;
}
#lhBack {
 background-color: #8B4513 !important;
 color: #8B4513;
 text-shadow: none;
}
.lhIntro {
 margin: 1.75em;
 font-size: 14pt;
}
#lhEvHome {
 background-color: #F5DEB3;
 padding: 10px;
 margin: 20px 40px;
 line-height: 1.5;
 text-align: center;
}
.lhHeader {
 margin: 5px 0;
 padding: 50px 0;
 background-image: url("images/lh_banner.png");
 background-size: cover;
 color: white;
 text-align: center;
 font-size: 3em;
 font-weight: bold;
}
#lhEvHead {
 text-align: left !important;
 color: #0E6662 !important;
 font-size: 2em;
 font-weight: bold;
}
.lhImg {
 width: 300px;
 height: 300px;
 object-fit: cover;
 border: solid .5px #c8c8c8;
 box-shadow: 2px 2px 2px #888888;
}
.lhImg:hover {
 transform: scale(1.03);
}
.lhTitle {
 font-size: x-large;
 font-weight: bold;
 max-width: 300px;
 margin: auto;
}
.lhTitle a {
 color: black;
 text-decoration:none;
}
.lhTitle a:hover {
 text-decoration:underline;
}
#adultBack {
 background-color: #0E6662 !important;
 color: #0E6662;
 text-shadow: none;
}
.adultHeader {
 margin: 5px 0;
 padding: 50px 0;
 background-image: url("images/adult_banner.jpg");
 background-size: cover;
 color: white;
 text-align: center;
 font-size: 3em;
 font-weight: bold;
}
.adultSectionHeader {
 text-align: left;
 font-size:2em;
 color:#0E6662;
 font-weight: bold;
 margin: 30px 0px 0px 10px;
}
.adultQuicklinks {
 line-height: 3;
 font-size: x-large;
 font-weight: bold;
 margin-left: 30px;
 text-indent: -15px;
}
.adultQuicklinks a {
 color: #CF321C;
}
.adultBtn {
 background-color: #660E3E;
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 border-radius: 25px;
}
.adultBtn:hover {
 background-color: #843e64;
}
.adultResourceBlock {
 display: inline-flex;
 vertical-align: middle;
 text-align: center;
 padding: 3em;
 margin: .5em;
 background-color: #660E12;
 font-size: 1.75em;
 font-weight: bold;
 color: white;
 width: 2.75em;
 height: 2.75em;
 align-items: center;
 justify-content: center;
}
.adultResourceBlock:hover {
 transform: scale(1.03);
}
#adultServiceBlock {
 background-color: #B8390E;
}
.contentBodyWide {
 padding: .75em;
}
.contentBodyWide img {
 padding: 3px;
 max-width: 300px;
}
.headlineText {
 color: #1e3875;
 margin-top: 3px;
 text-transform: uppercase;
 font-size: 50px;
}
.homeTeaser {
 margin-top: -10px;
}
.twitterBlock {
 max-width: 400px;
 text-align: center;
 margin: -2em auto 0 auto; 
}
.headlineTextSmall {
 color: #1e3875;
 margin: 20px 2px 0 2px;
 padding-left: 0em;
 font-size: 20px;
 text-align: center;
}
.homeBlocks {
 position: relative;
 max-width: 980px;
 margin-left: auto;
 margin-right: auto;
}
.headlineBack {
 width: 100%;
 margin: 0;
 text-align: center;
 background-color: #32CCFE;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 color: White;
 font-size: 23px;
 text-transform: uppercase;
 text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}
#block1 {
 background-color: #007078;
}
#block2 {
 background-color: #9Acc99;
}
#block3 {
 background-color: #67999A;
}
.ip-mediaitem a, .ip-rssitem a {
 text-transform: lowercase;
}
.pageContent {
 margin-left: .5em;
 margin-bottom: .5em;
 position: relative;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 float: left;
 width: 95%;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 text-align: left;
}
.contentBodyNarrow {
 padding: .75em;
 overflow-wrap: break-word !important;
 text-align: center;
}
.contentBodyNarrow img {
 display: block;
 text-align: center;
 margin: auto;
}
.pageContentFull {
 position: relative;
 border-top-left-radius: 25px;
 border-top-right-radius: 25px;
 width: 93%;
 background-color: Red;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 margin-left: .5em;
 margin-right: .75em;
 margin-top: .5em;
 margin-bottom: .75em;
 padding: 5px 5px 5px 10px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box; /* Firefox, other Gecko */
 box-sizing: border-box; /* Opera/IE 8+ */
}
#newsHome {
 font-family: Verdana;
 font-size:small;
 text-align: left;
 margin: 1em .5em 1em .5em;
}
#newsHome a:link {
 font-weight: bold;
 text-decoration: none;
}
#newsHome a:hover {
 text-decoration: underline;
}
#newsHome img {
 width: 7em;
 padding: 0 10px;
 float: left;
}
.newsDate {
 font-style: italic;
 margin-left: 1em;
}
.dbLink {
 font-style: italic;
 font-weight: bold;
}
.dbLink a {
 text-decoration: none;
}
.more {
 font-size: small;
 font-style: italic;
 font-weight: bold;
 margin-left: 1em;
 margin-bottom: 1em;
 float: left;
 cursor: pointer;
}
.more a {
 text-decoration: none;
}
.eventsBlock {
 float: left;
 padding: 0 .75em;
 text-align: left;
}
.storyBreak {
 width: 90%;
 text-align: center;
}
#subpageContent {
 font-size: small;
 line-height: 150%;
 text-align: left;
}
#subpageContent img {
 max-width: 300px;
}
.content {
 display:none;
}
table.tblScale {
 max-width: 300px;
 font-size: small;
}
.imgContact {
 margin: .5em .25em; 
}
.txtContactIntro {
 color: #A00000;
 font-weight: bold;
 font-size: 16px;
}
.txtContact {
 font-weight: bold;
 font-size: 22px;
}
/**End Home Blocks**/
/**SUBPAGE CONTENT**/
#subpageTitle {
 color: #616264;
 font-family: Arial Narrow, Arial, Sans-Serif;
 font-weight: bolder;
 font-size: x-large;
 margin: -1em 0 0 .5em;
}
/**HOURS AND LOCATIONS**/
.imgLib {
 text-align: center;
 margin: 0 auto;
 vertical-align: top;
}
.imgLib img {
 margin-top: 6px;
}
.libAddress {
 text-align: center;
 margin-bottom: 20px;
}
.libName {
 font-family: Verdana;
 color: #616264 !important;
 font-size: 22px;
 text-decoration: none !important;
}
.libName:hover {
 text-decoration: underline !important;
}
.libStreet {
 margin-top: 4px;
 margin-bottom: 4px;
}
.libWeb {
 text-decoration: none !important;
 line-height: 2.5 ;
}
a.libWeb:visited {
 color: blue;
}
a.libWeb:hover {
 text-decoration: underline;
 color: navy;
}
.libDir {
 text-decoration: none !important;
 line-height: 1.5;
}
a.libDir:visited {
 color: blue;
}
a.libDir:hover {
 text-decoration: underline;
 color: navy;
}
.libHrsHead {
 font-family: Verdana;
 color: #616264;
 font-size: 18px;
 text-decoration: none;
}
.libHours {
 float: none;
 text-align: center;
 margin-top: -6px;
 margin-bottom: 20px;
 vertical-align: top;
 line-height: 1.5;
}
.libNote {
 line-height: 1.5;
 margin-top: 5px;
}
.libLine {
 width: 98%;
 text-align: center;
 margin-bottom: 20px;
}
/**END HOURS AND LOCATIONS**/
/**HOLIDAYS**/
#holiday {
 font-family: Verdana;
 color: #616264;
 font-size: 16px;
}
#holStatus {
 font-weight: bold;
}
#holLib {
 margin-left: 5px;
}
/**END HOLIDAYS**/
/**TEENS**/
.teenPosts {
 margin: 10px;
}
.teenPosts p {
 text-indent: 5px;
}
.teenPosts img {
 padding: 3px;
 max-width: 90%;
 height: auto;
}
.teenTitle {
 font-size: 1.5em;
 color: #303030;
}
.teenHr {
 height: 12px;
 border: 0;
 box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.5);
}
.s-lc-ea-h3 {
 color: #505050 !important;
 text-indent: 1em;
}
.teenColumn {
 float: left;
 margin-left: 5px;
 width: 100%;
}
/* Clear floats after the columns */
.teenRow:after {
 content: "";
 display: table;
 clear: both;
}
#teenSpace {
 margin-left: 15px;
}
#vLine {
 box-shadow: -5px 0 3px -5px rgba(0, 0, 0, 0.5);
 margin-right: 5px;
}
/**END TEENS**/
.more-link {
 font-weight: bold;
 font-style: italic;
 padding-left: 3px;
 font-size: small;
}
div.programTitle {
 font-weight: bold;
 font-size: large;
}
div.programDetail {
 margin-bottom: 18px;
}
div.ccLink {
 margin: 15px auto;
}
div.progLinks {
 margin: 15px auto;
 font-style: italic;
 font-weight: bold;
}
div.progLinks a {
 text-decoration: none;
}
span#ecmFirst, #ecmPrevious, #ecmNext, #ecmLast {
 font-weight: bold;
 font-size: small;
 font-style: italic;
 margin: 0 3px;
}
span.followUsL {
 float: left;
}
span.followUsR {
 float: left;
}
div.exhibit img {
 max-width: 300px;
}
/**LibCal**/
.s-lc-ea-h3 {
text-indent: 0px !important;
}
.s-lc-ea-ttit a {
font-weight: bold;
font-size: large;
color: #5C4DFF;
}
.s-lc-ea-l {
font-weight: bold;
padding-right: 10px;
}
.s-lc-ea-tb {
margin-bottom: 20px;
vertical-align: top;
border-bottom: none !important;
} 
.evHome td.s-lc-ea-l, .evHome h3, .evHome tr.s-lc-ea-tcat, .evHome tr.s-lc-ea-tdat, .evHome tr.s-lc-ea-ttim, .evHome tr.s-lc-ea-l, .evHome tr.s-lc-ea-tdes, .evHome tr.s-lc-ea-tloc, .evHome tr.s-lc-ea-tpre, .evHome tr.s-lc-ea-treg {
 display: none;
}
.evHome tr.s-lc-ea-ttit {
 text-transform: ;
}
.evHome tr.s-lc-ea-ttit::first-letter {
 text-transform: capitalize !important;
}
.evHome table.s-lc-ea-tb {
 line-height: 1.25;
 margin: 0 auto .25em .5em;
 font-size: small;
}
.evHome tbody, .evHome tr.tcam {
 display: grid;
 text-align: left;
}
.evHome tr.tcam::before {
 content: '';
 letter-spacing: 2px;
}
.evList td.s-lc-ea-l {
 display: none;
}
.evProg h3.s-lc-ea-h3 {
 margin-top: -10px;
}
.evProg table.s-lc-ea-tb {
 margin: 15px 0px;
 white-space: pre-line;
 color: Black;
 font-size: medium;
}
.evProg td.s-lc-ea-l {
 vertical-align: top;
}
.evProg p {
 vertical-align: top;
 margin-top: .6px;
}
.evProg tr.s-lc-ea-tdes {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
.evProg tr.s-lc-ea-tdes span {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
.evProg tr.s-lc-ea-tdes p {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
.evProg tr.s-lc-ea-tdes div {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
.evProg tr.s-lc-ea-ttit td {
 font-weight: bold;
}
div#s-lc-content-callist-31892.s-lc-content-callist.s-lc-content {
 margin: -10px auto;
}
div#s-lc-content-callist-31889-cont.cf {
 margin: -20px auto -55px auto;
}
a#s-lc-content-text-310896 {
 color: #31B0D5;
}
.evBsale h3.s-lc-ea-h3 {
 display: none;
}
.evBsale tr.s-lc-ea-tcat {
 display: none;
}
.evBsale table.s-lc-ea-tb {
 margin: 15px 0px;
 white-space: pre-line;
 color: Black;
 font-size: medium;
}
.evBsale td.s-lc-ea-l {
 display: none;
}
.evBsale p {
 vertical-align: top;
 margin-top: .6px;
}
.evBsale tr.s-lc-ea-ttit td {
 font-weight: bold;
}
.evBsale tr.s-lc-ea-tdes {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
.evBsale tr.s-lc-ea-tdes span {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
.evBsale tr.s-lc-ea-tdes p {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
.evBsale tr.s-lc-ea-tdes div {
 font-size: medium !important;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
 line-height: 1.5 !important;
 color: Black !important;
 margin: auto !important;
}
/**END LIBCAL**/
/**ECARD**/
div#eCARD {
 margin-top: -10em;
}
/**SUMMER READING**/
.sr-pg {
 margin: 0 10px;
}
.sr-3column {
  float: left;
  width: 100%;
  padding-right: 10px;
}
.sr-2column {
  float: left;
  width: 100%;
  padding-right: 10px;
}
.sr-img {
 max-width: 300px !important;
 height: auto !important;
 text-align: center;
}
.sr-row {
 text-align: center;
}
/* Clear floats after the columns */
.sr-row:after {
  content: "";
  display: table;
  clear: both;
}
/**END SUMMER READING**/
/***VERY NARROW SCREEN***/
@media screen and (max-width: 320px) {
.click-nav {
 margin:8px;width:290px;
}
div.homeqlImg img {
 max-width: 120px;
 height: auto;
}
div.teenBkImg img {
 max-width: 120px;
 height: auto;
}
div.homeqlDesc {
 font-size: large;
 max-width: 120px;
}
div.teenBkDesc {
 font-size: large;
 max-width: 120px;
}
}
/**TABLET**/
@media screen and (min-width: 760px) {
#message p {
 font-size: small;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
 font-size: 16px;
}
.mclsLogo {
 float: left;
 width: 280px;
 margin: 2.25em 0 1.25em 1em;
}
.search-text {
 font-size:14px;
 width: 35%;
}
.search-switch {
 font-size: 14px;
}
.search-submit {
 font-size: 14px;
 background-image: url("images/search-icon3.png");
}
.teenTitle {
 font-size: 2em;
}
.teenHeader {
 font-size: 3em;
}
.adultHeader {
 font-size: 3em;
}
.teenSectionHeader {
 font-size: 3em;
}
.adultSectionHeader {
 font-size: 3em;
}
.quicklinks {
margin: 0 auto 0 auto;
}
.teenBks {
margin: 2em auto 0 auto;
}
div.homeqlImg img {
 max-width: 100px;
 height: auto;
}
div.teenBkImg img {
 max-width: 80px;
 height: auto;
}
div.homeqlDesc {
 font-size: small;
 max-width: 100px;
}
div.teenBkDesc {
 font-size: small;
 max-width: 80px;
}
.copyright {
 font-size: small;
}
} 
/***LARGE TABLET***/ 
@media screen and (min-width: 1000px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
 font-size: 16px;
 padding-left: 6px;
}
.btnCatalog {
 display: block;
 float: right;
 position: relative;
 margin-top: -2.0em;
 margin-right: 8.5em;
 font-family: Arial Narrow, Arial, Sans-Serif;
 font-size: large;
 height: 1.75em;
 cursor: pointer;
}
.btnCatalog:hover {
 opacity: 0.7;
 filter: alpha(opacity=40); /* For IE8 and earlier */
}
.btnAccount {
 display: block;
 position: relative;
 float: right;
 margin-top: -2.0em;
 margin-right: 1.5em;
 font-size: large;
 height: 1.75em;
 font-family: Arial Narrow, Arial, Sans-Serif;
 cursor: pointer;
}
.btnAccount:hover {
 opacity: 0.7;
 filter: alpha(opacity=40); /* For IE8 and earlier */
}
.mclsLogo {
 width: 300px;
 margin: 2.25em 0 1.25em 3em;
}
.search-text {
 font-size:18px;
}
.search-switch {
font-size: 18px;
}
.search-submit {
 font-size: 18px;
 background-image: url("images/search-icon.png");
}
.teenColumn {
 width: 48%;
}
.teenLinkColumns {
 width: 47%;
 float: left;
} 
.teenQuickLinks a {
 font-size: large;
}
#teenEvHome {
 margin-left: 0px;
}
.adultQuickLinks a {
 font-size: large;
}
#newsHome img {
 width: 8em;
}
.newsImg {
width: 400px;
height: 400px;
object-fit: cover;
}
.newsTeaser {
width: 400px;
}
.homeNewsTitle {
width: 400px;
}
.quicklinks {
margin: 0 auto 0 auto;
}
.teenBks {
margin: 3em auto 0 auto;
}
div.homeqlImg img {
 max-width: 140px;
 height: auto;
}
div.teenBkImg img {
 max-width: 120px;
 height: auto;
}
div.homeqlDesc {
 font-size: medium;
 max-width: 140px;
}
div.teenBkDesc {
 font-size: medium;
 max-width: 120px;
}
.teenHeader {
 font-size: 3em;
}
.adultHeader {
 font-size: 3em;
}
}
/***WIDE SCREEN***/
@media screen and (min-width: 1081px) {
.mclsLogo {
 margin: 2em 0 1.5em 4em;
 width: 70%;
 max-width: 350px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
 font-size: 20px !important;
}
.lnkEventSearch {
 font-size: medium;
}
.btnCatalog {
 margin-top: -2.5em;
 margin-right: 9.3em;
 height: 2.2em;
}
.btnAccount {
 margin-top: -2.5em;
 margin-right: .3em;
 height: 2.2em;
}
/**SITE SEARCH**/
.searchAdj {
 margin-top: 0;
}
.search-text {
 font-size:20px;
}
.search-switch {
 font-size: 20px;
}
.search-submit {
 font-size: 20px;
}
/**END SITE SEARCH**/
#acctHours {
 display: none;
}
.menuButton {
 display: none;
}
.menuTag {
 display: none;
}
.tblMenu {
 display: none;
}
.tblHome {
 display: none;
}
.tblCatalog {
 display: none;
}
div.homeqlImg img {
 max-width: 150px;
 height: auto;
}
div.teenBkImg img {
 max-width: 130px;
 height: auto;
}
div.homeqlDesc {
 font-size: medium;
 max-width: 150px;
}
div.teenBkDesc {
 font-size: medium;
 max-width: 130px;
}
.teenHeader {
 font-size: 4em;
}
.adultHeader {
 font-size: 4em;
}
.pageContent {
 width: 32.5%;
 text-align: center;
 min-height: 40em;
}
#subpageContent {
 margin-left: 3em;
 margin-right: 3em;
}
table.tblScale {
 max-width: none;
 font-size: inherit;
}
.txtContactIntro {
 font-size: 16px;
 margin: 1em auto;
}
.imgContact {
 margin: .75em 2em;
}
.bottomMenu {
 font-size: x-large;
 margin-left: -1.25em;
 margin-right: -1.25em;
 padding: .25em 0em .25em 0em;
}
.bottomMenu li {
 padding: 2.5em;
}
.footer {
 text-align: left;
}
.copyright {
 text-align: left;
 margin: 0 0 4em 12em;
 padding-bottom: 1em;
}
#MCLS {
 font-size: medium;
 margin-left: 14em;
}
.address {
 margin-left: 17.25em;
}
.cLogos {
 text-align: left;
 margin: -4.5em 0 0 5em;
}
.cLogos img {
 width: auto;
 height: auto;
}
.cLogos a {
 text-decoration: none;
 cursor: pointer;
}
.cLogos a:hover {
 opacity: 0.4;
 filter: alpha(opacity=40); /* For IE8 and earlier */
}
.socialMediaIcons {
 display: block;
 float: right;
 margin: -7em 12em 0 0;
}
.socialMediaIcons img {
 /*width: 45px;*/
}
/**HOME CONTENT**/
.headlineBackWide {
 border-top-left-radius: 25px;
 border-top-right-radius: 25px;
 margin: -6px 0px 3px -11px;
 padding: 6px 3px 6px 20px;
 width: 100%;
 font-size: 25px;
 text-align: left;
}
.contentBlockWide {
 border-top-left-radius: 25px;
 border-top-right-radius: 25px;
 width: 97%;
 margin: 5px auto 25px auto;
 padding: 5px 10px 5px 10px;
}
.contentBodyWide img {
 padding: .75em;
 max-width: none;
}
.headlineTextSmall {
 font-size: 30px;
 text-align: left;
}
.headlineBack {
 border-top-left-radius: 5px;
 padding: 6px 0px 6px 0px;
 margin-top: -2px;
 font-size: 25px;
 text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}
#newsHome {
 font-size:medium;
 margin: 1.5em .5em 1em .5em;
}
.newsDate {
 margin-left: 2em;
}
.more {
 margin-left: 2em;
}
/**HOURS AND LOCATIONS**/
.imgLib {
 float: left;
 margin: 0 2em;
 vertical-align: top;
}
.imgLib img {
 margin-top: 12px;
}
.libAddress {
 float: left;
 text-align: left;
 margin-left: 3em;
 margin-bottom: 20px;
 vertical-align: top;
 width: 28%;
}
.libName {
 margin-left: -2px;
}
.libStreet {
 margin-top: 10px;
 margin-bottom: 10px;
}
.libWeb {
 margin-left: 2px;
}
.libDir {
 margin-left: 2px;
}
.libHours {
 float: left;
 text-align: left;
 margin-left: 3em;
 width: 35%;
 line-height: 1.75;
}
/**END HOURS AND LOCATIONS**/
/**HOLIDAYS**/
#holiday {
 font-size: 18px;
 margin: 10px auto;
}
#holStatus {
 margin-left: 10px;
}
#holLib {
 margin-left: 15px;
}
/**END HOLIDAYS**/
span.followUsL {
 margin-right: 15em;
}
span.followUsR {
 margin-top: .2em;
}
div.exhibit img {
 max-width: none;
}
}
@media screen and (min-width: 1200px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
font-size: x-large;
}
.evHome table.s-lc-ea-tb {
 font-size: 14px;
 line-height: 1;
 margin: 12px auto 1em .5em;
}
.qlImg {
float: left;
}
div.homeqlImg img {
 max-width: 170px;
 height: auto;
}
div.teenBkImg img {
 max-width: 170px;
 height: auto;
}
div.homeqlDesc {
 font-size: medium;
 max-width: 170px;
}
div.teenBkDesc {
 font-size: medium;
 max-width: 170px;
}
}
@media screen and (min-width: 1400px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
 padding-left: 25px;
}
.qlImg {
float: left;
}
div.homeqlImg img {
 max-width: 200px;
 height: auto;
}
div.teenBkImg img {
 max-width: 170px;
 height: auto;
}
div.homeqlDesc {
 font-size: large;
 max-width: 200px;
}
div.teenBkDesc {
 font-size: large;
 max-width: 170px;
}
.teenHeader {
 font-size: 5em;
}
.adultHeader {
 font-size: 5em;
}
}
@media screen and (min-width: 1610px) {
.bottomMenu li {
 padding: 3em;
}
span.followUsL {
 margin-right: 30em;
}
span.followUsR {
 margin-top: .2em;
}
/**HOURS AND LOCATIONS**/
.imgLib {
 margin: 0 8em;
}
/**END HOURS AND LOCATIONS**/
.evHome tbody, .evHome tr.tcam {
 display: flex;
}
.evHome tr.tcam::before {
 content: '-';
}
.row-3 {
 border-collapse: collapse;
}
.row-3 td {
 vertical-align: text-bottom;
 padding: 1em;
}
.qlImg {
 float: left;
}
div.homeqlImg img {
 max-width: 220px;
 height: auto;
}
div.teenBkImg img {
 max-width: 200px;
 height: auto;
}
div.homeqlDesc {
 font-size: large;
 max-width: 220px;
}
div.teenBkDesc {
 font-size: large;
 max-width: 200px;
}
.teenSectionHeader {
 text-align: center;
}
.adultSectionHeader {
 text-align: center;
}
#teenLnkHdr {
 text-align: left !important;
}
}
@media screen and (min-width: 1200px) {
.sr-pg {
 margin: 0 0px;
}
.sr-3column {
 width: 31.5%;
 padding: 10px;
}
.sr-2column {
 width: 48%;
 padding: 10px;
}
.sr-img {
 max-width: 300px !important;
 height: auto !important;
}
.sr-row {
 margin-left: 25px; 
 text-align: center;
}
}