/* Theme Name: Chethams Child Outreach Theme Theme URI: http://www.splinter.co.uk Description: Chethams Child Outreach Theme Author: Splinter Author URI: http://www.splinter.co.uk Template: chethams-master Version: 1.0 */ /* Theme customization starts here ------------------------------------------------------- */ ::-moz-selection { background:#c3af96; color:#2c2c2c; } ::selection { background:#c3af96; color:#2c2c2c; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: 'Work Sans'; } /* 11 / 16 = 0.6875em (11px equivalent) 12 / 16 = 0.75em (12px equivalent) 14 / 16 = 0.875em (14px equivalent) 15 / 16 = 0.937em (15px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 20 / 16 = 1.25em (20px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 26 / 16 = 1.625em (26px equivalent) 30 / 16 = 1.875em (30px equivalent) 32 / 16 = 2em (32px equivalent) 36 / 16 = 2.25em (36px equivalent) 54 / 16 = 3.375em (54px equivalent) 80 / 16 = 5em (80px equivalent) */ h1 { font-size: 5em; line-height: 1em; font-weight: 900; } h2 { font-size: 2.25em; line-height: 1.3em; font-weight: 900; } h3 { font-size: 1.625em; line-height: 1.1em; font-weight: 700; color: #623188; letter-spacing: -1px; border-bottom: 1px solid #c2ae95; padding: 0 0 20px 0; } h4 { font-size: 1.25em; line-height: 1.6em; font-weight: 400; } h5 { font-size: 1em; line-height: 1.4em; } h6 { font-size: 1em; line-height: 1.4em; } a { text-decoration: none; } a.block-btn { background: #f2b522; color: #2a2a2a; border-left: none; font-size: 16px; text-transform: none; font-family: 'Work Sans', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 700; } a.block-btn.small { max-width: 238px; } a.block-btn.large { font-size: 20px; } h1 a, h2 a { font-weight: 900; } h3 a { font-weight: 700; } .mainbody-content h2 { border-bottom: 2px solid #dcd1c3; color: #2c2c2c; } span.subtitle-underline { border-bottom: 2px solid #dcd1c3; } .mainbody-copy h3, .mainbody-copy h4 { border-bottom: 2px solid #dcd1c3; color: #2a2a2a; } .mainbody-copy h3 span, .mainbody-copy h4 span { font-weight: 400; } .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; } .mainbody-copy { background: none; padding-left: 30px; } .header-page-title h1 a { font-weight: 900; } .header-bar { background: #71278a; } .header-logo h1 a { background: #601e78 url(img/logo-outreach.svg) no-repeat; background-size: 180ox 180px; background-position: 50% 50%; } .header-site-nav ul li a { padding: 15px 10px; font-size: 15px; font-weight: 400; } .header-site-nav ul li.current_site a { color:#ffb106; } .header-site-nav ul li a:hover { color:#ffb106; } .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:#ffb106; } .header-nav > ul > li > a:hover { color: #ffb106; } .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 #ffb106; } .header-nav ul li:hover ul li a:hover { background: #472166; color: #ffb106; } .header-nav ul li ul, .header-nav ul li:hover ul li ul { background: #601e78; } .header-nav ul li:hover ul li:hover ul { background: #472166; } .header-nav ul li a, .header-nav ul li a:visited { font-family: 'Montserrat'; font-size: 17px; font-weight: 700; letter-spacing: 0; } .header-nav ul li ul li a { font-size: 14px; } .header-top-right-nav ul li a:hover { color: #ffb106; } .header-right-nav { position: absolute; top: 65px; right: 30px; } .header-right-nav ul li a { padding: 15px 15px; font-family: 'Work Sans'; background: #f2b522; color: #000000; font-weight: 300; font-size: 1em; line-height: 18px; } .header-right-nav ul li a:hover { background: #ffffff; text-decoration: none; } .logged-in .top-right-nav-login { display: none; } body:not(.logged-in) .top-right-nav-your-projects { display: none; } .private-logged-in-menu { position: absolute; top: 65px; right: 30px; } .private-logged-in-menu ul li { float: left; margin: 0 15px 0 0; } .private-logged-in-menu ul li:last-child { margin: 0; } .private-logged-in-menu ul li a { font-family: 'Work Sans'; display: block; width: 200px; padding: 15px 15px; background: url(img/logged-in-drop-down-arrow.png) no-repeat right 50% #f2b522; background-size: 45px 89px; color: #000000; font-weight: 300; font-size: 1em; line-height: 18px; } .private-logged-in-menu ul.sub-menu { display: none; } .private-logged-in-menu ul > li:hover ul.sub-menu { display: block; } .private-logged-in-menu ul.sub-menu li a { background: #dea723; border-top: 1px solid #cf9c21; } .header-alert-bar .inner { background: none; } .module-header-alert-left { color: #fff; background: #471659; text-transform: none; font-weight: 900; letter-spacing: 0; } .header-translations { background: #601e78; } #header-banner-list li.header-banner.generic { background:url(img/banner-generic.jpg) no-repeat 50% 0 #e1d1c2; } #header-banner-list a { color: #71278a; } .generic .header-page-title, .generic #breadcrumbs li a { color: #71278a; } .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.2); } #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: 600; letter-spacing: 0; text-transform: none; } .side-nav > ul { background: #e1d7ca; } .side-nav > ul > li { border-bottom: 2px solid #ffffff; } .side-nav > ul > li > a { color: #71278a; } .side-nav > ul > li > ul > li > a { color: #71278a; padding:15px 30px 15px 45px; } .side-nav > ul > li.top-level > a { background: #71278a; color: #ffffff; } .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: #ccbdb0; } .side-nav > ul > li > ul > li { border-bottom: 2px solid #e1d1c2; } .side-nav > ul > li > ul > li > ul > li { border-bottom: 2px solid #ffffff; } .side-nav > ul > li > ul > li > ul > li:last-child { border-bottom: none; } .side-nav > ul > li > a:hover { border-left: 10px solid #71278a; 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 #71278a; padding:15px 25px 15px 25px; color: #000000; } .side-nav > ul > li.true-current-menu-ancestor > a { border-left: 10px solid #71278a; } .side-nav > ul > li > ul > li > a:hover { border-left: 10px solid #71278a; text-decoration: none; padding:15px 20px 15px 45px; } .side-nav > ul > li > ul > li.current_page_item > a { border-left: 10px solid #71278a; 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 #71278a; padding:15px 20px 15px 50px; text-decoration: none; } .side-nav > ul > li > ul > li > ul > li.current_page_item > a { border-left: 10px solid #71278a; color: #000000; padding:15px 30px 15px 55px; } #side-nav-toggle { background: #fcf0e3; } .mobile-header-nav { background: #601e78; } .mobile-header-nav-list li { border-left: 1px solid #521a66; } .mobile-header-site-list { background: #521a66; } #header-search-wrapper { background: #224d61; } .search-form .search-field { background: #e9e6e2; } .search-form .search-submit { background-color: #f2b522; } #main-footer { background: #d6bfdb; } .footer-bar { background: #71278a; color: #ffffff; } .footer-nav ul li a { font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: none; } .footer-newsletter-signup input.email { background: #ffffff; } .footer-newsletter-signup .signup-submit { background-color: #c3af96; } ol.blog-list li { border-bottom: 2px solid #ffb106; } .blog-list-thumb { background: url(img/blog-thumb.jpg) no-repeat; background-size: cover; } ol.blog-list li h4 { margin: 0 0 5px 0; } 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 #e1d1c2; } .page-numbers { width: 50px; line-height: 50px; color: #e1d1c2; margin: 30px 15px 0 0; padding: 0; } a.page-numbers { background: #ffffff; border: 2px solid #e1d1c2; } .page-numbers.current { background: #e1d1c2; border: 2px solid #e1d1c2; color: #ffffff; } .page-numbers.dots, .page-numbers.prev, .page-numbers.next { width: 50px; } /*-- EVENTS --*/ ol.event-list li { background: #e7e7e7; } ol.article-list li .event-title-wrapper h3 { font-size: 1.5em; } ol.article-list li .event-title-wrapper h3 a { color: #2c2c2c; } .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: #e7e7e7; color: #2c2c2c; border-bottom: 1px solid #ccc; text-transform: none; font-size: 15px; letter-spacing: 0; } .mainbody-copy ul.event-extra-details > li {background: #e7e7e7; color: #2c2c2c; border-bottom: 1px solid #ccc; text-transform: none; font-size: 15px; letter-spacing: 0; } .events-search-options { background: #e7e7e7; } .events-search-options .search-form .search-field { background-color: #e7e7e7; } .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.homepage { background: url(img/bg-texture.jpg) repeat-x bottom left #ffffff; margin: 0; padding: 30px 0 70px 0; } .module-button-grid { background: #e9e6e2; } .module-button-grid h2 { color: #336d85; } .module-button-grid li { background: #e7e7e7; } .module-button-grid .grid2 li { width: 48.71%; margin-right: 2.56%; height: 280px; } .module-button-grid li span.title { background: #c2ae95; text-transform: none; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 0; } .module-button-grid li span.overlay { background: #ffffff !important; transition: all 0.3s ease; } .module-button-grid li a:hover span.overlay { background: #623188 !important; } /*-- 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: #e7e7e7; padding: 0; margin: 0 0 90px 0; } .module-homepage-multicolumn .inner { padding: 30px 15px; background: #e7e7e7; } .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 #b1b1b0; } /*.module-homepage-multicolumn .tweet:nth-child(2) { display: none; }*/ .home-multi-event { border-bottom: 1px solid #b1b1b0; } .home-multi-event-date { background: #623188; border-bottom: none; } .home-multi-event-date time { color: #ffffff; text-transform: uppercase; } .home-multi-event-date time span { color: #ffffff; } .home-multi-event-date span.the-time { color: #b1b1b0; } .home-multi-event-date span.the-time span { color: #ffffff; } .home-multi-blog-item { border-bottom: 1px solid #b1b1b0; } .module-homepage-multicolumn .tweet { border-bottom: 1px solid #b1b1b0; } .module-homepage-multicolumn .tweet_text, .module-homepage-multicolumn .tweet_media { background: #ffffff; } .module-homepage-multicolumn .tweet_text a { font-weight: 400; } .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; } .home-multi-blog-details img { width: 100%; height: auto; margin: 0 0 10px 0; } .home-multi-blog-item h3 { border-bottom: none; padding: 0; margin: 0 0 20px 0; } .home-multi-event-details h3 { font-size: 18px; border-bottom: none; } /* SHOWCASE PAGE MODULE */ .module-showcase-page .inner { background: #d4d4d4; } .module-showcase-page h3 { margin: 0; border-bottom: none; } .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: 'Work Sans'; text-transform: none; letter-spacing: 0; max-width: 320px; } /* OUTREACH INTRO MODULE */ .module-outreach-intro-btn { padding: 186px 100px 0 70px; display: block; background-color: #e7e7e7; min-height: 424px; background-repeat: no-repeat !important; } .module-outreach-intro-btn .mini-title { display: block; text-transform: uppercase; font-size: 16px; color: #2c2c2c; font-weight: 300; margin: 0 0 15px 0; } .module-outreach-intro-btn .title { display: block; font-size: 30px; line-height: 42px; font-weight: 700; margin: 0 0 15px 0; } .module-outreach-intro-btn .btn { display: inline-block; background: #623188; color: #ffffff; font-size: 18px; padding: 12px; } /* PROJECTS */ .project-list { margin: 30px 0 0 0; } .project-list li { background: #e1d1c2; margin: 0 0 30px 0; padding: 25px; } .project-list-left { } .project-list-left img { width: 100%; height: auto; } .project-list-left .blog-list-thumb { min-height: 324px; } .project-list-right { padding: 0 60px 0 0; } .project-list-right h3 { border-bottom: 2px solid #ffb106; } .project-list-right h3 a { color: #2c2c2c; } .single-project .header-page-title, .page-template-template-my-projects .header-page-title { padding: 0 30px 0 24px; position: absolute; bottom: 60px; left: 0; right: 0; } .single-project .header-page-title h1, .page-template-template-my-projects .header-page-title h1 { font-size: 54px; } .single-project .generic .header-page-title, .single-project .generic #breadcrumbs li a, .generic.private .header-page-title, .generic.private #breadcrumbs li a { color: #ffffff !important; } .single-project #breadcrumbs li { text-transform: uppercase; } .page-template-template-my-projects #breadcrumbs li { display: none; } #header-banner-list li.header-banner.generic.private { background:url(img/banner-generic-private-project.jpg) no-repeat 50% 0 #e1d1c2; } #header-banner-list li.header-banner.generic.private img { display: none; } .project-row-0 { margin: 0 0 40px 0; } .project-row-0 .inner { background: #e7e7e7; padding: 20px 24px; } .project-row-0 .inner p { margin: 0; } .project-row-1 { background: #ffffff; margin: 0 0 60px 0; font-size: 1em; line-height: 1.8em; } .project-row-1 ul { margin: 0 0 20px 0; } .project-row-1 ul, .project-row-1 ol { margin: 0 0 24px 0; } .project-row-1 ul ul, .project-row-1 ol ol { margin: 16px 0 0 0; } .project-row-1 ul > li, .project-row-1 ol > li { text-indent: 0; padding: 0; list-style: disc; margin: 0 0 15px 20px; } .project-row-2 { background: #e7e7e7; } .project-row-3 { background: #ede7df; } .project-row-4 { background: #ffffff; } .project-row-5 { margin: 60px 0 40px 0; } .project-row-5 .inner { background: #e7e7e7; padding: 20px 24px; } .project-row-5 .inner p { margin: 0; } .project-partners { padding: 40px 0 20px 0; margin: 0 0 60px 0; } .project-partners ul li { margin-bottom: 30px; } .project-partner-image { display: block; width: 100%; height: 170px; background-color: #ffffff; background-size: contain !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; } .project-partner-caption { display: block; width: 100%; background: #f2b522; padding: 10px 14px 0 14px; min-height: 60px; color: #2a2a2a; font-weight: 700; line-height: 20px; } .project-gallery { padding: 40px 0 20px 0; margin: 0 0 40px 0; } .project-gallery ul.gallery-list { clear: both; } .project-gallery ul.gallery-list li { margin-bottom: 30px; } .project-gallery ul.gallery-list li a { display: block; background: #c2ae95; height: 170px; text-align: center; line-height: 170px; color: #2c2c2c; text-transform: uppercase; } .project-gallery ul.gallery-list li:nth-child(6), .project-gallery ul.gallery-list li:nth-child(12), .project-gallery ul.gallery-list li:nth-child(18) { margin-right: 0; } .project-gallery-image { display: block; width: 100%; height: 170px; background: #ffffff; } .project-gallery .upload-image { position: absolute; top: 0; right: 0; padding: 8px 20px; background: #623188; color: #ffffff; } .image-upload-form-box { display: none; padding: 20px; background: #ffffff; margin: 0 0 30px 0; } .project-private-row-1 { background: #ffffff; padding: 0; margin: 0 0 60px 0; } .project-private-row-2 { background: #fcf0d3; padding: 40px 0 60px 0; margin: 0 0 60px 0; } ul.project-index { border-top: 2px solid #fde1c9; } ul.project-index li { border-bottom: 2px solid #fde1c9; } ul.project-index li a { display: block; background: #fdf2ea; font-weight: 400; color: #fc7c00; padding: 16px 32px; } .project-files ul li { background: #fef8e9; padding: 8px; margin: 0 0 2px 0; } .project-files ul li span { display: block; float: left; line-height: 43px; } .project-files ul li span.p-file-icon { width: 7.69%; } .project-files ul li span.p-file-extension { width: 53px; height: 45px; background: #ef7f2d; font-weight: 600; text-align: center; letter-spacing: -1px; text-transform: uppercase; } .project-files ul li.pdf span.p-file-extension, .project-files ul li.ppt span.p-file-extension, .project-files ul li.doc span.p-file-extension { background: #f2b522; } .project-files ul li.png span.p-file-extension, .project-files ul li.gif span.p-file-extension, .project-files ul li.jpeg span.p-file-extension, .project-files ul li.jpg span.p-file-extension { background: #ef7f2d; } .project-files ul li.mov span.p-file-extension, .project-files ul li.mp4 span.p-file-extension, .project-files ul li.mpg span.p-file-extension, .project-files ul li.wmv span.p-file-extension, .project-files ul li.mpeg span.p-file-extension { background: #88bfa5; } .project-files ul li span.p-file-name { width: 51.28%; font-weight: 600; } .project-files ul li span.p-file-upload-date { width: 24.78%; } .project-files ul li span.p-file-download { width: 16.25%; } .project-files ul li span.p-file-download a { width: 100%; display: block; text-align: center; border: 1px solid #bebab0; color: #2c2c2c; text-transform: uppercase; -webkit-transition: background 0.3s ease-in-out 0s; -moz-transition: background 0.3s ease-in-out 0s; -o-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s; } .project-files ul li span.p-file-download a:hover { background: #ffffff; text-decoration: none; } .project-files .upload-file { position: absolute; top: 0; right: 0; padding: 8px 20px; background: #623188; color: #ffffff; } .file-upload-form-box { display: none; padding: 20px; background: #ffffff; margin: 0 0 30px 0; } .project-private-row-4 { background: #e7e7e7; padding: 40px 0 60px 0; margin: 0 0 60px 0; } .project-forum .new-forum-topic { position: absolute; top: 0; right: 0; padding: 8px 20px; background: #623188; color: #ffffff; } .project-forum .bbp-topic-form { display: none; } .project-forum .submit-the-form { display: inline-block; padding: 8px 20px; background: #623188; color: #ffffff; } /* PARTNERS */ ol.partner-list li { margin: 0 0 45px 0; padding: 0 0 45px 0; border-bottom: 2px solid #ffb106; } ol.partner-list li p { } ol.partner-list li h4 { padding: 0; margin: 0 0 10px 0; } ol.partner-list li img { width: 100%; height: auto; max-height: 150px; position: relative; top: 50%; transform: translateY(-50%); } .partner-logo { display: block; width: 100%; height: 90px; background-size: contain !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; } ol.partner-list li time { display: block; margin: 0 0 5px 0; } .partner-list-left { float: left; width: 42.52%; background: #e1d1c2; padding: 60px; height: 210px; } .partner-list-right { float: right; width: 54.48%; padding: 5px 0 0 0; } /* INTERACTIVE PAGE */ .page-template-template-interactive .level0#main-header { height: 170px; } .page-template-template-interactive .level0 #header-banner-area { height: 170px; overflow: hidden; } .page-template-template-interactive .mainbody-content { margin: 0 0 24px 0; } .mainbody-interactive { padding: 0 60px; } .interactive-wrapper { background: #ececec; width: 100%; padding-bottom: 56.25%; } #gameCanvas { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; background: yellow; } /* LIVE STREAM PAGES */ .spx-list li.live-featured { background: #e7e7e7; } .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: #f2b522; color: #2a2a2a; font-size: 0.9em; } .spx-list li.live-featured a.btn-live:hover { background: #fff; } .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: 600; } .spx-list li.live-small p.action-btns { font-size: 1em; } .spx-list li.live-small a.btn-live { background: #ececec; color: #2a2a2a; font-size: 0.9em; } .spx-list li.live-small a.btn-live:hover { background: #f2b522; } /* --------------------------------------------------- */ /* JR - SPEKTRIX UPDATE START */ /* --------------------------------------------------- */ .header-bar .col2 { width: 13%; } .header-bar .col10 { width: 86%; } .header-masthead { padding: 10px 30px 10px 10px; } .header-masthead a:hover { color: #ffb106; } .header-masthead-site-nav li.current_site a { color: #ffb106; } .spx-filters { background: #e7e7e7; } .spxEventOptionDropdown { background: url(img/dropdown-arrow.png) top right no-repeat #ffffff; background-size: 42px 42px; } .spx-separator { background: #ffb106; } .spx-event-details { background: #e7e7e7; } .spx-all-dates-times { background: #e7e7e7; } .spx-event-details a, .spx-all-dates-times li a { background: #f2b522; color: #2a2a2a; letter-spacing: 0; } .header-donations-wrapper { background: #471659; } .header-donations-wrapper button:hover, .header-donations-wrapper button:focus { background: #f2b522; } .header-donations-wrapper button.donate { background: #f2b522; } .header-donations-wrapper button.donate:hover, .header-donations-wrapper button.donate:focus { background: #f2b522; color: #2a2a2a; } .header-donations-wrapper input::-webkit-input-placeholder { color: #a38bac; } .header-donations-wrapper input::-moz-placeholder { color: #a38bac; } .header-donations-wrapper input:-ms-input-placeholder { color: #a38bac; } .header-donations-wrapper input:-moz-placeholder { color: #a38bac; } .header-donations-wrapper input::placeholder { color: #a38bac; } .spx-signup-form .spx-signup-submit, .spx-signup-form .spx-signup-next { padding: 10px 15px; margin: 0; width: auto; height: 50px; background: #623188; color: #ffffff; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; outline: 0; border: none; } .spx-signup-form .spx-signup-header h3 { font-size: 16px; border-bottom: 2px solid #f2b522; color: #623188; padding: 0 0 10px 0; margin: 0 0 15px 0; } .spx-signup-form .spx-contact-prefs h3 { font-size: 16px; border-bottom: 2px solid #f2b522; color: #623188; padding: 0 0 10px 0; margin: 15px 0 30px 0; } .spx-signup-form .spx-tag-groups h3 { font-size: 16px; border-bottom: 1px solid #f2b522; color: #623188; 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; } @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; } } .footer-spx-newsletter .chets-mailing-signup-tag-groups-spinner { background-color: #541d67; } .footer-spx-newsletter .spx-signup-feedback { background-color: #541d67; } .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: #541d67; } .footer-spx-newsletter .spx-signup-form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a385ad; } .footer-spx-newsletter .spx-signup-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #a385ad; } .footer-spx-newsletter .spx-signup-form input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #a385ad; } .footer-spx-newsletter .spx-signup-form input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #a385ad; } .video-container-outer { margin: 0 0 30px 0; padding: 0; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1200px; margin: 0 auto; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } @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; } .mainbody-interactive { padding: 0; } } @media screen and (max-width:1170px) { .page-template-template-interactive .level0#main-header { height: auto !important; overflow:auto; } .page-template-template-interactive #header-banner-area { display: none; } } @media screen and (max-width:768px) { .header-logo h1 a { background-size: 44px 44px; } } @media screen and (max-width:1170px) and (min-width:769px) { .header-logo h1 a { background-size: 75px 75px; } } @media screen and (max-width:700px) { #main-footer { background: #601e78; } .footer-bar { background: none; } .mainbody-copy { background: none; padding-left: 0; } }