@charset "UTF-8"; /** * @file * Styles are organized using the SMACSS technique. @see http://smacss.com/book/ * * When you turn on CSS aggregation at admin/config/development/performance, all * of these @include files will be combined into a single file. */ /* Import Sass mixins, variables, Compass modules, etc. */ /* --- Typography Mixins ----------------------------------------------------------- */ /* --- Image Mixins ---------------------------------------------------------------- */ /* --- Developer Mixins ------------------------------------------------------------ */ /* --- Placeholders ------------------------------------------------------------ */ .follow .social-links li a, .apps .app-links li a, .page-bios .view-bios-landing .views-row div[class*="-url"] a, .node-type-biography .node .field-type-url a { display: block; height: 36px; width: 36px; text-indent: -9999em; } .page-news .item-list .pager, .page-search #content .item-list .pager, .section-store .view-commerce-store .item-list .pager, .page-blog .view-blog-landing .item-list .pager, .blog-main-page .item-list .pager, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager, #content #block-views-episode-schedule-block-1 .item-list .pager, #content #block-views-episode-schedule-block-3 .item-list .pager, #content #block-views-episode-schedule-block-4 .item-list .pager, #content #block-views-episode-schedule-block-5 .item-list .pager, #content #block-views-episode-schedule-block-6 .item-list .pager, #content #block-views-episode-schedule-block-7 .item-list .pager, #content #block-views-episode-schedule-block-8 .item-list .pager, #content #block-views-episode-schedule-block-9 .item-list .pager, #content #block-views-episode-schedule-block-10 .item-list .pager, #content #block-views-episode-schedule-block-11 .item-list .pager, #content #block-views-episode-schedule-block-12 .item-list .pager, #content #block-views-episode-schedule-block-13 .item-list .pager, .view-episode-search .item-list .pager, #content #block-views-exp-episode-search-page .item-list .pager, .page-magazine .view-magazine-landing .item-list .pager { float: right; margin: 0; padding: 10px 18px; } .page-news .item-list .pager li, .page-search #content .item-list .pager li, .section-store .view-commerce-store .item-list .pager li, .page-blog .view-blog-landing .item-list .pager li, .blog-main-page .item-list .pager li, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager li, #content #block-views-episode-schedule-block-1 .item-list .pager li, #content #block-views-episode-schedule-block-3 .item-list .pager li, #content #block-views-episode-schedule-block-4 .item-list .pager li, #content #block-views-episode-schedule-block-5 .item-list .pager li, #content #block-views-episode-schedule-block-6 .item-list .pager li, #content #block-views-episode-schedule-block-7 .item-list .pager li, #content #block-views-episode-schedule-block-8 .item-list .pager li, #content #block-views-episode-schedule-block-9 .item-list .pager li, #content #block-views-episode-schedule-block-10 .item-list .pager li, #content #block-views-episode-schedule-block-11 .item-list .pager li, #content #block-views-episode-schedule-block-12 .item-list .pager li, #content #block-views-episode-schedule-block-13 .item-list .pager li, .view-episode-search .item-list .pager li, #content #block-views-exp-episode-search-page .item-list .pager li, .page-magazine .view-magazine-landing .item-list .pager li { color: #727272; background: #f3f3f3; display: inline-block; padding: 0; height: 1.5em; width: 1.5em; line-height: 1.33; border: 1px solid #bfbfbf; position: relative; font-size: 14px; font-size: 1.4rem; } .page-news .item-list .pager li a, .page-search #content .item-list .pager li a, .section-store .view-commerce-store .item-list .pager li a, .page-blog .view-blog-landing .item-list .pager li a, .blog-main-page .item-list .pager li a, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager li a, #content #block-views-episode-schedule-block-1 .item-list .pager li a, #content #block-views-episode-schedule-block-3 .item-list .pager li a, #content #block-views-episode-schedule-block-4 .item-list .pager li a, #content #block-views-episode-schedule-block-5 .item-list .pager li a, #content #block-views-episode-schedule-block-6 .item-list .pager li a, #content #block-views-episode-schedule-block-7 .item-list .pager li a, #content #block-views-episode-schedule-block-8 .item-list .pager li a, #content #block-views-episode-schedule-block-9 .item-list .pager li a, #content #block-views-episode-schedule-block-10 .item-list .pager li a, #content #block-views-episode-schedule-block-11 .item-list .pager li a, #content #block-views-episode-schedule-block-12 .item-list .pager li a, #content #block-views-episode-schedule-block-13 .item-list .pager li a, .view-episode-search .item-list .pager li a, #content #block-views-exp-episode-search-page .item-list .pager li a, .page-magazine .view-magazine-landing .item-list .pager li a { background-color: transparent; background-position: center center; background-repeat: no-repeat; color: #727272; text-decoration: none; display: block; font-size: 14px; font-size: 1.4rem; } .page-news .item-list .pager .pager-first, .page-search #content .item-list .pager .pager-first, .section-store .view-commerce-store .item-list .pager .pager-first, .page-blog .view-blog-landing .item-list .pager .pager-first, .blog-main-page .item-list .pager .pager-first, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-first, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-first, .view-episode-search .item-list .pager .pager-first, #content #block-views-exp-episode-search-page .item-list .pager .pager-first, .page-magazine .view-magazine-landing .item-list .pager .pager-first, .page-news .item-list .pager .pager-last, .page-search #content .item-list .pager .pager-last, .section-store .view-commerce-store .item-list .pager .pager-last, .page-blog .view-blog-landing .item-list .pager .pager-last, .blog-main-page .item-list .pager .pager-last, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-last, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-last, .view-episode-search .item-list .pager .pager-last, #content #block-views-exp-episode-search-page .item-list .pager .pager-last, .page-magazine .view-magazine-landing .item-list .pager .pager-last, .page-news .item-list .pager .pager-ellipsis, .page-search #content .item-list .pager .pager-ellipsis, .section-store .view-commerce-store .item-list .pager .pager-ellipsis, .page-blog .view-blog-landing .item-list .pager .pager-ellipsis, .blog-main-page .item-list .pager .pager-ellipsis, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-ellipsis, .view-episode-search .item-list .pager .pager-ellipsis, #content #block-views-exp-episode-search-page .item-list .pager .pager-ellipsis, .page-magazine .view-magazine-landing .item-list .pager .pager-ellipsis { display: none; } .page-news .item-list .pager .pager-first a, .page-search #content .item-list .pager .pager-first a, .section-store .view-commerce-store .item-list .pager .pager-first a, .page-blog .view-blog-landing .item-list .pager .pager-first a, .blog-main-page .item-list .pager .pager-first a, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-first a, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-first a, .view-episode-search .item-list .pager .pager-first a, #content #block-views-exp-episode-search-page .item-list .pager .pager-first a, .page-magazine .view-magazine-landing .item-list .pager .pager-first a { /*background-image: url(../images/icons/first.png); background-size: contain; text-indent: -9999em; width: 34px;*/ } .page-news .item-list .pager .pager-previous a, .page-search #content .item-list .pager .pager-previous a, .section-store .view-commerce-store .item-list .pager .pager-previous a, .page-blog .view-blog-landing .item-list .pager .pager-previous a, .blog-main-page .item-list .pager .pager-previous a, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-previous a, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-previous a, .view-episode-search .item-list .pager .pager-previous a, #content #block-views-exp-episode-search-page .item-list .pager .pager-previous a, .page-magazine .view-magazine-landing .item-list .pager .pager-previous a { /*background-image: url(../images/icons/previous.png); background-size: contain; text-indent: -9999em; width: 17px;*/ } .page-news .item-list .pager .pager-next a, .page-search #content .item-list .pager .pager-next a, .section-store .view-commerce-store .item-list .pager .pager-next a, .page-blog .view-blog-landing .item-list .pager .pager-next a, .blog-main-page .item-list .pager .pager-next a, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-next a, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-next a, .view-episode-search .item-list .pager .pager-next a, #content #block-views-exp-episode-search-page .item-list .pager .pager-next a, .page-magazine .view-magazine-landing .item-list .pager .pager-next a { /*background-image: url(../images/icons/next.png); background-size: contain; text-indent: -9999em; width: 17px;*/ } .page-news .item-list .pager .pager-last a, .page-search #content .item-list .pager .pager-last a, .section-store .view-commerce-store .item-list .pager .pager-last a, .page-blog .view-blog-landing .item-list .pager .pager-last a, .blog-main-page .item-list .pager .pager-last a, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-last a, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-last a, .view-episode-search .item-list .pager .pager-last a, #content #block-views-exp-episode-search-page .item-list .pager .pager-last a, .page-magazine .view-magazine-landing .item-list .pager .pager-last a { /*background-image: url(../images/icons/last.png); background-size: contain; text-indent: -9999em; width: 34px;*/ } .page-news .item-list .pager .pager-first, .page-search #content .item-list .pager .pager-first, .section-store .view-commerce-store .item-list .pager .pager-first, .page-blog .view-blog-landing .item-list .pager .pager-first, .blog-main-page .item-list .pager .pager-first, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-first, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-first, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-first, .view-episode-search .item-list .pager .pager-first, #content #block-views-exp-episode-search-page .item-list .pager .pager-first, .page-magazine .view-magazine-landing .item-list .pager .pager-first, .page-news .item-list .pager .pager-previous, .page-search #content .item-list .pager .pager-previous, .section-store .view-commerce-store .item-list .pager .pager-previous, .page-blog .view-blog-landing .item-list .pager .pager-previous, .blog-main-page .item-list .pager .pager-previous, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-previous, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-previous, .view-episode-search .item-list .pager .pager-previous, #content #block-views-exp-episode-search-page .item-list .pager .pager-previous, .page-magazine .view-magazine-landing .item-list .pager .pager-previous, .page-news .item-list .pager .pager-next, .page-search #content .item-list .pager .pager-next, .section-store .view-commerce-store .item-list .pager .pager-next, .page-blog .view-blog-landing .item-list .pager .pager-next, .blog-main-page .item-list .pager .pager-next, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-next, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-next, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-next, .view-episode-search .item-list .pager .pager-next, #content #block-views-exp-episode-search-page .item-list .pager .pager-next, .page-magazine .view-magazine-landing .item-list .pager .pager-next, .page-news .item-list .pager .pager-last, .page-search #content .item-list .pager .pager-last, .section-store .view-commerce-store .item-list .pager .pager-last, .page-blog .view-blog-landing .item-list .pager .pager-last, .blog-main-page .item-list .pager .pager-last, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-last, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-last, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-last, .view-episode-search .item-list .pager .pager-last, #content #block-views-exp-episode-search-page .item-list .pager .pager-last, .page-magazine .view-magazine-landing .item-list .pager .pager-last, .page-news .item-list .pager .pager-ellipsis, .page-search #content .item-list .pager .pager-ellipsis, .section-store .view-commerce-store .item-list .pager .pager-ellipsis, .page-blog .view-blog-landing .item-list .pager .pager-ellipsis, .blog-main-page .item-list .pager .pager-ellipsis, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-1 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-3 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-4 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-5 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-6 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-7 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-8 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-9 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-10 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-11 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-12 .item-list .pager .pager-ellipsis, #content #block-views-episode-schedule-block-13 .item-list .pager .pager-ellipsis, .view-episode-search .item-list .pager .pager-ellipsis, #content #block-views-exp-episode-search-page .item-list .pager .pager-ellipsis, .page-magazine .view-magazine-landing .item-list .pager .pager-ellipsis { padding: 0 .5em; width: auto; } .page-news .item-list .pager .ajax-progress, .page-search #content .item-list .pager .ajax-progress, .section-store .view-commerce-store .item-list .pager .ajax-progress, .page-blog .view-blog-landing .item-list .pager .ajax-progress, .blog-main-page .item-list .pager .ajax-progress, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-1 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-3 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-4 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-5 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-6 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-7 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-8 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-9 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-10 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-11 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-12 .item-list .pager .ajax-progress, #content #block-views-episode-schedule-block-13 .item-list .pager .ajax-progress, .view-episode-search .item-list .pager .ajax-progress, #content #block-views-exp-episode-search-page .item-list .pager .ajax-progress, .page-magazine .view-magazine-landing .item-list .pager .ajax-progress { position: absolute; left: 0; } /* --- Extends ------------------------------------------------------------ */ /* HTML element (SMACSS base) rules */ /** * @file * Normalize.css is intended to be used as an alternative to CSS resets. * * This file is a slight fork of these original sources: * - normalize.css v2.1.2 | MIT License | git.io/normalize * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass * * It's suggested that you read the normalize.scss file and customise it to meet * your needs, rather then including the file in your project and overriding the * defaults later in your CSS. * @see http://nicolasgallagher.com/about-normalize-css/ * * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ * @see http://snook.ca/archives/html_and_css/no_css_reset/ */ /** * HTML5 display definitions */ /* Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Address styling not present in IE 8/9. */ [hidden] { display: none; } /** * Base * * Instead of relying on the fonts that are available on a user's computer, you * can use web fonts which, like images, are resources downloaded to the user's * browser. Because of the bandwidth and rendering resources required, web fonts * should be used with care. * * Numerous resources for web fonts can be found on Google. Here are a few * websites where you can find Open Source fonts to download: * - http://www.fontsquirrel.com/fontface * - http://www.theleagueofmoveabletype.com * * In order to use these fonts, you will need to convert them into formats * suitable for web fonts. We recommend the free-to-use Font Squirrel's * Font-Face Generator: * http://www.fontsquirrel.com/fontface/generator * * The following is an example @font-face declaration. This font can then be * used in any ruleset using a property like this: font-family: Example, serif; * * Since we're using Sass, you'll need to declare your font faces here, then you * can add them to the font variables in the _base.scss partial. */ /* @font-face { font-family: 'Example'; src: url('../fonts/example.eot'); src: url('../fonts/example.eot?iefix') format('eot'), url('../fonts/example.woff') format('woff'), url('../fonts/example.ttf') format('truetype'), url('../fonts/example.svg#webfontOkOndcij') format('svg'); font-weight: normal; font-style: normal; } */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: "Lato", "Arial", "Helvetica", "Lucida Grande", "Gill Sans", "Verdana", sans-serif; /* 1 */ font-size: 62.5%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ line-height: 1.5em; } /* Remove default margin. */ body { margin: 0; padding: 0; } /** * Links * * The order of link states are based on Eric Meyer's article: * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */ /* Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * Typography * * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins * so that the line height of our base font becomes the basic unit of vertical * measurement. We use multiples of that unit to set the top and bottom margins * for our block level elements and to set the line heights of any fonts. * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm */ /* Set 1 unit of vertical rhythm on the top and bottom margin. */ p, pre { margin: 1.5em 0; } blockquote { /* Also indent the quote on both sides. */ margin: 1.5em 30px; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2.2em; line-height: 1.36364em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.68182em; margin-bottom: 0.68182em; } h2 { font-size: 2em; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 0.75em; } h3 { font-size: 1.8em; line-height: 1.66667em; margin-top: 0.83333em; margin-bottom: 0.83333em; } h4 { font-size: 1.6em; line-height: 1.875em; margin-top: 0.9375em; margin-bottom: 0.9375em; } h5 { font-size: 1.4em; line-height: 2.14286em; margin-top: 1.07143em; margin-bottom: 1.07143em; } h6 { font-size: 1.2em; line-height: 2.5em; margin-top: 1.25em; margin-bottom: 1.25em; } /* Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; border: 1px solid #666; padding-bottom: -1px; margin: 1.5em 0; } /* Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp, tt, var { font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; font-size: 1em; line-height: 1.5em; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /** * Lists */ dl, menu, ol, ul { /* Address margins set differently in IE 6/7. */ margin: 1.5em 0; } ol ol, ol ul, ul ol, ul ul { /* Turn off margins on nested lists. */ margin: 0; } dd { margin: 0 0 0 30px; /* LTR */ } /* Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 30px; /* LTR */ } /** * Embedded content and figures * * @todo Look into adding responsive embedded video. */ img { /* Remove border when inside `a` element in IE 8/9. */ border: 0; /* Suppress the space beneath the baseline */ /* vertical-align: bottom; */ /* Responsive images */ max-width: 100%; /* Correct IE 8 not scaling image height when resized. */ width: auto; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /** * Forms */ /* Define consistent border, margin, and padding. */ fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; border-top-width: 0.1em; border-top-style: solid; padding-top: 0.425em; border-bottom-width: 0.1em; border-bottom-style: solid; padding-bottom: 0.875em; border-left-width: 0.1em; border-left-style: solid; padding-left: 0.875em; border-right-width: 0.1em; border-right-style: solid; padding-right: 0.875em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. * 4. Improve appearance and consistency with IE 6/7. * 5. Keep form elements constrained in their containers. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ max-width: 100%; /* 5 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 5 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* Drupal-style form labels. */ label { display: block; font-weight: bold; } /** * Tables */ table { /* Remove most spacing between table cells. */ border-collapse: collapse; border-spacing: 0; /* Prevent cramped-looking tables */ /* width: 100%; */ /* Add vertical rhythm margins. */ margin-top: 1.5em; margin-bottom: 1.5em; } /* Layout rules */ /** * @file * Positioning for a responsive layout. * * Define CSS classes to create a fluid grid layout with optional sidebars * depending on whether blocks are placed in the left or right sidebars. * * This layout uses the Zen Grids plugin for Compass: http://zengrids.com */ /** * Center the page. * * For screen sizes larger than 1200px, prevent excessively long lines of text * by setting a max-width. */ #page, .region-bottom { margin-left: auto; margin-right: auto; max-width: 1200px; } /* Apply the shared properties of grid items in a single, efficient ruleset. */ #header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } /* Containers for grid items and flow items. */ #header:before, #header:after, #main:before, #main:after, #footer:before, #footer:after { content: ""; display: table; } #header:after, #main:after, #footer:after { clear: both; } /* Navigation bar */ @media all and (min-width: 480px) { #main { /* Move all the children of #main down to make room. */ padding-top: 3em; position: relative; } #navigation { /* Move the navbar up inside #main's padding. */ position: absolute; top: 0; height: 3em; width: 100%; } } /** * Use 3 grid columns for smaller screens. */ @media all and (min-width: 480px) and (max-width: 959px) { /** * The layout when there is only one sidebar, the left one. */ .sidebar-first { /* Span 2 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ } .sidebar-first #content { float: left; width: 200%; margin-left: 100%; margin-right: -300%; } .sidebar-first .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } /** * The layout when there is only one sidebar, the right one. */ .sidebar-second { /* Span 2 columns, starting in 1st column from left. */ /* Span 1 column, starting in 3rd column from left. */ } .sidebar-second #content { float: left; width: 200%; margin-left: 0%; margin-right: -200%; } .sidebar-second .region-sidebar-second { float: left; width: 100%; margin-left: 200%; margin-right: -300%; } /** * The layout when there are two sidebars. */ .two-sidebars { /* Span 2 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ /* Start a new row and span all 3 columns. */ } .two-sidebars #content { float: left; width: 200%; margin-left: 100%; margin-right: -300%; } .two-sidebars .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } .two-sidebars .region-sidebar-second { float: left; width: 300%; margin-left: 0%; margin-right: -300%; padding-left: 0; padding-right: 0; clear: left; /* Apply the shared properties of grid items in a single, efficient ruleset. */ /* Span 1 column, starting in the 1st column from left. */ /* Span 1 column, starting in the 2nd column from left. */ /* Span 1 column, starting in the 3rd column from left. */ } .two-sidebars .region-sidebar-second .block { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { float: left; width: 100%; margin-left: 0%; margin-right: -100%; clear: left; } .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { float: left; width: 100%; margin-left: 100%; margin-right: -200%; } .two-sidebars .region-sidebar-second .block:nth-child(3n) { float: left; width: 100%; margin-left: 200%; margin-right: -300%; } } /** * Use 5 grid columns for larger screens. */ @media all and (min-width: 960px) { /** * The layout when there is only one sidebar, the left one. */ .sidebar-first { /* Span 4 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ } .sidebar-first #content { float: left; width: 400%; margin-left: 100%; margin-right: -500%; } .sidebar-first .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } /** * The layout when there is only one sidebar, the right one. */ .sidebar-second { /* Span 4 columns, starting in 1st column from left. */ /* Span 1 column, starting in 5th column from left. */ } .sidebar-second #content { float: left; width: 400%; margin-left: 0%; margin-right: -400%; } .sidebar-second .region-sidebar-second { float: left; width: 100%; margin-left: 400%; margin-right: -500%; } /** * The layout when there are two sidebars. */ .two-sidebars { /* Span 3 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ /* Span 1 column, starting in 5th column from left. */ } .two-sidebars #content { float: left; width: 300%; margin-left: 100%; margin-right: -400%; } .two-sidebars .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } .two-sidebars .region-sidebar-second { float: left; width: 100%; margin-left: 400%; margin-right: -500%; } } /* Component (SMACSS module) rules */ /** * @file * SMACSS Modules * * Adds modular sets of styles. * * Additional useful selectors can be found in Zen's online documentation. * https://drupal.org/node/1707736 */ /** * Wireframes. */ .with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom { outline: 1px solid #ccc; } /** * Accessibility features. */ /* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .element-invisible, .element-focusable, #navigation .block-menu .block__title, #navigation .block-menu-block .block__title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* Turns off the element-invisible effect. */ .element-focusable:active, .element-focusable:focus { position: static !important; clip: auto; height: auto; width: auto; overflow: auto; } /* * The skip-link link will be completely hidden until a user tabs to the link. */ #skip-link { margin: 0; } #skip-link a, #skip-link a:visited { display: block; width: 100%; padding: 2px 0 3px 0; text-align: center; background-color: #666; color: #fff; } /** * Branding header. */ /* Wrapping link for logo. */ .header__logo { float: left; /* LTR */ margin: 0; padding: 0; } /* Logo image. */ .header__logo-image { vertical-align: bottom; } /* Wrapper for website name and slogan. */ .header__name-and-slogan { float: left; } /* The name of the website. */ .header__site-name { margin: 0; font-size: 2.2em; line-height: 1.36364em; } /* The link around the name of the website. */ .header__site-link:link, .header__site-link:visited { color: #000; text-decoration: none; } .header__site-link:hover, .header__site-link:focus { text-decoration: underline; } /* The slogan (or tagline) of a website. */ .header__site-slogan { margin: 0; } /* The secondary menu (login, etc.) */ .header__secondary-menu { float: right; /* LTR */ } /* Wrapper for any blocks placed in the header region. */ .header__region { /* Clear the logo. */ clear: both; } /** * Navigation bar. */ #navigation { /* Sometimes you want to prevent overlapping with main div. */ /* overflow: hidden; */ /* Main menu and secondary menu links and menu block links. */ } #navigation .block { margin-bottom: 0; } #navigation .links, #navigation .menu { margin: 0; padding: 0; text-align: left; /* LTR */ } #navigation .links li, #navigation .menu li { /* A simple method to get navigation links to appear in one line. */ float: left; /* LTR */ padding: 0 10px 0 0; /* LTR */ list-style-type: none; list-style-image: none; } /** * Breadcrumb navigation. */ .breadcrumb ol { margin: 0; padding: 0; } .breadcrumb li { display: inline; list-style-type: none; margin: 0; padding: 0; } /** * Titles. */ .page__title, .node__title, .block__title, .comments__title, .comments__form-title, .comment__title { /* Comment title. */ margin: 0; } /** * Messages. */ .messages, .messages--status, .messages--warning, .messages--error { margin: 1.5em 0; padding: 10px 10px 10px 50px; /* LTR */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII='); background-position: 8px 8px; /* LTR */ background-repeat: no-repeat; border: 1px solid #be7; } .messages--warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC'); border-color: #ed5; } .messages--error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg=='); border-color: #ed541d; } .messages__list { margin: 0; } .messages__item { list-style-image: none; } /* Core/module installation error messages. */ .messages--error p.error { color: #333; } /* System status report. */ .ok, .messages--status { background-color: #f8fff0; color: #234600; } .warning, .messages--warning { background-color: #fffce5; color: #840; } .error, .messages--error { background-color: #fef5f1; color: #8c2e0b; } /** * Tabs. */ /* Basic positioning styles shared by primary and secondary tabs. */ .tabs-primary, .tabs-secondary { overflow: hidden; *zoom: 1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, #bbbbbb), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(bottom, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); background-image: -webkit-linear-gradient(bottom, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); background-image: linear-gradient(to top, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); /* IE 9 and earlier don't understand gradients. */ list-style: none; border-bottom: 1px solid #bbb \0/ie; margin: 1.5em 0; padding: 0 2px; white-space: nowrap; } .tabs-primary__tab, .tabs-primary__tab.is-active, .tabs-secondary__tab, .tabs-secondary__tab.is-active { float: left; /* LTR */ margin: 0 3px; } a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active, a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active { border: 1px solid #e9e9e9; border-right: 0; border-bottom: 0; display: block; line-height: 1.5em; text-decoration: none; } /* Primary tabs. */ .tabs-primary__tab, .tabs-primary__tab.is-active { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; text-shadow: 1px 1px 0 #fff; border: 1px solid #bbb; border-bottom-color: transparent; /* IE 9 and earlier don't understand gradients. */ border-bottom: 0 \0/ie; } .tabs-primary__tab.is-active { border-bottom-color: #fff; } a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #333; background-color: #dedede; letter-spacing: 1px; padding: 0 1em; text-align: center; } a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus { background-color: #e9e9e9; border-color: #f2f2f2; } a.tabs-primary__tab-link:active, a.tabs-primary__tab-link.is-active { background-color: transparent; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0))); background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); border-color: #fff; } /* Secondary tabs. */ .tabs-secondary { font-size: .9em; /* Collapse bottom margin of ul.primary. */ margin-top: -1.5em; } .tabs-secondary__tab, .tabs-secondary__tab.is-active { margin: 0.75em 3px; } a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active { -webkit-border-radius: 0.75em; border-radius: 0.75em; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; text-shadow: 1px 1px 0 #fff; background-color: #f2f2f2; color: #666; padding: 0 .5em; } a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus { background-color: #dedede; border-color: #999; color: #333; } a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active { text-shadow: 1px 1px 0 #333; background-color: #666; border-color: #000; color: #fff; } /** * Inline styles. */ /* List of links generated by theme_links(). */ .inline { display: inline; padding: 0; } .inline li { display: inline; list-style-type: none; padding: 0 1em 0 0; /* LTR */ } /* The inline field label used by the Fences module. */ span.field-label { padding: 0 1em 0 0; /* LTR */ } /** * "More" links. */ .more-link { text-align: right; /* LTR */ } .more-help-link { text-align: right; /* LTR */ } .more-help-link a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC'); background-position: 0 50%; /* LTR */ background-repeat: no-repeat; padding: 1px 0 1px 20px; /* LTR */ } /** * Pager. */ /* A list of page numbers when more than 1 page of content is available. */ .pager { clear: both; padding: 0; text-align: center; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis, .pager-current { display: inline; padding: 0 0.5em; list-style-type: none; background-image: none; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis { /* A concatenation of several list items using an ellipsis. */ } /* The current page's list item. */ .pager-current { font-weight: bold; } /** * Blocks. */ /* Block wrapper. */ .block { margin-bottom: 1.5em; } /** * Menus. */ .menu__item.is-leaf { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC'); list-style-type: square; } .menu__item.is-expanded { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); list-style-type: circle; } .menu__item.is-collapsed { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ list-style-type: disc; } /* The active item in a Drupal menu. */ .menu a.active { color: #000; } /** * Marker. */ /* The "new" or "updated" marker. */ .new, .update { color: #c00; /* Remove background highlighting from in normalize. */ background-color: transparent; } /** * Unpublished note. */ /* The word "Unpublished" displayed underneath the content. */ .unpublished { height: 0; overflow: visible; /* Remove background highlighting from in normalize. */ background-color: transparent; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; /* A very nice CSS3 property. */ word-wrap: break-word; } /** * Comments. */ /* Wrapper for the list of comments and its title. */ .comments { margin: 1.5em 0; } /* Preview of the comment before submitting new or updated comment. */ .comment-preview { /* Drupal core will use a #ffffea background. See #1110842. */ background-color: #ffffea; } /* Wrapper for a single comment. */ .comment { /* Comment's permalink wrapper. */ } .comment .permalink { text-transform: uppercase; font-size: 75%; } /* Nested comments are indented. */ .indented { /* Drupal core uses a 25px left margin. */ margin-left: 30px; /* LTR */ } /** * Forms. */ /* Covid memorial form. */ #edit-submitted-memorial-name, #edit-submitted-memorial-location { background: white; } /* Wrapper for a form element (or group of form elements) and its label. */ .form-item { margin: 1.5em 0; /* Pack groups of checkboxes and radio buttons closer together. */ /* Form items in a table. */ /* Highlight the form elements that caused a form submission error. */ /* The descriptive help text (separate from the label). */ } .form-checkboxes .form-item, .form-radios .form-item { /* Drupal core uses "0.4em 0". */ line-height: 1.8; margin: 0; } tr.odd .form-item, tr.even .form-item { margin: 0; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; } .form-item .description { font-size: 0.85em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } /* The part of the label that indicates a required field. */ .form-required { color: #c00; } /* Labels for radios and checkboxes. */ label.option { display: inline; font-weight: normal; } /* Buttons used by contrib modules like Media. */ a.button, #colorbox.popup_onload #cboxWrapper .field-type-url a, .sidebars .block a.button, .sidebars .call-to-action.block p a, #content .view-upcoming-schedule .view-schedule a, .page-news .view-news .view-header .sortables li a, .section-support #content .block a.button, #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row .views-field-edit-delete a.delete-line-item, .page-user-orders .action-links li a, #menu #menu-item-wrapper-support .block a.button, #menu #menu-item-wrapper-support .sidebars .call-to-action.block p a, .sidebars #menu #menu-item-wrapper-support .call-to-action.block p a, #menu #menu-item-wrapper-support .block #content .view-upcoming-schedule .view-schedule a, #content .view-upcoming-schedule .view-schedule #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-news .view-news .view-header .sortables li a, .page-news .view-news .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-user-orders .action-links li a, .page-user-orders .action-links li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-blog .view-blog-landing .view-header .sortables li a, .page-blog .view-blog-landing .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .blog-main-page .view-header .sortables li a, .blog-main-page .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block #block-custom-pagers-1 li a, #block-custom-pagers-1 li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block a.comment-submit, #menu #menu-item-wrapper-support .block #comments form.comment-form a#edit-submit, #comments form.comment-form #menu #menu-item-wrapper-support .block a#edit-submit, #menu #menu-item-wrapper-support .block .view-episode-search .view-header a.link-button, .view-episode-search .view-header #menu #menu-item-wrapper-support .block a.link-button, #menu #menu-item-wrapper-support .block .page-magazine .view-magazine-landing .view-header .sortables li a, .page-magazine .view-magazine-landing .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block a.subscribe-submit, #menu #menu-item-wrapper-support .block form a.form-submit, form #menu #menu-item-wrapper-support .block a.form-submit, #menu #menu-item-wrapper-support .block .page-node-73 .node form a#edit-submit, .page-node-73 .node form #menu #menu-item-wrapper-support .block a#edit-submit, .page-blog .view-blog-landing .view-header .sortables li a, .blog-main-page .view-header .sortables li a, #block-custom-pagers-1 li a, a.comment-submit, #comments form.comment-form a#edit-submit, .page-comment #content form.comment-form a#edit-submit, .section-shows.node-type-series #block-views-series-bio-excerpt-block a.button, .view-episode-search .view-header a.link-button, #content #block-views-exp-episode-search-page .view-header a.link-button, .page-magazine .view-magazine-landing .view-header .sortables li a, a.subscribe-submit, form a.form-submit, .page-node-73 .node form a#edit-submit { -moz-appearance: button; -webkit-appearance: button; } /* Password confirmation. */ .password-parent, .confirm-parent { margin: 0; } /* Drupal's default login form block. */ #user-login-form { text-align: left; /* LTR */ } /** * OpenID * * The default styling for the OpenID login link seems to assume Garland's * styling of list items. */ /* OpenID creates a new ul above the login form's links. */ .openid-links { /* Position OpenID's ul next to the rest of the links. */ margin-bottom: 0; } /* The "Log in using OpenID" and "Cancel OpenID login" links. */ .openid-link, .user-link { margin-top: 1.5em; } html.js #user-login-form li.openid-link, #user-login-form li.openid-link { /* Un-do some of the padding on the ul list. */ margin-left: -20px; /* LTR */ } #user-login ul { margin: 1.5em 0; } /** * Drupal admin tables. */ form th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } form tbody { border-top: 1px solid #ccc; } form table ul { margin: 0; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } tr.even { background-color: #fff; } /* Markup generated by theme_tablesort_indicator(). */ td.active { background-color: #ddd; } /* Center checkboxes inside table cell. */ td.checkbox, th.checkbox { text-align: center; } /* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */ td.menu-disabled { background: #ccc; } /** * Autocomplete. * * @see autocomplete.js */ /* Suggestion list. */ #autocomplete .selected { background: #0072b9; color: #fff; } /** * Collapsible fieldsets. * * @see collapse.js */ html.js .collapsible .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); background-position: 5px 65%; /* LTR */ background-repeat: no-repeat; padding-left: 15px; /* LTR */ } html.js .collapsed .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ background-position: 5px 50%; /* LTR */ } .fieldset-legend .summary { color: #999; font-size: 0.9em; margin-left: 0.5em; } /** * TableDrag behavior. * * @see tabledrag.js */ tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } .tabledrag-toggle-weight { font-size: 0.9em; } /** * TableSelect behavior. * * @see tableselect.js */ tr.selected td { background: #ffc; } /** * Progress bar. * * @see progress.js */ .progress { font-weight: bold; } .progress .bar { background: #ccc; border-color: #666; margin: 0 0.2em; -webkit-border-radius: 3px; border-radius: 3px; } .progress .filled { background-color: #0072b9; background-image: url('../images/progress.gif?1580738566'); } /** * Donate iframe on support page. */ .donate-iframe { height: 1800px; width: 100%; padding: 2rem; border: none; } /** * @file * Print styling * * We provide some sane print styling for Drupal using Zen's layout method. */ /** * By importing this CSS file as media "all", we allow this print file to be * aggregated with other stylesheets, for improved front-end performance. */ @media print { /* Underline all links. */ a:link, a:visited { text-decoration: underline !important; /* Don't underline header. */ } a:link.header__site-link, a:visited.header__site-link { text-decoration: none !important; } #content { /* Add visible URL after links. */ /* Only display useful links. */ /* Add visible title after abbreviations. */ } #content a[href]:after { content: " (" attr(href) ")"; font-weight: normal; font-size: 10px; } #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; } #content abbr[title]:after { content: " (" attr(title) ")"; } /* Un-float the content. */ #content { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Turn off any background colors or images. */ body, #page, #main, #content { color: #000; background-color: transparent !important; background-image: none !important; } /* Hide sidebars and nav elements. */ #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons { visibility: hidden; display: none; } } /* SMACSS theme rules */ /* @import "theme-A"; */ /* @import "theme-B"; */ /* Oomph Style Layers */ /** * @file * Layout Styles, including Header, Footer, Top Navigation and Columns * */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { background: #262625; } /* remove max-width on #page container to allow for full width menus and footers. */ #page { background: #ededed; margin: 0 auto; max-width: 100%; position: relative; overflow: hidden; } .page-width { max-width: 1000px; margin: 0 auto; } #main { padding: 2em 0 3em; } #navigation { width: auto; max-width: 100%; } /* Reset responsive column widths to match mockups. */ .sidebar-second #content { width: 74.5%; margin: 0 -74.5% 0 0; padding: 0; } .lt-ie9 .sidebar-second #content { float: left; } .sidebar-second .region-sidebar-second { background: #FFF; padding: 20px 2% 40px; width: 23.5%; margin-left: 76.5%; } .lt-ie9 .sidebar-second .region-sidebar-second { float: right; } #header { height: 70px; padding: 0; position: relative; background-color: #000; /* fallback/image non-cover color */ background-image: -moz-linear-gradient(#000, #2e2e2e); /* Firefox 3.6+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#2e2e2e)); /* Safari 4+, Chrome 1+ */ background-image: -webkit-linear-gradient(#000, #2e2e2e); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#000, #2e2e2e); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000 0%, #2e2e2e 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%, #2e2e2e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#000, endColorstr=#2e2e2e,GradientType=0 ); /* IE6-9 */ } #header:before, #header:after { content: " "; display: table; } #header:after { clear: both; } .lt-ie9 #header, .ie9 #header { filter: none; } #header img[class*="logo"] { position: absolute; margin: 3px 0 0; z-index: 999; /* Sits on top of #menu (z-index: 2) but below admin-menu module */ max-width: 56px; } /* --- Header Forms --------------------------------------------------------------- */ /* Extends */ #header .hide-title, #header .region-header .block .block-title { display: none; } #header .header-form-text, #header .region-header #block-search-form #search-block-form .form-text { color: #fff; border: 1px solid #242424; background: #1a1a1a !important; font-weight: 300; height: 21px; width: 164px; } #header .header-form-links, #header .region-header #login-block li a { font-size: 12px; font-size: 1.2rem; color: #fff; text-decoration: none; } #header .header-form-links:hover, #header .region-header #login-block li a:hover { color: #fff; text-decoration: underline; } #header .header-form-submit, #header .region-header #block-search-form #search-block-form .form-submit { background: none; border: none; display: block; position: absolute; font-size: 0px; font-size: 0rem; } #header .page-width { position: relative; } #header .region-header { position: absolute; top: 0; right: 0; z-index: 3; /* Sits on top of #menu (z-index: 2) */ /*Apparently this is not being used... #block-user-login { width: 356px; @include rem(margin, .8, 0, 0, 0); @include clear-float(); .block-title { @extend .hide-title; } .form-item { margin: 0; display: inline-block; label, .form-required { color: #fff; font-weight: 300; @include font-size(12px); } label { @include rem(margin-bottom, .2); } .form-text { background: none; @extend .header-form-text; @include font-size(12px); @include rem(padding, .4, 2.4, .4, .4); } } .item-list { float: left; ul { list-style-type: none; margin: 0; padding: 0; li { display: inline-block; &.first { @include rem(margin-right, 6.6); } a { @extend .header-form-links; } } } } .form-submit { @extend .header-form-submit; height: 24px; width: 24px; right: 0px; top: 23px; } }*/ } #header .region-header .block { margin: 0; } #header .region-header #login-block { list-style-type: none; padding: 0; text-align: right; margin: 12px 0; margin: 1.2rem 0; } #header .region-header #login-block li { display: inline-block; list-style-type: none; list-style-image: none; text-transform: lowercase; margin-right: 6px; margin-right: 0.6rem; } #header .region-header #block-search-form #search-block-form { position: relative; top: -4px; } #header .region-header #block-search-form #search-block-form .form-text { font-size: 12px; font-size: 1.2rem; padding: 4px 24px 4px 4px; padding: 0.4rem 2.4rem 0.4rem 0.4rem; } #header .region-header #block-search-form #search-block-form .form-submit { background: transparent url(../images/icons/search.png) no-repeat 0 0; background-size: 14px; height: 18px; width: 18px; right: 2px; top: 4px; } .lt-ie9 #header .region-header #block-search-form #search-block-form .form-submit { background-position: 2px 2px; height: 20px; width: 24px; right: 0px; top: 0px; } /* --- Dynamic Lead --------------------------------------------------------------- */ #dl { background: #000; overflow: hidden; position: relative; z-index: 1; /* Responsive Player Styles */ /* Dynamic Lead Controls */ } #dl .page-width { max-width: 1200px; position: relative; } #dl .page-width .block { margin: 0; /* Removes the default block margin... */ } #dl .view-dl-content { max-height: 468px; overflow: hidden; } #dl .view-dl-content .view-content { position: relative; } #dl .view-dl-content .view-content .views-row { width: 100%; position: absolute; } #dl .view-dl-content .view-content .views-row .views-dl-slide { position: relative; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-mask, #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content { position: absolute; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-mask { top: 0; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content { width: 40%; margin-left: 100px; margin-left: 10rem; bottom: 60px; bottom: 6rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-kicker { color: #fff; font-weight: 600; font-size: 16px; font-size: 1.6rem; margin-bottom: 12px; margin-bottom: 1.2rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-title { color: #fff; font-weight: 600; line-height: 1; font-size: 36px; font-size: 3.6rem; margin-bottom: 16px; margin-bottom: 1.6rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-subtitle { color: #fff; line-height: 1.25; font-size: 24px; font-size: 2.4rem; margin-bottom: 40px; margin-bottom: 4rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-button-url a { background: #8a4e9f; background: rgba(138, 78, 159, 0.6); border: 1px solid #8a4e9f; color: white; display: inline-block; font-weight: normal; text-transform: lowercase; font-size: 18px; font-size: 1.8rem; padding: 8px 16px; padding: 0.8rem 1.6rem; color: #fff; text-decoration: none; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-button-url a:hover { color: #fff; text-decoration: underline; } #dl #block-views-episode-video-block h2.block-title, #dl #block-views-episode-video-block .views-field-title { display: none; } #dl .views-field-field-video-embed .field-content, #dl .views-field-field-feature-video .field-content { width: 100%; padding: 56.25% 0 0; position: relative; margin: 0 auto; } #dl .views-field-field-video-embed .field-content iframe, #dl .views-field-field-feature-video .field-content iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; } #dl .view-footer { height: 10px; line-height: 10px; text-align: center; position: relative; z-index: 100; /* Sits on top of normal content for the slides (z-index: 1) */ bottom: 36px; bottom: 3.6rem; } #dl .view-footer .cycle-pager { display: inline-block; /* Controls */ } #dl .view-footer .cycle-pager span { background: transparent url(../images/old/pagers.png) no-repeat 0 0; display: inline-block; height: 10px; margin-right: 4px; text-indent: -9999em; width: 11px; } #dl .view-footer .cycle-pager span.cycle-pager-active { background-position: -11px 0; } #dl .view-footer .cycle-pager span:hover { cursor: pointer; } #dl .view-footer .cycle-prev, #dl .view-footer .cycle-next { background: transparent url(../images/old/controls.png) no-repeat 0 0; display: inline-block; height: 10px; text-indent: -9999em; width: 8px; } #dl .view-footer .cycle-prev:hover, #dl .view-footer .cycle-next:hover { cursor: pointer; } #dl .view-footer .cycle-prev { margin-right: 4px; } #dl .view-footer .cycle-next { background-position: -8px 0; } /* --- Breadcrumbs --------------------------------------------------------------- */ #breadcrumb-wrapper { background: #252525; height: 22px; overflow: visible; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35); } #breadcrumb-wrapper .breadcrumb { color: #c4c4c4; line-height: 22px; margin: 0 auto; padding: 0; text-transform: lowercase; max-width: 1000px; max-width: 100rem; width: 100%; } #breadcrumb-wrapper .breadcrumb li { font-weight: bold; } #breadcrumb-wrapper .breadcrumb a { font-weight: normal; margin: 0 4px; color: #c4c4c4; text-decoration: none; } #breadcrumb-wrapper .breadcrumb a:hover { color: #c4c4c4; text-decoration: underline; } #breadcrumb-wrapper .breadcrumb li:first-child a { margin-left: 0px; } #breadcrumb-wrapper .breadcrumb ol li:first-of-type { text-transform: lowercase; } /* Remove breadcrumb indent if DL is present. */ #breadcrumb-wrapper.shift .breadcrumb { padding: 0 0 0 80px; } /* --- Footer --------------------------------------------------------------- */ #footer { padding: 40px 0; background: #FFF; } #footer:before, #footer:after { content: " "; display: table; } #footer:after { clear: both; } #footer > div.page-width:before, #footer > div.page-width:after { content: " "; display: table; } #footer > div.page-width:after { clear: both; } #footer div.block { float: left; } #footer div.block:before, #footer div.block:after { content: " "; display: table; } #footer div.block:after { clear: both; } #footer div.block .block-title { padding: 0; } #footer div.block ul li { display: inline; float: left; } #footer div.block ul.contextual-links li { display: block; float: none; } #footer div#block-menu-menu-catholictv-com, #footer div#block-menu-menu-company-information { width: 23.5%; margin: 0 5% 0 0; } #footer div#block-menu-menu-catholictv-com ul li, #footer div#block-menu-menu-company-information ul li { width: 50%; } #footer div#block-menu-menu-catholictv-com ul.contextual-links li, #footer div#block-menu-menu-company-information ul.contextual-links li { width: auto; } #footer div#block-menu-menu-company-information { width: 35%; padding: 0 0 0 5%; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #footer div.partners { width: 31.5%; } #footer div.partners p { line-height: 0; margin: 0; } #footer div.partners p a { display: inline-block; min-height: 48px; min-height: 4.8rem; min-width: 80px; min-width: 8rem; max-height: 48px; max-height: 4.8rem; max-width: 80px; max-width: 8rem; } #footer div.partners p a img { height: 100%; width: 100%; margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; min-height: 48px; min-height: 4.8rem; min-width: 80px; min-width: 8rem; max-height: 48px; max-height: 4.8rem; max-width: 80px; max-width: 8rem; } /** * @file * Typography Styles * --------------------------------------------------------------------------------- */ /* --- Root Elements --------------------------------------------------------------- */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-font-smoothing: antialiased; } body { font-family: "Lato", "Arial", "Helvetica", "Lucida Grande", "Gill Sans", "Verdana", sans-serif; font-weight: 300; } /* --- Layout Elements ------------------------------------------------------------- */ #page { font-size: 14px; font-size: 1.4rem; } /* --- Content Elements ------------------------------------------------------------ */ a:link, a:visited { color: inherit; } a:hover, a:active { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1; margin: 0; padding: 0; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { line-height: 1.3; margin-bottom: .5em; } /* * Title Icons are cut to 80px x 80px and reduced for retina. * Padding on all Titles is padding-left: 36px; * Padding overrides are 3.6rem (36px) - background-position-x */ h1 { color: #a7a7a7; line-height: 1.5em; font-size: 24px; font-size: 2.4rem; } h1.page__title, h1#section-title { /* Default */ background-image: url(../images/icons/star.png); background-color: transparent; background-repeat: no-repeat; background-position: left center; font-weight: 700; padding: 0 0 0 36px; padding: 0 0 0 3.6rem; /* Section - Magazine */ /* Section - Schedule */ /* Section - Contact Us */ /* Section - Search */ /* Type - News & Section - Blog */ /* Section - Support */ /* Page - Find an Episode */ /* Section - Bios */ /* Page - Subscribe Form */ /* Page- Amazon Guide */ /* Page - Comment */ /* Section - Cart & Checkout */ } .section-magazine h1.page__title, .section-magazine h1#section-title { background-image: url(../images/icons/bible.png); } .section-schedule h1.page__title, .section-schedule h1#section-title { background-image: url(../images/icons/date.png); text-transform: lowercase; } .section-contact-us h1.page__title, .section-contact-us h1#section-title { background-image: url(../images/icons/envelope.png); text-transform: lowercase; } .section-search h1.page__title, .section-search h1#section-title { background-image: url(../images/icons/search.png); text-transform: lowercase; } .node-type-news h1.page__title, .page-news h1.page__title, .section-blog h1.page__title, .node-type-news h1#section-title, .page-news h1#section-title, .section-blog h1#section-title { background-image: url(../images/icons/callout.png); text-transform: lowercase; } .section-support h1.page__title, .section-store h1.page__title, .section-support h1#section-title, .section-store h1#section-title { background-image: url(../images/icons/gift.png); } .page-find-episodes h1.page__title, .page-find-episodes h1#section-title { background-image: url(../images/icons/movie-take.png); } .section-bios h1.page__title, .section-bios h1#section-title { background-image: url(../images/icons/person.png); } .page-node-73 h1.page__title, .page-node-73 h1#section-title { background-image: url(../images/icons/write.png); } .page-node-140 h1.page__title, .page-node-140 h1#section-title { background-image: url(../images/icons/cart.png); } .section-comment h1.page__title, .section-comment h1#section-title { background-image: url(../images/icons/comments.png); padding: 0 0 0 42px; padding: 0 0 0 4.2rem; } .section-cart h1.page__title, .section-checkout h1.page__title, .section-cart h1#section-title, .section-checkout h1#section-title { background-image: url(../images/icons/cart.png); } #content h1.page__title, #content h1#section-title { margin: 0; } h2 { font-size: 21px; font-size: 2.1rem; color: #a7a7a7; } h2 a { color: #000; text-decoration: none; } h2 a:hover { color: #000; text-decoration: underline; } h2.node__title { margin: 0 auto 14px; /* Form - Subscribe */ } #block-views-magazine-landing-block-1 h2.node__title { background: transparent url(../images/icons/write.png) no-repeat left center; padding: 0 0 0 30px; padding: 0 0 0 3rem; } h2.block__title { /* Default */ background-image: url(../images/icons/star.png); background-color: transparent; background-repeat: no-repeat; background-position: left center; padding: 0 0 0 30px; padding: 0 0 0 3rem; /* Frontpage - Trending */ /*.front #block-views-episodes-blocks-block-2 & { background-image: url(../images/icons/trending.png); }*/ /* Blog */ /* Dropdown - Donate */ /* Dropdown - Prayer Requests */ /* Dropdown - Sponsor & Fundraising */ /* Dropdown - Estate Planning */ /* Dropdown - Amazon */ /* Homepage - Connect */ /* Sidebar - Connect */ /* Sidebar - Join Us */ /* Sidebar - Donate */ /* Sidebar - iCatholic */ /* Sidebar - Amazon */ /* Sidebar - How to Watch */ /* Shows - Masses */ /* Shows - Original Series */ /* Shows - Series */ /* Find an Episode & Show Episodes List */ /* Dropdown - Shows */ } #block-views-news-block h2.block__title { background-image: url(../images/icons/callout.png); text-transform: none; } #block-block-12 h2.block__title { background-image: url(../images/icons/giving-hearts.png); background-position: 0 20px; } #block-block-13 h2.block__title { background-image: url(../images/icons/prayer.png); background-position: 0px 13px; } .sidebar #block-block-13 h2.block__title { background-position: 0px 6px; } #block-block-14 h2.block__title, #block-block-27 h2.block__title { background-image: url(../images/icons/people.png); background-position: 0px 8px; } #block-block-15 h2.block__title { background-image: url(../images/icons/letter.png); background-position: 0px 7px; } #menu #block-block-8 h2.block__title { background-position: left 14px; } .follow-homepage h2.block__title { background-image: url(../images/icons/share.png); } .sidebar .block.follow h2.block__title { background-image: url(../images/icons/share.png); background-position: left 1px; padding: 0; text-indent: 32px; text-indent: 3.2rem; font-size: 30px; font-size: 3rem; text-align: left; } @media screen and (min-width: 641px) and (max-width: 805px) { .sidebar .block.follow h2.block__title { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem; } } #block-block-5 h2.block__title { background-image: url(../images/icons/people.png); } #block-block-6 h2.block__title { background-image: url(../images/icons/giving-hearts.png); } #block-block-7 h2.block__title { background-image: url(../images/icons/chat.png); } @media screen and (min-width: 641px) and (max-width: 805px) { #block-block-7 h2.block__title { font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3rem; } } #block-block-8 h2.block__title { background-image: url(../images/icons/cart.png); } #block-block-9 h2.block__title { background-image: url(../images/icons/tv.png); background-position: left 6px; padding: 0; text-indent: 32px; text-indent: 3.2rem; } #block-views-episodes-blocks-block-3 h2.block__title { background-image: url(../images/icons/masses.png); } #block-views-episodes-blocks-block-4 h2.block__title { background-image: url(../images/icons/video-star.png); } #block-views-episodes-blocks-block-5 h2.block__title { background-image: url(../images/icons/video.png); } #block-views-episode-search-block-1 h2.block__title { background-image: url(../images/icons/movie-take.png); } #block-menu-menu-popular-shows h2.block__title { background: none; } #content h2.block__title { margin: 0; } h2.block-title { background-image: url(../images/icons/star.png); background-color: transparent; background-repeat: no-repeat; background-position: left center; /* Section - Shows - About */ /* Section - Shows - Host Bio */ /* Section - Shows - Show Images */ /* Page - Amazon Guide */ /* Shopping Cart Block */ } .section-shows .node-series .field-name-body h2.block-title, .section-shows .node-episode .field-name-body h2.block-title { background-image: url(../images/icons/bible.png); } .section-shows .node-series .field-name-host-bio-view h2.block-title, .section-shows .node-episode .field-name-host-bio-view h2.block-title, .section-shows .node-series .field-name-field-show-host h2.block-title, .section-shows .node-episode .field-name-field-show-host h2.block-title { background-image: url(../images/icons/person.png); } #block-views-series-image-slider-block h2.block-title { background-image: url(../images/icons/clips.png); } .episode-schedule-block h2.block-title, #block-views-episode-schedule-block-1 h2.block-title, #block-views-episode-schedule-block-3 h2.block-title { background-image: url(../images/icons/movie-take.png); } #block-views-upcoming-schedule-block h2.block-title { background-image: url(../images/icons/flip.png); } #block-block-20 h2.block-title { background-color: #ededed; background-image: url(../images/icons/info.png); font-weight: 700; } #block-block-21 h2.block-title { background-image: url(../images/icons/giving-hearts.png); } #block-block-22 h2.block-title { background-image: url(../images/icons/people.png); } #block-block-23 h2.block-title { background-image: url(../images/icons/trending.png); } #block-commerce-cart-cart h2.block-title { background-image: url(../images/icons/cart.png); background-position: left top; font-size: 24px; font-size: 2.4rem; } @media screen and (min-width: 641px) and (max-width: 805px) { #block-commerce-cart-cart h2.block-title { font-size: 22px; font-size: 2.2rem; } } #content h2.block-title { margin: 0; } /* In Content Support Blocks */ #content .block.donate h2.block-title { background-image: url(../images/icons/giving-hearts.png); } #content .block.prayer-requests h2.block-title { background-image: url(../images/icons/prayer.png); } #content .block.sponsor h2.block-title { background-image: url(../images/icons/people.png); } #content .block.estate-planning h2.block-title { background-image: url(../images/icons/letter.png); } #content .block.amazon h2.block-title { background-image: url(../images/icons/cart.png); } #content .block.find-episode h2.block-title { background-image: url(../images/icons/movie-take.png); } #content .block.masses h2.block-title { background-image: url(../images/icons/masses.png); } /* Form - Comments */ h2.comments__form-title { background: transparent url(../images/icons/write.png) no-repeat left center; font-weight: 700; line-height: 1.5; margin: 0; padding: 0 0 0 36px; padding: 0 0 0 3.6rem; font-size: 24px; font-size: 2.4rem; } h2.comments__title { background: transparent url(../images/icons/comments.png) no-repeat left center; font-weight: 700; line-height: 1.5; margin: 0; padding: 0 0 0 42px; padding: 0 0 0 4.2rem; font-size: 24px; font-size: 2.4rem; } h3 { color: #a7a7a7; font-size: 20px; font-size: 2rem; } h4 { color: #a7a7a7; font-size: 19px; font-size: 1.9rem; } h5 { color: #a7a7a7; font-size: 18px; font-size: 1.8rem; } h6 { color: #a7a7a7; font-size: 17px; font-size: 1.7rem; } p { line-height: 1.5em; margin: 0 auto 1.5em; } .submitted, .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-pub-date { color: #a7a7a7; font-style: italic; line-height: 1; margin-bottom: 0.7em; } .button, #colorbox.popup_onload #cboxWrapper .field-type-url a, .sidebars .block a.button, .sidebars .call-to-action.block p a, #content .view-upcoming-schedule .view-schedule a, .page-news .view-news .view-header .sortables li a, .section-support #content .block a.button, #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row .views-field-edit-delete .delete-line-item, .page-user-orders .action-links li a, #menu #menu-item-wrapper-support .block a.button, #menu #menu-item-wrapper-support .sidebars .call-to-action.block p a, .sidebars #menu #menu-item-wrapper-support .call-to-action.block p a, #menu #menu-item-wrapper-support .block #content .view-upcoming-schedule .view-schedule a, #content .view-upcoming-schedule .view-schedule #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-news .view-news .view-header .sortables li a, .page-news .view-news .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-user-orders .action-links li a, .page-user-orders .action-links li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-blog .view-blog-landing .view-header .sortables li a, .page-blog .view-blog-landing .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .blog-main-page .view-header .sortables li a, .blog-main-page .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block #block-custom-pagers-1 li a, #block-custom-pagers-1 li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block a.comment-submit, #menu #menu-item-wrapper-support .block #comments form.comment-form a#edit-submit, #comments form.comment-form #menu #menu-item-wrapper-support .block a#edit-submit, #menu #menu-item-wrapper-support .block .view-episode-search .view-header a.link-button, .view-episode-search .view-header #menu #menu-item-wrapper-support .block a.link-button, #menu #menu-item-wrapper-support .block .page-magazine .view-magazine-landing .view-header .sortables li a, .page-magazine .view-magazine-landing .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block a.subscribe-submit, #menu #menu-item-wrapper-support .block form a.form-submit, form #menu #menu-item-wrapper-support .block a.form-submit, #menu #menu-item-wrapper-support .block .page-node-73 .node form a#edit-submit, .page-node-73 .node form #menu #menu-item-wrapper-support .block a#edit-submit, .page-blog .view-blog-landing .view-header .sortables li a, .blog-main-page .view-header .sortables li a, #block-custom-pagers-1 li a, .comment-submit, #comments form.comment-form #edit-submit, .page-comment #content form.comment-form #edit-submit, .section-shows.node-type-series #block-views-series-bio-excerpt-block a.button, .view-episode-search .view-header a.link-button, #content #block-views-exp-episode-search-page .view-header a.link-button, .page-magazine .view-magazine-landing .view-header .sortables li a, .subscribe-submit, form .form-submit, .page-node-73 .node form #edit-submit, a.button, #colorbox.popup_onload #cboxWrapper .field-type-url a, .sidebars .block a.button, .sidebars .call-to-action.block p a, #content .view-upcoming-schedule .view-schedule a, .page-news .view-news .view-header .sortables li a, .section-support #content .block a.button, #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row .views-field-edit-delete a.delete-line-item, .page-user-orders .action-links li a, #menu #menu-item-wrapper-support .block a.button, #menu #menu-item-wrapper-support .sidebars .call-to-action.block p a, .sidebars #menu #menu-item-wrapper-support .call-to-action.block p a, #menu #menu-item-wrapper-support .block #content .view-upcoming-schedule .view-schedule a, #content .view-upcoming-schedule .view-schedule #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-news .view-news .view-header .sortables li a, .page-news .view-news .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-user-orders .action-links li a, .page-user-orders .action-links li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .page-blog .view-blog-landing .view-header .sortables li a, .page-blog .view-blog-landing .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block .blog-main-page .view-header .sortables li a, .blog-main-page .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block #block-custom-pagers-1 li a, #block-custom-pagers-1 li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block a.comment-submit, #menu #menu-item-wrapper-support .block #comments form.comment-form a#edit-submit, #comments form.comment-form #menu #menu-item-wrapper-support .block a#edit-submit, #menu #menu-item-wrapper-support .block .view-episode-search .view-header a.link-button, .view-episode-search .view-header #menu #menu-item-wrapper-support .block a.link-button, #menu #menu-item-wrapper-support .block .page-magazine .view-magazine-landing .view-header .sortables li a, .page-magazine .view-magazine-landing .view-header .sortables li #menu #menu-item-wrapper-support .block a, #menu #menu-item-wrapper-support .block a.subscribe-submit, #menu #menu-item-wrapper-support .block form a.form-submit, form #menu #menu-item-wrapper-support .block a.form-submit, #menu #menu-item-wrapper-support .block .page-node-73 .node form a#edit-submit, .page-node-73 .node form #menu #menu-item-wrapper-support .block a#edit-submit, .page-blog .view-blog-landing .view-header .sortables li a, .blog-main-page .view-header .sortables li a, #block-custom-pagers-1 li a, a.comment-submit, #comments form.comment-form a#edit-submit, .page-comment #content form.comment-form a#edit-submit, .section-shows.node-type-series #block-views-series-bio-excerpt-block a.button, .view-episode-search .view-header a.link-button, #content #block-views-exp-episode-search-page .view-header a.link-button, .page-magazine .view-magazine-landing .view-header .sortables li a, a.subscribe-submit, form a.form-submit, .page-node-73 .node form a#edit-submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ededed; border: 1px solid #ccc; clear: both; color: #000; display: inline-block; font-weight: 300; line-height: 1; text-decoration: none; width: auto; padding: 2px 8px 4px 8px; padding: 0.2rem 0.8rem 0.4rem 0.8rem; } .purple-button, #header .region-header #login-block li .cart-link, .page-news .view-news .node-readmore a, .page-schedule .schedule-times .on-air #watch-button a, .page-taxonomy .view-taxonomy-term .views-row .views-field-view-node a, .section-store .view-commerce-store .views-row .views-field-field-commerce-product .form-submit, .section-store .node .field-name-field-commerce-product .form-submit, .section-cart .view-commerce-cart-form form .form-actions .form-submit, .section-cart .cart-empty-page form .form-actions .form-submit, .section-checkout #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper .form-submit, .section-checkout #commerce-checkout-form-shipping #edit-buttons .fieldset-wrapper .form-submit, .section-checkout #commerce-checkout-form-review #edit-buttons .fieldset-wrapper .form-submit, #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li a, .section-import #content form .form-submit, .page-blog .view-blog-landing .views-field-view-node a, .blog-main-page .views-field-view-node a, #block-views-episode-search-block-2 .views-exposed-widget .form-submit, .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-digital-url a, .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row .views-field-title, .node-type-page.section-masses #content .masses-page-button, .node-type-page.section-together-we-rebuild #content .masses-page-button, .node-type-page.section-podcasts #content .masses-page-button, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button .form-submit, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button .form-submit, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button .form-submit, a.purple-button, #header .region-header #login-block li a.cart-link, .page-news .view-news .node-readmore a, .page-schedule .schedule-times .on-air #watch-button a, .page-taxonomy .view-taxonomy-term .views-row .views-field-view-node a, .section-store .view-commerce-store .views-row .views-field-field-commerce-product a.form-submit, .section-store .node .field-name-field-commerce-product a.form-submit, .section-cart .view-commerce-cart-form form .form-actions a.form-submit, .section-cart .cart-empty-page form .form-actions a.form-submit, .section-checkout #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper a.form-submit, .section-checkout #commerce-checkout-form-shipping #edit-buttons .fieldset-wrapper a.form-submit, .section-checkout #commerce-checkout-form-review #edit-buttons .fieldset-wrapper a.form-submit, #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li a, .section-import #content form a.form-submit, .page-blog .view-blog-landing .views-field-view-node a, .blog-main-page .views-field-view-node a, #block-views-episode-search-block-2 .views-exposed-widget a.form-submit, .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-digital-url a, .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row a.views-field-title, .node-type-page.section-masses #content a.masses-page-button, .node-type-page.section-together-we-rebuild #content a.masses-page-button, .node-type-page.section-podcasts #content a.masses-page-button, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button a.form-submit, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button a.form-submit, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button a.form-submit { background: #8a4e9f; background: rgba(138, 78, 159, 0.6); border: 1px solid #8a4e9f; color: white; display: inline-block; font-weight: normal; font-size: 12px; font-size: 1.2rem; padding: 4px 16px; padding: 0.4rem 1.6rem; color: #fff; text-decoration: none; } .purple-button:hover, #header .region-header #login-block li .cart-link:hover, .page-news .view-news .node-readmore a:hover, .page-schedule .schedule-times .on-air #watch-button a:hover, .page-taxonomy .view-taxonomy-term .views-row .views-field-view-node a:hover, .section-store .view-commerce-store .views-row .views-field-field-commerce-product .form-submit:hover, .section-store .node .field-name-field-commerce-product .form-submit:hover, .section-cart .view-commerce-cart-form form .form-actions .form-submit:hover, .section-cart .cart-empty-page form .form-actions .form-submit:hover, .section-checkout #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper .form-submit:hover, .section-checkout #commerce-checkout-form-shipping #edit-buttons .fieldset-wrapper .form-submit:hover, .section-checkout #commerce-checkout-form-review #edit-buttons .fieldset-wrapper .form-submit:hover, #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li a:hover, .section-import #content form .form-submit:hover, .page-blog .view-blog-landing .views-field-view-node a:hover, .blog-main-page .views-field-view-node a:hover, #block-views-episode-search-block-2 .views-exposed-widget .form-submit:hover, .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-digital-url a:hover, .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row .views-field-title:hover, .node-type-page.section-masses #content .masses-page-button:hover, .node-type-page.section-together-we-rebuild #content .masses-page-button:hover, .node-type-page.section-podcasts #content .masses-page-button:hover, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button .form-submit:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button .form-submit:hover, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button .form-submit:hover, a.purple-button:hover, #header .region-header #login-block li a.cart-link:hover, .page-news .view-news .node-readmore a:hover, .page-schedule .schedule-times .on-air #watch-button a:hover, .page-taxonomy .view-taxonomy-term .views-row .views-field-view-node a:hover, .section-store .view-commerce-store .views-row .views-field-field-commerce-product a.form-submit:hover, .section-store .node .field-name-field-commerce-product a.form-submit:hover, .section-cart .view-commerce-cart-form form .form-actions a.form-submit:hover, .section-cart .cart-empty-page form .form-actions a.form-submit:hover, .section-checkout #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper a.form-submit:hover, .section-checkout #commerce-checkout-form-shipping #edit-buttons .fieldset-wrapper a.form-submit:hover, .section-checkout #commerce-checkout-form-review #edit-buttons .fieldset-wrapper a.form-submit:hover, #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li a:hover, .section-import #content form a.form-submit:hover, .page-blog .view-blog-landing .views-field-view-node a:hover, .blog-main-page .views-field-view-node a:hover, #block-views-episode-search-block-2 .views-exposed-widget a.form-submit:hover, .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-digital-url a:hover, .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row a.views-field-title:hover, .node-type-page.section-masses #content a.masses-page-button:hover, .node-type-page.section-together-we-rebuild #content a.masses-page-button:hover, .node-type-page.section-podcasts #content a.masses-page-button:hover, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button a.form-submit:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button a.form-submit:hover, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button a.form-submit:hover { color: #fff; text-decoration: underline; } .cart-fieldset, .section-checkout #commerce-checkout-form-checkout fieldset .fieldset-legend, .section-checkout #commerce-checkout-form-shipping fieldset .fieldset-legend, .section-checkout #commerce-checkout-form-review fieldset .fieldset-legend, .section-import form fieldset .fieldset-legend { background: #bf837f; border: 1px solid #7f0700; color: white; display: inline-block; font-weight: normal; font-size: 12px; font-size: 1.2rem; padding: 4px 16px; padding: 0.4rem 1.6rem; color: #fff; text-decoration: none; } .cart-fieldset:hover, .section-checkout #commerce-checkout-form-checkout fieldset .fieldset-legend:hover, .section-checkout #commerce-checkout-form-shipping fieldset .fieldset-legend:hover, .section-checkout #commerce-checkout-form-review fieldset .fieldset-legend:hover, .section-import form fieldset .fieldset-legend:hover { color: #fff; text-decoration: underline; } .display-date, .page-node .view-episodes-blocks .views-row .views-field-field-episode-air-date, .page-node .view-news .views-row .views-field-field-episode-air-date, .page-news .view-news .view-content .views-row p.submitted, .page-news .view-news .page-magazine .view-magazine-landing .view-content .views-row p.views-field-field-mag-pub-date, .page-magazine .view-magazine-landing .page-news .view-news .view-content .views-row p.views-field-field-mag-pub-date, .page-blog .view-blog-landing .view-content .views-row .views-field-created, .blog-main-page .view-content .views-row .views-field-created { color: rgba(0, 0, 0, 0.5); font-style: italic; } blockquote { font-style: italic; } table { border-collapse: collapse; } table th { font-weight: bold; padding: .5em; } table td { border: 1px solid #ddd; padding: .5em; } /* --- Text Elements --------------------------------------------------------------- */ b, strong { font-weight: bold; } em, i { font-style: italic; } /* --- Media Elements --------------------------------------------------------------- */ #dl img, #main img { height: auto; } /* --- Views Elements --------------------------------------------------------------- */ .views-field-title { font-size: 18px; font-size: 1.8rem; } .views-field-title a { color: #000; text-decoration: none; } .views-field-title a:hover { color: #000; text-decoration: underline; } /* --- Blocks Elements --------------------------------------------------------------- */ .sidebar .block .block__title { color: #a7a7a7; font-weight: 300; font-size: 30px; font-size: 3rem; padding: 0 0 0 36px; padding: 0 0 0 3.6rem; } .sidebar .block.follow, .sidebar .block.apps { text-align: center; } .sidebar .block.follow .block__title, .sidebar .block.apps .block__title { font-size: 12px; font-size: 1.2rem; } .sidebar .block p { color: #404040; } .sidebar .block p a { display: block; } .region-footer .block .block__title { background: none; color: #bfbfbf; text-transform: lowercase; font-size: 22px; font-size: 2.2rem; } .region-footer .block ul, .region-footer .block ol { margin: 0; padding: 0; } .region-footer .block ul li a, .region-footer .block ol li a { color: #000; text-decoration: none; } .region-footer .block ul li a:hover, .region-footer .block ol li a:hover { color: #000; text-decoration: underline; } #content .page__title, #content .block-title { line-height: 1.5em; text-transform: lowercase; color: #a7a7a7; font-weight: 700; font-size: 24px; font-size: 2.4rem; padding: 0 0 0 36px; padding: 0 0 0 3.6rem; } .section-support #content .page__title, .section-support #content .block-title { font-weight: 300; } #content p, #content ol, #content ul, #content table, #content address { font-size: 17px; font-size: 1.7rem; line-height: 1.45; } .black-title { color: #000000; } /** * @file * Blocks styles for the sidebar and content views. * --------------------------------------------------------------------------------- */ p:last-letter { color: red; text-decoration: underline; } /* --- Announcements Block ----------------------------------------------------------------- */ #block-views-home-page-announcement-block { margin-bottom: 0; background-color: #8D2C25; height: 30px; } #block-views-home-page-announcement-block .field-content a { color: #fff; display: block; line-height: 30px; margin: 0 auto; padding: 0 0 0 78px; max-width: 1000px; width: 100%; } /* --- Popup onload Webathon Blocks -------------------------------------------------------------------- */ #cboxOverlay { background-image: url(../images/bg_overlay.png); } #colorbox.popup_onload { background-color: #8a4f9f; height: 450px !important; left: 39.3% !important; outline: none; overflow: visible !important; padding-bottom: 2em; top: 16em !important; width: 360px !important; } #colorbox.popup_onload #cboxWrapper { height: auto !important; width: 100% !important; } #colorbox.popup_onload #cboxWrapper #cboxClose { background-image: url(../images/icons/close.png); height: 12px; right: 4px; top: 7px; width: 12px; } #colorbox.popup_onload #cboxWrapper #cboxContent { height: auto !important; width: 100% !important; } #colorbox.popup_onload #cboxWrapper #cboxLoadedContent { height: 600px !important; margin: 3em auto; text-align: center; width: 300px !important; } #colorbox.popup_onload #cboxWrapper .field-name-field-title { border: 2px solid #ffffff; padding: 1em; } #colorbox.popup_onload #cboxWrapper .field-name-field-title h2 { color: #ffffff; font-size: 2em; font-weight: bold; } #colorbox.popup_onload #cboxWrapper .field-name-field-title h3 { font-size: 2em; font-weight: bold; } #colorbox.popup_onload #cboxWrapper .field-name-field-fake-body { padding: 1em 0 0 0; } #colorbox.popup_onload #cboxWrapper .field-name-field-fake-body h4 { border-top: 1px dashed #ffffff; font-size: 1.6em; font-weight: bold; padding-top: 1em; text-transform: uppercase; } #colorbox.popup_onload #cboxWrapper .field-name-field-fake-body h4:first-child { border-top: none; } #colorbox.popup_onload #cboxWrapper .field-name-field-fake-body p { color: #ffffff; font-size: 1.4em; } #colorbox.popup_onload #cboxWrapper .field-type-url a { background-color: #84993B; border: 2px solid #ffffff; color: #ffffff; font-family: "Lato", "Arial", "Helvetica", "Lucida Grande", "Gill Sans", "Verdana", sans-serif; font-size: 1.6em; font-weight: bold; padding: 0.7em 1.4em; } #colorbox.popup_onload #cboxWrapper .field-type-url a:hover { background-color: transparent; color: #ffffff; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* --- Home Page Blocks -------------------------------------------------------------------- */ #block-views-episodes-blocks-block-2, #block-views-episodes-blocks-block-1 { clear: both; } #block-views-episodes-blocks-block-2 .views-field-field-image, #block-views-episodes-blocks-block-1 .views-field-field-image { margin: 0; } #block-views-episodes-blocks-block-2 .views-field-field-episode-air-date, #block-views-episodes-blocks-block-1 .views-field-field-episode-air-date { font-size: 0.8em; text-align: right; } /* --- Follow, Share & Apps Globals --------------------------------------------------------------- */ .follow .social-links, .apps .app-links { margin: 0; padding: 0; } .follow .social-links li, .apps .app-links li { display: inline-block; list-style-type: none; } /* Follow */ .follow .social-links { font-size: 0; max-width: 144px; max-width: 14.4rem; margin: 0 auto; } .follow .social-links li { width: 36px; width: 3.6rem; height: 36px; height: 3.6rem; } .follow .social-links li.facebook { background: transparent url(../images/icons/facebook.png) no-repeat center center; } .follow .social-links li.twitter { background: transparent url(../images/icons/twitter.png) no-repeat center center; } .follow .social-links li.youtube { background: transparent url(../images/icons/youtube.png) no-repeat center center; } .follow .social-links li.google { background: transparent url(../images/icons/google.png) no-repeat center center; } .follow .social-links li.pinterest { background: transparent url(../images/icons/pinterest.png) no-repeat center center; } .follow .social-links li.icatholic { background: transparent url(../images/icons/icatholic.png) no-repeat center center; } .follow .social-links li.tumblr { background: transparent url(../images/icons/tumblr.png) no-repeat center center; } .follow .social-links li.instagram { background: transparent url(../images/icons/instagram.png) no-repeat center center; } .follow .social-links li.email { background: transparent url(../images/icons/enews.png) no-repeat center center; } .follow .social-links li.blog { background: transparent url(../images/icons/callout.png) no-repeat center center; } .follow .social-links li.magazine { background: transparent url(../images/icons/bible.png) no-repeat center center; } /* Follow on homepage */ #block-block-29 { width: 27%; margin-left: 3%; margin-bottom: 1em; float: right; } #block-block-29 ul.social-links { max-width: 100%; padding: 10px 14px 8px !important; } /* homepage donate block */ .home-donate { width: 27%; margin-left: 3%; float: right; } .home-donate h2.block-title { padding: 0 !important; background: none; } .home-donate p { background-color: #ffffff; padding: 10px 14px 4px 26px; margin: 0; } /* Apps */ .apps .app-links li.apple { background: transparent url(../images/icons/apple.png) no-repeat center center; } .apps .app-links li.android { background: transparent url(../images/icons/android.png) no-repeat center center; } /* Share */ #block-sharethis-sharethis-block { margin: 0 auto; } #block-sharethis-sharethis-block h2.block-title { padding: 0; background: none; color: #ffffff; font-weight: normal; font-size: 1em; text-transform: none; } .node-type-blog-post #block-sharethis-sharethis-block h2.block-title { color: #404040; } .sharethis-wrapper, .sharethis { margin-top: 0.5em; } .node-type-blog-post .sharethis-wrapper, .node-type-blog-post .sharethis { margin-top: 0; } .sharethis-wrapper span, .sharethis span { cursor: pointer; display: inline-block; width: 25px; width: 2.5rem; height: 25px; height: 2.5rem; } .sharethis-wrapper span.st_email_custom, .sharethis-wrapper span.st_email_large, .sharethis span.st_email_custom, .sharethis span.st_email_large { background: transparent url(../images/icons/share_mail.png) no-repeat center center; } .sharethis-wrapper span.st_facebook_custom, .sharethis-wrapper span.st_facebook_large, .sharethis span.st_facebook_custom, .sharethis span.st_facebook_large { background: transparent url(../images/icons/share_facebook.png) no-repeat center center; } .sharethis-wrapper span.st_twitter_custom, .sharethis span.st_twitter_custom { background: transparent url(../images/icons/share_twitter.png) no-repeat center center; } .sharethis-wrapper span.st_googleplus_custom, .sharethis span.st_googleplus_custom { background: transparent url(../images/icons/share_google.png) no-repeat center center; } .sharethis-wrapper span.st_pinterest_custom, .sharethis span.st_pinterest_custom { background: transparent url(../images/icons/share_pinterest.png) no-repeat center center; } /* --- Sidebars --------------------------------------------------------------- */ .sidebars .block { border-bottom: 1px solid #e7e7e7; margin: 0 0 20px 0; padding: 0 0 20px 0; } .sidebars .block.last { border-bottom: none; } .sidebars .block .block__title { margin: 0 auto 10px; word-wrap: initial; } .sidebars .block.apps { text-align: center; } .sidebars .block.apps .block__title { background: none; margin: 0 auto 18px; padding: 0; } .sidebars .block p { color: #404040; } .sidebars .block p a { display: block; } .sidebars .block p:last-of-type { margin-bottom: 0; } .sidebars .block:before, .sidebars .block:after { content: " "; display: table; } .sidebars .block:after { clear: both; } /* --- Footer --------------------------------------------------------------- */ .region-footer .block .block__title { margin: 0 auto 28px; padding: 0; } .region-footer .block ul, .region-footer .block ol { margin: 0; padding: 0; } .region-footer .block ul li, .region-footer .block ol li { list-style-image: none; list-style-type: none; margin: 0 auto 14px; } /* --- Mega Menu Dropdowns --------------------------------------------------------------- */ /* More */ #menu .follow { text-align: left; } #menu .follow .block__title { color: #fff; padding: 0 0 10px 0; font-size: 20px; font-size: 2rem; } /* Whats on Now - Not being used for launch https://thinkoomph.jira.com/browse/CAT-220 .menu h3 { color: #fff; @include font-size(22px); @include rem(margin-bottom, 1.4); } #menu .view-whats-on-now { float: left; margin-right: 1%; width: 47%; .views-row { @include rem(margin-bottom, 1.4); } .views-field-field-episode-air-date, .views-field-title { @include font-size(14px); } .views-field-field-episode-air-date { @include rem(margin, 0, 1.4, 0, 1); } .views-field-title a { color: #fff; } } */ /* Tomorrow Night - Not being used for launch https://thinkoomph.jira.com/browse/CAT-220 #menu .tomorrow-night { float: left; width: 48%; table { margin: 0; td { border: none; line-height: normal; vertical-align: top; @include rem(padding, 0, 1.4, 1.4, 1); } } } #menu #menu-item-wrapper-schedule .menu-item-dropdown .menu-item-dropdown-content .block-title { background: none; color: #fff; font-weight: 300; @include font-size(22px); @include rem(margin-bottom, 1.4); } */ /* --- Schedules --------------------------------------------------------------- */ #content .view-upcoming-schedule { padding: 1.5em 2% 1.5em 3%; position: relative; } #content .view-upcoming-schedule:before, #content .view-upcoming-schedule:after { content: " "; display: table; } #content .view-upcoming-schedule:after { clear: both; } #content .view-upcoming-schedule .view-date { color: #a7a7a7; border: 4px solid; border-radius: 3%; font-size: 2.25em; width: 7%; margin: 0.75% 3% 0 0; float: left; text-align: center; line-height: 1; height: 2em; min-width: 2em; } #content .view-upcoming-schedule .view-date .calendar-icon { border-top: 4px solid; margin-top: 0.33em; } #content .view-upcoming-schedule .view-date .the-date { line-height: 1.25; } #content .view-upcoming-schedule .view-content { border-left: 2px solid #f3f3f3; min-height: 6em; padding: 0 0 1% 3%; width: 75%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #content .view-upcoming-schedule .view-content:before, #content .view-upcoming-schedule .view-content:after { content: " "; display: table; } #content .view-upcoming-schedule .view-content:after { clear: both; } #content .view-upcoming-schedule .view-content .upcoming-episode { width: 22%; margin: 0 3% 0 0; float: left; } #content .view-upcoming-schedule .view-content .upcoming-episode a { text-decoration: none; } #content .view-upcoming-schedule .view-content .upcoming-episode a:hover { text-decoration: underline; } #content .view-upcoming-schedule .view-content .upcoming-episode h3 { font-size: 1.25em; color: #727272; border-bottom: 1px solid #a7a7a7; margin-bottom: 0; padding-bottom: 0.25em; } #content .view-upcoming-schedule .view-content .upcoming-episode .views-field-field-show-reference, #content .view-upcoming-schedule .view-content .upcoming-episode .views-field-title { line-height: 1.5; padding-bottom: 0.25em; } #content .view-upcoming-schedule .view-content .upcoming-episode .views-field-field-show-reference { font-size: 1.15em; } #content .view-upcoming-schedule .view-content .upcoming-episode .views-field-title { font-size: 0.8em; max-height: 3em; } #content .view-upcoming-schedule .view-content .upcoming-episode .views-field-title a { color: #727272; } #content .view-upcoming-schedule .view-schedule { position: absolute; bottom: 1.5em; right: 2%; } #block-views-episodes-blocks-block-7 .family-ed-block .views-row, #block-views-episodes-blocks-block-8 .family-ed-block .views-row { margin-bottom: 1em; } /** * @file * This is a collection of styles for content types, including the blog, pages, shows, bio, videos, etc. * As this document expands, it may make sense to move certain content types into their own stylesheet. * */ /* --- Common Extends --------------------------------------------------------------- */ .looks-like-a-page, .section-announcement .node, .node-type-page .node, .node-type-webform .node, .node-type-news article, .page-news .view-news .view-content .views-row, .page-search form#search-form, .page-search ol.search-results li.search-result, .section-user form[id*="user"], .section-store .node, .section-cart .view-commerce-cart-form, .section-cart .cart-empty-page, .section-checkout #commerce-checkout-form-complete, .page-user-orders .entity-commerce-order, .section-more #content div[id*="menu-more"], .page-blog .view-blog-landing .view-content .views-row, .blog-main-page .view-content .views-row, .page-node.node-type-blog-post .node-blog-post .field-name-title, .page-node.node-type-blog-post .blog-detailed-top .field-name-title, .page-node.node-type-blog-post .node-blog-post .view-footer, .page-node.node-type-blog-post .blog-detailed-top .view-footer, .page-node.node-type-blog-post .node-blog-post .field-name-field-image, .page-node.node-type-blog-post .blog-detailed-top .field-name-field-image, .page-node.node-type-blog-post .node-blog-post .field-name-body, .page-node.node-type-blog-post .blog-detailed-top .field-name-body, #block-views-blog-categories-block-2, #block-disqus-disqus-comments, .section-bios #content .node, .page-magazine .view-magazine-landing .view-content .views-row, .page-magazine .subscribe-block .view-magazine-landing .view-content .views-row .field-name-body, .page-magazine .subscribe-block .view-magazine-landing .view-content .views-row form { background: #fff; padding: 20px 18px 10px 18px; padding: 2rem 1.8rem 1rem 1.8rem; } .looks-like-a-block, #block-block-29 ul.social-links, #content .view-upcoming-schedule, .page-schedule #content .view-schedule-landing.view-display-id-page .view-header, .section-support #content .node, .section-support #content .block, .section-amazon-guide #content .node, .section-amazon-guide #content .block, .page-taxonomy .view-taxonomy-term .views-row, .section-store .view-commerce-store .views-row, .section-checkout #commerce-checkout-form-checkout fieldset, .section-checkout #commerce-checkout-form-shipping fieldset, .section-checkout #commerce-checkout-form-review fieldset, .page-rss #content .view-feeds-landing-page .view-header, #comments form.comment-form, #comments .comment, .page-comment #content .comment, .page-comment #content form.comment-form, .section-shows.node-type-series #content > div.node div.field-name-body .field-item, .section-shows.node-type-series #content > div.node div.field-name-host-bio-view .view-series-bio-excerpt, .section-shows.node-type-series #content > div.node div.field-name-field-show-host .field-content, .section-shows.node-type-episode #content > div.node div.field-name-body .field-item, .section-shows.node-type-episode #content > div.node div.field-name-host-bio-view .view-series-bio-excerpt, .section-shows.node-type-episode #content > div.node div.field-name-field-show-host .field-content, .section-shows #content .episode-schedule-block .view-episode-schedule .view-content, .section-shows #content .episode-schedule-block .view-episode-schedule .view-empty, #content #block-views-episode-schedule-block-1 .view-episode-schedule, #content #block-views-episode-schedule-block-3 .view-episode-schedule, #content #block-views-episode-schedule-block-4 .view-episode-schedule, #content #block-views-episode-schedule-block-5 .view-episode-schedule, #content #block-views-episode-schedule-block-6 .view-episode-schedule, #content #block-views-episode-schedule-block-7 .view-episode-schedule, #content #block-views-episode-schedule-block-8 .view-episode-schedule, #content #block-views-episode-schedule-block-9 .view-episode-schedule, #content #block-views-episode-schedule-block-10 .view-episode-schedule, #content #block-views-episode-schedule-block-11 .view-episode-schedule, #content #block-views-episode-schedule-block-12 .view-episode-schedule, #content #block-views-episode-schedule-block-13 .view-episode-schedule, .view-episode-search, #content #block-views-exp-episode-search-page { background: #fff; padding: 20px 14px; padding: 2rem 1.4rem; } /* --- Common Styles ----------------------------------------------------------- */ iframe { max-width: 100%; } .node-readmore a { display: inline-block; margin-bottom: 1em; } .page-node .view-episodes-blocks, .page-node .view-news { /* since we arent adding polyfills like selectivizr Im future proofing this way... */ } .page-node .view-episodes-blocks:before, .page-node .view-episodes-blocks:after, .page-node .view-news:before, .page-node .view-news:after { content: " "; display: table; } .page-node .view-episodes-blocks:after, .page-node .view-news:after { clear: both; } .page-node .view-episodes-blocks .views-row, .page-node .view-news .views-row { width: 32%; float: left; background: white; margin: 0 2% 0 0; /* Overrides for reccomended blocks. */ /* Home page news (for bio content) */ } .page-node .view-episodes-blocks .views-row.views-row:nth-child(3n), .page-node .view-news .views-row.views-row:nth-child(3n) { margin: 0; outline: none; } .page-node .view-episodes-blocks .views-row .views-field, .page-node .view-news .views-row .views-field { padding: 0 5%; margin-bottom: 0.5em; } .page-node .view-episodes-blocks .views-row .views-field a, .page-node .view-news .views-row .views-field a { text-decoration: none; } .page-node .view-episodes-blocks .views-row .views-field a:hover, .page-node .view-news .views-row .views-field a:hover { text-decoration: underline; } .page-node .view-episodes-blocks .views-row .views-field[class$="image"], .page-node .view-episodes-blocks .views-row .views-field[class$="photo"], .page-node .view-news .views-row .views-field[class$="image"], .page-node .view-news .views-row .views-field[class$="photo"] { padding: 0; margin: 0 0 1em; /* Fix featured thumbnail spacing if there's no image. */ } .page-node .view-episodes-blocks .views-row .views-field[class$="image"] a, .page-node .view-episodes-blocks .views-row .views-field[class$="photo"] a, .page-node .view-news .views-row .views-field[class$="image"] a, .page-node .view-news .views-row .views-field[class$="photo"] a { display: block; font-size: 0; line-height: 0; /*max-height: 185px; max-width: 325px;*/ overflow: hidden; } .page-node .view-episodes-blocks .views-row .views-field[class$="image"] img, .page-node .view-episodes-blocks .views-row .views-field[class$="photo"] img, .page-node .view-news .views-row .views-field[class$="image"] img, .page-node .view-news .views-row .views-field[class$="photo"] img { width: 100%; } .page-node .view-episodes-blocks .views-row .views-field[class$="image"] .field-content:empty, .page-node .view-episodes-blocks .views-row .views-field[class$="photo"] .field-content:empty, .page-node .view-news .views-row .views-field[class$="image"] .field-content:empty, .page-node .view-news .views-row .views-field[class$="photo"] .field-content:empty { padding: 57% 0 0; background: #a7a7a7 url(../images/logo-bg.png) no-repeat center center; box-shadow: inset 0 0 2em 1em #727272; } .page-node .view-episodes-blocks .views-row .views-field-field-show-reference, .page-node .view-news .views-row .views-field-field-show-reference { margin-bottom: 0.2em; line-height: 1.25; } .page-node .view-episodes-blocks .views-row .views-field-field-show-reference a, .page-node .view-news .views-row .views-field-field-show-reference a { font-size: 18px; font-size: 1.8rem; } .page-node .view-episodes-blocks .views-row .views-field-title, .page-node .view-news .views-row .views-field-title { margin-bottom: 0.75em; line-height: 1.25; } .page-node .view-episodes-blocks .views-row .views-field-title a, .page-node .view-news .views-row .views-field-title a { font-size: 14px; font-size: 1.4rem; } .page-node .view-episodes-blocks .views-row .views-field-field-image + .views-field-title, .page-node .view-news .views-row .views-field-field-image + .views-field-title { margin-bottom: 0.2em; } .page-node .view-episodes-blocks .views-row .views-field-field-image + .views-field-title a, .page-node .view-news .views-row .views-field-field-image + .views-field-title a { font-size: 18px; font-size: 1.8rem; } .page-node .view-episodes-blocks .views-row .views-field-field-bio-photo + .views-field-title, .page-node .view-episodes-blocks .views-row .views-field-field-dl-image + .views-field-title, .page-node .view-news .views-row .views-field-field-bio-photo + .views-field-title, .page-node .view-news .views-row .views-field-field-dl-image + .views-field-title { margin-bottom: 0.2em; } .page-node .view-episodes-blocks .views-row .views-field-field-bio-photo + .views-field-title a, .page-node .view-episodes-blocks .views-row .views-field-field-dl-image + .views-field-title a, .page-node .view-news .views-row .views-field-field-bio-photo + .views-field-title a, .page-node .view-news .views-row .views-field-field-dl-image + .views-field-title a { font-size: 18px; font-size: 1.8rem; } .page-node .view-episodes-blocks .views-row .views-field-title + .views-field-field-show-reference, .page-node .view-news .views-row .views-field-title + .views-field-field-show-reference { margin-bottom: 0.75em; } .page-node .view-episodes-blocks .views-row .views-field-title + .views-field-field-show-reference a, .page-node .view-news .views-row .views-field-title + .views-field-field-show-reference a { font-size: 14px; font-size: 1.4rem; } .lt-ie9 .page-node .view-episodes-blocks .views-row-3, .lt-ie9 .page-node .view-episodes-blocks .views-row-6, .lt-ie9 .page-node .view-episodes-blocks .views-row-9, .lt-ie9 .page-node .view-news .views-row-3, .lt-ie9 .page-node .view-news .views-row-6, .lt-ie9 .page-node .view-news .views-row-9 { margin: 0; outline: none; } /* Hacky fix for missing / broken images in the episode thumbnail grid. */ .page-node.not-front .view-episodes-blocks .views-row .views-field[class$="image"] a { max-height: 136px; } /* No Sidebars Overrides for - Hacky fix for missing / broken images in the episode thumbnail grid. */ .no-sidebars.page-node.not-front .view-episodes-blocks .views-row .views-field[class$="image"] a { max-height: 176px; } /* Nodes */ .node .node-title, .node .field-name-title h2 { color: #404040; margin-bottom: .5em; } /* --- Home -------------------------------------------------------------------- */ .front { /* We hide these on Desktop? --- Urgh */ } .front #content { width: 100%; } .lt-ie9 .front #content { width: 1000px; } .front #content .block.join-us, .front #content .block.donate { display: none; } /* --- News -------------------------------------------------------------------- */ .page-news .view-news { margin-bottom: 1.5em; position: relative; /* Read more */ } .page-news .view-news .view-header { position: absolute; top: -2em; right: 0; } .page-news .view-news .view-header .sortables { margin: 0; padding: 0; list-style: none; } .page-news .view-news .view-header .sortables li { margin: 0; padding: 0; list-style: none; } .page-news .view-news .view-header .sortables li { display: inline-block; } .page-news .view-news .view-header .sortables li a { color: #000; text-decoration: none; } .page-news .view-news .view-header .sortables li a:hover { color: #000; text-decoration: underline; } .page-news .view-news .view-content .views-row { position: relative; border-bottom: 2px solid #f3f3f3; } .page-news .view-news .view-content .views-row:before, .page-news .view-news .view-content .views-row:after { content: " "; display: table; } .page-news .view-news .view-content .views-row:after { clear: both; } .page-news .view-news .view-content .views-row h2.node-title { line-height: 1.25; margin-bottom: 0.5em; padding: 0 6em 0 0; font-weight: bolder; } .page-news .view-news .view-content .views-row p.submitted, .page-news .view-news .page-magazine .view-magazine-landing .view-content .views-row p.views-field-field-mag-pub-date, .page-magazine .view-magazine-landing .page-news .view-news .view-content .views-row p.views-field-field-mag-pub-date { margin-bottom: 0.75em; } .page-news .view-news .node-readmore { position: absolute; top: 20px; top: 2rem; right: 0; background: #fff; padding: 0 2%; } .page-news .view-news .node-readmore a { line-height: 1; } .page-news .item-list { background: #fff; } .page-news .item-list:before, .page-news .item-list:after { content: " "; display: table; } .page-news .item-list:after { clear: both; } .node-type-news .field-name-field-image { line-height: 0; } .node-type-news .field-name-field-image img { margin: 0 0 15px; margin: 0 0 1.5rem; } /* --- Contact Us -------------------------------------------------------------- */ .section-contact-us h2 { font-weight: bolder; line-height: 1; } .section-contact-us .field-name-body { margin: 0 0 70px; margin: 0 0 7rem; } .section-contact-us form #webform-component-fieldset-1 .webform-component-markup p { margin: 0 0 7.5px; margin: 0 0 0.75rem; } .section-contact-us form #webform-component-fieldset-1 .webform-component-markup p:last-of-type { color: #404040; } .section-contact-us form #webform-component-fieldset-1 .webform-component-markup p:last-of-type:first-letter { color: black; } /* --- Search ---------------------------------------------------------------- */ .page-search iframe { /* Google CSE */ width: 100%; } .page-search #content > h2 { display: none; } .page-search form#search-form .container-inline.form-wrapper:before, .page-search form#search-form .container-inline.form-wrapper:after { content: " "; display: table; } .page-search form#search-form .container-inline.form-wrapper:after { clear: both; } .page-search form#search-form .container-inline.form-wrapper .form-type-textfield { display: block; width: 85%; float: left; margin: 0 0 15px; margin: 0 0 1.5rem; } .page-search form#search-form .container-inline.form-wrapper > input[type="submit"] { float: right; clear: none; width: 12%; margin: 1.35em 0 0; } .page-search form#search-form fieldset.search-advanced div.action { float: right; clear: both; } .page-search ol.search-results { margin: 0; padding: 0; } .page-search ol.search-results li.search-result { margin: 0; border-bottom: 2px solid #f3f3f3; } .page-search ol.search-results li.search-result h3.title { color: #404040; margin-bottom: .5em; font-weight: bolder; } .page-search ol.search-results li.search-result h3.title a { text-decoration: none; } .page-search ol.search-results li.search-result h3.title a:hover { text-decoration: underline; } .page-search ol.search-results li.search-result div.search-snippet-info { padding: 0; } .page-search ol.search-results li.search-result div.search-snippet-info p { margin-bottom: 1.5em; } .page-search ol.search-results li.search-result div.search-snippet-info p.search-snippet strong { background: #e4d9e8; padding: 2px; } .page-search ol.search-results li.search-result div.search-snippet-info .search-info { color: #7c7c7c; display: block; margin-bottom: 1em; font-size: 14px; font-size: 1.4rem; } .page-search ol.search-results li.search-result div.search-snippet-info p:last-of-type { margin-bottom: 0; } .page-search #content .item-list { background: #fff; } .page-search #content .item-list:before, .page-search #content .item-list:after { content: " "; display: table; } .page-search #content .item-list:after { clear: both; } /* --- Login & Registration ---------------------------------------------------- */ .section-user form[id*="user"] { padding-bottom: 2em; } /* --- Schedule ---------------------------------------------------------------- */ .page-schedule .node iframe { border: none; } .page-schedule .schedule-times { background: #f7f7f7; float: left; width: 14%; } .page-schedule .schedule-times .view-header { background: #fff; border-bottom: 2px solid #f5f5f5; padding: .5em 1em .25em 1em; } .page-schedule .schedule-times .view-header h4 { color: #a7a7a7; font-weight: 700; text-align: center; text-transform: lowercase; font-size: 16px; font-size: 1.6rem; } .page-schedule .schedule-times .air-time { border-bottom: 2px solid #ededed; color: #000; font-weight: 700; height: 60px; padding-top: 1em; text-align: center; } .page-schedule .schedule-times .on-air { background-color: #b693c2; border: 1px solid #8a4e9f; border-right: 1px solid #b693c2; position: relative; left: 1px; z-index: 1; } .page-schedule .schedule-times .on-air #watch-button a { margin-top: 2px; padding: 2px 6px; white-space: nowrap; } .page-schedule #content .view-schedule-landing.view-display-id-page .view-header:before, .page-schedule #content .view-schedule-landing.view-display-id-page .view-header:after { content: " "; display: table; } .page-schedule #content .view-schedule-landing.view-display-id-page .view-header:after { clear: both; } .page-schedule #content .view-schedule-landing.view-display-id-page .view-footer { display: none; margin-bottom: 1em; text-align: right; } .page-schedule #content .block-views { float: left; width: 43%; } .page-schedule #content .block-views .view-header { border-bottom: 2px solid #f5f5f5; padding: .5em 1em .25em 1em; } .page-schedule #content .block-views .view-header h4 { color: #3f3e3e; font-weight: 700; text-transform: lowercase; font-size: 16px; font-size: 1.6rem; } .page-schedule #content .block-views .view-header h4 span { font-weight: 300; } .page-schedule #content .block-views .views-row { border-bottom: 2px solid #f5f5f5; height: 60px; padding: .5em 1em 0; } .page-schedule #content .block-views .views-row.duration-15 { background: #b693c2; height: 30px; } .page-schedule #content .block-views .views-row.duration-45 { height: 90px; } .page-schedule #content .block-views .views-row.duration-60 { height: 120px; } .page-schedule #content .block-views .views-row.duration-75 { height: 150px; } .page-schedule #content .block-views .views-row.duration-90 { height: 180px; } .page-schedule #content .block-views .views-row.duration-105 { height: 210px; } .page-schedule #content .block-views .views-row.duration-120 { height: 240px; } .page-schedule #content .block-views .views-row.duration-135 { height: 270px; } .page-schedule #content .block-views .views-row.duration-150 { height: 300px; } .page-schedule #content .block-views .views-row.duration-165 { height: 330px; } .page-schedule #content .block-views .views-row.duration-180 { height: 360px; } .page-schedule #content .block-views .views-row.duration-195 { height: 390px; } .page-schedule #content .block-views .views-row.duration-210 { height: 420px; } .page-schedule #content .block-views .views-row.duration-225 { height: 450px; } .page-schedule #content .block-views .views-row.duration-240 { height: 480px; } .page-schedule #content .block-views .views-row.on-air { background-color: #ddc1e7; border: 1px solid #8a4e9f; } .page-schedule #content .block-views .views-row.on-air .views-field-field-schedule-series-title, .page-schedule #content .block-views .views-row.on-air .views-field-field-schedule-episode-title { color: #000; } .page-schedule #content .block-views .views-field-field-schedule-series-title { color: #3f3e3e; font-weight: 400; margin-bottom: 2px; font-size: 14px; font-size: 1.4rem; } .page-schedule #content .block-views .views-field-field-schedule-series-title { color: #3f3e3e; position: relative; } .page-schedule #content .block-views .views-field-field-schedule-series-title .views-field-field-schedule-description { position: absolute; display: none; font-size: 12px; font-size: 1.2rem; font-weight: 300; top: 2.25em; width: 75%; left: 0; padding: 1em; background: white; border: 2px solid #a7a7a7; box-shadow: 0 0 1em rgba(0, 0, 0, 0.25); } .page-schedule #content .block-views .views-field-field-schedule-series-title .views-field-field-schedule-description:before, .page-schedule #content .block-views .views-field-field-schedule-series-title .views-field-field-schedule-description:after { content: ""; display: block; width: 0; height: 0; border-left: 0.6em solid transparent; border-right: 0.6em solid transparent; border-bottom: 0.6em solid white; position: absolute; top: -0.58333333333333em; left: 2em; z-index: 12; } .page-schedule #content .block-views .views-field-field-schedule-series-title .views-field-field-schedule-description:after { z-index: 11; top: -0.8em; left: 1.9em; border-left: 0.7em solid transparent; border-right: 0.7em solid transparent; border-bottom: 0.7em solid #a7a7a7; } .page-schedule #content .block-views .views-field-field-schedule-series-title .views-field-field-schedule-description p:last-of-type { margin-bottom: 0; } .page-schedule #content .block-views .views-field-field-schedule-series-title:hover { cursor: default; } .page-schedule #content .block-views .views-field-field-schedule-series-title:hover .views-field-field-schedule-description { display: block; z-index: 10; } .page-schedule #content .block-views .view-empty { padding: .5em 1em .25em 1em; } .page-schedule #content #block-views-schedule-landing-block-1 .view-header, .page-schedule #content #block-views-schedule-landing-block-1 .view-content { background: #fff; } .page-schedule #content #block-views-schedule-landing-block-1 .view-footer { display: none; margin-top: 1em; text-align: right; } .page-schedule #content #block-views-schedule-landing-block-2 .view-content { background: #e4e4e4; } .page-schedule #content #block-views-schedule-landing-block-2 form { background: #fff; padding: .5em 1em .25em 1em; } .page-schedule #content #block-views-schedule-landing-block-2 #date_filter { background: #fff url(../images/old/form-select-arrow.png) no-repeat right center; background-size: auto 100%; text-transform: lowercase; font-size: 16px; font-size: 1.6rem; } .page-schedule-tomorrow #content .block-views { width: 86%; } .page-schedule-tomorrow #content .schedule-times .on-air { background: none; border: none; border-bottom: 2px solid #ededed; } .page-schedule-tomorrow #content .schedule-times .on-air #watch-button { display: none; } /* --- Adjusts the display of the show at 2am on Daylight Savings - view-row may need to change depending on show length ---*/ .dst-end .views-row-4 { height: 60px !important; } /* --- Support / Ways to Donate ---------------------------------------------------- */ .section-support #content .node.node-59 { font-size: smaller; } .section-support #content .node.node-59 h2 { font-size: 21px; font-size: 2.1rem; } .section-support #content h1#page-title { line-height: 1.5em; padding: 0 0 0 1.5em; } .section-support #content .node { margin-bottom: 2.1428571429em; padding-bottom: 0; } .section-support #content .node h2 { color: #676767; margin-bottom: 1em; font-size: 22px; font-size: 2.2rem; } .section-support #content .block { color: #404040; float: left; height: 268px; margin-bottom: 2%; width: 49%; } .section-support #content .block.odd { margin-right: 2%; } .section-support #content .block .block-title { font-size: 30px; font-size: 3rem; } .section-send-a-prayer h1.page__title { background-image: url(../images/icons/star.png); } /* --- Amazon Guide Page --------------------------------------------------------------- */ .section-amazon-guide #content .node { margin-bottom: 2.1428571429em; padding-bottom: 0; } .section-amazon-guide #content .node h2 { color: #676767; margin-bottom: 1em; font-size: 22px; font-size: 2.2rem; } .section-amazon-guide #content .block .block-title { font-weight: 300; font-size: 30px; font-size: 3rem; } .section-amazon-guide #content #block-block-20 { clear: both; position: relative; top: 45px; } .section-amazon-guide #content #block-block-20 .block-title { font-size: 24px; font-size: 2.4rem; font-weight: 700; margin-bottom: 0; width: 100%; position: absolute; top: -45px; left: 0px; } .section-amazon-guide #content #block-block-20 h2 { margin-bottom: .5em; } .section-amazon-guide #content #block-block-20 a[href*="amazon"] { font-weight: 700; color: #cd16d8; text-decoration: none; } .section-amazon-guide #content #block-block-20 a[href*="amazon"]:hover { color: #cd16d8; text-decoration: underline; } .section-amazon-guide #content #block-block-21 { float: left; margin-right: 2%; width: 34%; } .section-amazon-guide #content #block-block-22 { float: left; margin-right: 2%; width: 34%; } .section-amazon-guide #content #block-block-23 { float: right; height: auto; width: 64%; } .section-amazon-guide #content #block-block-23 table { margin-top: 0; } .section-amazon-guide #content #block-block-23 table th { text-align: left; } .section-amazon-guide #content #block-block-23 table td { border: none; } /* --- User Accounts & Registration --------------------------------------------------------------- */ .section-users .profile > h3 { color: #404040; } .section-user.page-user-register legend { color: #000; font-weight: 400; padding: 0 4px; } .section-user.page-user-register form label { text-transform: none; } .section-user.page-user-register form label.option { font-weight: 300; } .section-user.page-user-register form .form-item-terms-of-use label.option { font-weight: 400; } .section-user.page-user-register .field-type-addressfield { margin-bottom: 1em; } .section-user.page-user-register .description { color: red; } /* --- Taxonomy Pages -------------------------------------------------------- */ .page-taxonomy .view-taxonomy-term .views-row { margin-bottom: 2px; position: relative; } .page-taxonomy .view-taxonomy-term .views-row:before, .page-taxonomy .view-taxonomy-term .views-row:after { content: " "; display: table; } .page-taxonomy .view-taxonomy-term .views-row:after { clear: both; } .page-taxonomy .view-taxonomy-term .views-row .views-field-title { color: #404040; font-weight: bolder; line-height: 1.25; margin-bottom: 0.5em; padding: 0 6em 0 0; } .page-taxonomy .view-taxonomy-term .views-row .views-field-view-node { position: absolute; right: 0; background: #fff; padding: 0 2%; top: 20px; top: 2rem; } /* --- Store Pages -------------------------------------------------------- */ .section-store .view-commerce-store { /* Individual Product */ } .section-store .view-commerce-store .view-content { display: flex; flex-wrap: wrap; } .section-store .view-commerce-store .views-row { border-bottom: 2px solid #f3f3f3; float: left; margin: 0 2% 1em 0; overflow: hidden; width: 32%; position: relative; } .section-store .view-commerce-store .views-row .views-field-title { line-height: 1.1; } .section-store .view-commerce-store .views-row .views-field-title, .section-store .view-commerce-store .views-row .views-field-field-product-image { margin-bottom: 0.7777777778em; } .section-store .view-commerce-store .views-row .views-field.views-field-body { margin-bottom: 4em; } .section-store .view-commerce-store .views-row .views-field-commerce-price, .section-store .view-commerce-store .views-row .views-field-field-commerce-product { position: absolute; right: 14px; right: 1.4rem; } .section-store .view-commerce-store .views-row .views-field-commerce-price { bottom: 49px; bottom: 4.9rem; } .section-store .view-commerce-store .views-row .views-field-field-commerce-product { bottom: 20px; bottom: 2rem; } .section-store .view-commerce-store .views-row:nth-child(3n) { margin: 0 0 1em 0; } .section-store .view-commerce-store .item-list { background-color: #fff; clear: both; } .section-store .view-commerce-store .item-list:before, .section-store .view-commerce-store .item-list:after { content: " "; display: table; } .section-store .view-commerce-store .item-list:after { clear: both; } /* Individual Product Node */ .section-store .node .field-name-commerce-price, .section-store .node .field-name-field-commerce-product { clear: right; float: right; margin-bottom: .25em; } /* Cart Pages */ .section-cart .view-commerce-cart-form form .views-table, .section-cart .cart-empty-page form .views-table { margin-top: 0; width: 100%; } .section-cart .view-commerce-cart-form form .form-actions #edit-submit, .section-cart .cart-empty-page form .form-actions #edit-submit { margin-right: 1%; } /* Cart Checkout */ .section-checkout #commerce-checkout-form-checkout .checkout-help, .section-checkout #commerce-checkout-form-shipping .checkout-help, .section-checkout #commerce-checkout-form-review .checkout-help { font-weight: 700; } .section-checkout #commerce-checkout-form-checkout fieldset, .section-checkout #commerce-checkout-form-shipping fieldset, .section-checkout #commerce-checkout-form-review fieldset { margin: 0 0 1em 0; width: 100%; } .section-checkout #commerce-checkout-form-checkout fieldset .fieldset-legend, .section-checkout #commerce-checkout-form-shipping fieldset .fieldset-legend, .section-checkout #commerce-checkout-form-review fieldset .fieldset-legend { font-weight: 700; } .section-checkout #commerce-checkout-form-checkout fieldset.customer_profile_shipping label, .section-checkout #commerce-checkout-form-shipping fieldset.customer_profile_shipping label, .section-checkout #commerce-checkout-form-review fieldset.customer_profile_shipping label { display: inline-block; } .section-checkout #commerce-checkout-form-checkout fieldset label, .section-checkout #commerce-checkout-form-shipping fieldset label, .section-checkout #commerce-checkout-form-review fieldset label { display: block; } .section-checkout #commerce-checkout-form-checkout fieldset select, .section-checkout #commerce-checkout-form-shipping fieldset select, .section-checkout #commerce-checkout-form-review fieldset select { background: transparent url(../images/old/form-select-arrow.png) no-repeat right center; background-size: auto 100%; } .section-checkout #commerce-checkout-form-checkout #edit-customer-profile-billing .fieldset-wrapper, .section-checkout #commerce-checkout-form-shipping #edit-customer-profile-billing .fieldset-wrapper, .section-checkout #commerce-checkout-form-review #edit-customer-profile-billing .fieldset-wrapper { min-width: 220px; width: 50%; } .section-checkout #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper .form-submit, .section-checkout #commerce-checkout-form-shipping #edit-buttons .fieldset-wrapper .form-submit, .section-checkout #commerce-checkout-form-review #edit-buttons .fieldset-wrapper .form-submit { margin-right: 1%; } .section-checkout #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper #edit-cancel, .section-checkout #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper #edit-back, .section-checkout #commerce-checkout-form-shipping #edit-buttons .fieldset-wrapper #edit-cancel, .section-checkout #commerce-checkout-form-shipping #edit-buttons .fieldset-wrapper #edit-back, .section-checkout #commerce-checkout-form-review #edit-buttons .fieldset-wrapper #edit-cancel, .section-checkout #commerce-checkout-form-review #edit-buttons .fieldset-wrapper #edit-back { margin-left: 1%; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .fieldset-wrapper, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .fieldset-wrapper, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .fieldset-wrapper { min-width: 220px; width: 50%; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .form-item input[type="radio"], .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .form-item input[type="radio"], .section-checkout #commerce-checkout-form-review #edit-commerce-payment .form-item input[type="radio"] { float: left; margin-right: 2%; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration:before, .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration:after, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration:before, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration:after, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration:before, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration:after { content: " "; display: table; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration:after, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration:after, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration:after { clear: both; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration .form-item, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration .form-item, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration .form-item { margin: 0; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-month, .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration .commerce-month-year-divider, .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-year, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-month, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration .commerce-month-year-divider, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-year, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-month, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration .commerce-month-year-divider, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-year { float: left; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration .commerce-month-year-divider, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration .commerce-month-year-divider, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration .commerce-month-year-divider { margin: 4px; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-month, .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-year, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-month, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-year, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-month, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-year { min-width: 70px; width: 20%; } .section-checkout #commerce-checkout-form-checkout #edit-commerce-payment .form-item-commerce-payment-payment-details-credit-card-code, .section-checkout #commerce-checkout-form-shipping #edit-commerce-payment .form-item-commerce-payment-payment-details-credit-card-code, .section-checkout #commerce-checkout-form-review #edit-commerce-payment .form-item-commerce-payment-payment-details-credit-card-code { clear: both; } .section-checkout #commerce-checkout-form-checkout .views-table, .section-checkout #commerce-checkout-form-checkout .checkout-review, .section-checkout #commerce-checkout-form-shipping .views-table, .section-checkout #commerce-checkout-form-shipping .checkout-review, .section-checkout #commerce-checkout-form-review .views-table, .section-checkout #commerce-checkout-form-review .checkout-review { width: 100%; } .section-checkout #commerce-checkout-form-checkout .views-table tr.odd .form-item, .section-checkout #commerce-checkout-form-checkout .views-table tr.even .form-item, .section-checkout #commerce-checkout-form-checkout .checkout-review tr.odd .form-item, .section-checkout #commerce-checkout-form-checkout .checkout-review tr.even .form-item, .section-checkout #commerce-checkout-form-shipping .views-table tr.odd .form-item, .section-checkout #commerce-checkout-form-shipping .views-table tr.even .form-item, .section-checkout #commerce-checkout-form-shipping .checkout-review tr.odd .form-item, .section-checkout #commerce-checkout-form-shipping .checkout-review tr.even .form-item, .section-checkout #commerce-checkout-form-review .views-table tr.odd .form-item, .section-checkout #commerce-checkout-form-review .views-table tr.even .form-item, .section-checkout #commerce-checkout-form-review .checkout-review tr.odd .form-item, .section-checkout #commerce-checkout-form-review .checkout-review tr.even .form-item { margin-bottom: .5em; } .section-checkout #commerce-checkout-form-checkout .checkout-review tbody, .section-checkout #commerce-checkout-form-shipping .checkout-review tbody, .section-checkout #commerce-checkout-form-review .checkout-review tbody { border: none; } .section-checkout #commerce-checkout-form-checkout .checkout-review .pane-title.odd, .section-checkout #commerce-checkout-form-shipping .checkout-review .pane-title.odd, .section-checkout #commerce-checkout-form-review .checkout-review .pane-title.odd { background: none; border: none; padding: 0; } .section-checkout #commerce-checkout-form-checkout .checkout-review .pane-title.odd > td, .section-checkout #commerce-checkout-form-shipping .checkout-review .pane-title.odd > td, .section-checkout #commerce-checkout-form-review .checkout-review .pane-title.odd > td { border: none; padding: 1em 0; } .section-checkout #edit-commerce-payment .form-radios, .section-checkout #edit-commerce-payment .commerce-credit-card-expiration { margin-bottom: 1em; } .section-checkout #edit-commerce-payment .form-item-commerce-payment-payment-details-credit-card-code { width: 100px; } /* Shopping Cart Block */ #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row { margin-bottom: 1em; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row:before, #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row:after { content: " "; display: table; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row:after { clear: both; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row .views-field { margin-bottom: .5em; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row .views-field-quantity, #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row .views-field-commerce-total { float: left; width: 50%; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .views-row .views-field-commerce-total { text-align: right; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary .line-item-quantity, #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary .line-item-total { margin-bottom: 1em; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li { padding: 0 .25em 0 0; display: inline; } #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li a { font-weight: 700; } .page-user-orders .action-links { list-style: none; margin: 0 0 1em; padding: 0; } .page-user-orders .action-links:before, .page-user-orders .action-links:after { content: " "; display: table; } .page-user-orders .action-links:after { clear: both; } .page-user-orders .action-links li { display: inline-block; float: right; } .page-user-orders #content { margin-top: -1.5em; } .page-user-orders .entity-commerce-order .view-commerce-line-item-table table.views-table { width: 100%; } .page-user-orders .field-name-commerce-customer-billing, .page-user-orders .field-name-commerce-customer-shipping { margin-bottom: 1em; } /* --- How to Watch / Get CatholicTV -------------------------------------------------------- */ .section-get-catholictv .page__title { display: none; } .node-type-page.section-get-catholictv .node { background: none; padding: 0; } .node-type-page.section-get-catholictv .node iframe { border: none !important; width: 100% !important; } /* --- RSS -------------------------------------------------------- */ .page-rss #content .view-feeds-landing-page .view-content table { width: 100%; } .page-rss #content .view-feeds-landing-page .view-content table a.rss-link { background: transparent url(../images/xml.gif) no-repeat 0 0; display: block; height: 18px; width: 18px; text-indent: -9999em; } /* --- Forms - *(not including cart related items) --------------------------------------------------------------- */ form:before, form:after { content: " "; display: table; } form:after { clear: both; } form fieldset { border: none; float: left; margin: 0 2% 0 0; padding: 0; width: 32%; } .section-import form fieldset { background: #fff; border: 0.1em solid #c0c0c0; float: none; margin: 0 0 1em 0; padding: 0.425em 0.875em 0.875em; width: auto; } .section-import form fieldset .form-select { max-width: 200px; } .section-import form fieldset .form-type-checkbox .description { margin: 0; } form fieldset.webform-component--fieldset-3 { margin-right: 0; } form fieldset.webform-component--fieldset--2 .form-item-submitted-fieldset-2-address-postal-code, form fieldset.webform-component--fieldset--2 .form-item-submitted-fieldset-2-help-us-grow-yes { margin: 0; } form .form-item { margin: 0 0 1em 0; } form select.form-select { background: transparent url(../images/old/form-select-arrow.png) no-repeat right center; background-size: auto 100% !important; } .section-import #content table { width: 100%; } .section-import #content table thead tr th { background-color: #a7a7a7; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } /* Forms - Episode Search */ form[id*="form-episode-search"] .description { display: none; } form[id*="form-episode-search"] .form-item-field-episode-air-date-value-value input::-webkit-input-placeholder { color: black; } form[id*="form-episode-search"] .form-item-field-episode-air-date-value-value input:-moz-placeholder { color: black; } form[id*="form-episode-search"] .form-item-field-episode-air-date-value-value input::-moz-placeholder { color: black; } form[id*="form-episode-search"] .form-item-field-episode-air-date-value-value input:-ms-input-placeholder { color: black; } /* Forms - User Registartion */ form[id*="user-register-form"] fieldset { border: 1px solid #c0c0c0; float: none; margin: 0 2px 3em; padding: 6px 12px 12px 12px; width: 100%; position: relative; } form[id*="user-register-form"] fieldset#edit-terms-of-use .fieldset-wrapper { height: 200px; overflow: scroll; } form[id*="user-register-form"] fieldset#edit-terms-of-use .fieldset-wrapper .form-item-terms-of-use { position: absolute; top: 240px; left: 0; } form[id*="user-register-form"] legend { color: #000; font-weight: 400; padding: 0 4px; } form[id*="user-register-form"] label { text-transform: none; } form[id*="user-register-form"] label.option { font-weight: 300; } form[id*="user-register-form"] .form-item-terms-of-use label.option { font-weight: 400; } form[id*="user-register-form"] .field-type-addressfield { margin-bottom: 1em; } form[id*="user-register-form"] .description { color: red; } /* Forms - Sidebar */ .sidebars #block-views-exp-episode-search-page .block-title { background: none; padding: 0; } /* Forms - User Registartion */ form#comment-form .form-wrapper:before, form#comment-form .form-wrapper:after { content: " "; display: table; } form#comment-form .form-wrapper:after { clear: both; } form#comment-form fieldset { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* More - Page */ .section-more #content:before, .section-more #content:after { content: " "; display: table; } .section-more #content:after { clear: both; } .section-more #content .node { margin-bottom: 1em; } .section-more #content div[id*="menu-more"] { float: left; min-height: 600px; width: 50%; } .section-more #content div[id*="menu-more"] ul.menu { margin: 0; padding: 0; list-style: none; } .section-more #content div[id*="menu-more"] ul.menu li { margin: 0; padding: 0; list-style: none; } .section-more #content div[id*="menu-more"] ul.menu li.menu__item.is-leaf, .section-more #content div[id*="menu-more"] ul.menu li.menu__item.is-expanded { list-style-image: none; list-style-type: none; } .section-more #content div[id*="menu-more"] ul.menu li.expanded { margin: 0 0 24px 0; margin: 0 0 2.4rem 0; } .section-more #content div[id*="menu-more"] ul.menu li a { text-decoration: none; } .section-more #content div[id*="menu-more"] ul.menu li a.menu__link { display: block; font-size: 16px; font-size: 1.6rem; margin: 0 0 14px 0; margin: 0 0 1.4rem 0; } .section-more #content div[id*="menu-more"] ul.menu li a:hover { text-decoration: underline; } .section-more #content div[id*="menu-more"] ul.menu li ul.menu { padding: 0 0 0 10px; padding: 0 0 0 1rem; } .section-more #content div[id*="menu-more"] ul.menu li ul.menu li a.menu__link { font-size: 14px; font-size: 1.4rem; } /* * @file * Navigation styles for Menus & Dropdowns ( Hard coded in menu.tpl.php ) * --------------------------------------------------------------------------------- */ #menu { position: relative; top: 0; z-index: 2; /* Sits on top of #dl (z-index: 1) */ height: 70px; height: 7rem; padding-left: 80px; padding-left: 8rem; /* We hide the mobile search on desktop */ /* Individual Menu Overrides */ /* Español, Masses, and Shows */ /* Schedule */ /* Support */ /* Español, Masses, and Shows */ /* Schedule */ /* Support */ /* More */ } #menu #mobile-search { display: none; } #menu .menu-item-wrapper { float: left; margin: 28px 3% 0 0; margin: 2.8rem 3% 0 0; } #menu .menu-item { height: 36px; height: 3.6rem; line-height: 36px; line-height: 3.6rem; padding-left: 0; } #menu .menu-item a { font-weight: 700; font-size: 18px; font-size: 1.8rem; color: #cacaca; text-decoration: none; } #menu .menu-item a:hover { color: #ffffff; text-decoration: underline; } #menu .menu-item .active { color: #fff; } #menu .menu-item-dropdown { background: #2e2e2e; display: none; position: absolute; z-index: 11; /* Above '#dl .views-slideshow-controls-bottom' (z-index: 10) */ width: 100%; max-width: 1000px; max-width: 100rem; top: 70px; top: 7rem; left: 0; left: 0; } #menu .menu-item-dropdown .menu-item-dropdown-content { border-bottom: 1px solid #525252; color: #eee; height: 432px; overflow: hidden; padding: 36px 18px 18px 18px; padding: 3.6rem 1.8rem 1.8rem 1.8rem; } #menu .menu-item-dropdown .menu-item-dropdown-content:before, #menu .menu-item-dropdown .menu-item-dropdown-content:after { content: " "; display: table; } #menu .menu-item-dropdown .menu-item-dropdown-content:after { clear: both; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-item-dropdown-content-heading, #menu .menu-item-dropdown .menu-item-dropdown-content .block-title { color: #fff; display: block; font-weight: 400; line-height: normal; padding: 0; font-size: 24px; font-size: 2.4rem; margin: 0 0 12px 0; margin: 0 0 1.2rem 0; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-item-dropdown-content-heading.follow { display: inline-block; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-item-dropdown-content-heading.follow .social-links { margin: -20px 0 -8px -10px; display: inline-block; float: right; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left { border-right: 1px solid #666; float: left; width: 190px; margin: 0 20px 0 0; margin: 0 2rem 0 0; padding: 0 20px 0 0; padding: 0 2rem 0 0; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block { margin: 0 0 20px 0; margin: 0 0 2rem 0; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block p, #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block li { color: #bfbfbf; margin: 0 0 10px 0; margin: 0 0 1rem 0; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block p a, #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block li a { color: inherit; text-decoration: none; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block p a:hover, #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block li a:hover { text-decoration: underline; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block ul { list-style-type: none; margin: 0; padding: 0; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-left .block img { height: auto; max-height: 100%; } #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-right { margin-left: 187px; } .lt-ie9 #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-right, .ie9 #menu .menu-item-dropdown .menu-item-dropdown-content .menu-content-right { margin-left: 207px; } #menu .menu-item-dropdown .menu-item-dropdown-footer { border-top: 2px solid #000; width: 100%; height: 56px; height: 5.6rem; line-height: 56px; line-height: 5.6rem; padding: 0 18px; padding: 0 1.8rem; } #menu .menu-item-dropdown .menu-item-dropdown-footer .meta-link { font-size: 18px; font-size: 1.8rem; margin: 0 0 0 36px; margin: 0 0 0 3.6rem; color: #cdcdcd; text-decoration: none; font-weight: bold; } #menu .menu-item-dropdown .menu-item-dropdown-footer .meta-link:hover { color: #cdcdcd; text-decoration: underline; } #menu .menu-item-dropdown .menu-item-dropdown-footer .close-menu { background: transparent url(../images/icons/close.png) no-repeat right 25px; background-size: 8px; color: #818181; float: right; font-size: 14px; font-size: 1.4rem; padding: 0 14px 0 0; padding: 0 1.4rem 0 0; color: #818181; text-decoration: none; } #menu .menu-item-dropdown .menu-item-dropdown-footer .close-menu:hover { color: #818181; text-decoration: underline; } #menu .menu-item-dropdown .menu-item-dropdown-cta { float: right; width: 49%; height: 56px; height: 5.6rem; line-height: 56px; line-height: 5.6rem; padding: 0 18px; padding: 0 1.8rem; } #menu .menu-item-dropdown .menu-item-dropdown-cta .meta-link { font-size: 18px; font-size: 1.8rem; margin: 0 0 0 36px; margin: 0 0 0 3.6rem; color: #cdcdcd; text-decoration: none; font-weight: bold; } #menu .menu-item-dropdown .menu-item-dropdown-cta .meta-link:hover { color: #cdcdcd; text-decoration: underline; } #menu #menu-item-wrapper-live ul.menu-item { list-style-type: none; margin: 0; } #menu #menu-item-wrapper-live ul.menu-item li { float: left; margin: 0 20px 0 0; margin: 0 2rem 0 0; padding: 0 0 0 40px; padding: 0 0 0 4rem; } #menu #menu-item-wrapper-live ul.menu-item li a.watch-live { color: #84993B; } #menu #menu-item-wrapper-live ul.menu-item li a.watch-live.eng { padding-right: 6px; } #menu #menu-item-wrapper-live ul.menu-item li a.watch-live.spn { padding-left: 3px; } #menu #menu-item-wrapper-live ul.menu-item li a.listen-live { color: #8a4f9f; } #menu #menu-item-wrapper-live ul.menu-item li a.listen-live.eng { padding-right: 6px; } #menu #menu-item-wrapper-live ul.menu-item li a.listen-live.spn { padding-left: 3px; } #menu #menu-item-wrapper-live ul.menu-item li.watch { background: transparent url(../images/icons/tv-green.png) no-repeat left center; } #menu #menu-item-wrapper-live ul.menu-item li.listen { background: transparent url(../images/icons/icon-listen.png) no-repeat left center; } #menu #menu-item-wrapper-shows .menu-content-left h2, #menu #menu-item-wrapper-masses .menu-content-left h2, #menu #menu-item-wrapper-espanol .menu-content-left h2 { background: none; } #menu #menu-item-wrapper-shows .menu-content-right, #menu #menu-item-wrapper-masses .menu-content-right, #menu #menu-item-wrapper-espanol .menu-content-right { position: relative; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu, #menu #menu-item-wrapper-masses .menu-content-right .block-menu, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu { float: left; margin-right: 2%; width: 46%; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu h2.block__title, #menu #menu-item-wrapper-masses .menu-content-right .block-menu h2.block__title, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu h2.block__title { background-image: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu { margin: 0; padding: 0; list-style: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li { margin: 0; padding: 0; list-style: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li { margin: 0 0 14px 0; margin: 0 0 1.4rem 0; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li.menu__item.is-expanded, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li.menu__item.is-expanded, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li.menu__item.is-expanded { list-style-image: none; list-style-type: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li a, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li a, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li a { text-decoration: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li a.menu__link, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li a.menu__link, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li a.menu__link { color: #fff; display: block; font-size: 14px; font-size: 1.4rem; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li a:hover, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li a:hover, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li a:hover { text-decoration: underline; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li ul.menu, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li ul.menu, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li ul.menu { display: none; } #menu #menu-item-wrapper-shows .menu-content-right #block-menu-menu-popular-shows-right-, #menu #menu-item-wrapper-masses .menu-content-right #block-menu-menu-popular-shows-right-, #menu #menu-item-wrapper-espanol .menu-content-right #block-menu-menu-popular-shows-right- { margin-top: 2.9285714286em; } #menu #menu-item-wrapper-schedule .menu-content-left h2 { background: none; } #menu #menu-item-wrapper-schedule .menu-content-right .block, #menu #menu-item-wrapper-schedule .menu-content-right .schedule-left { float: left; margin-right: 6%; width: 42%; } #menu #menu-item-wrapper-schedule .menu-content-right .block h2.block-title, #menu #menu-item-wrapper-schedule .menu-content-right .schedule-left h2.block-title { background: none; font-weight: 300; } #menu #menu-item-wrapper-schedule .menu-content-right .block table td, #menu #menu-item-wrapper-schedule .menu-content-right .schedule-left table td { border: none; padding: .5em; } #menu #menu-item-wrapper-schedule .menu-content-right .block table td.views-field-field-schedule-series-title, #menu #menu-item-wrapper-schedule .menu-content-right .schedule-left table td.views-field-field-schedule-series-title { color: #fff; font-weight: 400; } #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing { border-right: 1px solid #666; } #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing h2.block-title { background: none; font-weight: 300; } #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing table td { border: none; padding: .5em; } #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing table td.views-field-field-schedule-series-title { color: #fff; font-weight: 400; } #menu #menu-item-wrapper-schedule #menu-item-schedule-dropdown-footer .the-date { color: white; display: inline-block; text-align: center; width: 32px; font-size: 10px; font-size: 1rem; } #menu #menu-item-wrapper-schedule #menu-item-schedule-dropdown-footer .meta-link { margin: 0 0 0 9px; margin: 0 0 0 0.9rem; } #menu #menu-item-wrapper-support:before, #menu #menu-item-wrapper-support:after { content: " "; display: table; } #menu #menu-item-wrapper-support:after { clear: both; } #menu #menu-item-wrapper-support .menu-item-dropdown-content { position: relative; } #menu #menu-item-wrapper-support .block { border-right: 1px solid #666666; float: left; margin-right: 2%; padding-right: 2%; width: 23%; } #menu #menu-item-wrapper-support .block .block-title { padding-top: 36px; padding-top: 3.6rem; } #menu #menu-item-wrapper-support .block.estate-planning { border: none; } #menu #menu-item-wrapper-shows .menu-content-left h2, #menu #menu-item-wrapper-masses .menu-content-left h2, #menu #menu-item-wrapper-espanol .menu-content-left h2 { background: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu, #menu #menu-item-wrapper-masses .menu-content-right .block-menu, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu { float: left; margin-right: 2%; width: 46%; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu { margin: 0; padding: 0; list-style: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li { margin: 0; padding: 0; list-style: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li { margin: 0 0 14px 0; margin: 0 0 1.4rem 0; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li.menu__item.is-expanded, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li.menu__item.is-expanded, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li.menu__item.is-expanded { list-style-image: none; list-style-type: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li a, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li a, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li a { text-decoration: none; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li a.menu__link, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li a.menu__link, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li a.menu__link { color: #fff; display: block; font-size: 14px; font-size: 1.4rem; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li a:hover, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li a:hover, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li a:hover { text-decoration: underline; } #menu #menu-item-wrapper-shows .menu-content-right .block-menu ul.menu li ul.menu, #menu #menu-item-wrapper-masses .menu-content-right .block-menu ul.menu li ul.menu, #menu #menu-item-wrapper-espanol .menu-content-right .block-menu ul.menu li ul.menu { display: none; } #menu #menu-item-wrapper-shows .menu-content-right #block-menu-menu-popular-shows-right-, #menu #menu-item-wrapper-shows .menu-content-right #block-block-37, #menu #menu-item-wrapper-masses .menu-content-right #block-menu-menu-popular-shows-right-, #menu #menu-item-wrapper-masses .menu-content-right #block-block-37, #menu #menu-item-wrapper-espanol .menu-content-right #block-menu-menu-popular-shows-right-, #menu #menu-item-wrapper-espanol .menu-content-right #block-block-37 { margin-top: 2.9285714286em; } #menu #menu-item-wrapper-schedule .menu-content-left h2 { background: none; } #menu #menu-item-wrapper-schedule .menu-content-right .block, #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing { float: left; margin-right: 6%; width: 42%; } #menu #menu-item-wrapper-schedule .menu-content-right .block h2.block-title, #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing h2.block-title { background: none; font-weight: 300; } #menu #menu-item-wrapper-schedule .menu-content-right .block table td, #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing table td { border: none; padding: .5em; } #menu #menu-item-wrapper-schedule .menu-content-right .block table td.views-field-field-schedule-series-title, #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing table td.views-field-field-schedule-series-title { color: #fff; font-weight: 400; } #menu #menu-item-wrapper-schedule .menu-content-right .view-schedule-landing { border-right: 1px solid #666; } #menu #menu-item-wrapper-schedule #menu-item-schedule-dropdown-footer .the-date { color: white; display: inline-block; text-align: center; width: 32px; font-size: 10px; font-size: 1rem; } #menu #menu-item-wrapper-schedule #menu-item-schedule-dropdown-footer .meta-link { margin: 0 0 0 9px; margin: 0 0 0 0.9rem; } #menu #menu-item-wrapper-support:before, #menu #menu-item-wrapper-support:after { content: " "; display: table; } #menu #menu-item-wrapper-support:after { clear: both; } #menu #menu-item-wrapper-support .block { border-right: 1px solid #666666; float: left; margin-right: 2%; padding-right: 2%; width: 23%; } #menu #menu-item-wrapper-support .block .block-title { padding-top: 36px; padding-top: 3.6rem; } #menu #menu-item-wrapper-support .block.estate-planning { border: none; } #menu #menu-item-wrapper-more .menu-item a { background: transparent url(../images/icons/down.png) no-repeat right 8px; background-size: 12px; padding-right: 1em; } #menu #menu-item-wrapper-more .menu-content-left h2 { background: none; } #menu #menu-item-wrapper-more .menu-content-right .block-menu, #menu #menu-item-wrapper-more .menu-content-right .cta-block { float: left; margin-right: 2%; width: 46%; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu { margin: 0; padding: 0; list-style: none; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li { margin: 0; padding: 0; list-style: none; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li.menu__item.is-expanded, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li.menu__item.is-leaf, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li.menu__item.is-expanded { list-style-image: none; list-style-type: none; margin: 0 0 14px 0; margin: 0 0 1.4rem 0; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li.expanded, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li.expanded { margin: 0 0 24px 0; margin: 0 0 2.4rem 0; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li a, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li a { text-decoration: none; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li a.menu__link, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li a.menu__link { color: #fff; display: block; font-weight: 400; line-height: normal; font-size: 24px; font-size: 2.4rem; margin: 0 0 12px 0; margin: 0 0 1.2rem 0; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li a:hover, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li a:hover { text-decoration: underline; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li ul.menu, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li ul.menu { padding: 0 0 0 10px; padding: 0 0 0 1rem; } #menu #menu-item-wrapper-more .menu-content-right .block-menu ul.menu li ul.menu li a.menu__link, #menu #menu-item-wrapper-more .menu-content-right .cta-block ul.menu li ul.menu li a.menu__link { font-weight: 300; font-size: 14px; font-size: 1.4rem; } /* --- Calendar Block --------------------------------------------------------------- */ #the-current-date-time { margin: 0 0 .5em 0; font-size: 12px; font-size: 1.2rem; } #the-current-date-time:before, #the-current-date-time:after { content: " "; display: table; } #the-current-date-time:after { clear: both; } #the-current-date-time .the-date { font-weight: 700; float: left; } #the-current-date-time .the-time { float: right; } #calendar_block { margin: 0 0 1em 0; } #calendar_block:before, #calendar_block:after { content: " "; display: table; } #calendar_block:after { clear: both; } #calendar_block #nav { text-align: center; } #calendar_block #nav:before, #calendar_block #nav:after { content: " "; display: table; } #calendar_block #nav:after { clear: both; } #calendar_block #nav div { float: left; } #calendar_block #calendar_prev, #calendar_block #calendar_header, #calendar_block #calendar_next { display: none; } #calendar_block .hok { float: left; padding: 6px 3px; text-align: center; width: 24px; font-size: 10px; font-size: 1rem; } #calendar_block .week .hok { padding: 4px 3px; } #calendar_block .today { font-weight: 700; } #calendar_block .disabled { visibility: hidden; } #calendar_block .hok span { display: block; } #calendar_block #calendar_row0 { border-top: 1px solid #666666; border-bottom: 1px solid #666666; text-transform: uppercase; } #calendar_block #calendar_row0:before, #calendar_block #calendar_row0:after { content: " "; display: table; } #calendar_block #calendar_row0:after { clear: both; } #calendar_block .week .clear-block:before, #calendar_block .week .clear-block:after { content: " "; display: table; } #calendar_block .week .clear-block:after { clear: both; } .view-all-link { font-size: 18px; font-size: 1.8rem; margin: 0 0 0 36px; margin: 0 0 0 3.6rem; color: #cdcdcd; text-decoration: none; font-weight: bold; } .view-all-link:hover { color: #cdcdcd; text-decoration: underline; } .view-all-link--espanol, .view-all-link--masses { position: relative; } .view-all-link--shows { position: absolute; left: calc(48% + 21px); top: 1rem; margin-left: 3.5rem; } .view-all-link--espanol:before { content: ''; background: transparent url(../images/icons/icon-helpful-resources-small.png) no-repeat 0px center; width: 30px; height: 22px; position: absolute; left: -3.5rem; top: -5px; } .view-all-link--masses:before { content: ''; background: transparent url(../images/icons/icon-watch-recent-masses-small.png) no-repeat 0px center; width: 30px; height: 22px; position: absolute; left: -3.5rem; top: -5px; } .view-all-link--shows:before { content: ''; background: transparent url(../images/icons/movie-take.png) no-repeat 0px center; width: 30px; height: 22px; position: absolute; left: -3.5rem; top: -5px; } .view-all-link--schedule { margin-left: 3.5rem; position: relative; } .view-all-link--schedule:before { content: ''; background: transparent url(../images/icons/date.png) no-repeat 0px center; width: 30px; height: 22px; position: absolute; left: -3.5rem; top: -3px; } .view-all-link--donate { margin-left: 3.5rem; position: absolute; top: 3.6rem; right: 2rem; } .view-all-link--donate:before { content: ''; background: transparent url(../images/icons/gift.png) no-repeat 0px center; width: 30px; height: 25px; position: absolute; left: -3.5rem; top: -5px; } /** * @file * Blog Content Type * --------------------------------------------------------------------------------- */ /* --- Blog Section ---------------------------------------------------------------- */ .section-blog { /* Responsive featured images. */ } .section-blog [class*="field-image"] > [class*="field"] { width: 100%; } .section-blog [class*="field-image"] > [class*="field"] img { width: 100%; } /* --- Sidebar Category and Archive Menu Links ---------------------------------------------------------------- */ .sidebars .sidebar-menus { border-bottom: none; } .sidebars .sidebar-menus h2.block-title { background-image: none; padding: 0; color: initial; font-size: 1.3em; font-weight: 400; margin: 0 auto 20px; } .sidebars .sidebar-menus .view-content ul { list-style: none; margin: 0; padding: 0; } .sidebars .sidebar-menus .view-content ul li { padding: 10px 0; border-top: 1px solid #e7e7e7; color: rgba(0, 0, 0, 0.4); } .sidebars .sidebar-menus .view-content ul li a { text-decoration: none; color: rgba(0, 0, 0, 0.8); } .sidebars .sidebar-menus .view-content ul li a:hover { text-decoration: underline; } .sidebars .sidebar-menus .view-content ul li a span { color: rgba(0, 0, 0, 0.4); } .sidebars .sidebar-menus.archive-menu-months { padding-bottom: 0; margin-bottom: 0; } .sidebars .archive-menu-months .view-content ul li:before, .sidebars .archive-menu-year .view-content ul li:before { margin-right: 8px; } /* --- Blog Main and Category Landing Page ---------------------------------------------------------------- */ .page-blog .view-blog-landing, .blog-main-page { margin-bottom: 1.5em; position: relative; /* Read post */ /* Social Icons */ } .page-blog .view-blog-landing .view-header, .blog-main-page .view-header { position: absolute; top: -2em; right: 0; } .page-blog .view-blog-landing .view-header .sortables, .blog-main-page .view-header .sortables { margin: 0; padding: 0; list-style: none; } .page-blog .view-blog-landing .view-header .sortables li, .blog-main-page .view-header .sortables li { margin: 0; padding: 0; list-style: none; } .page-blog .view-blog-landing .view-header .sortables li, .blog-main-page .view-header .sortables li { display: inline-block; } .page-blog .view-blog-landing .view-header .sortables li a, .blog-main-page .view-header .sortables li a { color: #000; text-decoration: none; } .page-blog .view-blog-landing .view-header .sortables li a:hover, .blog-main-page .view-header .sortables li a:hover { color: #000; text-decoration: underline; } .page-blog .view-blog-landing .view-content .views-row, .blog-main-page .view-content .views-row { position: relative; border-bottom: 2px solid #f3f3f3; } .page-blog .view-blog-landing .view-content .views-row:before, .page-blog .view-blog-landing .view-content .views-row:after, .blog-main-page .view-content .views-row:before, .blog-main-page .view-content .views-row:after { content: " "; display: table; } .page-blog .view-blog-landing .view-content .views-row:after, .blog-main-page .view-content .views-row:after { clear: both; } .page-blog .view-blog-landing .view-content .views-row .views-field-field-image, .blog-main-page .view-content .views-row .views-field-field-image { float: left; width: 32%; max-width: 220px; max-width: 22rem; height: 0; padding: 17.632% 0 0; overflow: hidden; position: relative; } .page-blog .view-blog-landing .view-content .views-row .views-field-field-image .field-content, .blog-main-page .view-content .views-row .views-field-field-image .field-content { position: absolute; top: 0; } .page-blog .view-blog-landing .view-content .views-row .views-field-title, .page-blog .view-blog-landing .view-content .views-row .views-field-created, .page-blog .view-blog-landing .view-content .views-row .views-field-body, .page-blog .view-blog-landing .view-content .views-row .views-field-view-note, .blog-main-page .view-content .views-row .views-field-title, .blog-main-page .view-content .views-row .views-field-created, .blog-main-page .view-content .views-row .views-field-body, .blog-main-page .view-content .views-row .views-field-view-note { width: 53%; float: left; margin-left: 3%; } .page-blog .view-blog-landing .view-content .views-row .views-field-title, .blog-main-page .view-content .views-row .views-field-title { line-height: 1.25; margin-bottom: 0.5em; padding: 0 6em 0 0; } .page-blog .view-blog-landing .view-content .views-row .views-field-created, .blog-main-page .view-content .views-row .views-field-created { margin-bottom: 0.75em; } .page-blog .view-blog-landing .views-field-view-node, .blog-main-page .views-field-view-node { position: absolute; top: 20px; top: 2rem; right: 0; background: #fff; padding: 0 2%; width: 16%; } .page-blog .view-blog-landing .views-field-view-node a, .blog-main-page .views-field-view-node a { line-height: 1; position: relative; } .page-blog .view-blog-landing .item-list, .blog-main-page .item-list { background: #fff; } .page-blog .view-blog-landing .item-list:before, .page-blog .view-blog-landing .item-list:after, .blog-main-page .item-list:before, .blog-main-page .item-list:after { content: " "; display: table; } .page-blog .view-blog-landing .item-list:after, .blog-main-page .item-list:after { clear: both; } .page-blog .view-blog-landing .views-field-sharethis, .blog-main-page .views-field-sharethis { position: absolute; top: 40px; top: 4rem; right: 0; padding: 0 2%; width: 16%; } /* --- Single Post ---------------------------------------------------------------- */ /* Single Post - buttons */ #block-custom-pagers-1 { margin-bottom: 0; clear: both; z-index: 10; height: auto; position: relative; } #block-custom-pagers-1 ul { position: absolute; right: 0; top: 7px; } #block-custom-pagers-1 li.key { display: none; visibility: hidden; } /* Single Post - content */ .page-node.node-type-blog-post #content { position: relative; } .page-node.node-type-blog-post h1#page-title { display: none; } .page-node.node-type-blog-post .node-blog-post .field-name-title, .page-node.node-type-blog-post .blog-detailed-top .field-name-title { overflow: hidden; margin: 0; padding-bottom: 0; } .page-node.node-type-blog-post .node-blog-post .field-name-title h2, .page-node.node-type-blog-post .blog-detailed-top .field-name-title h2 { font-size: 24px; font-size: 2.4rem; font-weight: bolder; color: #404040; } .page-node.node-type-blog-post .node-blog-post .view-footer, .page-node.node-type-blog-post .blog-detailed-top .view-footer { padding-top: 0; padding-bottom: 0.8em; } .page-node.node-type-blog-post .node-blog-post .field-name-field-image, .page-node.node-type-blog-post .blog-detailed-top .field-name-field-image { overflow: hidden; margin: 0; padding-top: 0; padding-bottom: 0; line-height: 0; } .page-node.node-type-blog-post .node-blog-post .field-name-field-image img, .page-node.node-type-blog-post .blog-detailed-top .field-name-field-image img { margin: 0 0 15px; margin: 0 0 1.5rem; } .page-node.node-type-blog-post .node-blog-post .field-name-body, .page-node.node-type-blog-post .blog-detailed-top .field-name-body { overflow: hidden; margin: 0; padding-top: 0; padding-bottom: 40px; padding-bottom: 4rem; } .page-node.node-type-blog-post .node-blog-post .field-name-body p:last-of-type, .page-node.node-type-blog-post .blog-detailed-top .field-name-body p:last-of-type { margin-bottom: 0; } #block-views-blog-detailed-block { margin-bottom: 0; } /* --- Single Post - Taxonomy Categories ---------------------------------------------------------------- */ #block-views-blog-categories-block-2 { margin-bottom: 0; padding-bottom: 3rem; } #block-views-blog-categories-block-2 h2.block-title { padding: 0; background: none; color: initial; font-weight: normal; font-size: 1.4em; text-transform: none; } #block-views-blog-categories-block-2 ul.inline-terms { margin: 0; padding: 0; list-style: none; } #block-views-blog-categories-block-2 ul.inline-terms li { display: inline; } #block-views-blog-categories-block-2 ul.inline-terms li:after { content: ','; margin-right: 0.5rem; } #block-views-blog-categories-block-2 ul.inline-terms li.views-row-last:after { content: none; } /* --- Single Post - Comments ---------------------------------------------------------------- */ #block-disqus-disqus-comments h2.block-title { padding: 0; background: none; color: initial; text-transform: none; } #comment-form #edit-comment-body-und-0-format { display: none; } /* --- Extends --------------------------------------------------------------- */ .comment-title { color: #a7a7a7; display: block; font-weight: 700; line-height: 1.5em; padding: 0 0 0 1.5em; font-size: 24px; font-size: 2.4rem; } .comment-inputs, #comments form.comment-form .form-item input, .page-comment #content form.comment-form .form-item input { background: none; border: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #eee; color: #000; font-weight: 300; padding: 2px 4px; text-transform: lowercase; -webkit-border-radius: 0px; border-radius: 0px; } .comment-labels, #comments form.comment-form .form-item label, .page-comment #content form.comment-form .form-item label { color: #000; display: block; font-weight: 400; margin-bottom: 4px; text-transform: lowercase; } .comment-labels .form-required, #comments form.comment-form .form-item label .form-required, .page-comment #content form.comment-form .form-item label .form-required { color: inherit; } /* Comments */ #comments { margin: 1em 0; /* Individual Comment */ } #comments form.comment-form .field-name-comment-body { margin-bottom: 1em; } #comments form.comment-form .field-name-comment-body .text-format-wrapper .form-item { margin-bottom: 1em; } #comments form.comment-form .field-name-comment-body .text-format-wrapper .wysiwyg-toggle-wrapper { margin: .25em 0; } #comments form.comment-form .field-name-comment-body .text-format-wrapper .filter-wrapper { border: 1px solid #eee; } #comments .comment { border: 1px solid #ddd; margin-bottom: 1em; } #comments .comment h3.comment__title { padding: 0; } #comments .comment h3.comment__title a { text-decoration: none; } #comments .comment .submitted .permalink, #comments .comment .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-pub-date .permalink, .page-magazine .view-magazine-landing .view-content .views-row #comments .comment .views-field-field-mag-pub-date .permalink { float: right; text-transform: lowercase; color: #a7a7a7; text-decoration: none; } #comments .comment .submitted .permalink:hover, #comments .comment .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-pub-date .permalink:hover, .page-magazine .view-magazine-landing .view-content .views-row #comments .comment .views-field-field-mag-pub-date .permalink:hover { color: #a7a7a7; text-decoration: underline; } #comments .comment.last { margin-bottom: 2em; } #tinymce { background: none; } /* --- Single Page - Comments ---------------------------------------------------------------- */ .page-comment #content .comment { margin-bottom: 1em; } .page-comment #content .comment h3.comment__title { padding: 0; } .page-comment #content .comment h3.comment__title a { text-decoration: none; } .page-comment #content .comment .submitted .permalink, .page-comment #content .comment .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-pub-date .permalink, .page-magazine .view-magazine-landing .view-content .views-row .page-comment #content .comment .views-field-field-mag-pub-date .permalink { float: right; text-transform: lowercase; color: #a7a7a7; text-decoration: none; } .page-comment #content .comment .submitted .permalink:hover, .page-comment #content .comment .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-pub-date .permalink:hover, .page-magazine .view-magazine-landing .view-content .views-row .page-comment #content .comment .views-field-field-mag-pub-date .permalink:hover { color: #a7a7a7; text-decoration: underline; } .page-comment #content form.comment-form .field-name-comment-body { margin-bottom: 1em; } .page-comment #content form.comment-form .field-name-comment-body .text-format-wrapper .form-item { margin-bottom: 1em; } .page-comment #content form.comment-form .field-name-comment-body .text-format-wrapper .wysiwyg-toggle-wrapper { margin: .25em 0; } .page-comment #content form.comment-form .field-name-comment-body .text-format-wrapper .filter-wrapper { border: 1px solid #eee; } /** * @file * Biogrpahies Content Type * --------------------------------------------------------------------------------- */ /* Section */ .section-bios #content .views-field-field-twitter-url a, .section-bios #content .field-name-field-twitter-url a { background: transparent url(../images/icons/twitter.png) no-repeat center center; } .section-bios #content .views-field-field-facebook-url a, .section-bios #content .field-name-field-facebook-url a { background: transparent url(../images/icons/facebook.png) no-repeat center center; } .section-bios #content .views-field-field-wikipedia-url a, .section-bios #content .field-name-field-wikipedia-url a { background: transparent url(../images/icons/wiki.png) no-repeat center center; } .section-bios #content .views-field-field-linkedin-url a, .section-bios #content .field-name-field-linkedin-url a { background: transparent url(../images/icons/linkedin.png) no-repeat center center; } .section-bios #content .views-field-field-instagram-url a, .section-bios #content .field-name-field-instagram-url a { background: transparent url(../images/icons/instagram.png) no-repeat center center; } .section-bios #content .views-field-field-blog-url a, .section-bios #content .field-name-field-blog-url a { background: transparent url(../images/icons/write.png) no-repeat center center; } /* Landing Page */ .page-bios .view-bios-landing { padding: 0; } .page-bios .view-bios-landing:before, .page-bios .view-bios-landing:after { content: " "; display: table; } .page-bios .view-bios-landing:after { clear: both; } .page-bios .view-bios-landing .view-content { width: 100%; } .page-bios .view-bios-landing .view-content:before, .page-bios .view-bios-landing .view-content:after { content: " "; display: table; } .page-bios .view-bios-landing .view-content:after { clear: both; } .page-bios .view-bios-landing .views-row { background: #fff; float: left; min-height: 270px; min-height: 27rem; margin: 0 2% 2em 0; width: 23%; } .page-bios .view-bios-landing .views-row .views-field-field-bio-photo { background: #000; max-height: 171px; overflow: hidden; text-align: center; } .page-bios .view-bios-landing .views-row .views-field-title { line-height: 1.25; padding: 10px; } .page-bios .view-bios-landing .views-row div[class*="-url"] { float: left; } .page-bios .view-bios-landing .views-row:nth-of-type(4n) { margin-right: 0; } /* Node */ .node-type-biography #page-title { display: none; } .node-type-biography .node .field-name-field-bio-photo { margin: 0 0 0 0; } .node-type-biography .node .follow-me { color: #8e8e8e; } .node-type-biography .node .field-type-url { display: inline-block; margin: 0; } /** * @file * Shows Content Type * --------------------------------------------------------------------------------- */ /* All levels of TV section */ .section-shows .block-views { clear: both; } /* Shows - url: "/shows" */ .section-shows.node-type-page h1.page__title, .section-shows.node-type-page article.node { display: none; } /* Both Series and Episode Pages */ .section-shows.node-type-series h1.page__title, .section-shows.node-type-episode h1.page__title { display: none; } .section-shows.node-type-series #content > div.node .field-name-body, .section-shows.node-type-episode #content > div.node .field-name-body { width: 65%; float: left; margin-right: 2%; } .section-shows.node-type-series #content > div.node.wrapper-of-1 .field-name-body, .section-shows.node-type-episode #content > div.node.wrapper-of-1 .field-name-body { width: 100%; margin-right: 0; } .section-shows.node-type-series #content > div.node .field-name-host-bio-view, .section-shows.node-type-series #content > div.node .field-name-field-show-host, .section-shows.node-type-episode #content > div.node .field-name-host-bio-view, .section-shows.node-type-episode #content > div.node .field-name-field-show-host { width: 32%; float: left; } .section-shows.node-type-series #content > div.node .field-name-body, .section-shows.node-type-series #content > div.node .field-name-host-bio-view, .section-shows.node-type-series #content > div.node .field-name-field-show-host, .section-shows.node-type-episode #content > div.node .field-name-body, .section-shows.node-type-episode #content > div.node .field-name-host-bio-view, .section-shows.node-type-episode #content > div.node .field-name-field-show-host { margin-bottom: 1.5em; } .section-shows #content .episode-schedule-block .view-episode-schedule .view-content:before, .section-shows #content .episode-schedule-block .view-episode-schedule .view-content:after, .section-shows #content .episode-schedule-block .view-episode-schedule .view-empty:before, .section-shows #content .episode-schedule-block .view-episode-schedule .view-empty:after { content: " "; display: table; } .section-shows #content .episode-schedule-block .view-episode-schedule .view-content:after, .section-shows #content .episode-schedule-block .view-episode-schedule .view-empty:after { clear: both; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-row { width: 50%; float: left; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-row:before, .section-shows #content .episode-schedule-block .view-episode-schedule .views-row:after { content: " "; display: table; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-row:after { clear: both; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-row .views-field { float: left; font-size: 0.85em; line-height: 1.75; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-field-field-episode-air-date { color: #a7a7a7; width: 20%; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-field-title { width: 80%; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-field-title a { font-weight: bold; display: block; padding-right: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-field-title a:hover { text-decoration: underline; } .section-shows #content .episode-schedule-block .view-episode-schedule .item-list { background: #fff; } .section-shows #content .episode-schedule-block .view-episode-schedule .item-list:before, .section-shows #content .episode-schedule-block .view-episode-schedule .item-list:after { content: " "; display: table; } .section-shows #content .episode-schedule-block .view-episode-schedule .item-list:after { clear: both; } /* Series - url: "/shows/series" */ /* Episodes - url: "/shows/series/episode" */ /* Watch Live - url: "/watch-live" */ .node-type-episode #dl .page-width #block-sharethis-sharethis-block, .node-type-page #dl .page-width #block-sharethis-sharethis-block { text-align: right; margin: 0.5em auto 0; width: 100%; max-width: 1000px; } .section-shows.node-type-episode #block-views-episode-video-block .block-title { display: none; } .section-shows.node-type-episode #block-views-episode-video-block .views-row .views-field-field-video-embed iframe { margin: 0 auto; } .section-shows.node-type-episode #block-views-episode-video-block .views-row .views-field-title { color: #fff; line-height: 1.5; } .section-shows.node-type-episode #block-views-episode-video-block .views-row .views-field-field-episode-air-date { color: #a7a7a7; font-weight: 700; line-height: 1.5; font-size: 18px; font-size: 1.8rem; } #content [id*="block-views-episodes-blocks"], #content [id*="block-views-episode-schedule-block"] { /* Tooltip style overrides for episodes blocks */ } #content [id*="block-views-episodes-blocks"] .views-row, #content [id*="block-views-episodes-blocks"] .views-field-title, #content [id*="block-views-episode-schedule-block"] .views-row, #content [id*="block-views-episode-schedule-block"] .views-field-title { position: relative; } #content [id*="block-views-episodes-blocks"] .views-field-body, #content [id*="block-views-episodes-blocks"] .description, #content [id*="block-views-episode-schedule-block"] .views-field-body, #content [id*="block-views-episode-schedule-block"] .description { font-size: 12px; font-size: 1.2rem; position: absolute; display: none; top: 2.25em; width: 90%; left: 20%; padding: 1em; background: white; border: 2px solid #a7a7a7; box-shadow: 0 0 1em rgba(0, 0, 0, 0.25); } #content [id*="block-views-episodes-blocks"] .views-field-body:before, #content [id*="block-views-episodes-blocks"] .views-field-body:after, #content [id*="block-views-episodes-blocks"] .description:before, #content [id*="block-views-episodes-blocks"] .description:after, #content [id*="block-views-episode-schedule-block"] .views-field-body:before, #content [id*="block-views-episode-schedule-block"] .views-field-body:after, #content [id*="block-views-episode-schedule-block"] .description:before, #content [id*="block-views-episode-schedule-block"] .description:after { content: ""; display: block; width: 0; height: 0; border-left: 0.6em solid transparent; border-right: 0.6em solid transparent; border-bottom: 0.6em solid white; position: absolute; top: -0.6em; left: 2em; z-index: 12; } #content [id*="block-views-episodes-blocks"] .views-field-body:after, #content [id*="block-views-episodes-blocks"] .description:after, #content [id*="block-views-episode-schedule-block"] .views-field-body:after, #content [id*="block-views-episode-schedule-block"] .description:after { z-index: 11; top: -0.8em; left: 1.9em; border-left: 0.7em solid transparent; border-right: 0.7em solid transparent; border-bottom: 0.7em solid #a7a7a7; } #content [id*="block-views-episodes-blocks"] .views-field-body p:last-of-type, #content [id*="block-views-episodes-blocks"] .description p:last-of-type, #content [id*="block-views-episode-schedule-block"] .views-field-body p:last-of-type, #content [id*="block-views-episode-schedule-block"] .description p:last-of-type { margin-bottom: 0; } #content [id*="block-views-episodes-blocks"] .description, #content [id*="block-views-episode-schedule-block"] .description { left: 5%; width: 195%; top: 2.5em; } .front #content [id*="block-views-episodes-blocks"] .description, .front #content [id*="block-views-episode-schedule-block"] .description { width: 90%; } #content [id*="block-views-episodes-blocks"] .description a, #content [id*="block-views-episode-schedule-block"] .description a { font-size: 12px; font-size: 1.2rem; } #content [id*="block-views-episodes-blocks"] .views-field-title:hover + .views-field-body, #content [id*="block-views-episodes-blocks"] .views-field-body:hover, #content [id*="block-views-episodes-blocks"] .views-field-title:hover .description, #content [id*="block-views-episodes-blocks"] .description:hover, #content [id*="block-views-episode-schedule-block"] .views-field-title:hover + .views-field-body, #content [id*="block-views-episode-schedule-block"] .views-field-body:hover, #content [id*="block-views-episode-schedule-block"] .views-field-title:hover .description, #content [id*="block-views-episode-schedule-block"] .description:hover { z-index: 10; display: block; } /* This should be refectpred at some point */ #content [id*="block-views-episodes-blocks"] .recommended .description { left: -5%; width: 110%; } /* Episode Schedule Blocks - Grid View * --------------------------------------------------------------------------------- */ #content #block-views-episode-schedule-block-1, #content #block-views-episode-schedule-block-3, #content #block-views-episode-schedule-block-4, #content #block-views-episode-schedule-block-5, #content #block-views-episode-schedule-block-6, #content #block-views-episode-schedule-block-7, #content #block-views-episode-schedule-block-8, #content #block-views-episode-schedule-block-9, #content #block-views-episode-schedule-block-10, #content #block-views-episode-schedule-block-11, #content #block-views-episode-schedule-block-12, #content #block-views-episode-schedule-block-13 { /* Pager */ } #content #block-views-episode-schedule-block-1 .view-episode-schedule, #content #block-views-episode-schedule-block-3 .view-episode-schedule, #content #block-views-episode-schedule-block-4 .view-episode-schedule, #content #block-views-episode-schedule-block-5 .view-episode-schedule, #content #block-views-episode-schedule-block-6 .view-episode-schedule, #content #block-views-episode-schedule-block-7 .view-episode-schedule, #content #block-views-episode-schedule-block-8 .view-episode-schedule, #content #block-views-episode-schedule-block-9 .view-episode-schedule, #content #block-views-episode-schedule-block-10 .view-episode-schedule, #content #block-views-episode-schedule-block-11 .view-episode-schedule, #content #block-views-episode-schedule-block-12 .view-episode-schedule, #content #block-views-episode-schedule-block-13 .view-episode-schedule { position: relative; padding-right: 0; } #content #block-views-episode-schedule-block-1 .view-episode-schedule:before, #content #block-views-episode-schedule-block-1 .view-episode-schedule:after, #content #block-views-episode-schedule-block-3 .view-episode-schedule:before, #content #block-views-episode-schedule-block-3 .view-episode-schedule:after, #content #block-views-episode-schedule-block-4 .view-episode-schedule:before, #content #block-views-episode-schedule-block-4 .view-episode-schedule:after, #content #block-views-episode-schedule-block-5 .view-episode-schedule:before, #content #block-views-episode-schedule-block-5 .view-episode-schedule:after, #content #block-views-episode-schedule-block-6 .view-episode-schedule:before, #content #block-views-episode-schedule-block-6 .view-episode-schedule:after, #content #block-views-episode-schedule-block-7 .view-episode-schedule:before, #content #block-views-episode-schedule-block-7 .view-episode-schedule:after, #content #block-views-episode-schedule-block-8 .view-episode-schedule:before, #content #block-views-episode-schedule-block-8 .view-episode-schedule:after, #content #block-views-episode-schedule-block-9 .view-episode-schedule:before, #content #block-views-episode-schedule-block-9 .view-episode-schedule:after, #content #block-views-episode-schedule-block-10 .view-episode-schedule:before, #content #block-views-episode-schedule-block-10 .view-episode-schedule:after, #content #block-views-episode-schedule-block-11 .view-episode-schedule:before, #content #block-views-episode-schedule-block-11 .view-episode-schedule:after, #content #block-views-episode-schedule-block-12 .view-episode-schedule:before, #content #block-views-episode-schedule-block-12 .view-episode-schedule:after, #content #block-views-episode-schedule-block-13 .view-episode-schedule:before, #content #block-views-episode-schedule-block-13 .view-episode-schedule:after { content: " "; display: table; } #content #block-views-episode-schedule-block-1 .view-episode-schedule:after, #content #block-views-episode-schedule-block-3 .view-episode-schedule:after, #content #block-views-episode-schedule-block-4 .view-episode-schedule:after, #content #block-views-episode-schedule-block-5 .view-episode-schedule:after, #content #block-views-episode-schedule-block-6 .view-episode-schedule:after, #content #block-views-episode-schedule-block-7 .view-episode-schedule:after, #content #block-views-episode-schedule-block-8 .view-episode-schedule:after, #content #block-views-episode-schedule-block-9 .view-episode-schedule:after, #content #block-views-episode-schedule-block-10 .view-episode-schedule:after, #content #block-views-episode-schedule-block-11 .view-episode-schedule:after, #content #block-views-episode-schedule-block-12 .view-episode-schedule:after, #content #block-views-episode-schedule-block-13 .view-episode-schedule:after { clear: both; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row { float: left; margin: 0 2% 1em 0; max-width: 31.33%; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field { font-size: 0.85em; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-image, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-image { position: relative; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-image img, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-image img { display: block; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-image .overlay-play { width: 100%; position: absolute; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-image .overlay-play a, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-image .overlay-play a { display: block; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-episode-air-date, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-episode-air-date { color: #a7a7a7; margin-top: 2px; font-size: .8em; font-style: italic; text-align: right; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-title, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-title { font-weight: bold; height: 32px; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-body, #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-body { top: 11em; width: 195%; left: 0; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row:nth-of-type(3n) { margin-right: 0; } #content #block-views-episode-schedule-block-1 .item-list, #content #block-views-episode-schedule-block-3 .item-list, #content #block-views-episode-schedule-block-4 .item-list, #content #block-views-episode-schedule-block-5 .item-list, #content #block-views-episode-schedule-block-6 .item-list, #content #block-views-episode-schedule-block-7 .item-list, #content #block-views-episode-schedule-block-8 .item-list, #content #block-views-episode-schedule-block-9 .item-list, #content #block-views-episode-schedule-block-10 .item-list, #content #block-views-episode-schedule-block-11 .item-list, #content #block-views-episode-schedule-block-12 .item-list, #content #block-views-episode-schedule-block-13 .item-list { background: #fff; } #content #block-views-episode-schedule-block-1 .item-list:before, #content #block-views-episode-schedule-block-1 .item-list:after, #content #block-views-episode-schedule-block-3 .item-list:before, #content #block-views-episode-schedule-block-3 .item-list:after, #content #block-views-episode-schedule-block-4 .item-list:before, #content #block-views-episode-schedule-block-4 .item-list:after, #content #block-views-episode-schedule-block-5 .item-list:before, #content #block-views-episode-schedule-block-5 .item-list:after, #content #block-views-episode-schedule-block-6 .item-list:before, #content #block-views-episode-schedule-block-6 .item-list:after, #content #block-views-episode-schedule-block-7 .item-list:before, #content #block-views-episode-schedule-block-7 .item-list:after, #content #block-views-episode-schedule-block-8 .item-list:before, #content #block-views-episode-schedule-block-8 .item-list:after, #content #block-views-episode-schedule-block-9 .item-list:before, #content #block-views-episode-schedule-block-9 .item-list:after, #content #block-views-episode-schedule-block-10 .item-list:before, #content #block-views-episode-schedule-block-10 .item-list:after, #content #block-views-episode-schedule-block-11 .item-list:before, #content #block-views-episode-schedule-block-11 .item-list:after, #content #block-views-episode-schedule-block-12 .item-list:before, #content #block-views-episode-schedule-block-12 .item-list:after, #content #block-views-episode-schedule-block-13 .item-list:before, #content #block-views-episode-schedule-block-13 .item-list:after { content: " "; display: table; } #content #block-views-episode-schedule-block-1 .item-list:after, #content #block-views-episode-schedule-block-3 .item-list:after, #content #block-views-episode-schedule-block-4 .item-list:after, #content #block-views-episode-schedule-block-5 .item-list:after, #content #block-views-episode-schedule-block-6 .item-list:after, #content #block-views-episode-schedule-block-7 .item-list:after, #content #block-views-episode-schedule-block-8 .item-list:after, #content #block-views-episode-schedule-block-9 .item-list:after, #content #block-views-episode-schedule-block-10 .item-list:after, #content #block-views-episode-schedule-block-11 .item-list:after, #content #block-views-episode-schedule-block-12 .item-list:after, #content #block-views-episode-schedule-block-13 .item-list:after { clear: both; } /* Find an Episode - url: "/find-episodes" - styles are probably being reused so may need to consolidate... --------------------------------------------------------------- */ [id*="blocks-view-episode-search-block"] { position: relative; outline: 1px dashed red; } .view-episode-search, #content #block-views-exp-episode-search-page { position: relative; /* Pager */ } .view-episode-search:before, .view-episode-search:after, #content #block-views-exp-episode-search-page:before, #content #block-views-exp-episode-search-page:after { content: " "; display: table; } .view-episode-search:after, #content #block-views-exp-episode-search-page:after { clear: both; } .view-episode-search .view-header a.link-button, #content #block-views-exp-episode-search-page .view-header a.link-button { position: absolute; top: 6.5em; right: 1.3em; padding: 3px 10px; } .view-episode-search .view-filters, #content #block-views-exp-episode-search-page .view-filters { float: left; margin-right: 3%; width: 32%; } .view-episode-search .view-content, #content #block-views-exp-episode-search-page .view-content { float: left; width: 65%; } .view-episode-search .views-row:before, .view-episode-search .views-row:after, #content #block-views-exp-episode-search-page .views-row:before, #content #block-views-exp-episode-search-page .views-row:after { content: " "; display: table; } .view-episode-search .views-row:after, #content #block-views-exp-episode-search-page .views-row:after { clear: both; } .view-episode-search .views-row .views-field, #content #block-views-exp-episode-search-page .views-row .views-field { font-size: 0.85em; float: left; line-height: 2; } .view-episode-search .views-row .views-field-field-episode-air-date, #content #block-views-exp-episode-search-page .views-row .views-field-field-episode-air-date { color: #bfbfbf; width: 16%; } .view-episode-search .views-row .views-field-title, #content #block-views-exp-episode-search-page .views-row .views-field-title { width: 84%; } .view-episode-search .item-list, #content #block-views-exp-episode-search-page .item-list { background: #fff; } .view-episode-search .item-list:before, .view-episode-search .item-list:after, #content #block-views-exp-episode-search-page .item-list:before, #content #block-views-exp-episode-search-page .item-list:after { content: " "; display: table; } .view-episode-search .item-list:after, #content #block-views-exp-episode-search-page .item-list:after { clear: both; } /* Block Overrides (For /find-episodes page) */ #content [id*="block-views-exp-episode-search-page"] h2.block-title { display: none; } #content .view-episode-search .view-header { font-weight: bold; line-height: 1.5; margin-bottom: 1em; } /* Home Page Find Episode Block */ .view-episode-search { padding-top: 0; padding-bottom: 0; } #block-views-episode-search-block-2 { width: 70%; float: left; } .not-front #block-views-episode-search-block-2 { width: 100%; float: none; } #block-views-episode-search-block-2 .view-filters { margin: 0; width: 100%; } #block-views-episode-search-block-2 .views-exposed-widget, #block-views-episode-search-block-2 .views-exposed-widget label, #block-views-episode-search-block-2 .views-exposed-widget .views-widget { float: left; } #block-views-episode-search-block-2 .views-exposed-widget label { font-size: .80em; } .not-front #block-views-episode-search-block-2 .views-exposed-widget.views-widget-filter-field_show_reference_nid label, .not-front #block-views-episode-search-block-2 .views-exposed-widget.views-widget-filter-field_episode_air_date_value label { margin-bottom: 1.5em; } #block-views-episode-search-block-2 .views-exposed-widget { margin: 0 0 0 -2px; } .not-front #block-views-episode-search-block-2 .views-exposed-widget { margin: 0 0 1em -2px; } #block-views-episode-search-block-2 .views-exposed-widget select.form-select { height: 25px; } #block-views-episode-search-block-2 .views-exposed-widget .form-submit { margin-top: 1.6em; } .not-front #block-views-episode-search-block-2 .views-exposed-widget .form-submit { margin-top: 2.25em; } #block-views-episode-search-block-2 .views-widget-filter-keys { margin-right: 1%; width: 69%; } .not-front #block-views-episode-search-block-2 .views-widget-filter-keys { margin-right: 7%; width: 20%; } #block-views-episode-search-block-2 .views-widget-filter-keys .views-widget { width: 100%; } #block-views-episode-search-block-2 .views-widget-filter-field_show_reference_nid { margin-right: 3%; width: 47%; } .not-front #block-views-episode-search-block-2 .views-widget-filter-field_show_reference_nid { margin-right: 5%; width: 30%; } #block-views-episode-search-block-2 .views-widget-filter-field_show_reference_nid .views-widget { width: 100%; } #block-views-episode-search-block-2 .views-widget-filter-field_episode_air_date_value { margin-right: 0; width: 50%; } .not-front #block-views-episode-search-block-2 .views-widget-filter-field_episode_air_date_value { margin-right: 3%; width: 20%; } #block-views-episode-search-block-2 .views-widget-filter-field_episode_air_date_value .views-widget { width: 100%; } #block-views-episode-search-block-2 .view-empty p { margin-bottom: 1em; } #block-views-episode-search-block-2 .view-empty p .not-front { margin-bottom: 1.5em; } /* Shows landing page "find an episode" views block */ .page-shows .view-episode-search .view-header .link-button { display: none; } /* --- Shows Image Slider --------------------------------------------------------------- */ /* Carousel */ .field-name-show-images { clear: both; } #block-views-series-image-slider-block .view-series-image-slider, #block-views-episode-schedule-block-4 .view-episode-schedule, #block-views-episode-schedule-block-5 .view-episode-schedule, #block-views-episode-schedule-block-6 .view-episode-schedule, #block-views-episode-schedule-block-7 .view-episode-schedule, #block-views-episode-schedule-block-8 .view-episode-schedule, #block-views-episode-schedule-block-9 .view-episode-schedule, #block-views-episode-schedule-block-10 .view-episode-schedule, #block-views-episode-schedule-block-11 .view-episode-schedule, #block-views-episode-schedule-block-12 .view-episode-schedule, #block-views-episode-schedule-block-13 .view-episode-schedule { overflow: hidden; /* Controls */ } #block-views-series-image-slider-block .view-series-image-slider .views-row, #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, #block-views-episode-schedule-block-11 .view-episode-schedule .views-row, #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, #block-views-episode-schedule-block-13 .view-episode-schedule .views-row { height: 134px; width: 255px; } #block-views-series-image-slider-block .view-series-image-slider .view-footer, #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer, #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer { position: relative; } #block-views-series-image-slider-block .view-series-image-slider .view-footer .cycle-prev, #block-views-series-image-slider-block .view-series-image-slider .view-footer .cycle-next, #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next { background: transparent url(../images/old/slider-controls.png) no-repeat 0 0; display: block; height: 134px; width: 20px; position: absolute; top: -134px; } #block-views-series-image-slider-block .view-series-image-slider .view-footer .cycle-prev, #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev { left: 0; } #block-views-series-image-slider-block .view-series-image-slider .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev:hover, #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev:hover { background-position: 0 0; cursor: pointer; } #block-views-series-image-slider-block .view-series-image-slider .view-footer .cycle-next, #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next { background-position: -24px 0; right: 0; } #block-views-series-image-slider-block .view-series-image-slider .view-footer .cycle-next:hover, #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next:hover, #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next:hover { background-position: -24px 0; cursor: pointer; } /* --- Shows Carousel - Responsive --------------------------------------------------------------- */ /* Landscape */ @media only screen and (max-width: 1024px) { .cycle-carousel-wrap { margin: 0px 0 0 -127px !important; } } /* Portrait */ @media only screen and (max-width: 768px) { .cycle-carousel-wrap { margin: 0px 0 0 -115px !important; } } /* Landscape */ @media only screen and (max-width: 480px) { .cycle-carousel-wrap { margin: 0px 0px 0px -157px !important; } } /* Portrait */ @media only screen and (max-width: 320px) { .cycle-carousel-wrap { margin: 0px 0px 0px -228px !important; } } /* --- ShadowBox --------------------------------------------------------------- */ #sb-wrapper { background: #fff; padding: 20px; -moz-box-shadow: #000 0px 0px 20px; -webkit-box-shadow: #000 0px 0px 20px; box-shadow: #000 0px 0px 20px; } #sb-info #sb-counter { color: #000; } #sb-info #sb-nav { height: 20px; margin-top: 4px; } #sb-info #sb-nav-close { background: transparent url(../images/icons/close.png) no-repeat 0px 0px; } #sb-info #sb-nav-next { background: transparent url(../images/icons/next.png) no-repeat 0px 0px; background-size: auto 90%; } #sb-info #sb-nav-previous { background: transparent url(../images/icons/previous.png) no-repeat 0px 0px; background-size: auto 90%; } /* --- Shows All --------------------------------------------------------------- */ .view-shows-all .views-row { background: #fff; float: left; margin: 0 2% 2em 0; width: 32%; } .view-shows-all .views-row img { width: 100%; } .view-shows-all .views-row .views-field[class$="images"] .field-content:empty { padding: 57% 0 0; background: #a7a7a7 url(../images/logo-bg.png) no-repeat center center; box-shadow: inset 0 0 2em 1em #727272; } .view-shows-all .views-row .views-field-title { padding: 0.75em 5%; } .view-shows-all .views-row:nth-child(3n) { margin: 0; } /** * @file * Magazine Content Type * --------------------------------------------------------------------------------- */ .page-magazine .view-magazine-landing .view-content .views-row .views-field-title, .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-pub-date, .page-magazine .view-magazine-landing .view-content .views-row .views-field-body { margin-left: 116px; } /* Landing Page */ .page-magazine .view-magazine-landing { margin-bottom: 1.5em; position: relative; } .page-magazine .view-magazine-landing .view-header { position: absolute; top: -2em; right: 0; } .page-magazine .view-magazine-landing .view-header .sortables { margin: 0; padding: 0; list-style: none; } .page-magazine .view-magazine-landing .view-header .sortables li { margin: 0; padding: 0; list-style: none; } .page-magazine .view-magazine-landing .view-header .sortables li { display: inline-block; } .page-magazine .view-magazine-landing .view-header .sortables li a { color: #000; text-decoration: none; } .page-magazine .view-magazine-landing .view-header .sortables li a:hover { color: #000; text-decoration: underline; } .page-magazine .view-magazine-landing .view-content .views-row { border-bottom: 2px solid #f3f3f3; } .page-magazine .view-magazine-landing .view-content .views-row:before, .page-magazine .view-magazine-landing .view-content .views-row:after { content: " "; display: table; } .page-magazine .view-magazine-landing .view-content .views-row:after { clear: both; } .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-cover-image { float: left; max-width: 98px; } .page-magazine .view-magazine-landing .view-content .views-row .views-field-title { margin-bottom: 0.7777777778em; } .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-digital-url { float: right; position: relative; top: -0.8333333333em; } .page-magazine .view-magazine-landing .item-list { background: #fff; } .page-magazine .view-magazine-landing .item-list:before, .page-magazine .view-magazine-landing .item-list:after { content: " "; display: table; } .page-magazine .view-magazine-landing .item-list:after { clear: both; } /* * Subscribe Form * --------------------------------------------------------------------------------- */ /* --- Extends --------------------------------------------------------------- */ .subscribe-title, .page-magazine .subscribe-block .view-magazine-landing .view-content .views-row h2.node__title { color: #a7a7a7; display: block; font-weight: 700; line-height: 1.5em; padding: 0 0 0 1.5em; font-size: 24px; font-size: 2.4rem; } .subscribe-inputs, .section-checkout #commerce-checkout-form-checkout fieldset input[type="text"], .section-checkout #commerce-checkout-form-checkout fieldset select, .section-checkout #commerce-checkout-form-shipping fieldset input[type="text"], .section-checkout #commerce-checkout-form-shipping fieldset select, .section-checkout #commerce-checkout-form-review fieldset input[type="text"], .section-checkout #commerce-checkout-form-review fieldset select, form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea, .page-node-73 .node form input[type="text"], .page-node-73 .node form input[type="email"], .page-node-73 .node form select, .page-node-73 .node form textarea { background: none; border: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #eee; color: #000; font-weight: 300; padding: 2px 4px; -webkit-border-radius: 0px; border-radius: 0px; } .subscribe-labels, .section-checkout #commerce-checkout-form-checkout fieldset label, .section-checkout #commerce-checkout-form-shipping fieldset label, .section-checkout #commerce-checkout-form-review fieldset label, form label, .page-node-73 .node form label { color: #000; display: inline-block; font-weight: 400; margin-bottom: 4px; text-transform: lowercase; } .subscribe-labels .form-required, .section-checkout #commerce-checkout-form-checkout fieldset label .form-required, .section-checkout #commerce-checkout-form-shipping fieldset label .form-required, .section-checkout #commerce-checkout-form-review fieldset label .form-required, form label .form-required, .page-node-73 .node form label .form-required { color: inherit; } .subscribe-submit, form .form-submit, .page-node-73 .node form #edit-submit { clear: both; } /* --- Subscribe Node --------------------------------------------------------------- */ .page-node-73 .node form select.form-select { background: transparent url(../images/old/form-select-arrow.png) no-repeat right center; background-size: auto 100% !important; } .page-node-73 .node form fieldset.webform-component--fieldset-2 .webform-component--fieldset-2--address > label { display: none; } /* --- Subscribe Block --------------------------------------------------------------- */ .page-magazine .subscribe-block .view-magazine-landing { position: relative; } .page-magazine .subscribe-block .view-magazine-landing .view-content { background: none; } .page-magazine .subscribe-block .view-magazine-landing .view-content .views-row { background: none; border: none; padding: 0; } .page-magazine .subscribe-block .view-magazine-landing .view-content .views-row h2.node__title { margin: 0; } .page-magazine .subscribe-block .view-magazine-landing .view-content .views-row .field-name-body p { margin: 0; } /* --- Latest Issue --------------------------------------------------------------- */ .page-magazine #block-views-magazine-landing-latest-issue { height: 174px; width: 170px; position: absolute; right: 116px; bottom: 2em; z-index: 100; /* Sits on top of #dl & controls (z-index: 1) */ } .page-magazine #block-views-magazine-landing-latest-issue .block-title { display: none; } .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing { margin: 0; } .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row { background: none; border: none; padding: 0; text-align: center; } .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row .views-field-field-mag-cover-image { float: none; max-width: 100%; } .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row .views-field-title { border-bottom: none; margin: 0; width: 100%; position: relative; top: -36px; font-size: 18px; font-size: 1.8rem; } .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row .views-field-title:hover { text-decoration: none; } .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row .views-field-field-mag-digital-url { float: none; width: 100%; top: -36px; } .page-magazine #block-views-magazine-landing-latest-issue .view-magazine-landing .view-content .views-row .views-field-field-mag-digital-url a { border-top: none; } .node-type-page.section-masses #content .node, .node-type-page.section-together-we-rebuild #content .node, .node-type-page.section-podcasts #content .node { padding: 0; background: #eee; } .node-type-page.section-masses #content .page__title, .node-type-page.section-together-we-rebuild #content .page__title, .node-type-page.section-podcasts #content .page__title { display: none; } .node-type-page.section-masses #content .description, .node-type-page.section-together-we-rebuild #content .description, .node-type-page.section-podcasts #content .description { bottom: 16px; top: auto; font-weight: 300; white-space: normal; width: 90%; } .node-type-page.section-masses #content .description::before, .node-type-page.section-together-we-rebuild #content .description::before, .node-type-page.section-podcasts #content .description::before { bottom: -0.6em; top: auto; border-bottom: none; border-top: 0.6em solid #ffffff; } .node-type-page.section-masses #content .description::after, .node-type-page.section-together-we-rebuild #content .description::after, .node-type-page.section-podcasts #content .description::after { bottom: -0.8em; top: auto; border-bottom: none; border-top: 0.7em solid #a7a7a7; } .node-type-page.section-masses #content .watch-recent-masses, .node-type-page.section-masses #content .helpful-resources, .node-type-page.section-together-we-rebuild #content .watch-recent-masses, .node-type-page.section-together-we-rebuild #content .helpful-resources, .node-type-page.section-podcasts #content .watch-recent-masses, .node-type-page.section-podcasts #content .helpful-resources { margin: 3em 0; width: 70%; } .node-type-page.section-masses #content .watch-recent-masses .block-title, .node-type-page.section-masses #content .helpful-resources .block-title, .node-type-page.section-together-we-rebuild #content .watch-recent-masses .block-title, .node-type-page.section-together-we-rebuild #content .helpful-resources .block-title, .node-type-page.section-podcasts #content .watch-recent-masses .block-title, .node-type-page.section-podcasts #content .helpful-resources .block-title { font-size: 30px; font-size: 3rem; margin-bottom: 0.25em; } .node-type-page.section-masses #content #block-views-episode-search-block-3, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 { float: left; margin-right: 2%; width: 100%; } @media only screen and (min-width: 981px) { .node-type-page.section-masses #content #block-views-episode-search-block-3, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 { margin-bottom: 3em; width: 70%; } } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search { padding: 0; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-header, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-header, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-header { padding: 10px 20px 10px 50px; padding: 1rem 2rem 1rem 5rem; background: url(../images/icons/icon-calendar.png) 2rem center no-repeat #404040; color: #ffffff; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-header p, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-header p, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-header p { font-size: 20px; font-size: 2rem; margin-bottom: 0; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters { padding: 0 20px 10px; padding: 0 2rem 1rem; float: none; margin: 0; width: 100%; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-keys, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-keys, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-keys { float: left; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value { width: 100%; } @media only screen and (min-width: 531px) { .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_episode_air_date_value { width: calc(48% - 50px); } } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-field_show_reference_nid { margin-right: 4%; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-keys, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-keys, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-widget-filter-keys { float: left; width: calc(100% - 100px); } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-filters .views-submit-button { float: right; position: relative; top: 22px; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-content, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-content { padding: 0 20px 20px; padding: 0 2rem 2rem; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .item-list .pager, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .item-list .pager, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .item-list .pager { padding-bottom: 20px; padding-bottom: 2rem; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search label, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search label, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search label { margin-bottom: .5em; text-transform: none; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-empty, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-empty, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-empty { padding: 0 20px 0; padding: 0 2rem 0; } .node-type-page.section-masses #content #block-views-episode-search-block-3 .view-episode-search .view-empty p, .node-type-page.section-together-we-rebuild #content #block-views-episode-search-block-3 .view-episode-search .view-empty p, .node-type-page.section-podcasts #content #block-views-episode-search-block-3 .view-episode-search .view-empty p { margin-bottom: 1em; } .node-type-page.section-masses #content .masses-toplinks, .node-type-page.section-together-we-rebuild #content .masses-toplinks, .node-type-page.section-podcasts #content .masses-toplinks { float: left; margin-bottom: 3em; width: 100%; } @media only screen and (min-width: 981px) { .node-type-page.section-masses #content .masses-toplinks, .node-type-page.section-together-we-rebuild #content .masses-toplinks, .node-type-page.section-podcasts #content .masses-toplinks { width: 28%; } } .node-type-page.section-masses #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-podcasts #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link { font-size: 16px; font-size: 1.6rem; padding: 20px; padding: 2rem; color: #fff; text-decoration: none; color: #ffffff; display: inline-block; font-weight: 700; letter-spacing: 1px; margin-bottom: 0.75em; min-width: 275px; text-align: center; text-transform: uppercase; } .node-type-page.section-masses #content .masses-toplinks .watch-most-recent-link:hover, .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink:hover, .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link:hover, .node-type-page.section-together-we-rebuild #content .masses-toplinks .watch-most-recent-link:hover, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink:hover, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link:hover, .node-type-page.section-podcasts #content .masses-toplinks .watch-most-recent-link:hover, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink:hover, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link:hover { color: #fff; text-decoration: underline; } @media only screen and (min-width: 981px) { .node-type-page.section-masses #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-podcasts #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link { display: block; min-width: auto; } } @media only screen and (min-width: 601px) and (max-width: 980px) { .node-type-page.section-masses #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-podcasts #content .masses-toplinks .watch-most-recent-link { margin-right: 0.75em; } } .node-type-page.section-masses #content .masses-toplinks .watch-most-recent-link img, .node-type-page.section-together-we-rebuild #content .masses-toplinks .watch-most-recent-link img, .node-type-page.section-podcasts #content .masses-toplinks .watch-most-recent-link img { float: left; margin: -2px 0.5em 0 0; } .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link { height: 60px; } @media only screen and (min-width: 601px) and (max-width: 980px) { .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link { margin-right: 0.75em; } } @media only screen and (min-width: 981px) { .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link { height: auto; } } .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink img, .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link img, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink img, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link img, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink img, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link img { float: left; height: 30px; margin-top: -8px; margin-right: 0.5em; } .node-type-page.section-masses #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .watch-most-recent-link, .node-type-page.section-podcasts #content .masses-toplinks .watch-most-recent-link { background-color: #84993B; background-color: rgba(132, 153, 59, 0.6); border: 1px solid #84993B; } .node-type-page.section-masses #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-together-we-rebuild #content .masses-toplinks .helpful-resources-jumplink, .node-type-page.section-podcasts #content .masses-toplinks .helpful-resources-jumplink { background-color: #8a4e9f; background-color: rgba(138, 78, 159, 0.6); border: 1px solid #8a4e9f; } .node-type-page.section-masses #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-together-we-rebuild #content .masses-toplinks .send-a-prayer-link, .node-type-page.section-podcasts #content .masses-toplinks .send-a-prayer-link { background-color: #720a03; background-color: rgba(114, 10, 3, 0.6); border: 1px solid #9f4640; } .node-type-page.section-masses #content .watch-recent-masses, .node-type-page.section-together-we-rebuild #content .watch-recent-masses, .node-type-page.section-podcasts #content .watch-recent-masses { clear: both; } .node-type-page.section-masses #content .watch-recent-masses .block-title, .node-type-page.section-together-we-rebuild #content .watch-recent-masses .block-title, .node-type-page.section-podcasts #content .watch-recent-masses .block-title { padding: 35px 0 0 50px; padding: 3.5rem 0 0 5rem; background-image: url(../images/icons/icon-watch-recent-masses.png); background-size: 40px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row { height: 290px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row { height: 330px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row { height: 260px; vertical-align: top; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .block-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .block-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .block-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .block-title { background-color: #727272; background-image: none; color: #ffffff; font-size: 1.6rem; letter-spacing: 0.75px; padding: 1rem 2rem; position: relative; text-transform: uppercase; z-index: 1; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .block-title::before, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .block-title::before, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .block-title::before, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .block-title::before { content: ''; background: #404040; width: 200px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .views-field-field-episode-air-date, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .views-field-field-episode-air-date, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .views-field-field-episode-air-date, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .views-field-field-episode-air-date { text-align: left; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .views-field-field-episode-air-date .date-display-single, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .views-field-field-episode-air-date .date-display-single { font-size: 14px; font-size: 1.4rem; color: #000000; font-style: normal; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule { padding: 20px 0 0; padding: 2rem 0 0; background-color: #ededed; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-content { left: 20px; width: calc(100% - 40px); } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row { background-color: #ffffff; float: none; width: 223px; margin: 0 1em 0 0; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field { margin: 1.5em 0; padding: 0 8%; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field[class$="image"] { margin: 0; padding: 0; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-title { height: 48px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-title h4 { color: #000000; white-space: normal; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content { padding-top: 10px; padding-top: 1rem; border-top: 1px solid #bfbfbf; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a { font-size: 14px; font-size: 1.4rem; text-decoration: none; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover { text-decoration: underline; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next { height: 290px; top: -290px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-prev { background-position: left center; } .node-type-page.section-masses #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-4 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-7 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-11 .view-episode-schedule .view-footer .cycle-next { background-position: right center; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule { padding: 20px 0 0; padding: 2rem 0 0; background-color: #ededed; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-content { left: 20px; width: calc(100% - 40px); } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row { background-color: #ffffff; float: none; width: 223px; margin: 0 1em 0 0; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field { margin: 1.5em 0; padding: 0 8%; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field[class$="image"], .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field[class$="image"] { margin: 0; padding: 0; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-title, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-title { height: 84px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-title h4, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-title h4 { color: #000000; white-space: normal; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content { padding-top: 10px; padding-top: 1rem; border-top: 1px solid #bfbfbf; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a { font-size: 14px; font-size: 1.4rem; text-decoration: none; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .views-field-field-show-reference .field-content a:hover { text-decoration: underline; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next { height: 290px; top: -290px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev { background-position: left center; } .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next { background-position: right center; } .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row { width: 302px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .description, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .description, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .description, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .description, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .description, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .description, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .description, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .description, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .description, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .description, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .description, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .description, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .description, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .description, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .views-row .description, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .views-row .description, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .views-row .description, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .views-row .description, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .views-row .description, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .views-row .description, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .views-row .description { bottom: 50px; } .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer { padding-top: 20px; padding-top: 2rem; } .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-masses #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-together-we-rebuild #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-5 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-6 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-8 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-9 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-12 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-13 .view-episode-schedule .view-footer .cycle-next, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-prev, .node-type-page.section-podcasts #content #block-views-episode-schedule-block-10 .view-episode-schedule .view-footer .cycle-next { height: 310px; top: -310px; } .node-type-page.section-masses #content .helpful-resources .block-title, .node-type-page.section-together-we-rebuild #content .helpful-resources .block-title, .node-type-page.section-podcasts #content .helpful-resources .block-title { padding: 35px 0 0 65px; padding: 3.5rem 0 0 6.5rem; background-image: url(../images/icons/icon-helpful-resources.png); background-size: 60px; } .node-type-page.section-masses #content .helpful-resources-links, .node-type-page.section-together-we-rebuild #content .helpful-resources-links, .node-type-page.section-podcasts #content .helpful-resources-links { padding: 20px 30px; padding: 2rem 3rem; background-color: #ffffff; } @media all and (min-width: 960px) { .node-type-page.section-masses #content .helpful-resources-links .links-wrapper, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .links-wrapper, .node-type-page.section-podcasts #content .helpful-resources-links .links-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; } } .node-type-page.section-masses #content .helpful-resources-links .icon-container, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container { border-radius: 50px; display: inline-block; height: 50px; margin-right: 0.75em; vertical-align: middle; width: 50px; } .node-type-page.section-masses #content .helpful-resources-links .icon-container__1, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__1, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__1 { background: url(../images/icons/icon-mass-prayers-and-responses.png) #f3f3f3 no-repeat center; } .node-type-page.section-masses #content .helpful-resources-links .icon-container__2, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__2, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__2 { background: url(../images/icons/icon-archive-of-past-masses.png) #f3f3f3 no-repeat center; } .node-type-page.section-masses #content .helpful-resources-links .icon-container__3, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__3, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__3 { background: url(../images/icons/icon-celebrant-schedule.png) #f3f3f3 no-repeat center; } .node-type-page.section-masses #content .helpful-resources-links .icon-container__4, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__4, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__4 { background: url(../images/icons/icon-let-us-pray.png) #f3f3f3 no-repeat center; } .node-type-page.section-masses #content .helpful-resources-links .icon-container__5, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__5, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__5 { background: url(../images/icons/icon-helpful-resources.png) #f3f3f3 no-repeat center; } .node-type-page.section-masses #content .helpful-resources-links .icon-container__1, .node-type-page.section-masses #content .helpful-resources-links .icon-container__2, .node-type-page.section-masses #content .helpful-resources-links .icon-container__3, .node-type-page.section-masses #content .helpful-resources-links .icon-container__4, .node-type-page.section-masses #content .helpful-resources-links .icon-container__5, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__1, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__2, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__3, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__4, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__5, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__1, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__2, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__3, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__4, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__5 { background-size: 30px; display: none; } @media all and (min-width: 480px) { .node-type-page.section-masses #content .helpful-resources-links .icon-container__1, .node-type-page.section-masses #content .helpful-resources-links .icon-container__2, .node-type-page.section-masses #content .helpful-resources-links .icon-container__3, .node-type-page.section-masses #content .helpful-resources-links .icon-container__4, .node-type-page.section-masses #content .helpful-resources-links .icon-container__5, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__1, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__2, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__3, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__4, .node-type-page.section-together-we-rebuild #content .helpful-resources-links .icon-container__5, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__1, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__2, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__3, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__4, .node-type-page.section-podcasts #content .helpful-resources-links .icon-container__5 { display: inline-block; } } .node-type-page.section-masses #content .helpful-resources-links a, .node-type-page.section-together-we-rebuild #content .helpful-resources-links a, .node-type-page.section-podcasts #content .helpful-resources-links a { font-size: 20px; font-size: 2rem; display: inline-block; font-weight: 400; margin: 0 1em 1em 0; text-decoration: none; } @media all and (min-width: 960px) { .node-type-page.section-masses #content .helpful-resources-links a, .node-type-page.section-together-we-rebuild #content .helpful-resources-links a, .node-type-page.section-podcasts #content .helpful-resources-links a { margin: 0; } } .node-type-page.section-masses #content .helpful-resources-links a:last-child, .node-type-page.section-together-we-rebuild #content .helpful-resources-links a:last-child, .node-type-page.section-podcasts #content .helpful-resources-links a:last-child { margin: 0; } .node-type-page.section-masses #content .today-in-the-church, .node-type-page.section-together-we-rebuild #content .today-in-the-church, .node-type-page.section-podcasts #content .today-in-the-church { background-color: #ffffff; } .node-type-page.section-masses #content .today-in-the-church .feedgrabbr_widget .uw-w-header, .node-type-page.section-together-we-rebuild #content .today-in-the-church .feedgrabbr_widget .uw-w-header, .node-type-page.section-podcasts #content .today-in-the-church .feedgrabbr_widget .uw-w-header { padding-left: 0; padding-bottom: 2em; } /* * Responsive & Mobile Style Overrides * --------------------------------------------------------------------------------- */ /* --- Tablets --- */ @media only screen and (max-width: 60em) { /** * @file * Tablet styles, as defined by the tablet screen size (em) breakpoint. */ /* Layout Overrides * --------------------------------------------------------------------------------- */ #header #menu { padding: 0; width: 264px; position: absolute; z-index: 1000000; right: -264px; } #header #menu #mobile-search { background: #323232; border-bottom: 1px solid #000; display: block; height: 56px; line-height: 54px; } #header #menu #mobile-search form { border-bottom: 1px solid #4f4d4d; padding-left: 64px; } #header #menu #mobile-search form .form-text { color: #fff; border: 1px solid #242424; background: #1a1a1a !important; font-weight: 300; height: 21px; width: 164px; font-size: 12px; font-size: 1.2rem; padding: 4px 24px 4px 4px; padding: 0.4rem 2.4rem 0.4rem 0.4rem; } #header #menu #mobile-search form .form-submit { background: none; border: none; display: block; position: absolute; font-size: 0px; font-size: 0rem; background: transparent url(../images/icons/search.png) no-repeat left center; height: 36px; width: 36px; right: auto; top: 10px; left: 16px; } #header #menu .menu-item-wrapper { background-color: #323232; background-position: 1em center; background-repeat: no-repeat; border-bottom: 1px solid #000; float: none; margin: 0; } #header #menu .menu-item-wrapper .menu-item { border-bottom: 1px solid #4f4d4d; height: 56px; line-height: 56px; padding-left: 64px; } #header #menu #menu-item-wrapper-live .menu-item { line-height: 2.5; padding-left: 1em; height: auto; } #header #menu #menu-item-wrapper-live .menu-item li { float: none; } #header #menu #menu-item-wrapper-shows { background-image: url(../images/icons/movie-take.png); } #header #menu #menu-item-wrapper-schedule { background-image: url(../images/icons/date.png); } #header #menu #menu-item-wrapper-support { background-image: url(../images/icons/giving-hearts.png); } #header #menu #menu-item-wrapper-more { background-image: url(../images/icons/down.png); background-position: 32px 25px; background-size: 12px; } #header #menu #menu-item-wrapper-more a { background: none; padding-right: 0; } #header #mobile-menu-trigger { background: transparent url(../images/old/mobile-menu-burger.png) no-repeat 0 0; height: 22px; width: 26px; position: absolute; top: 24px; right: 5px; } #header #menu { padding: 0; width: 264px; position: absolute; z-index: 1000000; right: -264px; } #header #menu #mobile-search { background: #323232; border-bottom: 1px solid #000; display: block; height: 56px; line-height: 54px; } #header #menu #mobile-search form { border-bottom: 1px solid #4f4d4d; padding-left: 64px; } #header #menu #mobile-search form .form-text { color: #fff; border: 1px solid #242424; background: #1a1a1a !important; font-weight: 300; height: 21px; width: 164px; font-size: 12px; font-size: 1.2rem; padding: 4px 24px 4px 4px; padding: 0.4rem 2.4rem 0.4rem 0.4rem; } #header #menu #mobile-search form .form-submit { background: none; border: none; display: block; position: absolute; font-size: 0px; font-size: 0rem; background: transparent url(../images/icons/search.png) no-repeat left center; height: 36px; width: 36px; right: auto; top: 10px; left: 16px; } #header #menu .menu-item-wrapper { background-color: #323232; background-position: 1em center; background-repeat: no-repeat; border-bottom: 1px solid #000; float: none; margin: 0; } #header #menu .menu-item-wrapper .menu-item { border-bottom: 1px solid #4f4d4d; height: 56px; line-height: 56px; padding-left: 64px; } #header #menu #menu-item-wrapper-live .menu-item { line-height: 2.5; padding-left: 1em; height: auto; } #header #menu #menu-item-wrapper-live .menu-item li { float: none; } #header #menu #menu-item-wrapper-shows { background-image: url(../images/icons/movie-take.png); } #header #menu #menu-item-wrapper-schedule { background-image: url(../images/icons/date.png); } #header #menu #menu-item-wrapper-support { background-image: url(../images/icons/giving-hearts.png); } #header #menu #menu-item-wrapper-more { background-image: url(../images/icons/down.png); background-position: 32px 25px; background-size: 12px; } #header #menu #menu-item-wrapper-more a { background: none; padding-right: 0; } #header .region-header { top: 10px; right: 40px; } #header .region-header #block-search-form { display: none; } #header #mobile-menu-trigger { background: transparent url(../images/old/mobile-menu-burger.png) no-repeat 0 0; height: 22px; width: 26px; position: absolute; top: 24px; right: 5px; } /* --- Extend - Resposive Layout ( rl ) --------------------------------------------------------------- */ .view-episode-search .view-filters, .view-episode-search .view-content, .view-episode-search .view-content .views-field-field-episode-air-date, .view-episode-search .view-content .views-field-title, .section-shows.node-type-series #content > div.node .field-name-body, .section-shows.node-type-series #content > div.node .field-name-host-bio-view, .section-shows.node-type-series #content > div.node .field-name-field-show-host, .section-shows.node-type-episode #content > div.node .field-name-body, .section-shows.node-type-episode #content > div.node .field-name-host-bio-view, .section-shows.node-type-episode #content > div.node .field-name-field-show-host, .section-amazon-guide #content #block-block-21, .section-amazon-guide #content #block-block-22, .section-amazon-guide #content #block-block-23, .section-shows.node-type-series #content > div.node .view-episode-schedule .views-row, .section-shows.node-type-series #content > div.node .view-episode-schedule .views-row .views-field, .section-shows.node-type-series #content > div.node .view-episode-schedule .views-field-title, .section-shows.node-type-episode #content > div.node .view-episode-schedule .views-row, .section-shows.node-type-episode #content > div.node .view-episode-schedule .views-row .views-field, .section-shows.node-type-episode #content > div.node .view-episode-schedule .views-field-title, .section-shows #content .episode-schedule-block .view-episode-schedule .views-row, .section-support #content .block { float: none; width: auto; } /* Main Styles */ #main { padding: 3em 5%; } /* Sidebar Sytles */ .sidebars .block.call-to-action h2 { font-size: 25px; font-size: 2.5rem; padding-top: 2.5px; padding-top: 0.25rem; padding-bottom: 2.5px; padding-bottom: 0.25rem; margin-bottom: 5px; margin-bottom: 0.5rem; } /* Footer Styles */ #footer { padding: 3em 5%; } #footer div#block-menu-menu-catholictv-com, #footer div#block-menu-menu-company-information { margin-bottom: 1em; } #footer div#block-menu-menu-catholictv-com { width: 40%; margin-right: 7%; } #footer div#block-menu-menu-company-information { width: 52%; margin-right: 0; border-right: none; } #footer div.partners { clear: both; width: 100%; } /* Dynamic Lead * --------------------------------------------------------------------------------- */ #dl { overflow: visible; } #dl .view-dl-content .view-content { overflow: visible; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content { width: auto; margin-left: 10px; margin-left: 1rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-kicker { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; margin-bottom: 1rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; margin-bottom: 1rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-subtitle { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; margin-bottom: 1rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-button-url a { font-size: 10px; font-size: 1rem; padding: 4px 8px; padding: 0.4rem 0.8rem; } /* Episodes - url: "/shows/series/episode" */ /* Watch Live - url: "/watch-live" */ .node-type-episode #dl .page-width #block-sharethis-sharethis-block, .node-type-page #dl .page-width #block-sharethis-sharethis-block { margin: 0.5em auto 0; width: 100%; } /* Breadcrumbs */ #breadcrumb-wrapper { padding: 0 .25em; overflow: hidden; } /* Content Overrides * --------------------------------------------------------------------------------- */ /* Home Page Styles */ .front #block-views-upcoming-schedule-block .view-date { width: 10%; margin-right: 5%; } .front #block-views-upcoming-schedule-block .view-content { width: 68%; } .front #block-views-upcoming-schedule-block .view-content .upcoming-episode { width: 30%; margin: 0 5% 0 0; } .front #block-views-upcoming-schedule-block .view-content .upcoming-episode:nth-child(3n) { margin: 0; } .front #block-views-upcoming-schedule-block .view-content .upcoming-episode:last-child { display: none; } /* Global Content Styles */ .page-node .view-episodes-blocks .views-row, .page-node .view-news .views-row { width: 49%; } .page-node .view-episodes-blocks .views-row .views-field[class$="image"] a, .page-node .view-news .views-row .views-field[class$="image"] a { max-width: 100%; height: 0; padding: 56% 0 0; position: relative; } .page-node .view-episodes-blocks .views-row .views-field[class$="image"] a img, .page-node .view-news .views-row .views-field[class$="image"] a img { position: absolute; top: 0; } .page-node .view-episodes-blocks .views-row:nth-child(2n), .page-node .view-episodes-blocks .views-row-2, .page-node .view-news .views-row:nth-child(2n), .page-node .view-news .views-row-2 { margin: 0; } .page-node .view-episodes-blocks .views-row:nth-child(3n), .page-node .view-episodes-blocks .views-row-last, .page-node .view-news .views-row:nth-child(3n), .page-node .view-news .views-row-last { display: none; } .page-node.not-front .view-episodes-blocks .views-row .views-field[class$="image"] a { max-height: 100%; } /* Find an Episode */ .view-episode-search .view-filters { margin: 0 0 2em 0; } .view-episode-search .view-content .views-row { margin-bottom: .5em; } .view-episode-search .view-content .views-field-field-episode-air-date, .view-episode-search .view-content .views-field-title { display: block; line-height: normal; } .view-episode-search .item-list .pager { float: none; } .not-front #block-views-episode-search-block-2 .view-header a.link-button, #block-views-episode-search-block-2 .view-header a.link-button { top: 13em; right: 1em; } .not-front #block-views-episode-search-block-2 .views-widget-filter-keys, .not-front #block-views-episode-search-block-2 .views-widget-filter-field_show_reference_nid, .not-front #block-views-episode-search-block-2 .views-widget-filter-field_episode_air_date_value, #block-views-episode-search-block-2 .views-widget-filter-keys, #block-views-episode-search-block-2 .views-widget-filter-field_show_reference_nid, #block-views-episode-search-block-2 .views-widget-filter-field_episode_air_date_value { margin: 0; width: 100%; } .not-front #block-views-episode-search-block-2 .views-exposed-widget .form-submit, #block-views-episode-search-block-2 .views-exposed-widget .form-submit { margin: 0 0 0.8rem 0.2rem; } /* Section Shows */ .section-shows.node-type-series #content > div.node .field-name-body, .section-shows.node-type-series #content > div.node .field-name-host-bio-view, .section-shows.node-type-series #content > div.node .field-name-field-show-host, .section-shows.node-type-episode #content > div.node .field-name-body, .section-shows.node-type-episode #content > div.node .field-name-host-bio-view, .section-shows.node-type-episode #content > div.node .field-name-field-show-host, .section-amazon-guide #content #block-block-21, .section-amazon-guide #content #block-block-22, .section-amazon-guide #content #block-block-23 { margin: 0 0 1.5em 0; } /* Section Shows - Episode Search */ .section-shows #content .episode-schedule-block .view-episode-schedule .views-row { margin-bottom: .5em; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-row .views-field { float: none; line-height: normal; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-row .views-field-field-episode-air-date { width: auto; } .section-shows #content .episode-schedule-block .view-episode-schedule .views-row .views-field-title:hover + .views-field-body, .section-shows #content .episode-schedule-block .view-episode-schedule .views-row .views-field-body:hover { display: none; } /* Episode Schedule Blocks - Grid View * --------------------------------------------------------------------------------- */ #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row { margin: 0 3% 1em 0; max-width: 30%; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-field-field-image .overlay-play { max-height: 84px; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row:nth-of-type(4n), #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row:nth-of-type(4n) { margin-right: 3%; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row:nth-of-type(3n) { margin-right: 0; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-field-body, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-field-body { display: none; } /* Magazine Landing Page */ .page-magazine .view-magazine-landing .view-header { margin-bottom: 1em; position: relative; top: auto; right: auto; left: 0; } .page-magazine .view-magazine-landing .view-header:before, .page-magazine .view-magazine-landing .view-header:after { content: " "; display: table; } .page-magazine .view-magazine-landing .view-header:after { clear: both; } .page-magazine .view-magazine-landing .view-header .sortables li { display: block; float: left; margin-bottom: .5em; margin-right: 2%; margin-left: 2%; width: 46%; } .page-magazine .view-magazine-landing .view-header .sortables li a { text-align: center; width: 100%; } .page-magazine .view-magazine-landing .view-content .views-row { /* Read post */ } .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-cover-image { float: none; } .page-magazine .view-magazine-landing .view-content .views-row .views-field-title, .page-magazine .view-magazine-landing .view-content .views-row .views-field-field-mag-pub-date, .page-magazine .view-magazine-landing .view-content .views-row .views-field-body { margin-left: 0; } .page-magazine .view-magazine-landing .view-content .views-row .views-field-view-node { padding: 0 4% 0 2%; } /* Blog Landing Page */ .page-blog .view-blog-landing .view-header, .blog-main-page .view-header { margin-bottom: 1em; position: relative; top: auto; right: auto; left: 0; } .page-blog .view-blog-landing .view-header:before, .page-blog .view-blog-landing .view-header:after, .blog-main-page .view-header:before, .blog-main-page .view-header:after { content: " "; display: table; } .page-blog .view-blog-landing .view-header:after, .blog-main-page .view-header:after { clear: both; } .page-blog .view-blog-landing .view-header .sortables li, .blog-main-page .view-header .sortables li { display: block; float: left; margin-bottom: .5em; margin-right: 2%; margin-left: 2%; width: 46%; } .page-blog .view-blog-landing .view-header .sortables li a, .blog-main-page .view-header .sortables li a { text-align: center; width: 100%; } .page-blog .view-blog-landing .view-content .views-row, .blog-main-page .view-content .views-row { /* Read post */ /* Social Icons */ } .page-blog .view-blog-landing .view-content .views-row .views-field-field-image, .blog-main-page .view-content .views-row .views-field-field-image { float: none; height: auto; max-width: none; overflow: hidden; margin-bottom: 1em; margin-top: 2em; padding: 56.632% 0 0; width: auto; } .page-blog .view-blog-landing .view-content .views-row .views-field-title, .page-blog .view-blog-landing .view-content .views-row .views-field-created, .page-blog .view-blog-landing .view-content .views-row .views-field-body, .blog-main-page .view-content .views-row .views-field-title, .blog-main-page .view-content .views-row .views-field-created, .blog-main-page .view-content .views-row .views-field-body { float: none; padding: 0; width: auto; } .page-blog .view-blog-landing .view-content .views-row .views-field-view-node, .blog-main-page .view-content .views-row .views-field-view-node { right: 1.8rem; padding: 0; width: 92%; } .page-blog .view-blog-landing .view-content .views-row .views-field-view-node a, .blog-main-page .view-content .views-row .views-field-view-node a { position: absolute; right: 0; } .page-blog .view-blog-landing .view-content .views-row .views-field-sharethis, .blog-main-page .view-content .views-row .views-field-sharethis { position: absolute; top: 12px; top: 1.2rem; right: 97px; width: 90%; text-align: right; } /* Forms */ form[class*="webform"] fieldset.webform-component-fieldset, form.search-form fieldset.webform-component-fieldset, .section-user form fieldset.webform-component-fieldset, form[id*="episode-search"] fieldset.webform-component-fieldset { float: none; margin: 0; width: 100%; } /* Bios */ .page-bios .view-bios-landing .views-row { width: 48%; } .page-bios .view-bios-landing .views-row.views-row-last { margin: 0; } /* Shows All */ .view-shows-all .views-row, .view-shows-all .views-row:nth-child(3n) { margin: 0 2% 2em 0; width: 48%; } .view-shows-all .views-row:nth-child(2n) { margin-right: 0; } /* Support */ .section-support #content .block { height: auto; } .section-support #content .block.odd { margin-right: 0; } /* --- Shopping Cart --------------------------------------------------------------- */ .section-store .view-commerce-store { /* Individual Product */ } .section-store .view-commerce-store .views-row { margin: 0 4% 1em 0; width: 48%; } .section-store .view-commerce-store .views-row:nth-child(3n) { margin: 0 4% 1em 0; } .section-store .view-commerce-store .views-row:nth-child(2n) { margin: 0 0 1em 0; } /* Shopping Cart Block */ #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li { padding: 0 .25em 0.5rem 0; display: block; } /* Follow on homepage */ #block-block-29 ul.social-links { padding-bottom: 32px !important; } /* --- Frontpage Donate ----------------------------------------------------------------- */ .home-donate h2.block-title { font-size: 1.6em; line-height: 1.2em !important; } .home-donate p { padding: 15px 14px 9px 14px; } /* --- Popup onload Webathon Blocks -------------------------------------------------------------------- */ #colorbox.popup_onload { left: 27% !important; } } /* --- Mobile --- */ @media only screen and (max-width: 40em) { /** * @file * Mobile styles, as defined by the mobile screen size (em) breakpoint. */ /* Developer Styles */ #admin-menu { display: none; } html body.admin-menu { margin-top: 0 !important; } /* Layout Overrides * --------------------------------------------------------------------------------- */ /* Main Styles */ .sidebar-second #content { margin: 0 auto 2em; } .sidebar-second .region-sidebar-second { margin: 0 auto; } .sidebar-second #content, .sidebar-second .region-sidebar-second { clear: both; width: 100%; } /* Footer Styles */ #footer div#block-menu-menu-catholictv-com, #footer div#block-menu-menu-company-information, #footer div#block-block-10 { display: block; float: none; clear: both; width: 100%; margin: 0 auto 2em; padding: 0; border: none; } /* Float Block Overrides - make everything 100% */ .front .view-episodes-blocks .views-row, .page-node .view-episodes-blocks .views-row, #block-views-news-block .view-news .views-row { width: 100%; margin: 0 auto 1em; } .page-node.not-front .view-episodes-blocks .views-row .views-field[class$="image"] a { max-height: 100%; } /* Content Overrides * --------------------------------------------------------------------------------- */ /* Breadcrumbs */ #breadcrumb-wrapper { overflow: hidden; } #content h1.page__title, #content h1.block-title { padding: 0 0 0 26px; padding: 0 0 0 2.6rem; } /* Home Page Styles */ .front #content .block.join-us, .front #content .block.donate { background: #fff; border: 2px solid #e7e7e7; display: block; padding: 20px 14px; padding: 2rem 1.4rem; } /* Magazine Landing Page */ .page-magazine .view-magazine-landing .view-header:before, .page-magazine .view-magazine-landing .view-header:after { content: " "; display: table; } .page-magazine .view-magazine-landing .view-header:after { clear: both; } .page-magazine .view-magazine-landing .view-header .sortables li { display: block; float: none; margin: 0 0 .5em 0; width: auto; } /* Blog Landing Page */ .page-blog .view-blog-landing .view-header:before, .page-blog .view-blog-landing .view-header:after { content: " "; display: table; } .page-blog .view-blog-landing .view-header:after { clear: both; } .page-blog .view-blog-landing .view-header .sortables li { display: block; float: none; margin: 0 0 .5em 0; width: auto; } /* Blog Single Post - buttons */ #block-custom-pagers-1 { margin-bottom: 0; clear: both; z-index: 10; height: 22px; } #block-custom-pagers-1 ul { position: relative; right: 0; top: 0; float: right; } /* Bios */ .page-bios .view-bios-landing .views-row { float: none; margin: 0 0 2em 0; width: auto; } .page-bios .view-bios-landing .views-row.views-row-last { margin: 0; } /* Shows All */ .view-shows-all .views-row, .view-shows-all .views-row:nth-child(2n), .view-shows-all .views-row:nth-child(3n) { float: none; margin: 0 0 2em 0; width: auto; } /* --- Dynamic Lead --------------------------------------------------------------- */ #dl { max-height: none; overflow: hidden; } #dl .view-dl-content .view-content { height: auto; bottom: auto; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content { background: #fff; margin: -2px 0 0 0; position: relative; bottom: auto; padding: 10px 0 10px 10px; padding: 1rem 0 1rem 1rem; } #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-kicker, #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-title, #dl .view-dl-content .view-content .views-row .views-dl-slide .views-dl-slide-content .views-dl-slide-subtitle { color: #404040; } #dl .view-dl-content .view-footer { display: none; } #dl #block-views-magazine-landing-latest-issue { display: none; } /* More - Page */ .section-more #content:before, .section-more #content:after { content: " "; display: table; } .section-more #content:after { clear: both; } .section-more #content .node { margin-bottom: 1em; } .section-more #content div[id*="menu-more"] { float: none; margin: 0; min-height: 100%; width: auto; } /* --- Schedule Landing Page --------------------------------------------------------------- */ .page-schedule #content .view-schedule-landing.view-display-id-page .view-header { margin-bottom: 1em; } .page-schedule #content .view-schedule-landing.view-display-id-page .view-footer { display: block; } .page-schedule #content .schedule-times { width: 34%; } .page-schedule #content #block-views-schedule-landing-block-1 { width: 66%; } .page-schedule #content #block-views-schedule-landing-block-1 .view-footer { display: block; } .page-schedule #content #block-views-schedule-landing-block-2 { display: none; } .page-schedule-tomorrow #content .view-schedule-landing.view-display-id-page .view-footer { display: none; } .page-schedule-tomorrow #content #block-views-schedule-landing-block-2 { display: block; width: 66%; } /* --- Shopping Cart --------------------------------------------------------------- */ .section-store .view-commerce-store { /* Individual Product */ } .section-store .view-commerce-store .views-row { float: none; margin: 0 0 1em 0; width: auto; } .section-store .view-commerce-store .views-row:nth-child(3n) { margin: 0 0 1em 0; } .section-store .view-commerce-store .views-row:nth-child(2n) { margin: 0 0 1em 0; } /* Shopping Cart Block */ #block-commerce-cart-cart #views-form-commerce-cart-block-default .line-item-summary ul.links li { display: inline; } /* Episode Schedule Blocks - Grid View * --------------------------------------------------------------------------------- */ #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row { margin: 0 4% 1em 0; max-width: 46%; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-field-field-image .overlay-play, #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-field-field-image .overlay-play { max-height: 107px; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row:nth-of-type(3n), #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row:nth-of-type(3n) { margin-right: 4%; } #content #block-views-episode-schedule-block-1 .view-episode-schedule .views-row:nth-of-type(2n), #content #block-views-episode-schedule-block-3 .view-episode-schedule .views-row:nth-of-type(2n) { margin-right: 0; } /* --- Announcements Block ----------------------------------------------------------------- */ #block-views-home-page-announcement-block a { padding-left: 70px; font-size: 14px; font-size: 1.4rem; } /* --- Frontpage Episode Search ----------------------------------------------------------------- */ .front #block-views-episode-search-block-2 { width: 100%; float: none; } .front #block-views-episode-search-block-2 .views-exposed-widget .form-submit { margin: 0 0 0.8rem 0.2rem; } /* --- Frontpage Social Connect ----------------------------------------------------------------- */ #block-block-29 { width: 100%; float: none; margin-left: 0; } #block-block-29 ul.social-links { padding: 2rem 1.4rem !important; } /* --- Frontpage Donate ----------------------------------------------------------------- */ .home-donate { width: 100%; float: none; margin-left: 0; } .home-donate p { padding: 10px 14px 4px 14px; } /* --- Popup onload Webathon Blocks -------------------------------------------------------------------- */ #colorbox.popup_onload { left: 10% !important; } }