/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.beaverbuilder.com
Version: 1.0
Description: This is where you add any custom CSS for the frontend. It will not be overwritten by updates
Author: Laura Donnelly
Author URI: http://www.marjoramcreative.com
template: bb-theme
*/

/* GLOBAL... */ 
.sf-green { color:#4e8464 !important;}
.sf-orange { color:#faa940;}
.align-center { text-align:center;}
.light-grey { color:#999999;}
.white { color:#ffffff;}
.capitalize { text-transform:uppercase !important;}
.initial { text-transform:initial !important;}
.none h4{ text-transform:none !important;}

#green-block {
background-color:#4e8464;
padding:10px;
}

.green-blurb p{
font-size:14px;
text-align: center;
color:#ffffff;
}

/* SEARCH STUFF */

.fl-page-nav-right .fl-page-nav-wrap a.fa { /* add padding to search icon for accessibility */
padding: 10px 20px;
}

.fl-page-nav-right .fl-page-nav-wrap {
margin-right:80px !important;
}

.search p.attachment {
display:none;
}

.asp_result_pagepost, .asp_content {
vertical-align:middle !important;
}

asp_content h3 {
display: unset;
}

/* OTHER */

#links ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
}

#links ul li {
   list-style-position: inside;
    padding: 10px 0 5px 20px;
    text-indent: -1em;
}

#links li:before {
    content: ">"; /* Insert content that looks like bullets */
    padding-right:8px;
    color:#faa940;
}

a.fl-button {
background:#faa940 !important;
}

.fl-button a:hover {
border:0;
}

.fl-page-footer-wrap {
display:inline !important;
}

.fl-page-footer {
display:none;
}

.single-tribe_events .fl-page-content {
max-width:1040px !important;
padding:20px;
margin:0 auto;
}

#menu-secondary-nav a{
text-transform:uppercase !important;
}

.fl-page-nav ul.sub-menu {
background-color:#252525;
margin-top:20px;
}

.fl-page-nav ul.sub-menu a:hover{
color:#faa940 !important;
}

.fl-page-nav ul.sub-menu li a{
padding: 15px 10px !important;
}

.fl-page-nav ul.sub-menu ul.sub-menu {
top:-33px;
}

.donate-button {
background-color:#4e8464;
padding:10px 10px;
color:#ffffff !important;
font-weight:700;
}

.menu-highlight {
background-color:#faa940;
padding:8px 10px;
color:#ffffff !important;
}

#page-banner {
min-height:130px !important;
}

#twitter-panel {
color:#ffffff !important;
}

#twitter-panel a{
color:#faa940 !important;
}

#intro-p {
font-weight:400 !important;
}


h1 {
color:#4e8464 !important;
text-transform:uppercase;
font-size:18px !important;
}


h4 {
margin-top: 0px !important;
}

.block-title {
font-weight:400;
}

.block-title a {
color:#4e8464;
}

/* SEARCH BOX */

ul.search_results {
width:350px !important;
}

ul.search_results li a {
font-weight: 400;
color:#666666;
}

/* QUICKSTART FORM */
#quickstart-form {
margin-top:10px;
}

/* Style The Dropdown Button */
.dropbtn {
    background-color: #4e8464;
    color: #ffffff;
    padding: 8px 20px;
    font-size: 16px;
    border: solid 1px #ffffff;
    cursor: pointer;
    margin-top:5px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    z-index:10;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #4e8464;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    min-width:200px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #ffffff;
    padding: 12px 26px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1; color:#000000;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #4e8464;
    border: 1px solid #ffffff;
}

/* Journal Exerpts */

.fl-post-grid-title a{ /* color for the title on the journal panel */
color:#4e8464;
}

.fl-post-grid-post {
background-color:#ededed;
padding:5px;
}


.fl-post-feed-title a{
font-size: 24px !important;
color:#4e8464;
line-height:1.0 !important;
}

.widgettitle {
font-size:24px !important;
}

/* CALENDAR STUFF */

.tribe-events-title {
font-size:18px !important;
}


.fl-page-footer-wrap {
display:none;
}

.tribe-event-date-start {
text-transform: initial;
}

.tribe-event-time {
text-transform: initial;
}

.tribe-event-date-end {
text-transform: initial;
}

.register-button a{
 display: block;
font-size: 16px;
color:#ffffff;
text-transform:uppercase;
text-align:center;
line-height: 8px;
padding: 20px 10px !important;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: #f4aa48;
border: 1px solid #e89e3c;
}

.register-button a:hover {
color:#ffffff;
}

.tribe-events-calendar th {
background-color:#4e8464;
color: #f5f5f5;
}

#tribe-bar-form .tribe-bar-submit input[type=submit]{
    background: #4e8464;
}

/* FORM STUFF */

.newsletter-form-field {
background-color: #739a83 !important;
color:#ffffff !important;
border:none !important;
padding:15px 0;
font-style: italic;
border-radius: 0 !important;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

.ninja-forms-required-items {
display:none;
}

input[type="submit"]{
border:0;
border-radius: 0 !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
padding:6px 27px;
font-weight:700;
font-size:12px;
text-transform: uppercase;
color:#ffffff;
}

#wpoc_carousel_5773db305ccd0 img{
width: 177px !important;
height: 125px !important;
}



/* MOBILE */
@media only screen and (max-width: 768px) {
	
	.fl-social-icons {
	display:none;
	}

	.donate-button {
	padding:2px 2px;
	}

	.navbar-toggle {
	top:25px !important;
	font-size:30px !important;
	}
        
	#event { 
	padding:5px 15px; 
	}

/* adjust banner styles for mobile */
.fl-node-572a11f624c0c h2.fl-heading a, .fl-node-572a11f624c0c h2.fl-heading .fl-heading-text, .fl-node-572a11f624c0c h2.fl-heading .fl-heading-text {
font-size:20px;
line-height:.9em;
}

.fl-node-570e63c94fb7a > .fl-row-content-wrap {
padding-bottom:0 !important;
}

	#quickstart {
	text-align:center !important;
	}
	
	#quickstart-label {
	margin:0 !important;
	text-align:center;
	padding:0;
	}

	#quickstart-label h3{
	font-size:22px !important;
	}
	
	#quickstart-form {
	top:-20 !important;
	}	

#3-col-grid .fl-col { /* keeps three column blocks from spilling out */
	margin:10px !important;
	}

	.fl-col-small {
	margin:10px !important;
	}

	#3-col-grid .fl-col-content { /* keeps three column blocks from spilling out */
	padding:15px !important;
	}

	#event { /* keeps three column blocks from spilling out */
	margin:5px !important;
	}
}