@charset "utf-8";

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

.tablesorter-bootstrap thead .tablesorter-header {
	white-space: nowrap!important;
}

/**************************************************
	web fonts
**************************************************/


/**************************************************
	Date Picker styles
**************************************************/
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #a27752;
    border-color: #a27752;
}

.flatpickr-months .flatpickr-month {
	background: #006F71;
	color: #fff;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #006F71;
}


.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    color: #fff;
    fill: #fff;
}

.flatpickr-weekdays {
    background: #006F71;
    border-top: 1px solid #fff;
	color: #fff;
}

span.flatpickr-weekday {
	color: #fff;
}


.numInputWrapper span {
	opacity: 1;
}

.flatpickr-current-month .numInputWrapper span.arrowDown::after {
    border-top-color: #fff;
}
.numInputWrapper span.arrowDown::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(64,72,72,0.6);
    border-top-color: rgba(64, 72, 72, 0.6);
}

.flatpickr-current-month .numInputWrapper span.arrowUp::after {
    border-bottom-color: #fff;
}

.numInputWrapper span.arrowUp::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(64,72,72,0.6);
    border-bottom-color: rgba(64, 72, 72, 0.6);
}


.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #a27752;
}

span.flatpickr-day.today:not(.selected){
	border-bottom-color: #a27752;
}

span.flatpickr-day.today:not(.selected) {
    border-bottom-color: #a27752;
}

span.flatpickr-day.today:not(.selected):hover{
	background: #a27752;
	border-color: #a27752;
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month{
	padding: 5px;
}


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

*:focus{
    outline: 0!important;
}

input:focus, select:focus {
    border-color: #006F71!important;
    outline: 0!important;
    box-shadow: 0 0 0 .2rem rgba(0, 111, 113,.25)!important;
}


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



/**************************************************
	Form styles
**************************************************/
form .required_field { margin-right: 2px; color: #990000; }
form .form_field_error { background: #ffffcc; }


/**************************************************
	status bar styles
**************************************************/
/*.status_bar_wrapper { width: 100%; height: 30px; background: #000000; text-align: right; }
.status_bar { padding: 0 25px 0 25px; }
.status_bar_wrapper .status_bar p { display: inline-block; color: #ffffff; 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; }
.status_bar_wrapper .status_bar p a:hover { color: #cccccc; }
*/

/**************************************************
	header styles
**************************************************/



/**************************************************
	main navigation - primary style
**************************************************/
/*@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%; margin-bottom: 15px; padding-left: 0; padding-right: 0; color: #000000; 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; background: #cccccc; }
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;  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; font-size: 42px; }

nav.altnav .nav_wrapper { background: #cccccc; }
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 { font-size: 18px; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element .nav_text p { margin: 0; }
nav.altnav .nav_wrapper .nav_element_wrapper { border-bottom: 1px solid #aaaaaa; }
nav.altnav .nav_wrapper .nav_element_wrapper:first-of-type { border-top: 1px solid #aaaaaa; }
nav.altnav .nav_wrapper .nav_element_wrapper:last-of-type { border-bottom: none; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element:hover { background: #bbbbbb; }

@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: 32px; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; text-align: center; }
	nav.altnav .nav_wrapper .nav_element_wrapper a { height: 30px; }
	nav.altnav .nav_wrapper .nav_element_wrapper { display: inline-block; width: 12.5%; 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 { font-size: 14px; margin: 0 5px 0 5px; height: 30px; line-height: 30px; }
}
*/

/**************************************************
	gallery page styles
**************************************************/
.gallery_content{
	clear: both;
}
.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: #ffffff; background: rgba(255, 255, 255, 0.75);
		z-index: 1;
	}
}

.gallery_wrapper figure.image.align-right{
	float: right;
}

.gallery_wrapper figure.image.align-left{
	float: left!important;
}

.gallery_wrapper figure.image.align-right img{
	margin-left: 15px!important;
	margin-bottom: 15px!important;
}

.gallery_wrapper figure.image.align-left img{
	margin-right: 15px!important;
	margin-bottom: 15px!important;
}

/**************************************************
	main content area styles
**************************************************/
.content_wrapper { margin-bottom: 15px; }
.main_content    {  }
.sidebar         {  }
.sidebar_left    {  }
.sidebar_right   {  }

/*.content_wrapper h1 { font-size: 24px; line-height: 30px; margin: 0 0 20px 0; }
*/

/**************************************************
	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; line-height: 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-clip: padding-box;
}
.calendar_month_wrapper table td.calendar_day_invalid { background: #eeeeee; position: static; }
.calendar_month_wrapper div.day_number { position: absolute; right: 3px; top: 2px; font-size: 11px; }

@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 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 events)
**************************************************/
.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: 10px; margin-top: 10px;}

@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; 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%; }
}




/**************************************************
	footer styles
**************************************************/
footer { border-top: 2px solid #cccccc; }
.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; color: #000000; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.footer_copyright  { color: #cccccc; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }

.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 (social media) styles
**************************************************/
.sidebar_social_media { width: 100%; margin: 15px 0 15px 0; }
.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 li { display: inline-block; width: 25%; }
.sidebar_social_media p  { margin: 0; font-size: 24px; text-align: center; }


