/* Colors */
/* TYPOGRAPHY =========================== */
html,
body {
  font-family: 'Open Sans', sans-serif;
  color: #333;
}
a {
  text-decoration: none;
}
ul,
ol {
  margin: 0 0 1em 2em;
}
.entry-content li {
  margin-bottom: 0.8em;
  list-style-type: square;
}
.entry-content ol li {
  list-style-type: decimal;
}
.page .entry-title,
.post .entry-title,
.page-title {
  font: 600 2em/1.1em "Open Sans", sans-serif;
  letter-spacing: -0.5px;
}
.entry-content h2 {
  font-size: 1.7em;
  letter-spacing: -0.4px;
  padding: 0.8em 0 0;
  margin-bottom: 0.4em;
  border-bottom: 1px solid rgba(0, 115, 207, 0.5);
  line-height: 1.2em;
}
.entry-content h3 {
  font-size: 1.4em;
  padding: 0.6em 0 0.3em;
  line-height: 1.2em;
}
.entry-content h4 {
  font-weight: bold;
}
.entry-content h5 {
  color: #DE7600;
}
.entry-content blockquote {
  font: italic 1.3em/120% serif;
  padding-left: 0.8em;
  border-left: 3px solid #DDD;
}
.widget p {
  font-size: 92%;
}
.link-list {
  list-style: outside none none;
  margin: 0;
}
.link-list a {
  display: block;
  padding: 0.2em 0.3em;
}
.link-list a:hover {
  color: #FFF;
  background: #68AAE0;
}
.entry-content .su-posts-default-loop .su-post {
  margin-bottom: 2em;
}
.entry-content .su-posts-default-loop .su-post-thumbnail {
  height: 160px;
}
.entry-content .su-posts-default-loop h2.su-post-title {
  padding: 0;
  border-bottom: none;
}
.entry-content .su-posts-default-loop .su-post-comments-link {
  display: none;
}
.widget .su-posts-teaser-loop .su-post-thumbnail {
  height: inherit;
}
.widget .su-posts-teaser-loop .su-post {
  margin-bottom: 1em;
}
.widget .su-posts-teaser-loop h2.su-post-title {
  font-size: 0.9em;
}
/* FORMS ================================ */
fieldset {
  padding: 1em;
  border: 1px solid rgba(0, 115, 207, 0.3);
}
legend {
  padding: 0.3em 0.4em;
  border: 1px solid rgba(0, 115, 207, 0.3);
}
label {
  font-weight: 600;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 0.5em;
  margin-bottom: 0.5em;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-size: 1em;
  font-size: 1.4rem;
}
/* LAYOUT & GENERAL ========================== */
.site-content a img {
  vertical-align: bottom;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hide {
  display: none;
}
.container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.content-area {
  float: left;
  width: 69%;
}
.content-wide {
  width: 100%;
}
.home .content-area {
  float: none;
  width: 100%;
}
#content {
  margin: 1.6em auto 3em;
}
.site-content .widget-area {
  float: right;
  overflow: hidden;
  width: 27%;
}
.site-footer {
  clear: both;
  width: 100%;
}
.entry-content {
  margin-top: 0;
}
.entry-header {
  margin-bottom: 1.5em;
}
a.svg {
  position: relative;
  display: inline-block;
}
a.svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.color-bar {
  height: 6px;
  background: url(../img/color-bar.svgz) repeat-x transparent;
  margin: 2px 0;
}
.color-bar.left {
  background-position: -67px;
}
.color-bar.right {
  background-position: 102px;
}
.color-bar:nth-of-type(1) {
  margin-top: 0;
}
/*.rss {
  background: url(http://files.tscpl.org/img/icons/rss_24.png) no-repeat left;
  float:right;
  padding-left: 30px;
  margin: -2.8em 0 0;
  line-height: 1.6em;
  font-size: 86%;
}*/
.rss {
  float: right;
  margin: -2.8em 0 0;
  line-height: 1.6em;
  font-size: 86%;
}
.rss::before {
  content: "\f09E";
  font-family: FontAwesome, sans-serif;
  font-size: 1.2em;
  color: #F49C52;
  padding-right: 0.3em;
}
.table th,
.table td {
  padding: 0.2em 0.3em;
  vertical-align: top;
}
.table th {
  font-size: 1.3em;
  font-weight: normal;
  border-bottom: solid 1px #0073CF;
}
.table.row-highlight tr:nth-of-type(2n) {
  background: #E1F4FF;
}
.columns {
  overflow: auto;
}
.columns > div {
  float: left;
  margin-right: 1.5em;
}
.columns-2 > div {
  width: 46%;
}
.columns-3 > div {
  width: 30%;
}
.columns-4 > div {
  width: 22%;
}
.columns-5 > div {
  width: 18%;
}
.columns > div:last-child {
  margin-right: 0;
}
.tile {
  margin-bottom: 40px;
  background: rgba(255, 242, 214, 0.61);
}
.tile .info {
  padding: 0 0 0.6em 0.6em;
  word-wrap: break-word;
}
.tile .info a {
  font-size: 0.9em;
}
.tile .info a[href^="mailto"] {
  font-size: 0.8em;
}
.flex-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
}
.flex-row-space div {
  margin-bottom: 1em;
}
.flex-cols-2 > div {
  width: 50%;
}
.flex-cols-3 > div {
  width: 33%;
}
.flex-cols-4 > div {
  width: 25%;
}
.flex-cols-5 > div {
  width: 20%;
}
.flex-centered div {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .flex-cols-3 > div {
    width: 33%;
  }
  .flex-cols-4 > div {
    width: 33%;
  }
}
@media screen and (max-width: 320px) {
  .flex-cols-3 > div,
  .flex-cols-4 > div,
  .flex-cols-5 > div {
    width: 50%;
  }
}
.button,
.button:visited {
  color: #FFF;
  background: #0073CF;
  padding: 0.5em 0.6em;
  border: 1px solid #0073CF;
}
.entry-content .button {
  display: inline-block;
}
.button:hover,
.button:active,
.button:focus {
  color: #C67701;
  background: #FFF;
}
.button-alt,
.button-alt:visited {
  border: 1px solid #C67701;
  background: #C67701;
}
.button-alt:hover,
.button-alt:active,
.button-alt:focus {
  color: #C67701;
  background: #FFF;
}
.button-alt-green,
.button-alt-green:visited {
  border: 1px solid #006600;
  background: #006600;
}
.button-alt-green:hover,
.button-alt-green:active,
.button-alt-green:focus {
  color: #006600;
  background: #FFF;
}
.button-large {
  display: inline-block;
  font-size: 1.25em;
  line-height: 1.2em;
  width: 100%;
  margin: 0.7em 0;
  padding: 0.3em 0.6em;
  text-align: center;
}
.button-small {
  display: inline-block;
  border: 1px solid #006600;
  background: #006600;
  font-size: .50em;
  line-height: .60em;
  width: 100%;
  margin: 0.2em 0;
  padding: 0.3em 0.6em;
  text-align: center;
}
.button-small,
.button-small:visited {
  border: 1px solid #006600;
  background: #006600;
}
.button-small:hover,
.button-small:active,
.button-small:focus {
  color: #006600;
  background: #FFF;
}
.hover {
  opacity: 0.85;
}
.hover:hover {
  opacity: 1;
}
.social-share {
  margin-bottom: 2.4em;
}
.social-share .share-title {
  text-transform: uppercase;
  color: #111;
  font-weight: 600;
  margin-bottom: 0.6em;
}
.share-link {
  padding: 5px 10px;
  color: #FFF;
  border: 1px solid #FFF;
}
.share-link:hover,
.share-link:active,
.share-link:focus {
  background-color: #FFF;
}
.share-link:visited {
  color: #FFF;
}
.share-twitter {
  background-color: #41B7D8;
}
.share-twitter:hover,
.share-twitter:active,
.share-twitter:focus {
  border: 1px solid #41B7D8;
  color: #41B7D8;
}
.share-facebook {
  background-color: #3B5997;
}
.share-facebook:hover,
.share-facebook:active,
.share-facebook:focus {
  border: 1px solid #3B5997;
  color: #3B5997;
}
.share-googleplus {
  background-color: #D64937;
}
.share-googleplus:hover,
.share-googleplus:active,
.share-googleplus:focus {
  border: 1px solid #D64937;
  color: #D64937;
}
.share-pinterest {
  background-color: #BD1E23;
}
.share-pinterest:hover,
.share-pinterest:active,
.share-pinterest:focus {
  border: 1px solid #BD1E23;
  color: #BD1E23;
}
.fa-rss,
.fa-rss-square {
  color: #F49C52;
}
/* HEADER =============================== */
.site {
  padding-top: 1em;
}
.site-header {
  position: relative;
}
.site-header .menu-toggle {
  display: none;
}
.header-search-login {
  position: absolute;
  top: 0;
  right: 0;
}
.header-search-login .search-form {
  float: left;
}
.header-search-login .search-form input {
  border-color: #0073CF;
  border-radius: 5px 0 0 5px;
  height: 24px;
}
.header-search-login .search-form button {
  margin: 0;
  background: #0073CF;
  border: 1px solid #0073CF;
  border-left: none;
  border-radius: 0 4px 4px 0;
  box-shadow: none;
  color: #FFF;
  padding: 0 0.6em;
  font-size: 16px;
  height: 41.5px;
}
.header-search-login .search-form button:hover {
  background: #FFF;
  color: #C67701;
}
.header-search-login .header-buttons {
  float: left;
  margin-top: 0.5em;
}
.header-search-login .header-buttons a {
  margin-left: 0.5em;
}
.site-branding .logo {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 0.5em;
}
.site-branding .logo object {
  width: 50px;
  height: 50px;
}
.site-branding a:hover g .st1 {
  fill: #FAB;
}
.test:hover g .st1 {
  fill: #FAB;
}
.site-title {
  width: 22em;
  position: relative;
}
.site-title a {
  font: 1.3em/1.21em 'PT Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: -0.5px;
  text-shadow: 1px 1px 3px #F1F1F1;
}
.site-title a:hover {
  color: #0073CF;
}
.site-name .name-tsc {
  letter-spacing: -0.2px;
  line-height: 1em;
  color: #111;
}
.site-name .name-pl {
  font-weight: 600;
  font-size: 1.6em;
  letter-spacing: 2.4px;
  color: #555;
}
.site-description {
  display: inline-block;
}
.site-description object {
  height: 93px;
  width: 210px;
  margin-bottom: -41px;
}
.menu {
  list-style: none;
}
.menu li {
  float: left;
  position: relative;
}
.menu-primary-container {
  float: right;
}
.main-navigation {
  margin-top: 0.7em;
}
.main-navigation a {
  display: inline-block;
  padding: 0.2em 0.7em;
  background: #7D7D7D;
  color: #FFF;
  letter-spacing: -0.5px;
  margin-right: 2px;
}
.main-navigation ul li:last-child a {
  margin-right: 0;
}
.main-navigation a:hover {
  background: #0073CF;
}
.key-tasks {
  background: #CCC;
  border-bottom: 1px solid #2497DC;
}
.key-tasks .nav {
  overflow: auto;
  position: relative;
  z-index: 100;
  background: #2497DC;
}
.key-tasks .nav ul {
  margin: 0;
  overflow: auto;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(147, 191, 227, 0.5);
}
.key-tasks .nav li {
  width: 33.33333%;
  text-align: center;
}
.key-tasks .nav a {
  display: block;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.7em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.key-tasks .nav a:hover,
.ui-tabs-active {
  color: #0073CF;
  background: #FFF;
}
.key-tasks .ui-tabs-active a {
  color: #0073CF;
}
.key-tasks .panel {
  padding: 1em;
  background: #FFF;
}
.key-tasks h3 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
.site-notice {
  font-size: 0.95em;
  margin-bottom: 1em;
  padding: 0.4em 1em;
  border-left: 0.5em solid #ff4a2a;
  background: #FFEB8C;
}
@-webkit-keyframes fade {
  0% {
    background: #FFF;
  }
  20% {
    background: #FFEB8C;
  }
  30% {
    background: #FFEB8C;
  }
  100% {
    background: #fffdf2;
  }
}
@keyframes fade {
  0% {
    background: #FFF;
  }
  20% {
    background: #FFEB8C;
  }
  30% {
    background: #FFEB8C;
  }
  100% {
    background: #fffdf2;
  }
}
/*.site-notice a {
  background-color: lighten( @site-notice, 10% );
  padding: 0.4em;
  margin-left: 0.4em;
}*/
.site-notice a:hover {
  background-color: #0073CF;
  color: #FFF;
}
/* CONTENT ============================ */
.single-post .entry-content > p:first-child,
.intro {
  font-size: 120%;
  letter-spacing: -0.3px;
  line-height: 1.25em;
}
.single-post .entry-content > p:first-child::first-letter,
.intro::first-letter {
  float: left;
  color: #DE7600;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  font-family: Georgia;
}
.wp-caption {
  border: none;
}
.wp-caption-text {
  font-size: 80%;
}
.home .site-main {
  overflow: auto;
}
.home .site-main h2 {
  font-size: 1.7em;
  padding-bottom: 0.4em;
}
.recent-posts {
  background: #F5F5F5;
  padding: 1em;
  margin-bottom: 1.6em;
}
.recent-posts .first {
  float: left;
  width: 31%;
  margin-right: 1.3em;
}
.recent-posts .first .hentry {
  margin-bottom: 1em;
}
.recent-posts .more-posts {
  float: left;
  width: 66%;
}
.recent-posts .more-posts .hentry {
  float: left;
  margin: 0 0.5em 0 0;
  width: 31%;
}
.recent-posts .entry-header {
  min-height: 12em;
}
.recent-posts .cat-link {
  position: relative;
  display: block;
  font-size: 75%;
  color: #FFF;
  padding: 0.2em 0.4em;
  width: 100%;
  background: #444;
}
.recent-posts .cat-link:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 0 2em 2em 0;
  border-color: transparent #FFF transparent transparent;
}
.recent-posts .entry-title {
  font: 400 1em/1.1em "PT Sans", sans-serif;
  letter-spacing: 0;
  padding: 0.2em 0.4em;
}
.recent-posts .first .entry-title {
  font-size: 1.2em;
}
.recent-posts .entry-summary {
  margin-top: 0.5em;
  padding: 0.2em 0.4em;
  font-size: 0.9em;
  line-height: 1.4em;
}
.recent-posts .entry-summary > p {
  margin-bottom: 0;
}
.blog-links {
  margin: 0 0 0.5em 0;
  overflow: auto;
}
.blog-links li {
  float: left;
  list-style: none;
}
.blog-links a {
  display: block;
  margin: 0;
  padding: 0.2em 0.7em;
  color: #F1F1F1;
  letter-spacing: -1px;
  border-right: 1px solid #F5F5F5;
  opacity: 0.7;
}
.blog-links a:hover,
.blog-links a:active {
  opacity: 1;
}
.home .site-main [class*="navigation"] {
  clear: both;
  margin-bottom: 0;
}
.yarpp-related {
  clear: both;
  overflow: auto;
  background: #e9f5ff;
  margin: 1em 0;
}
.yarpp-related h3 {
  margin-top: 0;
  background: #0073CF;
  color: #FFF;
  padding: 0 0.6em;
  line-height: 2em;
}
.yarpp-related ul {
  list-style: square;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-right: 1em;
}
.category-employment .yarpp-related {
  display: none;
}
/* Hero-image pages */
.hero-image {
  position: relative;
}
.hero-image .block {
  position: absolute;
  bottom: 0.3em;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.3);
}
.hero-image .title {
  font-size: 2.7em;
  font-family: 'PT Sans', sans-serif;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #FFF;
  margin: 0 auto;
  max-width: 960px;
  line-height: 1.2em;
}
/* General media block
   http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
*/
.media {
  margin: 10px;
}
.media,
.bd {
  overflow: hidden;
  zoom: 1;
}
.media .img,
.media > img {
  float: left;
  margin-right: 10px;
}
.media .img img {
  display: block;
}
.media .imgExt {
  float: right;
  margin-left: 10px;
}
.media h3 {
  clear: none;
  padding: 0;
}
.media .bd {
  font-size: 85%;
}
/* Jump menus */
.jump-menu {
  padding: 1rem 1.2rem;
  background: #DEEBF4;
  color: #333;
}
/* Callout boxes */
.highlight-block {
  padding: 0.3em 0.6em;
  margin-bottom: 1em;
  font-size: 0.95;
  border-left: 0.5em solid #0073CF;
  background: #cfeaff;
}
.highlight-block-alt {
  border-left-color: #C67701;
  background: #ffe8c7;
}
/* CAROUSEL/BREADCRUMBS =============== */
.carousel {
  background: #575757;
  color: #FFF;
}
.slide {
  max-height: 280px;
  position: relative;
}
/*.slide a.img:before {
    display:block;
    content:"";
    position:absolute;
    height:100%;
    width:20%;
    left:0;
    top:0;
    .linear-gradient-left( #00000, @carousel-bg, 5%, fadeout(@carousel-bg, 100%), 100% );
}*/
.slide a.img {
  overflow: hidden;
  display: inline-block;
  line-height: 0;
}
.slide .info {
  position: absolute;
  right: 0;
  top: 0;
  width: 38%;
  height: 100%;
  padding: 1.4em 2em 0 1.4em;
  background: #111;
}
.slide .info h2 {
  font: 700 1.6em/1.2em "PT Sans", sans-serif;
}
.slide .info p {
  line-height: 1.2em;
}
.owl-theme .owl-controls {
  position: absolute;
  right: 3em;
  bottom: 1em;
  margin: 0;
}
.breadcrumbs {
  background: #575757;
  color: #FFF;
  line-height: 2.2em;
  font-size: 0.9em;
}
.breadcrumbs a {
  color: #93BFE3;
}
.breadcrumbs .breadcrumb_last {
  color: #C9C9C9;
}
/* WIDGET ============================ */
.widget-title {
  padding: 0.6em;
  margin-bottom: 0.5em;
  color: #FFF;
  background: #575757;
  text-transform: uppercase;
}
.widget .menu {
  margin: 0;
  list-style: none;
}
.widget .menu li {
  float: none;
}
.widget .menu a {
  display: block;
  padding: 0.2em 0.3em;
}
.widget .menu a:hover {
  color: #FFF;
  background: #68AAE0;
}
.widget-title a.rsswidget {
  color: #FFF;
}
.widget_rss ul {
  margin-left: 1em;
  list-style: square;
  font-size: 94%;
  color: #444;
}
.widget .section-link-home a {
  color: royalblue;
  background: #eaebf1;
  border-left: 2px solid;
}
.ref-chat button {
  display: none;
  margin: 0.2em 0;
  font-size: 1.3em;
}
/* FOOTER =========================== */
.site-footer {
  background: #464646;
  color: #D5D5D5;
  padding: 0.5em 0 0;
  text-align: right;
}
.site-footer a {
  color: #93BFE3;
  text-decoration: none;
}
.site-footer a:hover {
  color: #4D76EF;
}
.vcard {
  font-size: 0.9em;
  padding-bottom: 1.2em;
  margin: 0 1em 0 0;
}
.site-info {
  position: relative;
  padding: 1em 19em 0 0;
}
.social-links {
  float: left;
  text-align: left;
}
.social-links a {
  opacity: 0.85;
}
.social-links a:hover,
.social-links a:active {
  opacity: 1;
}
.building {
  position: absolute;
  right: 0;
  bottom: 0;
}
.cc-license {
  padding-top: 0.4em;
  margin-bottom: 0.1em;
  font-size: 0.7em;
  opacity: 0.4;
  text-align: center;
}
.cc-license a {
  color: #333;
}
.feedback-link {
  text-align: center;
}
.feedback-link a {
  font-size: 0.8em;
  opacity: 0.9;
}
/* SPECIFIC ============================= */
/*
.search-ask {
  overflow: auto;
  padding:0.3em 1em 0.8em;
  margin-bottom: 0.5em;
  background: @search-ask-bg;
}
.search-ask h2 {
  padding-top: 0;
}
.search-ask p { margin-bottom: 0;}
.search-ask .catalog-search {
  width:44%;
  float: left;

}
.search-ask .ask {
  width:56%;
  float: left;
}
.search-ask .ask ul {
  list-style: none;
  margin: 0;
}
.search-ask .ask li {
  width:25%;
  float: left;
}
.search-ask .ask button {
  font-size: 1.1em;
  margin:0;
}
*/
.trustees ul {
  margin: 0;
  padding: 0;
}
.trustees li {
  list-style: none;
  font-size: 0.9em;
  color: #444;
  padding: 0 0 0.3em;
  min-height: 13em;
  line-height: 1.4em;
}
.trustees span {
  font-size: 1.2em;
  color: #000;
  line-height: 1.6em;
}
.trustees img {
  float: left;
  margin-right: 15px;
  padding: 0.5em 0 50px;
}
.ecollections ul {
  list-style: none outside none;
  margin: 0;
  overflow: auto;
  padding: 0;
}
.ecollections li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  overflow: auto;
  position: relative;
}
.ecollections span {
  background: #444;
  background: rgba(0, 0, 0, 0.4);
  bottom: 4px;
  font-size: 2.2em;
  left: 0;
  padding: 0.1em 0 0.1em 0.2em;
  position: absolute;
  width: 100%;
}
.ecollections a {
  color: #FFF;
}
.ecollections a:hover {
  color: #6BB9E9;
}
body.search .entry-title {
  background: #FFF;
}
.search-box .search-form {
  margin: 1em 0;
}
.search-box .search-field {
  width: 20em;
}
.catalog-results {
  overflow: auto;
  margin: 1em 0 2em;
  background: #EAF8C8;
}
.catalog-results .section-header {
  background: #5e7e10;
}
.catalog-results h3 {
  padding: 0.2em 0 0.2em 0.6em;
  color: #FFF;
}
.catalog-results ul {
  list-style: none;
  margin: 0;
  padding: 1em;
  overflow: auto;
}
.catalog-results li {
  float: left;
  text-align: center;
  width: 20%;
}
.catalog-results li a {
  display: block;
  min-height: 100px;
  width: 100%;
  line-height: 0;
  margin-bottom: 0.4em;
}
.catalog-results li span,
.record-set td span {
  display: inline-block;
  font-size: 90%;
  letter-spacing: -1px;
  line-height: 1.3em;
}
.catalog-results .more {
  margin-left: 1.2em;
}
.record-set {
  overflow: auto;
  margin: 1em 0;
  padding: 1em;
  background: #D6E9F7;
}
.record-set h3 {
  padding: 0;
  margin: 0 0 .3em;
}
.record-set td {
  text-align: center;
  width: 15%;
}
.events-list {
  list-style: none;
  margin: 0;
}
.events-list li {
  margin-bottom: 1em;
}
.events-list p {
  margin-bottom: 0.3em;
}
.events-box {
  width: 60%;
  float: left;
  border-bottom: 1px solid #777;
}
.events-box h2 {
  padding-top: 0;
}
.events-box .events-nav {
  list-style: none;
  overflow: auto;
  margin: 0;
  background: #CCC;
}
.events-box .events-nav li {
  float: left;
}
.events-box .events-nav li a {
  display: block;
  padding: 0.4em 0.9em;
  margin-right: 1px;
  color: #222;
  border-right: 1px solid #FFF;
}
.events-box .events-nav li a:last-of-type {
  border: none;
}
.events-box .events-nav li a:hover {
  background: #eb7f00;
}
.events-box .events-nav li.ui-tabs-active a {
  color: #FFF;
  background: #1069b4;
}
.events-box .open-hours {
  padding: 0.4em;
  color: #FFF;
  background: #1069b4;
}
.events-box .open-hours a {
  margin-left: 1em;
  color: #FFC34E;
  font-size: 85%;
}
.events-box .open-hours a:hover {
  color: #FFF;
}
.events-box .panel p {
  font-size: 0.9em;
}
.events-box .panel p span {
  color: #CCC;
}
.events-box .panel ul {
  list-style: none;
  margin: 0.6em 0 0;
  height: 20em;
  overflow: scroll;
}
.event-block {
  border: 1px solid #CCC;
  padding: 0 1em 1em;
  overflow: auto;
  background: #DEEBF4;
}
.event-block .info {
  float: left;
  width: 80%;
}
.event-block h3 {
  color: #00229A;
}
.event-block time {
  float: right;
}
.cal-edit-link {
    font-size: 0.6em;
    color: white !important;
    background-color: black;
    padding: 2px 6px;
}
.pb-calendar .cal-event {
  border-bottom: 1px solid #DDD;
  overflow: auto;
}
.pb-calendar .cal-event img {
  float: left;
  margin: 0.3em 0.8em 0.5em 0;
}
.pb-calendar .cal-title {
  border-bottom: none;
  font-size: 1.4em;
  margin-bottom: 0.2em;
}
.pb-calendar .cal-date {
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 0.5em;
}
.pb-calendar .cal-date span {
  color: #999;
}
.pb-calendar .event-type {
  font-size: 0.7em;
  font-weight: 400;
  display: inline-block;
  padding: 0.1em 0.3em;
  margin-top: 3px;
  color: #FFF;
  opacity: 0.8;
}
.pb-calendar .event-type:hover {
  opacity: 1;
}
.pb-calendar .more-events {
  display: inline-block;
  margin-top: 1.6em;
}
/* Adult */
.pb-calendar .event-type-a .event-type,
.pb-calendar .event-type-7 .event-type {
  background-color: #0073CF;
}
.pb-calendar a.event-type-a {
    background-color: #0073CF !important;
}
/* Art */
.pb-calendar .event-type-r .event-type,
.pb-calendar .event-type-9 .event-type {
  background-color: red;
}
.pb-calendar a.event-type-r {
  background-color: red !important;
}
/* Books */
.pb-calendar .event-type-o .event-type,
.pb-calendar .event-type-10 .event-type {
  background-color: darkgoldenrod;
}
/* Computer */
.pb-calendar .event-type-c .event-type,
.pb-calendar .event-type-11 .event-type {
  background-color: purple;
}
/* Kids */
.pb-calendar .event-type-k .event-type,
.pb-calendar .event-type-12 .event-type {
  background-color: green;
}
/* Teens */
.pb-calendar .event-type-t .event-type,
.pb-calendar .event-type-13 .event-type {
  background-color: black;
}
/* Movies */
.pb-calendar .event-type-m .event-type,
.pb-calendar .event-type-14 .event-type {
  background-color: orangered;
}
/* Music */
.pb-calendar .event-type-u .event-type {
  background-color: #00b0ed;
}
.pb-calendar a.event-type-u {
  background-color: #00b0ed !important;
}
/* Canceled */
.pb-calendar .canceled .pb-event-description {
  opacity: 0.5;
}
.pb-calendar .canceled .pb-event-msg {
  color: #A40000;
}
time.icon {
  font-size: 1em;
  /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 1.2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}
