/* ----------------------------------- Creek components: */ .creek-shows-container .creek-weekdays { margin: 0 0 20px 0; } .creek-shows-container .creek-weekdays ul { margin: 0; padding: 0; } .creek-shows-container .creek-weekdays ul li { list-style:none; } .creek-shows-container .creek-weekdays .creek-weekday { display:inline-block; margin: 0 10px 0 0; padding: 8px 12px; } .creek-shows-container .creek-weekdays .creek-weekday a { color: #0180b5; text-decoration: none; } .creek-shows-container .creek-weekdays .creek-weekday a:hover { color: #000; } .creek-shows-container .creek-weekdays .creek-weekday.selected { background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.2); } .creek-shows-container .creek-shows .creek-show { display:inline-block; vertical-align: top; width:210px; text-align:center; border-radius: 4px; margin: 0 20px 20px 0; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.2) } .creek-shows-container .creek-shows .creek-show .creek-time-container { padding:4px 10px; border-bottom: 1px solid #ddd } .creek-shows-container .creek-shows .creek-show .creek-image-container { padding:8px 10px; overflow:hidden; } .creek-shows-container .creek-shows .creek-show .creek-grouped-image-container { padding:8px 10px; overflow:hidden; } .creek-shows-container .creek-shows .creek-show .creek-grouped-image-container img { height:150px !important; } .creek-shows-container .creek-shows .creek-show .creek-grouped-image-container .creek-grouped-image img { display:none; } .creek-shows-container .creek-shows .creek-show .creek-grouped-image-container .creek-grouped-image:first-child img { display:inline-block; } .creek-shows-container .creek-shows .creek-show .creek-info-container { padding:8px 10px; } .creek-shows-container .creek-shows .creek-show .creek-show-group-titles h3 .creek-show-group-title .creek-show-group-titles-divider { color: #999; margin: 0 10px; } .creek-shows-container .creek-shows .creek-show .creek-show-group-titles h3 .creek-show-group-title:first-child .creek-show-group-titles-divider { display:none; } .creek-shows-container .creek-shows .creek-show h3 { margin: 0 0 20px 0; font-size: 15px; font-weight: 600; line-height: 130%; } .creek-shows-container .creek-shows .creek-show h3 a { text-decoration: none; } .creek-hide { display:none; } .creek-broadcasts-container .creek-broadcast .creek-info { margin: 0 0 10px 0; } .creek-broadcasts-container .creek-broadcast .creek-info .creek-time { font-size: 14px; } .creek-broadcasts-container .creek-broadcast .creek-info .creek-title { font-weight:600; } .creek-broadcasts-container .creek-broadcast { clear:both; } /* ----------------------------------- Layout fixes just for website's existing theme: */ /* Remove sidebars on special pages */ #Creek_InnerPageContainer.page-archives .MainContent { width:100% !important } #Creek_InnerPageContainer.page-archives .Sidebar { display:none; } #Creek_InnerPageContainer.page-archives .entry-title { display:none; } #Creek_InnerPageContainer.page-programs .MainContent { width:100% !important } #Creek_InnerPageContainer.page-programs .Sidebar { display:none; } #Creek_InnerPageContainer.page-programs .entry-title { display:none; } .creek-page-show .creek-full-description p { clear:none; } /* ----------------------------------- KWMR's style overrides of Creek stuff: */ .creek-current-show-label { color: #999; border: 1px solid #ddd; padding: 0px 8px; margin: -2px 8px 0 0; display:inline-block; font-size: 14px; } input.picker__input[readonly]:hover { cursor:pointer !important } .creek-audio-mode-file .creek-current-show-label { display:none; } .creek-page-show .creek-social-buttons { margin: 30px 0; } .creek-page-show .creek-broadcast .creek-social-buttons { margin: 0 0 30px 0; } .creek-page-show .creek-broadcast .creek-time { display:none; } .creek-shows-container .creek-shows .creek-show { border: 1px solid rgba(0,0,0,.14); box-shadow: none; } .creek-shows-container .creek-weekdays .creek-weekday.selected { border: 1px solid rgba(0,0,0,.14); box-shadow: none; } #creek-audio-toolbar { background: #fff; } #creek-audio-toolbar .creek-audio-main-button .fa { color:#2990DA !important; } #creek-audio-toolbar .creek-volume-open-button .fa { color:#2990DA !important; } #creek-audio-toolbar .creek-audio-main-button .fa:hover { color:#000 !important; } #creek-audio-toolbar .creek-live-data a { color:#2990DA; } #creek-audio-toolbar .creek-live-data a:hover { color:#000; text-decoration: none; } /*Nothing*/ body .creek-audio-loading-icon { display: none !important; } body .creek-audio-pause-icon { display: none !important; } body .creek-audio-play-icon { display: inline-block !important; } /*Loading*/ body.creek-audio-loading .creek-audio-loading-icon { display: inline-block !important; } body.creek-audio-loading .creek-audio-pause-icon { display: none !important; } body.creek-audio-loading .creek-audio-play-icon { display: none !important; } /*Playing*/ body.creek-audio-playing .player-container .creek-audio-main-button { background: #0180b5; color: #fff; } body.creek-audio-playing .player-container .creek-audio-main-button .fa { color: #fff !important; } body.creek-audio-playing .creek-audio-loading-icon { display: none !important; } body.creek-audio-playing .creek-audio-pause-icon { display: inline-block !important; } body.creek-audio-playing .creek-audio-play-icon { display: none !important; } .sm2-bar-ui .sm2-main-controls, .sm2-bar-ui .sm2-playlist-drawer { background: rgba(0,0,0,.1); } .creek-page-container p { padding:inherit; } .sm2-bar-ui { margin: 0 0 20px 0; } .creek-social-buttons { margin: 0 0 10px 0; } .creek-social-button { color:#fff; padding:2px 8px; border-radius: 3px; position:relative; z-index: 2; margin: 0 10px 10px 0; } .creek-social-button i.fa { color:#fff; } .creek-social-button:hover { opacity: 0.8; cursor:pointer; } .creek-social-button-twitter { background: #4099FF; } .creek-social-button-facebook { background: #3b5998; } .creek-social-button-email { background: #787; } .creek-social-email-box { z-index:100; position: absolute; padding:10px; border-radius:4px; top: 0; left: 0; background:#fff; box-shadow: 0 2px 8px rgba(0,0,0,.1) } .creek-social-email-box p { margin: 0 0 10px 0; white-space: nowrap; font-size:14px; } #creek-email-link { display:block !important; border: 1px solid #ddd !important; padding: 8px 12px !important; margin: 0 0 10px 0 !important; width: 100%; height:auto; } .creek-close { display:block; border: 1px solid #ddd; border-bottom: 2px solid #ddd; padding: 4px 12px; text-align:center; border-radius: 4px; } .creek-close:hover { cursor:pointer; border-color: #ccc; } /* Ok, that's all for that. ----------------------------------- */ /*#Creek-KWMR-FeaturedArchives { background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); border-radius: 4px; overflow: hidden; margin-bottom: 20px; }*/ #Creek-KWMR-FeaturedArchives a {color: #0180b5; text-decoration:none;} #Creek-KWMR-FeaturedArchives a:hover {color: #000;} #Creek-KWMR-FeaturedArchives .section-header { color:#034090; font-weight:700; font-size:18px; text-transform: uppercase; } /*#Creek-KWMR-FeaturedArchives .item, .more a, .header { display:block; padding:8px 14px; overflow: auto; text-align:left; }*/ /*#Creek-KWMR-FeaturedArchives .item, .header { border-bottom: 1px solid #eee; }*/ #Creek-KWMR-FeaturedArchives a.item { display:block; padding: 8px 12px; border-bottom: 1px solid rgba(0,0,0,.1); } #Creek-KWMR-FeaturedArchives a.item:hover { background:rgba(0,0,0,.04) } #Creek-KWMR-FeaturedArchives .item .item-title { font-size: 15px; display:block; margin: 0 0 0px 0; color: #0180b5; } #Creek-KWMR-FeaturedArchives .item a.item-title:hover { color: #000; } #Creek-KWMR-FeaturedArchives .item .item-time { color: #000; } #Creek-KWMR-FeaturedArchives .item .item-info { color: #000; text-align:left; } #Creek-KWMR-FeaturedArchives .item .item-description { color: #777; text-overflow: ellipsis-word; font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #Creek-KWMR-FeaturedArchives .item .item-description a.read-more { float:right; position:relative; z-index: 2; color: #0180b5; display:none;} #Creek-KWMR-FeaturedArchives .item .item-image { float:left; } #Creek-KWMR-FeaturedArchives .item .item-image img { max-height:50px; max-width:50px; margin: 0 14px 0 0; width:auto } #Creek-KWMR-FeaturedArchives #Future .section .item .item-image img { max-height:40px; max-width:40px; margin: 0 10px 0 0; width:auto } #Creek-KWMR-FeaturedArchives .item .item-show-row {font-size: 15px; overflow: auto; } #Creek-KWMR-FeaturedArchives .item .item-show-row .time {font-size: 15px; margin-right: 4px; color:#555; } #Creek-KWMR-FeaturedArchives .item-time {font-size: 13px;} #Creek-KWMR-FeaturedArchives .item-show {font-size: 13px; color: #000; text-decoration:none;} #Creek-KWMR-FeaturedArchives .item:last-child {border:0} #Creek-KWMR-FeaturedArchives .more {} #Creek-KWMR-FeaturedArchives .more a {color: #0180b5; font-weight: 700; display:block; padding:10px 14px;} #Creek-KWMR-FeaturedArchives .more a:hover {color: #000; font-weight: 700;} #Creek-KWMR-FeaturedArchives .more:hover {background: rgba(255,255,255,.2)} #Archive { margin: 30px 0px } #Archive h1 { margin: 0 0 20px 14px; color:#034090; text-align:center; } #Archive .filter-toolbar { padding: 20px 22px 20px 22px; background:#0080b5; box-shadow: inset 0 2px 10px rgba(0,0,0,.15); margin: 0 0 20px 0; border: 1px solid rgba(0,0,0,.2); border-right:0; border-left:0; } #Archive .filter-toolbar .inputs-container { text-align:center; margin: 0 0 20px 0; } #Archive .filter-toolbar .input-block { display:inline-block; padding: 6px 10px; } #Archive .filter-toolbar .input { background:#fff; border: 1px solid rgba(0,0,0,0); border-radius:3px; padding: 8px 12px; font-size:14px; height:40px; width:200px; box-shadow: 0px 3px 9px rgba(0,0,0,.15); } #Archive .filter-toolbar .input:hover { box-shadow: 0px 4px 12px rgba(0,0,0,.4); } #Archive .filter-toolbar .submit { text-align:center; padding:0px 0 8px 0} #Archive .filter-toolbar .submit button { background: #fcb300; font-size: 24px; padding: 12px 24px; box-shadow: 0 5px 8px rgba(0,0,0,.2); text-shadow: 0 2px 8px rgba(0,0,0,.4); color:#fff; border-radius: 3px; font-weight: 600; text-transform: uppercase; transition: all .5s; } #Archive .filter-toolbar .submit button:hover { transition: all .3s; background:#fcb300; box-shadow: 0 7px 25px rgba(0,0,0,.5); cursor:pointer; } #Archive .broadcast { overflow:auto; position:relative; z-index:1; } #Archive .broadcast { display:block; border-bottom: 1px solid rgba(0,0,0,.1); padding: 20px 20px; overflow:auto; } /*#Archive .broadcast:hover { background:rgba(255,255,255,0.6); cursor:pointer; }*/ #Archive .broadcast .image { display:block; min-height: 60px; float:left; margin: 0 20px 20px 0; width: 100px; } #Archive .broadcast .image img { width:100%; height:auto; } #Archive a.broadcast { text-decoration: none; } #Archive .broadcast a { color: #0180b5; text-decoration: none; } #Archive .broadcast a:hover { color: #52a8ff; text-decoration: none; } #Archive .broadcast h3 { color: #0180b5; margin: 0 0 4px 0; } #Archive .broadcast .item-info { margin: 0 0 2px 0; color:rgba(0,0,0,.6); } #Archive .broadcast .item-description { margin: 0 0 16px 0; color:rgba(0,0,0,.6); font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #Archive .broadcast .item-description a.read-more { float:right; position:relative; z-index: 2} #Archive .broadcast .creek-social-buttons { margin: 10px 0 0 0; } #Archive .broadcast .item-date-time { font-weight: 600; } .spacer-thing { overflow: auto; margin: 0 -10px; } .spacer-thing .column1 { width: 28%; float:left; } .spacer-thing .column2 { width: 36%; float:left; } .spacer-thing .column3 { width: 36%; float:left; } .spacer-thing .column-inner { padding: 0 12px; } /* Responsive / Mobile Stuff */ #creek-audio-toolbar { display: none !important; } @media screen and (max-width: 767px) { #creek-audio-toolbar { display: block !important; } body.creek-audio-toolbar-visible #creek-audio-toolbar-spacer { .creek-audio-toolbar-spacer { display:none !important; } } .footer-content { padding-bottom: 150px; } } @media screen and (max-width:1023px) { .spacer-thing { overflow: auto; margin: 0 -10px; padding: 10px; } .spacer-thing .column1 { width: 50%; float:left; } .spacer-thing .column2 { width: 50%; float:left; } .spacer-thing .column3 { display:none; } .spacer-thing .column-inner { padding: 0 12px; } } @media screen and (max-width:767px) { body { overflow: hidden; } div#primary { margin: 0; padding: 0 15px; } div.articles { padding: 0; } div.articles div.single-article { width: auto; } div.single-article { width: auto; } div.single-article-inner { margin: 5px 0 15px 0; } #secondary { padding: 0 15px; } .single-article.article-fullwidth .single-article-inner { /*margin: 0 0 10px 0;*/ /*padding: 0 10px;*/ } .widget { margin-bottom: 10px; } .spacer-thing { overflow: auto; margin: 0 -10px; font-size:0px; } .spacer-thing .column-inner { font-size:16px; padding: 0 12px; } .spacer-thing .column1 { width: 100%; float:none; text-align:center; } .spacer-thing .column1 .column-inner { max-width: 300px; display:inline-block; } .spacer-thing .column2 { width: 100%; float:none; } .spacer-thing .column3 { display: none; } }