body { 
  padding:0;
  margin:0;
  background: #fff6d3;
  font-weight: 400;
}

body, p, h1, h2, h3, h4, h5, input, button { font-family: 'Open Sans', Arial, Helvetica, sans-serif, sans;}




/* 
-----------------------------------

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: #06f; 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: */

.footer, .navbar-wrapper {
  background-size:cover;
}

.navbar-wrapper {
  height: inherit !important;
}

.row-fluid.wpeden-bs-services [class*="span"] {
    margin-bottom: 0;
}

.home-lower-posts { float:left; width:100%; margin: 0 0 30px 0; }
.home-section { float:left; width:100%; }


/*.container { max-width:1130px; }*/

.navbar-wrapper .home-container {
  background:none !important;
}

h1.entry-title { margin: 0 0 30px 0 }
#Archive h3 { clear:none; }

.well {background-color: rgba(0, 0, 0, 0.08);}

#HomeBlock img[src=""], #Archives img[src=""] {
   display: none !important;
}

#Creek_InnerPageContainer { padding-top: 20px; }

/* 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: #FFFCF1; }

#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; }

.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 0 0; }
.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. 

-----------------------------------
*/

.hide {display:none}
.invisible {opacity:0}
/*.container {max-width: 1100px; margin: 0 auto;}*/

.home-container {
  background: #84C9F1 url('http://26a.de2.myftpupload.com/wp-content/uploads/2014/12/Web_Header_westmarinfog9.png') top center;
  background-size:cover;
  padding:30px 30px;
}

body.cfm-stream-playing a.creek-audio-play .fa-play {display:none;}
body.cfm-stream-playing a.creek-audio-play .fa-pause {display:inline-block !important;}
body.cfm-stream-playing a.creek-audio-play .playing {display:inline-block !important;}


#HomeBlock .section {
  transition: opacity 1s;
  background:rgba(251, 241, 208, .85);
  box-shadow: 0 3px 10px rgba(0,0,0,.2);
  /*border-radius: 5px;*/
}
#HomeBlock .section a {color: #0166CC; text-decoration:none;}
#HomeBlock .section a:hover {color: #000;}
#HomeBlock .section .header { background:rgba(253, 243, 209, 1); color:#034090; font-weight:700; font-size:18px; text-transform: uppercase; }
#HomeBlock .section .item, .more a, .header { display:block; padding:8px 14px; overflow: auto; text-align:left; }
/*#HomeBlock .section .item, .header { border-bottom: 1px solid #eee; }*/
#HomeBlock .section a.item { display:block; }
#HomeBlock .section a.item:hover { background:rgba(255,255,255,.3) }
#HomeBlock .section .item .item-title { font-size: 15px; display:block; margin: 0 0 0px 0; color: #0166CC; }
#HomeBlock .section .item a.item-title:hover { color: #000; }
#HomeBlock .section .item .item-time { color: #000; }
#HomeBlock .section .item .item-info { color: #000; text-align:left; }
#HomeBlock .section .item .item-description { color: #777; text-overflow: ellipsis-word; font-size:13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
#HomeBlock .section .item .item-description a.read-more { float:right; position:relative; z-index: 2; color: #0166CC; display:none;}
#HomeBlock .section .item .item-image { float:left; }
#HomeBlock .section .item .item-image img { max-height:50px; max-width:50px; margin: 0 10px 0 0; width:auto }
#HomeBlock #Future .section .item .item-image img { max-height:40px; max-width:40px; margin: 0 10px 0 0; width:auto }
#HomeBlock .section .item .item-show-row {font-size: 15px; overflow: auto; }
#HomeBlock .section .item .item-show-row .time {font-size: 15px; margin-right: 4px; color:#555; }
#HomeBlock .section .item-time {font-size: 13px;}
#HomeBlock .section .item-show {font-size: 13px; color: #000; text-decoration:none;}
#HomeBlock .section .item:last-child {border:0}
#HomeBlock .section .more {}
#HomeBlock .section .more a {color: #0166CC; font-weight: 700; display:block; padding:10px 14px;}
#HomeBlock .section .more a:hover {color: #000; font-weight: 700;}
#HomeBlock .section .more:hover {background: rgba(255,255,255,.2)}


#HomeBlock .present { 

  text-align:center;
  padding: 20px 0 0 0;

}

#HomeBlock .click-to-listen { max-width:100%; height:auto; }


#HomeBlock a.creek-audio-play {position:relative; color: #fff; font-size:60px;}
#HomeBlock a.creek-audio-play .fa-circle { color: #fff; text-shadow: 0 3px 20px rgba(0,0,0,.2); }
#HomeBlock a.creek-audio-play .fa-play { color: #3DDAE2; margin: 0 -8px 0 8px; }
#HomeBlock a.creek-audio-play .fa-pause { display:none; color: #3DDAE2; }

/* button colors: #DCD061, #E0D03A */

#HomeBlock a.creek-audio-play .playing { font-size: 20px; font-weight:bold; color:#fff; text-decoration:none; background: rgba(0,0,0,.2); border-radius: 3px; display:none; padding:10px 16px; }


#HomeBlock a.creek-audio-play:hover {opacity:0.87}
#HomeBlock .stream-button-container { margin: 0 0 30px 0; }




#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:#2990DA; 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: #034090; font-size: 24px; padding: 12px 24px; border:1px solid rgba(0,0,0,.2); color:#fff; border-radius: 3px; }
#Archive .filter-toolbar .submit button:hover { background:#114C9A; 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: #0166CC; text-decoration: none; }
#Archive .broadcast a:hover { color: #52a8ff; text-decoration: none; }
#Archive .broadcast h3 { color: #0166CC; 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; }