time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}
time.icon strong {
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}
time.icon em {
  position: absolute;
  bottom: 0.2em;
  color: #fd9f1b;
}
time.icon span {
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.7em;
  color: #2f2f2f;
}
.extra-box {
  float: right;
  min-height: 10em;
  padding: 1em;
  width: 36%;
}
.extra-box .ask {
  overflow: auto;
  margin-bottom: 0.3em;
}
.ask h2 {
  padding-top: 0;
}
.ask ul {
  list-style: none;
  margin: 0;
}
.ask li {
  width: 50%;
  float: left;
  min-height: 4em;
}
.ask button {
  font-size: 1.1em;
  margin: 0;
}
.list-icons {
  width: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-icons-big > li {
  float: left;
  height: 95px;
  width: 210px;
  overflow: hidden;
  background: url('../img/jobs/bg-jobnav.jpg');
}
.list-icons-big a {
  display: block;
  display: table-cell;
  padding: 0 10px 0 85px;
  height: 95px;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  color: #333;
  font-weight: bold;
}
.list-icons-big > li > a:hover {
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.list-icons-big > .li-resume {
  background-position: 0 0;
}
.list-icons-big > .li-coverletter {
  width: 215px;
  background-position: -210px 0;
}
.list-icons-big > .li-career {
  width: 205px;
  background-position: -425px 0;
}
.list-icons-big > .li-computertraining {
  background-position: 0 100px;
}
.list-icons-big > .li-onlineapplications {
  width: 215px;
  background-position: -210px 100px;
}
.list-icons-big > .li-worklibrary {
  width: 205px;
  background-position: -425px 100px;
}
/* 	SPEAKERS BUREAU
   	--------------------------------------------------- */
.speakers-bureau {
  margin-top: -2em;
}
.speaker {
  margin-bottom: 1em;
}
.speaker .pic {
  float: left;
}
.speaker .topics {
  float: left;
  width: 200px;
  font-size: 80%;
}
.speaker .topics ul {
  padding: 0;
  margin: 0 0 0 1.8em;
}
.speaker .topics li {
  float: left;
  margin-bottom: 0.5em;
}
.sf-schedule .block {
  margin-bottom: 1em;
}
.sf-schedule .room,
.sf-schedule .date-time {
  line-height: 1.1em;
  margin-bottom: 0.4em;
}
.sf-schedule .date-time {
  font-weight: 600;
}
/* Gravity Forms CSS
   --------------------------------------------------- */
.site-content .gform_wrapper input[type="text"],
.site-content .gform_wrapper input[type="url"],
.site-content .gform_wrapper input[type="email"],
.site-content .gform_wrapper input[type="tel"],
.site-content .gform_wrapper input[type="number"],
.site-content .gform_wrapper input[type="password"],
.site-content .gform_wrapper textarea {
  font-size: inherit;
  padding: 0.3em;
}
/* Shortcodes Ultimate */
.entry-content .su-tabs {
  background: rgba(0, 114, 207, 0.51);
  background: rgba(0, 115, 207, 0.7);
}
.entry-content .su-tabs-nav span {
  font-size: inherit;
  color: #FFF;
}
.entry-content .su-tabs-nav span.su-tabs-current {
  color: #0073CF;
}
.entry-content .su-tabs-nav span:hover {
  background: #C67701;
  color: #FFF;
}
/* Database */
.inlibrary > a:after {
  content: " ♦";
  color: orangered;
}
/* Magnific Popup */
.popup-box {
  background: #FFF;
  margin: 40px auto;
  max-width: 400px;
  padding: 20px 30px;
  position: relative;
  text-align: left;
}
/* Google Custom Site Search */
.gsc-input-box {
  height: 2.4em !important;
}
.gsib_a {
  padding-top: 2px !important;
}
.gsib_b {
  padding-top: 5px !important;
}
input.gsc-search-button-v2 {
  height: auto !important;
  width: auto !important;
}
.gsc-control-cse {
  padding: 0 !important;
}
.gsc-above-wrapper-area,
.gsc-resultsHeader {
  display: none !important;
}
.gsc-webResult .gsc-result {
  padding-top: 0 !important;
}
.gsc-thumbnail-inside {
  padding-left: 0 !important;
}
/* SPECIAL THEMES ======================= */
@media screen and (min-width: 40em) {
  /*
	 body.category-teens {
        background: url(/wp-content/themes/tscpl/img/bg-teen.jpg) no-repeat top center;
    } */
  body.category-tweens {
    background: url(/wp-content/themes/tscpl/img/bg-tween.jpg) no-repeat top center;
  }
  body.category-kids {
    background: url(/wp-content/themes/tscpl/img/bg-kids.jpg) no-repeat top center;
  }
  /*
  	body.category-support {
          background: url(/wp-content/themes/tscpl/img/bg-support.jpg) no-repeat top center;
      }
      body.category-shop-dine {
          background: url(/wp-content/themes/tscpl/img/bg-shop-dine.jpg) no-repeat top center;
      } */
  body.error404 {
    background: url(/wp-content/themes/tscpl/img/404.jpg) no-repeat top right;
  }
}
.blog-home .entry-header {
  background-size: auto;
  padding: 0 0 0 96px;
}
.blog-home .entry-title {
  color: #FFF;
  background: #656766;
  font-size: 2.4em;
  padding-left: 0.3em;
  line-height: 1.2em;
  position: relative;
}
.blog-home .entry-title:after {
  border-color: rgba(0, 0, 0, 0) #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0 1.2em 1.2em 0;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.category-travel .page .entry-header {
  background: url(../img/travel.svg) no-repeat left transparent;
}
.category-history .page .entry-header {
  background: url(../img/genealogy.svg) no-repeat left transparent;
}
.category-art .page .entry-header {
  background: url(../img/art.svg) no-repeat left transparent;
}
.category-home .page .entry-header {
  background: url(../img/home.svg) no-repeat left transparent;
}
.category-books-movies-music .page .entry-header {
  background: url(../img/books.svg) no-repeat left transparent;
}
.category-home .page .entry-header {
  background: url(../img/home.svg) no-repeat left transparent;
}
.category-health .page .entry-header {
  background: url(../img/health.svg) no-repeat left transparent;
}
.category-parents .page .entry-header {
  background: url(../img/parents.svg) no-repeat left transparent;
}
.category-news .page .entry-header {
  background: url(../img/news.svg) no-repeat left transparent;
}
.category-podcast .page .entry-header {
  background: url(../img/podcast.svg) no-repeat left transparent;
}
.category-weddings .page .entry-header {
  background: url(../img/weddings.svg) no-repeat left transparent;
}
.category-sports .page .entry-header {
  background: url(../img/sports.svg) no-repeat left transparent;
}
.category-work-life .page .entry-header {
  background: url(../img/jobs.svg) no-repeat left transparent;
}
.category-events .page .entry-header {
  background: url(../img/events.svg) no-repeat left transparent;
}
.category-press-room .page .entry-header {
  background: url(../img/press.svg) no-repeat left transparent;
}
.category-travel .page .entry-title,
.category-travel.category-bg {
  background: #1a6f70;
}
.category-home .page .entry-title,
.category-home.category-bg {
  background: #904d00;
}
.category-books-movies-music .page .entry-title,
.category-books-movies-music.category-bg {
  background: #e66e03;
}
.category-sports .page .entry-title,
.category-sports.category-bg {
  background: #1e2556;
}
.category-news .page .entry-title,
.category-news.category-bg {
  background: #ad1299;
}
.category-featured .page .entry-title,
.category-featured.category-bg {
  background: #183761;
}
.category-health .page .entry-title,
.category-health.category-bg {
  background: #09901f;
}
.category-friends .page .entry-title,
.category-friends.category-bg {
  background: #a8186d;
}
.category-podcast .page .entry-title,
.category-podcast.category-bg {
  background: #835591;
}
.category-history .page .entry-title,
.category-history.category-bg {
  background: #bb0e22;
}
.category-events .page .entry-title,
.category-events .category-bg {
  background: #874198;
}
.page.category-work-life .entry-title,
.category-work-life.category-bg {
  background: #ffa800;
}
.category-art .page .entry-title,
.category-art.category-bg {
  background: #1069b4;
}
.category-travel .page .entry-title,
.category-travel .category-bg {
  background: #1a6f70;
}
.category-press-room .page .entry-title,
.category-press-room.category-bg {
  background: #7d1351;
}
.category-weddings .page .entry-title,
.category-weddings.category-bg {
  background: #3c8cbf;
}
.category-parents .page .entry-title,
.category-parents.category-bg {
  background: #84b60c;
}
.category-travel .cat-link:after {
  border-right-color: #1a6f70;
}
.category-home .cat-link:after {
  border-right-color: #904d00;
}
.category-books-movies-music .cat-link:after {
  border-right-color: #e66e03;
}
.category-sports .cat-link:after {
  border-right-color: #1e2556;
}
.category-news .cat-link:after {
  border-right-color: #ad1299;
}
.category-featured .cat-link:after {
  border-right-color: #183761;
}
.category-health .cat-link:after {
  border-right-color: #09901f;
}
.category-friends .cat-link:after {
  border-right-color: #a8186d;
}
.category-podcast .cat-link:after {
  border-right-color: #835591;
}
.category-teens .cat-link:after {
  border-right-color: #af692e;
}
.category-tweens .cat-link:after {
  border-right-color: #e633a9;
}
.category-history .cat-link:after {
  border-right-color: #bb0e22;
}
.category-events .cat-link:after {
  border-right-color: #874198;
}
.category-work-life .cat-link:after {
  border-right-color: #ffa800;
}
.category-art .cat-link:after {
  border-right-color: #1069b4;
}
.category-travel .cat-link:after {
  border-right-color: #1a6f70;
}
.category-press-room .cat-link:after {
  border-right-color: #7d1351;
}
.category-weddings .cat-link:after {
  border-right-color: #3c8cbf;
}
.category-parents .cat-link:after {
  border-right-color: #84b60c;
}
/* RESPONSIVE =========================== */
@media screen and (max-width: 60em) {
  .site-content {
    background: #FFF;
  }
  .site-branding {
    padding-left: 1em;
  }
  .container {
    padding: 0 1em;
  }
}
@media screen and (max-width: 48em) {
  .container {
    padding: 0 1em;
  }
  .site-header .header-buttons {
    padding-right: 1em;
  }
  .main-navigation {
    margin-top: 0;
  }
  .key-tasks .nav .container,
  .carousel .container {
    padding: 0;
  }
  .slide img {
    margin-left: 0em;
  }
  .slide .info {
    width: 36%;
    padding-top: 1.2em;
    padding-right: 0.5em;
  }
  .slide .info h2 {
    font-size: 1.5em;
  }
  .site-main {
    margin: 0;
  }
  .columns > div {
    margin-right: 1.2em;
  }
  .button-large {
    padding-left: 0;
    padding-right: 0;
  }
  .hero-image .title {
    font-size: 1.8em;
    padding-left: 0.5em;
  }
  /*.home .first {
      width:54%;
    }
    .home .more-posts {
      width:42%
    }
    .home .more-posts  {
        width:100%;
    }*/
}
@media screen and (max-width: 34em) {
  .content-area {
    clear: both;
    margin: 0;
    width: 100%;
  }
  .site-content .widget-area {
    clear: both;
    overflow: auto;
    width: 100%;
    padding: 0;
  }
  .fill-width {
    float: none;
    width: 100% !important;
  }
  .columns-2 > div,
  .columns-3 > div,
  .columns-4 > div {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .site-header {
    min-height: 4em;
    padding: 0;
  }
  .site-branding {
    margin-bottom: 0;
    padding-left: 0.5em;
  }
  .site-name {
    display: none;
  }
  .container-key {
    padding: 0;
  }
  .key-tasks .nav li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .color-bar {
    height: 4px;
  }
  .site-title {
    line-height: 2em;
  }
  .site-title a {
    font-size: 0.9em;
  }
  /*.site-description object {
        height: 50px;
        width: 113px;
        margin-bottom:-22px;
    }*/
  .search-form {
    display: none;
  }
  .site-header .header-buttons {
    position: relative;
    padding-right: 0.5em;
  }
  .site-info {
    padding: 0;
  }
  .site-header .menu-toggle {
    display: inline;
  }
  .header-search-login .header-buttons a {
    margin-left: 0;
  }
  .nav-menu li {
    width: 50%;
  }
  .nav-menu a {
    width: 100%;
    min-height: 2.8em;
    text-align: center;
    margin: 0;
    padding: 0.6em 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .carousel {
    background-color: #111;
  }
  .carousel .info {
    position: relative;
    width: 100%;
    padding: 0.6em;
  }
  .carousel .info h2 {
    font-size: 1.2em;
  }
  .carousel .info p,
  .carousel .readmore {
    display: none;
  }
  .owl-theme .owl-controls {
    bottom: 0.3em;
    right: 0.3em;
  }
  .slide {
    max-height: 352px;
    line-height: 0;
  }
  /*.slide a.img:before {
    	background-image:none;
    	width:none;
    }*/
  .home .first,
  .home .more-posts {
    width: 100%;
  }
  .home .more-posts .hentry {
    width: 100%;
  }
  .recent-posts {
    padding: 0;
    background: none;
  }
  .events-box {
    width: 100%;
  }
  .events-box .events-nav li a {
    padding: 0.4em 0.8em;
  }
  .events-box .panel p {
    line-height: 1.4em;
  }
  .event-block .info {
    width: 68%;
  }
  .social-links {
    float: none;
  }
  .vcard {
    font-size: 0.85em;
    margin: 0;
  }
  .building {
    display: none;
  }
  .cc-license {
    display: none;
  }
  .catalog-results li {
    float: none;
    width: 100%;
    text-align: left;
  }
  .catalog-results li a {
    display: inline-block;
    margin-right: 1em;
    min-width: 100px;
  }
  .catalog-results a img {
    vertical-align: middle;
  }
  .pb-calendar:not(.pb-event-single) .pb-event-description {
    display: none;
  }
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  .entry-content a,
  a:visited {
    text-decoration: underline;
  }
  .entry-content a[href]:after {
    content: " [" attr(href) "] ";
    font-size: 0.8em;
  }
  .entry-content abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .entry-content a {
    word-wrap: break-word;
  }
  .ir a:after,
  .entry-content a[href^="javascript:"]:after,
  .entry-content a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .noprint,
  .hide-on-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: inherit !important;
  }
  .avoid-break {
    page-break-inside: avoid;
  }
  #author-bio-box {
    border-color: #333 !important;
  }
  #author-bio-box a:after {
    content: "";
  }
  .site-description,
  .header-search-login,
  #site-navigation,
  #key-tasks,
  .breadcrumbs,
  #secondary,
  #colophon,
  #nav-below,
  #disqus_thread,
  .color-bar,
  .hero-image,
  .cc-license,
  .site-notice,
  .social-share,
  .feedback-link,
  .yarpp-related {
    display: none;
  }
  /*.site-branding {
      background-image: url(//files.tscpl.org/img/logos/tscpl-wide-400.png);
      background-position: top left;
      background-repeat: no-repeat;
      height: 95px;
      width: 400px;
    }*/
  .site-branding .logo object,
  .site-branding .logo {
    width: 30px;
    height: 30px;
  }
  .site-branding .logo {
    vertical-align: middle;
  }
  .site-title {
    width: inherit;
    display: inline-block;
  }
  .site-title .site-name span {
    font-size: 12pt !important;
    font-weight: normal !important;
    line-height: 1.6em !important;
    letter-spacing: normal !important;
  }
  .content-area {
    width: 100%;
    font-size: 80%;
  }
  .entry-content li {
    margin-bottom: 0;
    line-height: 1.6me;
  }
  .page .entry-title,
  .post .entry-title,
  .page-title {
    font-size: 18pt;
  }
  .single-post .entry-content > p:first-child::first-letter,
  .intro::first-letter {
    float: left;
    color: #000000;
    font-size: inherit;
    line-height: inherit;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    font-family: inherit;
  }
  .su-spoiler.su-spoiler-closed > .su-spoiler-content {
    height: auto !important;
    margin: inherit !important;
    opacity: 1 !important;
    overflow: auto !important;
  }
  .su-tabs-pane {
    display: block !important;
  }
}
.gform_wrapper .gfield_time_hour input[type="number"],
.gform_wrapper .gfield_time_minute input[type="number"] { width: 30px !important; }