@charset "utf-8";

/**************************************************
  Site Specific Styles for All Pages
  Author: Chuck Bunnell / Eagle Web Desings, Inc
  Modified: 05/01/2015
  MODIFICATIONS GO HERE!!
**************************************************/


/**************************************************
	bootstrap overrides
**************************************************/
.main_content_container .img-responsive { width: 100%; }


/**************************************************
	main body styles - all pages
**************************************************/
a { text-decoration: none; }
a:hover   { text-decoration: inherit; }
a:link    { text-decoration: inherit; }
a:active  { text-decoration: inherit; }
a:visited { text-decoration: inherit; }


/**************************************************
	status bar styles
**************************************************/
.status_bar_wrapper { width: 100%; height: 30px; text-align: right; }
.status_bar { padding: 0 25px 0 25px; }
.status_bar_wrapper .status_bar p { display: inline-block; line-height: 30px; }
.status_bar_wrapper .status_bar p.social_icon  { font-size: 14px; margin-right: 20px; }
.status_bar_wrapper .status_bar p.member_login { font-size: 12px; font-weight: bold; text-transform: uppercase; }
.status_bar_wrapper .status_bar p a { text-decoration: none; }
.status_bar_wrapper .status_bar p a:focus { outline: none; color: inherit; }
@media (min-width: 768px) {
	.status_bar_wrapper { position: absolute; z-index: 9999; }
}


/**************************************************
	header styles
**************************************************/
.header_wrapper { text-align: center; }
.header_wrapper .header_logo img { display: inline-block; margin: 10px 0; }
.header_wrapper .website_title { display: block; font-size: 36px; margin-top: 20px; margin-bottom: 10px; line-height: 1.1; }
.header_wrapper .header_logo { margin-bottom: 10px; }
.header_wrapper .header_info { margin-bottom: 10px; }
.header_wrapper .header_info p { margin-bottom: 0; }
.header_wrapper .header_phone_wrapper p { line-height: 50px; text-align: center; }
.header_wrapper .header_phone_wrapper p span.header_phone_label { font-size: 36px; font-style: italic; }
.header_wrapper .header_phone_wrapper p span.header_phone_number { font-size: 40px; }

@media (min-width: 768px) {
	.header_wrapper { text-align: left; }
	.header_wrapper .header_logo { margin-bottom: 0; }
	.header_wrapper .header_info { margin-bottom: 0; }
	.header_phone_wrapper p { margin-top: 25px; }
}
@media (min-width: 992px) {
	.header_phone_wrapper p { margin-top: 50px; }
}


/**************************************************
	main navigation - primary style
**************************************************/
.navbar { margin-bottom: 0; }
@media (min-width: 768px) {
	.nav_center .navbar-nav { float: inherit; text-align: center; font-size: 0; }
	.nav_center .navbar-nav>li { float: inherit; display: inline-block; font-size: 14px; }
}


