/*
Theme Name: Coast Radio
Theme URI: https://coastradio.org
Author: beachdog.com
Author URI: http://beachdog.com
Description: Custom Theme
Version: 1.1
*/

/* Body CSS*/
body {
	background: url("images/background.jpg") repeat fixed 0 0 rgba(0, 0, 0, 0);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 24px;
	color: #797979;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #373737;
}
a {
	color: #cc6633;
}
a:focus {
	outline: none;
}
.container {
	max-width: 1000px;
	margin: 0  auto;
	background-color: #eff1f4;
}
p {
	margin-bottom: 22px;
}
td {
	padding: 6px 10px;
}

/* Header CSS*/
.header {
	position: relative;
}
.header img {
	max-width: 100%;
}
.header .tower {
	position: absolute;
	bottom: 14.361702127659574468085106382979%;
	right: 1.3%;
	background: url('images/tower.png');
	width: 193px;
	height: 248px;
}
.header .donate-button {
	position: absolute;
	top: 68px;
	right: 17px;
	z-index: 2;
}
.header .donation-text {
	position: absolute;
	top: 111px;
	right: 33px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	width: 80px;
	text-align: center;
}
.header .tube {
	position: absolute;
	top: 69px;
	left: 25px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.64), inset 0 0 57px rgba(255,255,255,.04); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.64), inset 0 0 57px rgba(255,255,255,.04); box-shadow: inset 0 0 5px rgba(0,0,0,.64), inset 0 0 57px rgba(255,255,255,.04); background-image: -webkit-linear-gradient(bottom, rgba(255, 0, 0, 0.42) 0%, rgba(220, 250, 254, 0.42) 0%); background-image: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0.42) 0%, rgba(220, 250, 254, 0.42) 0%); background-image: -o-linear-gradient(bottom, rgba(255, 0, 0, 0.42) 0%, rgba(220, 250, 254, 0.42) 0%); background-image: -ms-linear-gradient(bottom, rgba(255, 0, 0, 0.42) 0%, rgba(220, 250, 254, 0.42) 0%); background-image: linear-gradient(to top, rgba(255, 0, 0, 0.42) 0%, rgba(220, 250, 254, 0.42) 0%); width: 28px; height: 161px; border-radius: 0 0 14px 14px;
}
.header .donate-button.alone.hidden {
	display: none;
}
.header .donate-button.alone {
	right: 1.5%;
}
.welcome-text {
	font-family: 'Fresca', sans-serif;
	font-size: 18px;
	line-height: 1.2;
	color: #444444;
	position: absolute;
	right: 2%; /* 20px */
	top: 20px;
	max-width: 50%;
}

/* Menu CSS*/
.menu-container {
	background-color: #7ecaf3;
	padding: 0 20px;
	text-align: center;
}
.menu-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu-container ul li {
	display: inline-block;
	margin: 0 25px;
	position: relative;
	font-family: 'IM Fell Great Primer', serif;
	font-size: 20px;
	line-height: 16px;
	text-transform: uppercase;
}
.menu-container ul li a {	
	display: block;
	padding: 12px 6px;
	color: #000000;
	text-decoration: none;
}
.menu-container ul li a:hover, .menu-container ul li.current-menu-parent > a, .menu-container ul li.current-menu-item > a {
	color: #ffffff;
	background-color: rgba(42, 146, 175, 0.75);
}
.menu-container ul li ul {
	position: absolute;
	top: 40px;
	left: 0;
	background-color: rgba(42, 146, 175, 0.75);
	width: 203px;
	text-align: left;
	padding: 7px 27px;
	display: none;
	z-index: 1;
}
.menu-container ul li ul li{
	display: block;
	margin: 0;
	font-family: 'Fresca', sans-serif;
	font-size: 18px;
	line-height: 22px;
	/*text-transform: lowercase;*/
	text-transform: none;
}
.menu-container ul li ul li a {	
	color: #ffffff;
	padding: 0;
}
.menu-container ul li ul li a:hover, .menu-container ul li ul li.current-menu-item > a {
	color: #f5d6a3;
	background-color: transparent;
}
.menu-container ul li:hover ul {
	display: block;
}

