/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.donate a.fl-button {
    background-image: linear-gradient(105deg, #e87511, #bac405);
}

.green a.fl-button {
	background-image: linear-gradient(106deg, #bac405 1%, #00b2aa 99%);
}

.orange a.fl-button {
	background-image: linear-gradient(105deg, #e87511, #bac405);
}

.swiper-slide.person-slide {
  background: #ececec;
  padding: 40px 40px 40px 100px;
}

.swiper-slide.person-slide .feat-image {
  position: absolute;
  top: 40px;
  left: -100px;
  width: 200px;
}

.swiper-slide.person-slide {
  padding: 70px 40px 40px 140px;
}

.swiper-slide.person-slide:not(.swiper-slide-active) {
	opacity: 0.4;
}

.swiper-slide.person-slide {
	width: calc(100% - 500px);
	transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	position: relative;
	z-index: 1000;
}

.swiper-container {
	padding-bottom: 80px!important;
}

.swiper-container .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
}

.swiper-container .swiper-pagination-bullet-active {
	background: #505050;
}

.fellows-slider {
  display: none;
}

.fellows-slider.active {
  display: block;
}

.terms {
	font-size: 21px;
	line-height: 35px;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
  max-width: 1100px;
  margin: 0 auto 40px;
}

.terms a {
	color: black;
	margin: 0 10px;
}

.terms a:focus, .terms a.active {
	color: #e87511;
	border-bottom: 2px solid #e87511;
}

/* CUSTOM POSTS CSS Added by Jubal 9-26-2023 */

.latest-posts-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.latest-post {
    width: 100%;
    display: flex;
    margin-bottom: 60px;
	box-shadow: 0 11px 20px 0 rgba(0, 31, 64, 0.07);
	border-radius: 15px;
}

.image-left .post-image {
    order: 0;
}

.image-right .post-image {
    order: 1;
}

.post-image {
    background-size: cover;
    background-position: center;
    flex: 1;
    min-height: 200px;
	border-radius: 15px;
}

.post-content {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.post-date {
	margin-top: 15px;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: normal;
	color: #e87511;
}

.post-title {
	margin-top: 10px;
	font-family: Montserrat;
	font-size: 32px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	color: #000;
}

.post-description {
	margin-top: 10px;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.44;
	letter-spacing: normal;
	color: #000;
}

.post-tags {
	font-family: Montserrat;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.5;
	letter-spacing: normal;
	color: #e87511;
    margin-top: auto;
}

.post-tags a {
	color: #e87511;
}

.tag {
/*     background-color: #eee; */
/*     padding: 5px 10px; */
    margin-right: 15px;
    display: inline-block;
    font-size: 14px;
}

.filter-buttons {
    display: wrap;
    padding: 10px;
    margin-bottom: 30px; /* Adjusted as requested */
}

.filter-button {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	border: 2px solid #000;
/* 	border-radius: 5px; */
	padding: 10px;
	margin: 5px;
    background-color: transparent; /* Green */
    /* ... [Other properties remain the same] */
}

.filter-button:hover {
	background-image: linear-gradient(124deg, #bac405 1%, #00b2aa 99%);
	padding: 12px;
	color: #fff;
	border: none;
}

.filter-button:focus {
	background-image: linear-gradient(124deg, #bac405 1%, #00b2aa 99%);
	padding: 12px;
	color: #fff;
	border: none;
}

/* CATEGORIES SHORTCODE SECTION added by Jubal 9/28/2023 */

.category-filter-buttons-list {
    display: block;
}

 .category-button-wrapper {
    border-bottom: 1px solid #d0d0d0;
}

.category-filter-button {
    display: flex;
	justify-content: space-between;
	text-transform: capitalize;
	align-items: center;
	padding-left: 0;
	margin-left: 0;
	border-radius: 0;
	border-bottom: solid 1px #d0d0d0;
    width: 100%;
    padding-bottom: 15px; /* No padding */
    background-color: transparent; /* No background color */
    font-family: 'Montserrat', sans-serif; /* Font family */
    font-size: 16px; /* Font size */
    font-weight: 600; /* Font weight */
    color: #000; /* Inherit color or specify a color if needed */
    border: none; /* Remove default button borders */
    cursor: pointer; /* Hand cursor on hover over button */
}


.button-content {
    display: flex;
	text-align: left !important;
    align-items: center; /* Aligns the text and the post count to the middle vertically */
    margin-left: 15px;
	margin-right: 15px;
}

.post-count {
    padding: 1px 13px;
	text-align: right !important;
	font-family: 'Montserrat', sans-serif;
    border-radius: 14px;
    background-color: #ee7623;
    color: #fff;
}

.category-filter-button:hover {
	color: #ee7623;
	background-color: transparent !important;
}

.category-filter-button:focus {
	color: #ee7623;
	background-color: transparent !important;
}

/* AJAX BUTTON STYLES added by Jubal 10/2/2023 */

.see-all-button {
    padding: 20px 40px;
    background-image: linear-gradient(124deg, #bac405 1%, #00b2aa 99%);
    color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    margin: 20px auto;
    text-align: center;
}

.see-all-button:hover {
    padding: 20px 40px;
    background-image: linear-gradient(124deg, #333 50%, #333 50%);
    color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    margin: 20px auto;
    text-align: center;
}


.latest-posts-wrapper .post-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 20px;
	position:relative;
}

.latest-posts-wrapper .image-left .post-image {
    margin: 10px 0px 10px 20px;
}

.latest-posts-wrapper .image-right .post-image {
    margin: 10px 20px 10px 0px;
}

.post-image .postlinker {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
}


/* Default styles for larger screens (if any) would go above this media query */

@media (max-width: 800px) {
    /* Targets the post container */
    .latest-post {
        flex-direction: column; /* Stacks children (image and content) vertically */
        align-items: center; /* Centers children horizontally */
    }

    /* Targets the post image container */
    .latest-post .post-image {
        width: 100%; /* Takes up the full width of its container */
        margin-bottom: 15px; /* Adds some spacing between the image and the content */
    }

    /* Targets the post content container */
    .latest-post .post-content {
        text-align: center; /* Centers text and other content */
        width: 100%; /* Takes up the full width of its container */
    }
	.image-left .post-image {
		order: 0;
	}

	.image-right .post-image {
		order: 0;
	}
	.post-image {
    	background-size: cover !important;
    	background-position: center;
    	flex: 1;
    	min-height: 300px;
		margin: 0px !important;
		border-radius: 15px 15px 0 0;
	}
	
	.filter-buttons {
		display: wrap;
		padding: 0;
		margin-bottom: 30px; /* Adjusted as requested */
	}


}

@media (max-width: 500px) {
	.fl-post-slider-feed-content p {
		display: none !important;
	}
}

#countyinfo {
	max-width: calc(100% - 20px);
}