/**************************************************
	main navigation - alternate style
**************************************************/
nav.altnav .jquery_hide { display: none; }
nav.altnav .jquery_show { display: inherit; }
nav.altnav { width: 100%; padding-left: 0; padding-right: 0; font-weight: bold; }
nav.altnav .menu_bar_wrapper { position: relative; cursor: pointer; }
nav.altnav .menu_bar_wrapper .menu_bar { position: relative; display: table; width: 100%; height: 75px; }
nav.altnav .menu_bar_wrapper .menu_bar p { margin: 0; }
nav.altnav .menu_bar_wrapper .menu_bar .menu_bar_left  { display: table-cell; padding: 0 0 0 15px; vertical-align: middle; text-align: left; }
nav.altnav .menu_bar_wrapper .menu_bar .menu_bar_left p { font-size: 24px; }
nav.altnav .menu_bar_wrapper .menu_bar .menu_bar_right { display: table-cell; padding: 0 15px 0 0; vertical-align: middle; text-align: right; }
nav.altnav .menu_bar_wrapper .menu_bar .menu_bar_right p { font-size: 42px; }
nav.altnav .nav_wrapper .nav_element_wrapper a { display:table; width: 100%; height: 75px; text-align: center; text-decoration: none; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element { display:table-cell; vertical-align: middle; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element .nav_text p { margin: 0; font-size: 18px; }
nav.altnav .nav_wrapper .nav_element_wrapper { border-bottom-width: 1px; border-bottom-style: solid; }
nav.altnav .nav_wrapper .nav_element_wrapper:first-of-type { border-top-width: 1px; border-top-style: solid; }
nav.altnav .nav_wrapper .nav_element_wrapper:last-of-type { border-bottom: none; }
@media (min-width: 768px) {
	nav.altnav .jquery_hide { display: inherit; }
	nav.altnav #show_menu { display: none; }
	nav.altnav #hide_menu { display: none; }
	nav.altnav .nav_wrapper { height: 50px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; text-align: center; }
	nav.altnav .nav_wrapper .nav_element_wrapper a { height: 50px; }
	nav.altnav .nav_wrapper .nav_element_wrapper { display: inline-block; width: 12%; border-bottom: none; font-size: 0; }
	nav.altnav .nav_wrapper .nav_element_wrapper:first-of-type { border-top: none; }
	nav.altnav .nav_wrapper .nav_element_wrapper .nav_element .nav_text { height: 50px; line-height: 50px; }
	nav.altnav .nav_wrapper .nav_element_wrapper .nav_element .nav_text p { font-size: 16px; font-weight: normal; }
}


/**************************************************
	main content area styles
**************************************************/
.main_content_wrapper { padding-top: 15px; padding-bottom: 15px; }
.main_content { padding-top: 20px; padding-bottom: 20px; }
.main_content h1:first-of-type { margin-top: 0; }
.webpage_banner img { margin: 0 auto; }
.carousel_main  { max-width: 1170px; margin: 0 auto; }
.sidebar { padding-bottom: 20px; }
.sidebar h4:first-of-type { margin-top: 0; }
.chocolate_chip_wrapper p { color: #d7bad6; }
@media (min-width: 768px) {
	.sidebar { padding-top: 20px; }
}
@media (min-width: 992px) {
	.band_carousel { margin-top: 50px; }
}


/**************************************************
	footer styles
**************************************************/
footer { border-top-width: 2px; border-top-style: solid; }
.footer_wrapper  { display: table; height: 130px; }
.footer_contents { display: table-cell; vertical-align: middle; padding: 20px 0 20px 0; }
.footer_navigation { margin: 0 0 20px 0; font-weight: bold; text-transform: uppercase; }
.footer_copyright  { font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }
.footer_copyright .pull-right { margin-left: 10px; }
.footer_navigation ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.footer_navigation li { display: inline-block; height: 24px; line-height: 24px; margin: 0 10px 0 10px; }


/**************************************************
	sidebar (navigation) styles
**************************************************/
.sidebar_navigation ul { padding-left: 0; list-style-type: none; }


/**************************************************
	sidebar (social media) styles
**************************************************/
.sidebar_social_media { width: 100%; }
.sidebar_social_media h4 { margin-top: 0; margin-bottom: 15px; text-align: center; font-size: 20px; font-weight: bold; }
.sidebar_social_media ul { margin: 0; padding: 0; font-size: 0; }
.sidebar_social_media p  { margin: 0; font-size: 36px; text-align: center; }


/**************************************************
	sidebar (banner ad) styles
**************************************************/
.ad_side_wrapper img { margin: 0 auto; }


/**************************************************
	contact us page styles
**************************************************/
.contact_info_wrapper { margin-bottom: 25px; padding-left: 0; padding-right: 0; font-size: 16px; word-break: break-all; text-align: center; }
.contact_info_wrapper p { font-size: 16px; }
.contact_wrapper .contact_info_wrapper .band_portrait { margin: 0 auto; }
.contact_form_wrapper { padding-left: 0; padding-right: 0; }
.contact_form_wrapper .contact_form { margin-top: -5px; }
.contact_form_wrapper .control-label { font-size: 14px; }
.contact_form_wrapper button { width: 100%; }
.contact_form_wrapper .alert-success { font-size: 18px; }
.contact_form_wrapper .help-block { position: absolute; top: 2px; right: 30px; }
.contact_form_wrapper .help-block ul { margin-bottom: 0; margin: 0; }
.contact_form_wrapper .alert ul { padding: 0 0 0 15px; list-style-type: none; }
@media (min-width: 768px) {
	.contact_info_wrapper { padding-left: 0; padding-right: 15px; }
	.contact_info_wrapper p { font-size: 13px; }
	.contact_form_wrapper { padding-left: 15px; padding-right: 0; }
	.contact_form_wrapper fieldset { padding: 10px 10px; border-width: 1px; border-style: solid; border-radius: 10px; }
	.contact_form_wrapper fieldset legend { width: inherit; margin: 0 0 0 20px; padding: 0 10px 0 10px; border-bottom: none; }
}
@media (min-width: 992px) {
	.contact_info_wrapper p { font-size: 16px; }
	.contact_wrapper .contact_info_wrapper .band_portrait { max-width: 90%; }
}
@media (min-width: 1200px) {
	.contact_wrapper .contact_info_wrapper .band_portrait { max-width: 80%; }
}


/**************************************************
	login page styles
**************************************************/
.login_wrapper form { margin: 0 0 25px 0; }
.login_wrapper input { margin: 0 10px 0 0; }
.login_wrapper .password_reset_title { margin: 0 0 0 20px; padding: 0; font-style: italic; }
.login_wrapper .password_reset_title p { margin: 0; padding: 0; font-size: 16px; }
.login_wrapper .password_reset_return { display: none; margin: 0 0 0 20px; padding: 0; font-style: italic; }
.login_wrapper .password_reset_return p { margin: 0; padding: 0; font-size: 16px; }
.login_wrapper .password_reset_sent { display: none; margin: 0 0 0 20px; padding: 0; font-style: italic; }
.login_wrapper .password_reset_sent p { margin: 0; padding: 0; font-size: 16px; }
.login_wrapper #passwordResetForm { display: none; }


/**************************************************
	signup page styles
**************************************************/
#signup_form .inline_error { position: absolute; top: -2px; right: 20px; height: 28px; line-height: 28px; }
#signup_form button { width: 100%; }
.resend_confirmation_link { margin: 15px 0 0 0; text-align: center; }


/**************************************************
	add/update member profile page styles
**************************************************/
#profile_display_image_update { cursor: pointer; text-decoration: underline; }
#profile_display_image { position: relative; width: 150px; padding: 2px 2px; }
#profile_display_image img { width: 100%; }
#profile_display_image .display_image_delete {
	position: absolute; top: -5px; right: -5px;
	height: 20px; width: 20px; margin: 0;
	border-radius: 50%;
	cursor: pointer;
}
#profile_display_image .display_image_delete p { margin-left: 1px; text-align: center; font-weight: bold; }


/**************************************************
	gallery page styles
**************************************************/
.gallery_content .gallery_member { position: relative; margin-bottom: 15px; }
.gallery_content .gallery_member .gallery_member_image { height: 225px; background-size: cover; background-position: center center; }
.gallery_content .gallery_member .gallery_member_title { text-align: center; }
@media (min-width: 768px) {
	.gallery_content .gallery_member .gallery_member_title {
		position: absolute; bottom: 0; width: 100%;
		margin: 0; padding: 2px 2px 2px 2px;
		background: #000000; background: rgba(0, 0, 0, 0.6);
		z-index: 1;
	}
}


/**************************************************
	article detail page styles
**************************************************/
.article_wrapper .article_head_wrapper { margin-bottom: 15px; }
.article_wrapper .article_head_wrapper h1 { margin-bottom: 0; }
.article_wrapper .article_head_wrapper p  { margin-bottom: 0; }
.article_wrapper .article_body_wrapper {  }


/**************************************************
	article list page styles
**************************************************/
.article_search_wrapper .article_search_caption { margin-top: 3px; margin-left: 3px; font-size: 11px; }

.article_list_wrapper .article_list_item { margin: 0 -15px; padding: 25px 15px; }
.article_list_wrapper .article_list_item:nth-child(even) { background-color: #e6e6e6; border-top: solid 1px #b7bdbf; border-bottom: solid 1px #b7bdbf; }
.article_list_wrapper .article_list_head { margin-bottom: 10px; }
.article_list_wrapper .article_list_title { font-weight: bold; }
.article_list_wrapper .article_list_source, .article_list_wrapper .article_list_publish { font-size: smaller; font-weight: bold; font-style: italic; }
.article_list_wrapper .article_list_image { margin: 0 0 15px 0; }
@media (min-width: 768px) {
	.article_list_wrapper .article_list_image { float: left; width: 25%; margin: 0 15px 10px 0; }
}
@media (min-width: 992) {
	.article_list_wrapper .article_list_image { width: 22.5%; }
}
@media (min-width: 1200px) {
	.article_list_wrapper .article_list_image { width: 20%; }
}

.article_list_wrapper .article_list_desc {  }
.article_list_wrapper .article_list_desc:last-of-type { margin-bottom: 0; }
.article_list_wrapper .article_list_desc_empty { line-height: 0; }

.article_list_pagination { text-align: center; }
.article_list_pagination .pagination>li>a { font-weight: bold; padding: 6px 10px; }
@media (min-width: 768px) {
	.article_list_pagination .pagination>li>a { font-weight: bold; padding: 6px 12px; }
}


/**************************************************
	event detail page styles
**************************************************/
.event_wrapper .paragraph_empty  { margin: 0; padding: 0; line-height: 0; }
.event_wrapper .paragraph_spacer { margin: 0; padding: 0; line-height: 10px; }

.event_wrapper .event_details_wrapper { margin-bottom: 15px; }
.event_wrapper .event_head_wrapper { margin-bottom: 0; }
.event_wrapper .event_head_wrapper h1 { margin-bottom: 0; }
.event_wrapper .event_head_wrapper p  { margin-bottom: 0; }
.event_wrapper .event_summary_wrapper p { margin-bottom: 0; }
.event_wrapper .event_media_embed { margin-bottom: 15px; }


/**************************************************
	event list page styles (calendar frame)
**************************************************/
.events_wrapper .calendar_wrapper { margin-top: 15px; }
.calendar_wrapper .calendar_title { margin-bottom: 15px; text-align: center; font-size: 18px; }
.calendar_wrapper .calendar_title span { padding: 0 10px }
.calendar_wrapper .calendar_select { margin-bottom: 15px; }
.calendar_wrapper .calendar_select .form-control { height: 25px; padding: 0 12px; }

.calendar_month_wrapper table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.calendar_month_wrapper table tr.calendar_row_full { display: none; }
.calendar_month_wrapper table tr.calendar_row_abrv {  }
.calendar_month_wrapper table td.calendar_day_head { text-align:center; }
.calendar_month_wrapper table td.calendar_day_head span { font-size: 12px; }
.calendar_month_wrapper table td.calendar_day {
	position: relative;
	width: 14.2857%; height: 50px;
	padding: 15px 5px 5px 5px;
	vertical-align: top;
	border: 1px solid #bbbbbb;
	/*background: #ffffff;*/
	background: rgba(255, 255, 255, .8);
	background-clip: padding-box;
}
.calendar_month_wrapper table td.calendar_day_invalid { /*background: #eeeeee;*/ background: rgba(255, 255, 255, .9); position: static; }
.calendar_month_wrapper div.day_number { position: absolute; right: 3px; top: 2px; font-size: 11px; color: #000000; }

@media (min-width: 768px) {
	.calendar_month_wrapper table tr.calendar_row_full { display: table-row; }
	.calendar_month_wrapper table tr.calendar_row_abrv { display: none; }
	.calendar_month_wrapper table td.calendar_day { height: 100px; padding: 20px 5px 5px 5px; }
}
@media (min-width: 1200px) {
	.calendar_month_wrapper table td.calendar_day { height: 125px; padding: 30px 5px 5px 5px; }
}


/**************************************************
	event list page styles (calendar events)
**************************************************/
.calendar_month_wrapper a { color: #000000; }
.calendar_month_wrapper a:hover { color: #990000; }
.calendar_month_wrapper .calendar_title a { color: #ffffff; }
.calendar_month_wrapper .calendar_title a:hover { color: #ffff00; }
.calendar_month_wrapper #myModalLabel { color: #000000; }
.calendar_month_wrapper .event_title { text-align: center; font-size: 12px; line-height: 16px; cursor: pointer; }
.calendar_month_wrapper .event_title_more {  }
.calendar_month_wrapper .event_title_full { display: none; overflow: hidden; }
.calendar_month_wrapper .event_title_abrv { display: block; font-size: 14px; line-height: 14px; }

@media (min-width: 500px) {
	.calendar_month_wrapper .event_title_temp { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.calendar_month_wrapper .event_title_full { display: block;  }
	.calendar_month_wrapper .event_title_abrv { display: none; }
}


/**************************************************
	event list page styles (list events)
**************************************************/
.event_list_wrapper .paragraph_empty  { margin: 0; padding: 0; line-height: 0; }
.event_list_wrapper .paragraph_spacer { margin: 0; padding: 0; line-height: 10px; }
.event_list_wrapper .datepicker { max-width: 299px; margin: 0 auto; text-align: center; }
.event_list_wrapper .event_list_item { margin: 0 -15px; padding: 25px 15px; }
.event_list_wrapper .event_list_item:nth-child(even) { /*background-color: #e6e6e6;*/ background: rgba(0, 0, 0, .5); border-top: solid 1px #b7bdbf; border-bottom: solid 1px #b7bdbf; }
.event_list_wrapper .event_list_head { margin-bottom: 10px; }
.event_list_wrapper .event_list_title { display: inline-block; font-weight: bold; cursor: pointer; }
.event_list_wrapper .event_list_date, .event_list_wrapper .event_list_location { font-size: smaller; font-weight: bold; font-style: italic; }
.event_list_wrapper .event_list_media { margin: 0 0 15px 0; }
.event_list_wrapper .event_list_desc:last-of-type { margin-bottom: 0; }
.event_list_wrapper .event_list_more { font-size: 12px; font-weight: bold; cursor: pointer; }

@media (min-width: 768px) {
	.event_list_wrapper .event_list_media { float: left; width: 25%; margin: 0 15px 10px 0; }
}
@media (min-width: 992) {
	.event_list_wrapper .event_list_media { width: 22.5%; }
}
@media (min-width: 1200px) {
	.event_list_wrapper .event_list_media { width: 20%; }
}


/**************************************************
	band members page styles
**************************************************/
.band_members_wrapper .bio_wrapper { margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px; }
.band_members_wrapper .bio_wrapper:nth-child(odd) { background-color: rgba(0, 0, 0, .4); }
.band_members_wrapper .bio_wrapper img { margin-bottom: 15px; }
.band_members_wrapper .bio_wrapper h3 { margin-top: 0; }
@media (min-width: 768px) {
	.band_members_wrapper .bio_wrapper img { margin-bottom: 0; }
}