/*
 Theme Name:   Avada Child
 Theme URI:    #
 Description:  Avada Child Theme
 Author:       Avada
 Author URI:   #
 Template:     Avada
 Version:      1.0.0
*/

/* Add custom CSS below this line */

/* Container for profiles */
.founding-member-profiles-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /*  columns by default */
    gap: 20px; 
}



/* Style individual profiles */
.founding-member-profile {
/*     border: 1px solid #ddd;  */
    padding: 15px;
    border-radius: 5px;
    text-align: center;
/*     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}

/* Profile image styling */
.founding-member-profile img {
    max-width: 100%;
    height: auto;
    /* border-radius: 50%;  */
}

/* Social media links */
.social-media-links {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    display: flex; 
    justify-content: center; 
    gap: 10px; 
}

.social-media-links li a {
    color: #555; 
    font-size: 16px;
    transition: color 0.3s;
	display:flex;
}

.social-media-links li a:hover {
    color: #0073e6; 
}
/* Pagination */
.pagination {
    display: inline-block; 
    text-align: center;    
    margin: 0 auto;        
}

.pagination a,
.pagination span {
    display: inline-block; 
    padding: 8px 12px;    
    margin: 0 4px;       
    text-decoration: none; 
    color: #333;          
    border: 1px solid #ddd; 
    border-radius: 4px;  
}

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

.pagination .current {
    background-color: #007bff; 
    color: #fff;               
    border: 1px solid #007bff; 
}

/* Genre  */
.filter-group {
    margin: 5px 0;
}

.toggle-label {
/*     font-weight: bold; */
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}

.checkbox-container {
    display: none; 
    flex-wrap: wrap; 
    gap: 10px; 
}

.checkbox-item {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.the-filter-group{
	display:flex;
	align-items:center;
	margin-bottom:15px;
}

.founding-member-filters{
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 1px 1px;
	padding:10px;
	margin-bottom:30px;
	border-radius:5px;
}

.filter-group {
	margin-right:50px;
}

.filter-group-genres .checkbox-container{
	display: grid !important;
    grid-template-columns: repeat(auto-fill, 251px);
	max-height:auto !important;
}

.filter-group-genres .checkbox-container label,
.filter-group-genres .checkbox-container input{
	cursor:pointer;
}

.filter-group-genres .checkbox-container label{
	display:flex;
	align-items:flex-start;
	gap:5px;
}

.fusion-row:has(.the-founding-width){
	max-width:95% !important;
}

.filter-group:has(.toggle-label){
	margin-bottom:0 !important;
}

.filter-group:has(#search_title), input[type=text]{
	width:auto;
}

.filter-group label{
	margin-right:5px;
}

.filter-group select{
	padding:0 15px;
}

.founding-member-profile img:not(.social-media-links img){
	    box-shadow: 7px 7px 11px #141617;
	margin-bottom:10px;
	transition: transform .3s;
}

.founding-member-profile img:hover{
	transform: scale(1.03); 
}

.founding-member-profile h5,.founding-member-profile p{
	margin:0;
	margin-top:6px;
	font-size:16px;
}

.founding-member-profile .social-media-links{
	margin-top:15px;
}

.founding-member-filters button{
	font-family: var(--body_typography-font-family);
	font-size:18px;
	padding:12px 35px;
	margin:15px 0 10px 0;
	background-color:#000000;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	color:#ffffff;
	cursor:pointer;
	border:none;
	border-radius:5px;
	transition:ease-in 0.2s;
}

.founding-member-filters button[type="reset"] {
    background-color: transparent;
    color: #000000; 
    cursor: pointer;
}

.founding-member-filters button[type="reset"]:hover {
    background-color: #393939;
    color: #ffffff; 
   transition:ease-in 0.2s;
}

.founding-member-filters button:hover{
	background-color:#393939;
	transition:ease-in 0.2s;
}

.filter-group-genre .fa-angle-down:before{
	font-size:18px;
	margin-left:6px !important;
}

.filter-group-genre .toggle-label{
	display:flex;
	align-items:center;
	margin-right:
}

.founding-member-filters .filter-group input[type="text"] {
 border:1px solid #D0D5DD;
	padding:10px; 
	height:auto;
}

.founding-member-filters .checkbox-container input[type="checkbox"] {
  accent-color: #393939;
}
.the-filter-group .filter-group select option:hover{
  background: #000 !important;
}

.the-founding-width .pagination .current{
	background-color:#393939;
	border-color: #393939;
}

.founding-member-profile .social-media-links li a:hover{
		color:#DDCC45;
	transition: all 0.2s ease-in-out;
}

/* founding-member-form-demo css start */

.harlem-acf-form{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding:20px;
	border-radius:10px;
}

.harlem-acf-field input[type=text],
.harlem-acf-field input[type=email],
.harlem-acf-field input[type=url],
.harlem-acf-field select{
	border:1px solid;
	border-radius:10px;
	font-size:20px
}

.harlem-acf-field .acf-button{
	padding:10px 20px;
	color:#ffffff;
	background-color:#2B2D2E;
	border-radius:5px;
		transition:all 0.3s ease-in-out;
	text-align:center;
}

.harlem-acf-field .acf-image-uploader .acf-button{
	margin-left:20px;
}

.harlem-acf-field .acf-button:hover{
	color:#E7D349;
	background-color:#000000;
}

.harlem-acf-field .acf-url i {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    opacity: .5;
    color: #7e8993;
}

.harlem-acf-field.acf-field-repeater {
	margin-bottom:35px;
}

.harlem-acf-field .acf-taxonomy-field .categorychecklist-holder {
    max-height: 100%;
    overflow: hidden;
}

.harlem-acf-field 
.acf-checkbox-list{
	display: grid;
    grid-template-columns: repeat(auto-fill, 230px);
}

.harlem-acf-field 
.acf-checkbox-list label,
.harlem-acf-field 
.acf-checkbox-list input{
	cursor:pointer;
}

.harlem-acf-field 
.acf-checkbox-list label{
	display:flex;
	align-items:flex-start;
	gap:5px;
}

.harlem-acf-field 
.acf-checkbox-list::before{
	display:none;
}

.harlem-acf-field .acf-taxonomy-field .categorychecklist-holder{
	border:none !important;
}

.harlem-acf-field .acf-repeater .acf-row-handle .acf-icon.-minus {
    top: 72%;
}

.harlem-acf-field .acf-repeater .acf-row-handle .acf-icon{
	top:22%;
}

.harlem-acf-form .acf-form-submit{
	text-align:center;
	margin-top:30px;
}

.harlem-acf-form .acf-form-submit .acf-button{
	cursor:pointer;
}

.harlem-acf-form .acf-form-submit .acf-button{
	padding:10px 20px;
	color:#ffffff;
	background-color:#2B2D2E;
	font-size:18px;
	border-radius:5px;
	transition:all 0.3s ease-in-out;
}

.harlem-acf-form .acf-form-submit .acf-button:hover{
	color:#E7D349;
	background-color:#000000;
}

/* founding-member-form-demo css ends */

@media(max-width:1250px){
	.founding-member-profiles-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media(max-width:1224px){
	
	.founding-member-profiles-container {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.the-filter-group{
	display:flex;
		flex-wrap:wrap;
		align-items:flex-start;
}
}

@media (max-width: 880px) {
    .founding-member-profiles-container {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.filter-group:has(#search_title), input[type=text]{
	width:100%;
}
	
	.the-filter-group{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
	
	.filter-group {
	margin-right:20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
}

@media only screen and (max-width: 800px) {
    #main>.fusion-row:has(.harlem-acf-form) {
        display: block;
    }
}

@media(max-width:465px){
	
	.founding-member-profiles-container {
		grid-template-columns:1fr;
	}
	
		.the-filter-group .filter-group {
  width: 100%;
}
	.filter-group {
		width: 100%;
		display: flex ;
		flex-direction: column ;
		align-items:stretch;
		margin-bottom: 15px;
		margin-right:0;
	}
	
	#location-filter-group select{
		width:100%;
	}

.filter-group:has(#search_title), input[type=text] {
    width: 100%;
	align-items:flex-start;
}
	
	.harlem-acf-field .acf-image-uploader p{
		display:flex;
		flex-direction:column;
	}
	
	.harlem-acf-field .acf-image-uploader .acf-button{
	margin-left:0;
		margin-top: 8px;
}
}