/* Posts Area */
.content-area {
	float: left;
	width: 80.7%;
	padding: 0 0 0 20px
}
.post-area {
	background-color: #ffffff;
	border: 1px solid #dad9d7;
	margin: 22px 0px 17px 0px;
	padding: 23px 4px;
	float: left;
}
.post-area .post {
	font-family: 'Fresca', sans-serif;
	font-size: 15px;
	line-height: 1.56; /* 23.4px */
	color: #666666;
	width: 33.333333333333333333333333333333%;
	padding: 0 22px 22px;
	float: left;
}
.post-area h2 {
	font-family: 'IM Fell Great Primer', serif;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.post-area img {	
	height: 115px;	
	margin: 0 0 19px;
}
.post-area p {
	margin-bottom: 9px;
}
.post-area .read-more {
	text-align: right;
	font-family: 'Fresca', sans-serif;
	font-size: 15px;
	line-height: 13px;
}
.post-area .read-more a {	
	color: #cc6633;
	text-decoration: none;
}

/* Tagline */
.tag-line {
	margin: 0 0 17px;
	font-family: 'Sacramento', cursive;
	font-size: 25.95px;
	line-height: 24.91px;
	background: url('images/wave-bg.png') no-repeat 0 0 / contain;
	text-align: center;
	clear: both;
	color: #3c2515;
}

/* Sidebar Area */
.sidebar {
	float: right;
}
.sidebar .player {
	background: url('images/player.png') no-repeat;
	width: 172px;
	height: 432px;
	margin: 0 auto;
	position: relative;
}
.sidebar .show-details {
	position: absolute;
	top: 60px;
	/*top: 71px;*/
	left: 28px;
	right: 28px;
	font-family: 'Fresca', sans-serif;
}
.sidebar .volume {
	text-align: center;
	margin-bottom: 10px;
}
.sidebar .radio {
	display:block; 
	width:100%;
	height:30px;
}
.sidebar h2 {
	font-family: 'Fresca', sans-serif;
	font-weight: normal;
	/*font-size: 17px;*/
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 4px;
	color: #cbcbcb;
}
.sidebar h2 a {
	color: #ff6600;
}
.sidebar .show-brief {
	/*font-size: 17px;
	line-height: 18px;*/
	font-size: 14px;
	line-height: 1.2;
	color: #cbcbcb;
}
.sidebar .show-brief p {
	margin: 0 0 10px;
}
.sidebar .kmun, .sidebar .ktcb, .sidebar .kcpb {
	display: none;
}
.sidebar .menu-link {
	position: absolute;
	top: 298px;
	left: 67px;
	font-family: 'Fresca', sans-serif;
	font-size: 17px;
	line-height: 15px;
	color: #333333;
}
.sidebar .station-link-1 {
	position: absolute;
	top: 337px;
	left: 25px;
	font-family: 'Fresca', sans-serif;
	font-size: 11.78px;
	line-height: 10.39px;
	text-align: center;
}
.sidebar .station-link-2 {
	position: absolute;
	top: 337px;
	right: 25px;
	font-family: 'Fresca', sans-serif;
	font-size: 11.78px;
	line-height: 10.39px;
	text-align: center;
}
.sidebar .station-link-3 {
	position: absolute;
	top: 390px;
	left: 67px;
	font-family: 'Fresca', sans-serif;
	font-size: 11.78px;
	line-height: 10.39px;
	text-align: center;
}
.sidebar a {
	color: #333333;
	text-decoration: none;
}
.sidebar a.selected {
	color: #0066ff;
}
.sidebar a.popup-link {
	font-size: 13px;
	color: #7ecaf3;
}

/* Team Area */
.team {
	display: table;
	width: 100%;
}
.team-member {
	border: 1px solid #999999;
	float: left;
	width: 48.849372384937238493723849372385%;
	padding: 15px 13px;
	margin-bottom: 22px;
}
.team-member:nth-of-type(2n+0) {
	margin-left: 2.3012552301255230125523012552301%;
}
.team-member .col-1 {
	float: left;
	width: 58.386727688787185354691075514874%;
}
.team-member .col-2 {
	width: 36.613272311212814645308924485126%;
	float: right;
}
.team-member .picture {
	border: 1px solid #999999;
	padding: 4px;
	border-radius: 3px;
	box-shadow: 10px 10px 5px #888888;
	box-shadow: 0 0 4px #999999;
	margin-bottom: 17px;
	text-align: center;
}
.team-member .smi-icons {
	margin-bottom: 11px;
}
.team-member ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.team-member li:before {
	background: url('images/square.png') no-repeat;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 7px;
}
.team-member .smi-icons a img {
	filter: grayscale(100%);	
}
.team-member .smi-icons a:hover img {
	filter: grayscale(0);
}
.team-member h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	color: #373737;
	margin: 0 0 10px;
}

