/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* headings and section titles */
.fl-module-content blockquote p { padding:0; margin:0;}
.fl-module-content blockquote::before { content: ""; }
.fl-module-content h4.fl-heading, h4 { margin:15px 0 15px 0 !important; padding: 15px 0 15px 25px !important; border-left: 5px solid rgba(255,255,255,0.4); background-color: #2C6FB2; }
.fl-module-content blockquote, h3, .secondary h4, #secondary h4, .fl-module-content h3.fl-heading { margin:15px 0 15px 0 !important; padding: 15px 0 15px 25px !important; border-left: 5px solid rgba(0,0,0,0.3); background-color: #FCFCFC; } 
.fl-module-content h4, .entry-content h4 { color: #FFFFFF; }
.fl-module-content h3, .entry-content h3, .sow-headline, h4.widget-title { color: #7c7c7c; }
h4.widget-title { padding: 5px 0 5px 15px; }
.icon-box h3, .icon-box h4 { border:none; background-color:inherit; color:inherit; }

/* accordion */
.fl-accordion-button {
	padding: 10px 20px 10px 65px !important;
	margin-top: 2px !important;
	margin-bottom: 0px !important;
	border-left: none !important;
	background: #fff !important;
	color:#333;
	transition: background 1s;
}
.fl-accordion-button:hover {
	background:#85b3e0 !important;
}
.primary h4 a, #primary h4 a { color: #FFFFFF !important; }

/* blockquotes */
blockquote::before { content:"" !important; }
blockquote.block-alert p { padding-left:20px; }
blockquote.block-alert p::before { content:"\f0f3"; font-family: FontAwesome; left:-15px; position:absolute;}

/* css grid design */
.video-title{width:100%; background:rgba(0,0,0,0.7); font-size:14px; color:#fff; padding: 5px; margin-bottom:0;}
@media (max-width: 576px) { .video-title{font-size:10px; padding:2px;white-space: nowrap;} }

/* misc */
#member-welcome-content, .header-search {margin-top:20px;}
.ui-widget-content a {color:#2C6FB2 !important;}
img.avatar-default {height: 0;}
iframe {
	border:none;
}
table tbody tr:nth-child(odd) td {
	background-color: #f8f8f8;
}
table td, table th {
	padding: 15px 20px;
}

/* member login button */
.fl-button.member-login-button {
	padding: 10px 15px;
}

/* icon box widget */
.so-widget-icon-box-widget a:hover {
    text-decoration: none;
}
.calendar-box-widget .icon-box {
	background: url(/wp-content/uploads/2016/11/calendar-home-tile.jpg) !important;
}

.microphone-box-widget .icon-box {
	background: url(/wp-content/uploads/2016/11/microphone-home-tile.jpg) !important;
}

.icon-box h4, .icon-box h3 { background:none !important; border-left:none !important; margin: 0 !important; padding: 0 !important; }
.ui-accordion .ui-accordion-header-active {background-color: #2C6FB2 !important;}
.ui-accordion .ui-accordion-header-active span {color:#fff !important;}
.ui-accordion h3 span {color:#2C6FB2 !important;}
.ui-accordion h3 span {border: 1px solid #333 !important;}

.login-welcome, .login-welcome a, .login-welcome a:hover{margin-top:20px; color:#ffffff !important;}

/* blog list styling */
lcp_post{margin-bottom:30px;}

/* table formatting */
.style9{
	background-color:#E4E4E4;
}

/* toggle and close toggle formatting */
.toggle-title {background-color: #2C6FB2 !important;}
.close {
	color: inherit !important;
	opacity: 1 !important;
	font-weight: inherit !important;
	font-size: inherit !important;
	float: none !important;
}

/* restricted content links */
.rc-restricted-content-message{font-style:italic;}

/* list styles */
#content ul li {
	display:block;
	margin-bottom: 15px;
	padding: 5px 15px;
}

#content ul li:before{
	content: "\f105";
    font-family: 'FontAwesome';
    font-size: 12px;
    float: left;
    margin-left: -17px;
    color: #3c3838;
}

.lcp_paginator li, .share-box li { display:inline !important; }
.lcp_paginator li::before, .share-box li::before { content:"" !important; margin-left:inherit !important; }

.committee-list {
	columns: 2;
 	-webkit-columns: 2;
 	-moz-columns: 2;
}

.tribe-events-sub-nav li { list-style:none !important; }
.tribe-events-sub-nav li:before { left:0 !important;content:"" !important; }
h4.tribe-event-title {border:none !important; font-size:2rem; padding:0 !important;}

/* table styles */
.tml-form-table th{
	background-color: #edecec !important;
}

.tml-form-table tr{
	background-color: #f8f8f8 !important;
}


/* custom homepage video headers */
.homepage-video h3{
	font-size:16px;
	background-color:#2C6FB2 !important;
	color:#FFFFFF;
}

/* custom formatting */
.bottom-30 {
	margin-bottom:30px;
}
.bottom-50 {
	margin-bottom:50px;
}
.bottom-70 {
	margin-bottom:70px;
}

/* Accordion Styling */
.card-header h5 a {color:#fff; font-weight:700;}
.card-header h5 a:hover {text-decoration:none;}
.ui-accordion .ui-accordion-content p{margin-bottom:15px !important;
font-family:"Lato", sans-serif !important;
font-size:15px !important;
color: #8f8f8f !important;}


/* Masonry layout */
.masonry-brick {
    color: #fff;
    background-color: #2c6fb2;
    display: inline-block;
    padding: 30px 5px;
    width: 100%;
	min-height:155px;
	font-size:16px;
	font-weight:700;
	text-align:center;
    margin: 1em 0; /* for separating masonry-bricks vertically*/
	transition: all 500ms ease;
}

.masonry-brick:hover{
	background-color:#3c3c3c;
}

.brick-red{background-color: #DC143C;}
.brick-green{background-color: green;}
.brick-orange{background-color: orange;}

.footable .pagination > li {display:inline !important;}
.accordion-header .su-spoiler-title {font-size:24px; color:rgb(60,56,56);background-color:rgb(163, 198, 255); padding:10px; border-radius:5px;}

.flexslider .flex-image{
	position:relative;
	max-width:1200px;
	margin:auto;	
}

.flexslider .slides img{
	overflow:hidden;
	max-height:500px;
}

.flex-container, .flex-viewport{
	max-height:500px !important;
}

.tab_heading li::before{
	content:"" !important;
}

.type-tribe_events.tribe_events_cat-members-only {
  display: none;
}
body.logged-in .type-tribe_events.tribe_events_cat-members-only {
  display: block;
}

.tribe-events .tribe-events-calendar-month__calendar-event {
	padding-left: 0.275rem;
}
#tribe-events-top-bar-date {
	display:none;
}

article.tribe_events_cat-members-only.cat_members-only div.tribe-events-calendar-month__calendar-event-datetime::before {
	color:red;
	content: "\2022";
	font-size:20px;
}

article.tribe_events_cat-committee-sig-section-meetings.cat_committee-sig-section-meetings div.tribe-events-calendar-month__calendar-event-datetime::before {
	color:blueviolet;
	content: "\2022";
	font-size:20px;
}

div.tribe-events-calendar-month__events article.tribe-events-calendar-month__calendar-event {
	background: #eee;
	padding-left: 0.2rem;
}

/* panel grid */
.panel-row-style, .panel-grid.panel-no-style {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.panel-row-style > * {
	flex: 1;
}

.panel-grid-cell {
	flex: 0 1 auto;
	box-sizing: border-box;
	width: calc(25% - ( 0.75 * 30px ) );
}

.panel-grid-cell .so-panel:before {
	content: "";
	display: block;
}

.panel-grid-cell h4, .panel-grid-cell p, .panel-grid-cell a, .panel-grid-cell i {
	color: #fff;
}

.panel-grid-cell i {
	font-size: 44px;
	padding-top: 20px;
}

.so-panel {
	margin-bottom: 33.333333px;
	background-size: cover;
	text-align:center;
}


.icon-top .icon-wrapper {
	text-align: center;
	display: inline-block;
}

.icon-box .icon-wrapper {
	padding: 20px;
}

.icon-box-content {
	padding: 20px;
}

.icon-box .icon-wrapper span {
	color:#fff;
	font-size: 48px;
}

.sow-icon-fontawesome {
	display: inline-block;
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.sow-fa, .sow-fas {
    font-weight: 900 !important;
    font-style: normal !important;
}


@media only screen and (min-width: 1100px) {
	.fl-builder.fl-full-width .container.fl-content-full .fl-post-header, .fl-builder.fl-full-width .container.fl-content-full .fl-comments {
		width:auto;
	}
}

@media only screen and (min-width: 480px) {
    .masonry-container {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 768px) {
    .masonry-container {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
	
	.panel-row-style, .panel-grid.panel-no-style {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 960px) {
    .masonry-container {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

/* media queries */
@media only screen and (max-width: 895px) {
	.menu-toggle, .slicknav_menu{display:block !important;}
	#site-navigation{display:none;}
	.login-welcome{margin-top:0;}
}

@media only screen and (max-width: 750px) {
	.header-search,.member-login-welcome,#member-welcome-content{margin-top:0;margin-bottom:0;}
	#member-welcome-content{width:90%;}
	.login-welcome{float:left; margin-right:30px;}
	.header-search input[type=text]{width:35% !important;}
	
	.panel-grid-cell {
		width: 85%;
	}
}

@media only screen and (max-width: 595px) {
	#member-welcome-content{margin-bottom:15px;}
	.header-search{display:none;}
}

.events-container {
    display: flex;
}

.events-filter {
    width: 35%;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd; /* Divider between accordion and events */
}

.accordion {
    padding: 10px;
}

.accordion ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.accordion li {
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #f7f7f7;
    transition: background-color 0.3s ease;
}

.accordion li:hover,
.accordion li.active {
    background-color: #99c2e8;
}

.search-bar {
    margin-bottom: 20px;
}

#search-events {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.events-list {
    width: 65%;
}

.event-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd; /* Divider between events */
}

.event-item h2 {
    font-size: 14px; /* Updated font size */
    margin-bottom: 5px;
}

.event-item p {
    font-size: 12px; /* Updated date font size */
}

.pagination {
    text-align: center;
    margin: 20px 0;
}

.pagination a {
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    color: #0073aa;
}

.pagination a:hover {
    background-color: #f1f1f1;
}

.pagination .current,
.pagination .disabled {
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
}

.pagination .disabled {
    background-color: #ccc;
    cursor: not-allowed;
}