/*
 Theme Name:     Chethams Child Library Theme
 Theme URI:      http://www.splinter.co.uk
 Description:    Chethams Child Library Theme
 Author:         Splinter
 Author URI:     http://www.splinter.co.uk
 Template:       chethams-master
 Version:        1.0
*/
 
@import url("../chethams-master/styles.css?v=2.0.38");
 
/* Theme customization starts here
------------------------------------------------------- */

@font-face {
  font-family: 'Vollkorn Chethams';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/vollkorn/v6/BCFBp4rt5gxxFrX6F12DKnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Vollkorn Chethams';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/vollkorn/v6/wMZpbUtcCo9GUabw9JODerrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}

::-moz-selection 	{ background:#c3af96; color:#2c2c2c; }
::selection 		{ background:#c3af96; color:#2c2c2c; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ letter-spacing: 2px; text-transform: uppercase; font-weight: 300; }

a					{ text-decoration: none; font-weight: 400; color: #336d85; }
a.block-btn			{ background: #336d85; color: #ffffff; border-left: 10px solid #c3af96; font-size: 15px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; }
a.block-btn.small	{ max-width: 238px; }
a.block-btn.large	{ font-size: 20px; }

.mainbody-content h2					{ border-bottom: 2px solid #336d85; color: #336d85; }
span.subtitle-underline					{ border-bottom: 2px solid #336d85; }
.mainbody-copy h3,
.mainbody-copy h4			{ border-bottom: 2px solid #336d85; color: #336d85; }
.mainbody-copy blockquote	{ background: #e9e6e2 url(img/blockquote-left.png) no-repeat 20px 20px; }
.mainbody-copy blockquote p	{ color: #2a2a2a;  }
.mainbody-copy blockquote p:last-child	{ background: url(img/blockquote-right.png) no-repeat bottom right; }

.mainbody-copy .featured-image			{ border-bottom: 2px solid #336d85; }
.mainbody-copy h4.subtitle	{ border-bottom: 1px solid #336d85; }

.wp-caption								{ background: #e1d7ca; }
.wp-caption p.wp-caption-text			{ color: #2a2a2a; }

ol.article-list li h3					{ border-bottom: 2px solid #336d85; }
ol.article-list.event-list li h3		{ padding: 0 0 0 0; }

.header-bar 		{ background: #336d85; }
.header-logo h1 a	{ background: #295d75 url(img/logo-library.svg) no-repeat; background-position: 50% 50%; }
.header-site-nav ul li a { padding: 15px; font-size: 15px; }
.header-site-nav ul li.current_site a	{ color:#c3af96; }
.header-site-nav ul li a:hover			{ color:#c3af96; }
.header-top-right-nav ul li a { font-size: 15px; }
.header-nav ul li.current_page_item > a,
.header-nav ul li.current-menu-item > a,
.header-nav ul li.current_page_ancestor > a,
.header-nav ul li.current-post-ancestor > a	{ color:#c3af96; }
.header-nav > ul > li > a:hover			{ color: #c3af96; }
.header-nav > ul > li.current_page_item > a > span,
.header-nav > ul > li.current-menu-item > a > span,
.header-nav > ul > li.current_page_ancestor > a > span,
.header-nav > ul > li.current-post-ancestor > a > span,
.header-nav > ul > li > a:hover > span	{ border-bottom: 2px solid #c3af96; }
.header-nav ul li:hover ul li a:hover	{ background: #224d61; color: #c3af96; }
.header-nav ul li ul, 
.header-nav ul li:hover ul li ul 		{ background: #295d75; }
.header-nav ul li:hover ul li:hover ul 	{ background: #224d61; }

.header-nav ul li a, 
.header-nav ul li a:visited 			{ font-size: 15px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase;}
.header-nav ul li ul li a				{ font-size: 14px; }

.header-top-right-nav ul li a:hover		{ color: #c3af96; }

.header-alert-bar .inner { background: #c3af96; }
.module-header-alert-left { color: #c3af96; }

.header-translations					{ background: #224d61; }

#header-banner-list li.header-banner.generic { background:#143f53; }
#header-banner-list a { color: #ffffff; }
.generic .header-page-title,
.generic #breadcrumbs li a { color: #ffffff; }
.header-page-title a.read-more { clear: both; display: block; float: left; background: #336d85; color: #ffffff; padding: 10px 50px 10px 20px; margin: 30px 0 0 0; font-weight: 400; border-left: 10px solid #c3af96; font-size: 15px; text-transform: uppercase; }

.header-feature-banner-overlay			{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
#header-banner-nav						{ width: 100%; position: absolute; bottom: 30px; left: 30px; z-index: 10; }
#header-banner-nav ul					{ padding: 0; border-top: none; text-align: center; }
#header-banner-nav ul li				{ margin: 0 15px 0 0;}
#header-banner-nav ul li:last-child		{ margin: 0; }
#header-banner-nav ul li a				{ display: block; padding: 0; margin: 0; background: #ffffff; height: 15px; width: 15px; overflow: hidden; text-indent: -2000px; }
#header-banner-nav ul li a.selected		{ background: #c3af96; height: 15px; margin: 0; }

.home .header-page-title { padding: 260px 30px 0 24px; }

.side-nav li a					{ font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; }
.side-nav > ul					{ background: #e1d7ca; }
.side-nav > ul > li				{ border-bottom: 2px solid #d4c6b5; }
.side-nav > ul > li > a			{ color: #336d85; }
.side-nav > ul > li > ul > li > a		{ color: #336d85; padding:15px 30px 15px 45px; }
.side-nav > ul > li.top-level > a		{ background: #efe4d7; }
.side-nav > ul > li.page_item_has_children,
.side-nav > ul > li.menu-item-has-children { background: #cfc6ba; }
.side-nav > ul > li.page_item_has_children > a,
.side-nav > ul > li.menu-item-has-children > a { background: #e1d7ca; }
.side-nav > ul > li > ul > li.page_item_has_children.current_page_item > ul,
.side-nav > ul > li > ul > li.page_item_has_children.current_page_ancestor > ul,
.side-nav > ul > li > ul > li.menu-item-has-children.current_page_item > ul,
.side-nav > ul > li > ul > li.menu-item-has-children.current_page_ancestor > ul { background: #c0b8ad; }
.side-nav > ul > li > ul > li			{ border-bottom: 2px solid #c2b5a6; }
.side-nav > ul > li > ul > li > ul > li	{ border-bottom: 2px solid #b1a597; }
.side-nav > ul > li > ul > li > ul > li:last-child { border-bottom: none; }
.side-nav > ul > li > a:hover			{ border-left: 10px solid #336d85; padding:15px 25px 15px 30px; }
.side-nav > ul > li.current_page_item > a,
.side-nav > ul > li.current_menu_item > a { border-left: 10px solid #336d85; padding:15px 25px 15px 25px; color: #000000; }
.side-nav > ul > li.true-current-menu-ancestor > a { border-left: 10px solid #336d85; }
.side-nav > ul > li > ul > li > a:hover { border-left: 10px solid #336d85; text-decoration: none; padding:15px 20px 15px 45px; }
.side-nav > ul > li > ul > li.current_page_item > a { border-left: 10px solid #336d85; color: #000000; padding:15px 25px 15px 40px; }
.side-nav > ul > li > ul > li > ul > li > a		{ display: block; padding:15px 30px 15px 60px; color: #336d85; }
.side-nav > ul > li > ul > li > ul > li > a:hover { border-left: 10px solid #336d85; padding:15px 20px 15px 50px; text-decoration: none; }
.side-nav > ul > li > ul > li > ul > li.current_page_item > a { border-left: 10px solid #336d85; color: #000000; padding:15px 30px 15px 55px; }

#side-nav-toggle						{ background: #fcf0e3; }
.mobile-header-nav						{ background: #295d75; }
.mobile-header-nav-list li				{ border-left: 1px solid #224d61; }
.mobile-header-site-list				{ background: #224d61; }

#header-search-wrapper					{ background: #224d61; }

.search-form .search-field				{ background: #e9e6e2; }
.search-form .search-submit				{ background-color: #c3af96; }

#main-footer					{ background: #e9e6e2; }
.footer-bar						{ background: #336d85; color: #ffffff; }
.footer-nav ul li a { font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }

.footer-newsletter-signup input.email { background: #ffffff; }
.footer-newsletter-signup .signup-submit { background-color: #c3af96; }

ol.blog-list li							{ border-bottom: 2px solid #f0ebe5; }
.blog-list-thumb				{ background: url(img/blog-thumb.jpg) no-repeat; background-size: cover; }

ol.article-list li						{ border-bottom: 2px solid #f0ebe5; }
ol.article-list.event-list li			{ border-bottom: none; }
ol.article-list li.event				{ background: #f0ebe5; border-bottom: none; }
span.article-type-tag					{ background: #336d85; color: #ffffff; }

.side-search							{ padding: 105px 0 30px 0; }
.side-search h2							{ border-bottom: 2px solid #336d85; color: #336d85; }
.side-search [type="radio"] + span:before { border: 2px solid #f0ebe5; }
.side-search [type="radio"]:checked + span:before { box-shadow: 0 0 0 2px #f0ebe5; }

/*-- PAGINATION LINKS --*/

.pagination-links				{ border-top: 4px solid #c3af96; }
.page-numbers	 				{ width: 50px; line-height: 50px; color: #c3af96; margin: 30px 15px 0 0; padding: 0; }
a.page-numbers					{ background: #ffffff; border: 2px solid #c3af96; }
.page-numbers.current			{ background: #336d85; border: 2px solid #336d85; color: #ffffff; }
.page-numbers.dots,
.page-numbers.prev,
.page-numbers.next				{ width: 50px; }

/*-- EVENTS --*/

.events-booking-info					{ background: #ffefeb; color: #ca9b90; padding: 10px 15px; margin: 0 0 25px 0; }
.events-booking-info p					{ margin: 0 0 0 25px; line-height: 1.4em; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: 600; }
#header-banner-area .events-booking-info { position: absolute; width: 100%; bottom: 0; left: 0; margin: 0; background-color:rgba(0,0,0,0.2); color: #fff; text-align: left; }

.event-list-title				{ border-bottom: 2px solid #c3af96; }
ol.event-list li				{ background: #e9e6e2; }
ol.article-list li .event-title-wrapper h3 a { color: #336d85; }

.event-websites li a					{ background: url(img/link.png) no-repeat 30px 50% #e1d7ca; color: #336d85; background-size: 22px 23px; border-bottom: 1px solid #c6b5a0; text-transform: uppercase; font-size: 15px; font-weight: 400; letter-spacing: 1px; }
.event-websites li:last-child			{ border-bottom: none; }
.mainbody-copy ul.event-key-details > li { background: #e1d7ca; color: #336d85; border-bottom: 1px solid #c6b5a0; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; }
.mainbody-copy ul.event-extra-details > li {background: #e9e6e2; color: #2c2c2c; border-bottom: 1px solid #c6b5a0; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; }

.events-search-options					{ background: #e9e6e2; }
.events-search-options .search-form .search-field { background-color: #e9e6e2; }
.eventOptionDropdown { background: url(img/dropdown-arrow.png) top right no-repeat #ffffff; background-size: 52px 52px; }

/*-- SIDEBAR WIDGETS --*/

.widget-inner					{ background: #c3af96; padding: 0; }
.widget-details					{ background: #e1d7ca; padding: 20px; }
.widget-details .more-info		{ color: #336d85; font-size: 15px; }
.widget-whats-on .widget-details time { margin: 0 0 10px 0; font-size: 15px; }
h3.widget-title					{ margin: 0 0 15px 0; color: #336d85; font-size: 15px; font-weight: 400; }
.widget-event-date				{ background: #336d85; font-size: 15px; font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; }
.widget-link-list ol			{ border-top: 1px solid #336d85; border-bottom: 1px solid #336d85; }
.widget-link-list ol li			{ border-bottom: 1px solid #e1d7ca; }
.widget-link-list ol li a		{ letter-spacing: 1px; text-transform: uppercase; font-weight: 400; font-size: 15px; }
.widget-big-link a.block-btn	{ font-size: 20px; }
.widget-image-text-wrapper		{ padding: 20px; background: #c3af96; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; }
.widget-image-caption-wrapper	{ background: #e1d7ca; color: #000000; text-transform: uppercase; }
.widget-popup-image .zoom		{ background-color: #c3af96; }

/*-- BUTTON GRID MODULE --*/

.module-button-grid 			{ background: #e9e6e2; }
.module-button-grid h2			{ color: #336d85; }
.module-button-grid li			{ background: #336d85; }

/*-- ACTION BUTTON MODULE --*/

.module-action-buttons 			{ background: #e9e6e2; }
.module-action-buttons li		{ background: #336d85; }
.module-action-buttons li span.title { background: #c3af96; text-transform: uppercase; font-size: 20px; font-weight: 400; letter-spacing: 1px; }
.module-action-buttons li span.overlay	{ background: #c3af96 !important; }

/* HOMEPAGE MULTI-COLUMN MODULE */

.module-homepage-multicolumn		{ background: #ffffff; padding: 0; }
.module-homepage-multicolumn .inner { padding: 30px 15px; background: #ececec; }
.module-homepage-multicolumn .column-wrapper { background: url(img/home-multicolumn.png) repeat-y 50% 0; background-size: 100% 10px; }
.module-homepage-multicolumn h3.column-title { border-bottom: 2px solid #c3b097; }
/*.module-homepage-multicolumn .tweet:nth-child(2) { display: none; }*/

.home-multi-event					{ border-bottom: 1px solid #c3b097; }
.home-multi-event-date				{ background: #336d85; border-bottom: 10px solid #c3b097; }
.home-multi-event-date time			{ color: #ffffff; text-transform: uppercase; }
.home-multi-event-date time span	{ color: #ffffff; }

.home-multi-blog-item				{ border-bottom: 1px solid #c3b097; }

.module-homepage-multicolumn .tweet	{ border-bottom: 1px solid #c3b097; }
.module-homepage-multicolumn .tweet_text,
.module-homepage-multicolumn .tweet_media { background: #ffffff; }
.module-homepage-multicolumn .tweet_content { padding: 0 0 30px 0; background: url(img/tweet-tail.png) no-repeat 30px bottom; }
.module-homepage-multicolumn a.block-btn.small	{ max-width: 238px; }

/* SHOWCASE PAGE MODULE */

.module-showcase-page .inner 		{ background: #d4d4d4; }
.module-showcase-page h3			{ margin: 0 0 10px 0; }
.module-showcase-page .separator 	{ display: block; max-width: 270px; height: 2px; background: #336d85; margin: 0 0 10px 0; }

/* GENERAL INTRO MODULE */

.general-intro-editors-pick	h3	{ font-family: 'Vollkorn Chethams'; text-transform: none; letter-spacing: 0; max-width: 320px; }

/* TIMELINE MODULE */

.timeline-row					{ padding: 60px 0; }
.timeline-row-side				{ width: 20.51%; float: left; text-align: left; }
.timeline-row-main				{ width: 48.71%; float: left; margin-left: 5.14%; padding: 0; }
.timeline-row-main.with-image	{ margin-left: 25.65%; }
.timeline-row.odd .timeline-row-side { float: right; }
.timeline-row.odd .timeline-row-main { float: right; margin-left: 0; margin-right: 5.14%; }
.timeline-row.odd .timeline-row-main.with-image { margin-left: 0; margin-right: 25.65%; }
.timeline-row					{ width: 100%; }
.timeline-row.no-border			{ border-top: 1px solid #fc7c00; }
.timeline-row-big-image-inline			{ display: block; width: 74.35%; background: #c3af96; float: right;  }
.timeline-row.odd .timeline-row-big-image-inline { float: left; }
.timeline-row-big-image			{ display: none; }
.timeline-row-side-image img	{ display: none; }
.timeline-row-side-addendum		{ width: 20.51%; float: right; display: block; }
.timeline-row-side-addendum img	{ width: 100% !important; height: auto !important; }
.timeline-row-label				{ font-family: 'Vollkorn Chethams'; text-transform: none; font-size: 72px; background: none !important; font-weight: 400; color: #336d85 !important; }
.timeline-row .separator		{ display: block; height: 2px; width: 70px; background: #c3af96; margin: 0 0 20px 0; }
.timeline-row-main.with-image .separator { background: #ffffff; }
.timeline-row-main h2			{ font-family: 'Vollkorn Chethams'; text-transform: none; font-size: 42px; letter-spacing: 0; color: #336d85; border-bottom: 1px solid #c3af96; padding: 0 0 15px 0; }

/* LIVE STREAM PAGES */

.spx-list li.live-featured { background: #d4d4d4; }
.spx-list li.live-featured span.event-date { font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; }
/*.spx-list li.live-featured .title-wrapper h3 a { background: #963821; color: #ffffff; display: inline-block; padding: 5px 10px; font-weight: 600; }*/
.spx-list li.live-featured a.btn-live { background: #336d85; color: #ffffff; border-left: 5px solid #c3af96; font-size: 0.9em; }
.spx-list li.live-featured a.btn-live:hover { background: #fff; color: #336d85; }

.spx-list li.live-small span.event-date { font-size: 0.7em; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
.spx-list li.live-small .title-wrapper h3 { font-size: 1em; }
.spx-list li.live-small .title-wrapper h3 a { font-weight: 400; }
.spx-list li.live-small p.action-btns { font-size: 1em; }
.spx-list li.live-small a.btn-live { background: #ececec; color: #2c2c2c; font-size: 0.9em; }
.spx-list li.live-small a.btn-live:hover { background: #336d85; color: #fff; }

/* --------------------------------------------------- */
/* JR - SPEKTRIX UPDATE START */
/* --------------------------------------------------- */

.header-masthead a:hover { color: #c3af96; }
.header-masthead-site-nav li.current_site a { color:#c3af96; }

.spx-filters { background: #e9e6e2; }
.spxEventOptionDropdown { background: url(img/dropdown-arrow.png) top right no-repeat #ffffff; background-size: 42px 42px; }
.spx-separator { background: #c3af96; }
.spx-event-details { background: #e9e6e2; }
.spx-all-dates-times { background: #e9e6e2; }
.spx-event-details a,
.spx-all-dates-times li a { background: #336d85; }

.spx-search { background: #e9e6e2; }
.spx-search .search-submit { background-color: #c3af96; }

.header-donations-wrapper { background: #1f4759; }

.header-donations-wrapper button:hover,
.header-donations-wrapper button:focus { background: #336d85; }
.header-donations-wrapper button.donate { background: #336d85; color: #fff; }
.header-donations-wrapper button.donate:hover,
.header-donations-wrapper button.donate:focus { background: #c3af96; color: #000; }

.header-donations-wrapper input::-webkit-input-placeholder {
    color: #8fa3ac;
}
.header-donations-wrapper input::-moz-placeholder {
    color: #8fa3ac;
}
.header-donations-wrapper input:-ms-input-placeholder {
    color: #8fa3ac;
}
.header-donations-wrapper input:-moz-placeholder {
    color: #8fa3ac;
}
.header-donations-wrapper input::placeholder { 
    color: #8fa3ac;
}

.spx-signup-form .spx-signup-submit,
.spx-signup-form .spx-signup-next { padding: 10px 15px; margin: 0; width: auto; height: 50px; background: #336d85; color: #ffffff; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; outline: 0; border: none; }
.spx-signup-form .spx-signup-header h3 { font-size: 16px; border-bottom: 1px solid #336d85; color: #336d85; padding: 0 0 10px 0; margin: 0 0 15px 0; }
.spx-signup-form .spx-contact-prefs h3 { font-size: 16px; border-bottom: 1px solid #336d85; color: #336d85; padding: 0 0 10px 0; margin: 15px 0 30px 0; }
.spx-signup-form .spx-tag-groups h3 { font-size: 16px; border-bottom: 1px solid #336d85; color: #336d85; padding: 0 0 10px 0; margin: 15px 0 30px 0; }
.spx-signup-form .spx-tag-groups .chets-mailing-signup-tag-groups h3 { margin: 15px 0 30px -7px; }

.spx-signup-form .spx-signup-back.block-btn { color: #336d85; }

.footer-spx-newsletter .chets-mailing-signup-tag-groups-spinner { background-color: #275163; }
.footer-spx-newsletter .spx-signup-feedback { background-color: #275163; }
.footer-spx-newsletter .spx-signup-form .spx-signup-submit, 
.footer-spx-newsletter .spx-signup-form .spx-signup-next,
.footer-spx-newsletter .spx-signup-form .spx-signup-back { color: #275163; }

.footer-spx-newsletter .spx-signup-form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8aa1aa;
}
.footer-spx-newsletter .spx-signup-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #8aa1aa;
}
.footer-spx-newsletter .spx-signup-form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #8aa1aa;
}
.footer-spx-newsletter .spx-signup-form input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #8aa1aa;
}

@media screen and (max-width:1170px) {
  .spx-signup-form .spx-signup-header h3 { font-size: 14px; letter-spacing: 1px; }
  .spx-signup-form .spx-contact-prefs h3 { font-size: 14px; letter-spacing: 1px; }
  .spx-signup-form .spx-tag-groups h3 { font-size: 14px; letter-spacing: 1px; }
}

/* --------------------------------------------------- */
/* JR - SPEKTRIX UPDATE END */
/* --------------------------------------------------- */



@media screen and (max-width:1170px) {
	
	.header-site-nav ul li a { font-size: 13px; padding: 15px 5px 15px 15px; }
	.header-top-right-nav ul li a,
	.header-top-right-nav ul li { font-size: 13px !important; }
	
	.header-right-nav ul li a,
	.header-nav ul li,
	.header-nav ul li a						{ font-size: 12px !important; }
}

@media screen and (max-width:1170px) and (min-width:769px)  {
	.header-logo h1 a	{ background-size: 80px 80px; }
}

@media screen and (max-width:700px) {
	#main-footer { background: #336d85; }
	
	.mainbody-copy { background: none; padding-left: 0; }
	
	.post-type-archive-spl_events ol.event-list li { background: #e9e6e2 !important; }
}