/* ScrollPane CSS*/
.jspDrag {
	background-color: #e58a33;
	border-radius: 5px;
}
.jspTrack {
	background-color: #e6ae66;
	border-radius: 5px;
}
.jspHorizontalBar {
	background: none;
}

/* Slider CSS*/
.slider-container {
	background-color: #efdbbb;
	border-top: 1px solid #cccccc;
	float: left;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	clear: both;
}
.slider-area {
	padding: 25px 20px;	
	float: left;
}
.slider-area .slide {
	width: 300px;
	height: 220px;
	margin-left: 30px;
	position: relative;
	float: left;
}
.slider-area .slide:first-child {
	margin-left: 0;
}
.slider-area .caption {
	font-family: 'Fresca', sans-serif;
	font-size: 15px;
	line-height: 1.2;
	padding: 7px 8px;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;	
}
.slider-area .caption a {
	color: #ffffff;
	text-decoration: none;
}
.caption img {
	display: inline-block;
	margin-left: 7px;
	vertical-align: sub;
}
/* Slider CSS*/


/* Widgets CSS*/
.widgets-area {
	padding: 20px;
	float: left;
	width: 100%;
	border-top: 1px solid #cccccc;
	clear: both;
}
.widgets-area > div {
	width: 17.291666666666666666666666666667% /*166px*/;
	float: left;
	margin: 0 1.3541666666666666666666666666667% /*13px*/;
}
.widget {
	padding: 0;
	background: none;
}
.widget .widget-title {
	font-family: 'IM Fell Great Primer', serif;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
	color: #373737;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 13px;
}
.widget li {
	font-family: 'Fresca', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #cc6633;
	padding: 0;
}
.widget li:before {
	content: '»';	
	margin-right: 5px;
}
.widget li a {
	color: #cc6633;
	text-decoration: none;
}

/* Footer CSS*/
.footer {
	clear: both;
}
.footer-stripe {
	height: 22px;
	background-color: #2a92af;
}
.copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #3c2515;
	letter-spacing: 0.085em;
	border-top: 1px #3c2515 solid;
	padding: 12px 20px;
}
.copyright a {
	color: #6c83a2;
}

/* Inner Pages */
.hentry {
	padding: 22px;
	background: #ffffff;
}
.entry-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #373737;
}
.archive-header {
    background-color: #ffffff;
    padding: 0 22px;
}
.archive-title, .archive-meta {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.error404 .page-wrapper {
	background: #ffffff;
}
.page-content {
	padding: 0 22px;
}
.entry-header {
	margin-bottom: 11px;
}
.entry-content a, .comment-content a, .entry-meta a, .navigation a {
	color: #cc6633;
}
.read-more {
	text-align: right;
}
.content-area.inner {
	padding: 0;
}
.content-area.full-width {
	padding: 0;
	width: 100%;
	background-color: #ffffff;
}
.entry-header, .entry-content, .entry-summary, .entry-meta, .paging-navigation .nav-links {
	max-width: 100%;
}
.hentry .entry-content {
	border-bottom: 1px solid #cccccc;
}
.hentry:last-child .entry-content {
	border-bottom: 0;
}
.paging-navigation {
	background: #ffffff;
	padding: 0 22px 22px;
}
.paging-navigation .nav-previous .meta-nav {
	padding: 3px 0 8px;
	width: 50px;
}
.entry-thumbnail img {
	margin: 0 0 10px;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
	margin-left: 0;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
	margin-right: 0;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
	color: #797979;
	font-size: 11px;
}

/* Events CSS */
.em-calendar-wrapper ul {
	padding: 0 0 0 1em;
}
.em-calendar-wrapper ul li {
	font-size: 12px;
}
table.fullcalendar td {
	vertical-align: top;
}
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
	color: #cc6633;
}
table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a {
	text-decoration: none;
}
table.em-calendar td.eventful-pre a:hover, table.em-calendar td.eventful-post a:hover {
	text-decoration: underline;
}
.event-extra-details div {
	margin-top: 20px;
}

/* Programs Grid */
.programs-grid-responsive {
	display: none;
}
table.programs-grid {
	width: 100%;
	table-layout: fixed;
}
table.programs-grid td {
	padding-left: 10px;
	line-height: 24px;
	vertical-align: top;
}
table.programs-grid td:nth-of-type(odd) {
	background-color: #eff1f4;
}

/* Sliding Icons */
.contact-side .ssi-store {
	background: #EE2B34;
}
.fa-shopping-cart::before {
	content: url('images/car-donations.png');
}

/* Businesses */
.business * {
	box-sizing: border-box;
}
.business {
	clear: both;
	margin: 0 0 0 10px;
	overflow: auto;
	padding: 5px;
}
.business.even {
	background-color: /*#c3dba8*/#efdbbb;
}
.business:nth-child(even) {
}
.business-title {
	float: left;
	/*font-size: 11px;*/
	width: 50%;
}
.business-title a {
	text-decoration: underline;
}
/*.business-directory-nav a,*/ .business-category a, .business-title a {
	/*color: *//*#26370a*//*#000000;*/
	padding: 0 5px;
}
.business-directory-nav a {
	padding: 0 5px;
}
.business-city, .business-phone {
	float: left;
	/*font-size: 11px;*/
	width: 25%;
	/*color: #000000;*/
}
.business-directory-nav {
	margin-bottom: 10px;
}
.business-directory-nav a {
	font-weight: bold;
	text-decoration: none;
}
.business-category {
	background-color: /*#97be6f*/#158AD9;
	clear: both;
	height: 25px;
	margin: 10px 0 5px;
	padding: 0 0 0 10px;
	width: 100%;
}
.business-category-title {
	float: left;
	color: #ffffff;
	font-weight: bold;
}
.single-business p {
	margin: 0 0 10px;
}
.return-to-top {
	float: right;
	font-size: /*11px*/12px;
	font-style: italic;
	width: 80px;
}
.return-to-top a {
	color: #ffffff;
	text-decoration: none;
}

/* start nature notes divs*/
.Table
{
	display: table;
}

.Heading
{
	display: table-row;
	text-align: left;
}
.Row
{
	display: table-row;
}
.Cell
{
	display: table-cell;
	width: 50%;
	margin: auto;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}
.Cell2
{
	display: table-cell;
	width: 50%;
	margin: auto;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}
/* end nature notes divs*/

/* div table */
.boxer {
   display: table;
   border-collapse: collapse;
}
 
.boxer .box-row {
   display: table-row;
}
 
.boxer .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   min-width: 120px;
   border: solid;
   border-width: thin;
   padding-left: 5px;
   padding-right: 5px;
}

/* end div table */