/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1752039791
Updated: 2025-07-09 05:43:11

*/

/* 	meetings css */
	.meeting-filter-wrapper{margin-bottom: 60px;}
	.meeting-filter-wrapper .buttons-wrapper{width:100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:40px; margin-bottom: 30px; justify-content: space-between; }
	.meeting-filter-wrapper .filter-tab{padding:20px 16px; border:none; background:#eee; color:#333; border-radius:4px; width: 100%; font-size: 20px; font-weight: 500; border-radius: 8px;}
	.meeting-filter-wrapper .filter-tab.active, .meeting-filter-wrapper .filter-tab:hover{background: #544284; color: #ffffff;}
	.meeting-fields-wrap{display: flex; flex-wrap: wrap; margin: 0 -20px; row-gap: 30px; margin-bottom: 30px;}
	.meeting-field{min-width: 180px; width: 25%; padding: 0 20px;}
	.meeting-field label{font-weight: 400; font-size: 14px; margin-bottom: 15px;}
	.meeting-field select{width:100%;padding:6px 15px; border:1px solid #5E5E5E; height: 55px; border-radius: 8px; position: relative; background: url(/wp-content/uploads/2025/07/down-arrow-icon.svg) no-repeat; background-size: 12px; background-position: 95% 50%; appearance: none;}
	.meeting-field select:focus{border-color: #544284 !important; outline: none;}
	/* .meeting-field select::before{content: ''; position: absolute; background: url(/wp-content/uploads/2025/07/down-arrow-icon.svg) no-repeat; width: 6px; height: 11px; background-size: 100%;} */
	.meeting-search-field{flex: 2; min-width: 250px;}
	.meeting-search-field input{width: 100%; padding: 6px 18px; border: 1px solid #5E5E5E; border-radius: 8px; height: 55px;}
	.meeting-search-field input::placeholder{color: #333333;}
	#load-more-container{text-align:center; margin-top:40px;}
	.meeting-search-field label{font-weight: 400; font-size: 14px; margin-bottom: 15px;}
	.meetings-results-section{overflow-x: auto; border-radius: 8px 8px 0 0;}
	/* .meetings-results-wrapper .online-btn{background:#eee;padding:2px 6px;border-radius:4px;} */
	
	.meeting-schedule{color:#544284; display: flex; gap: 6px;}
	.meetings-results-wrapper .aa-table{width:100%; border-collapse:collapse;}
	.meetings-results-wrapper .aa-table tr th{background:#544284; color:#fff;}
	.meetings-results-wrapper .aa-table tr th:first-child{border-radius: 8px 0 0 0;}
	.meetings-results-wrapper .aa-table tr th:last-child{border-radius: 0 8px 0 0;}
	.meetings-results-wrapper .aa-table tr:nth-child(odd) td{background:#fff;}
	.meetings-results-wrapper .aa-table tr:nth-child(even) td{background:#5442840A;}
  .meeting-schedule span{background: #54428433; border-radius: 7px; padding: 6px 10px; color: #544284; font-size: 14px; font-weight: 600;}
  .meetings-results-wrapper .aa-table td{font-size: 16px; font-weight: 600; white-space: nowrap;}
  table td, table th{border: 1px solid #BFBFBF;}
	.meetings-results-wrapper .online-btn{position: relative; background-color: #38BA00; color: #fff; padding: 6px 10px 6px 35px; display: inline-flex; border-radius: 50px; margin-right: 7px; font-size: 12px;}
	.meetings-results-wrapper .online-btn:before{position: absolute; content: ''; width: 20px; height: 20px; background-image: url(/wp-content/uploads/2025/07/online-icon.svg); background-repeat: no-repeat; background-size: 15px; background-position: center; background-color: #ffffff; display: inline-flex; align-items: center; justify-content: center; left: 9px; top: 50%; transform: translateY(-50%); border-radius: 50%;}
	.meetings-results-wrapper .view-btn{background:#544284; color:#fff; padding: 6px 10px 6px 35px; display: inline-flex; border-radius: 50px; position: relative; font-size: 12px;}
	.meetings-results-wrapper .view-btn::before{position: absolute; content: ''; width: 20px; height: 20px; background-image: url(/wp-content/uploads/2025/07/arrow-blue-icon.svg); background-repeat: no-repeat; background-size: 12px; background-position: center; background-color: #ffffff; display: flex; align-items: center; justify-content: center; left: 9px; top: 50%; transform: translateY(-50%); border-radius: 50%;}
	







	.meeting-details-table{width:100%; border-collapse:collapse; background: #544284; border-radius: 10px; max-width: 1090px; margin: auto; overflow: hidden;}
	.meeting-details-table tr{display: grid; grid-template-columns: 300px 1fr;}
	.meeting-details-table th{text-align:left; padding:8px;}
	.meeting-details-table td{padding:15px 30px; border-color: #FFFFFF80; color: #ffffff; display: flex; align-items: center; gap: 18px; font-size: 20px; font-weight: 500; background-color: #544284 !important;}
	.meeting-details-table td img{border-radius: 0 !important; width: 24px; height: 24px;}
	.meeting-boxes-wrapper{display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
	.meeting-boxes-wrapper .meeting-box{background-color: #544284; color: white; padding: 20px; border-radius: 10px; max-width: 574px; padding: 35px; width: 100%; text-align: left;}
	.meeting-boxes-wrapper .meeting-box img{border-radius: 0 !important;}
	.meeting-boxes-wrapper .meeting-box h3{font-size: 25px; font-family: "Inter", Sans-serif; margin-bottom: 20px;}
	.meeting-boxes-wrapper .meeting-box p{display: grid; grid-template-columns: 120px 1fr; font-size: 15px;}
	.meeting-boxes-wrapper .meeting-box p strong{font-weight: 500; display: flex; gap: 10px; font-size: 18px; align-items: center;}
	.meeting-boxes-wrapper .meeting-box p strong img{width: 21px; height: 21px; object-fit: contain;}
	.meeting-time-slot{display: flex; gap: 20px;}

	.meeting-box-tag-wrapper{margin: 30px 0;}
	.meeting-box-tag-wrapper .meeting-box-tag{background: transparent; color: #ffffff; padding: 9px 20px; border-radius: 50px; margin: 2px; display: inline-block; font-size: 12px; font-weight: 400; line-height: 1.3; border: 1px solid #fff;}
	.video-meeting-btn{display: inline-flex;  align-items: center; gap: 9px; background: white; color: #544284 !important; padding: 8px 24px; border-radius: 50px; font-weight: 500 !important; font-size: 16px; transition: 0.3s;}
	.video-meeting-btn:hover{background: #e5e3e3;}
	.elementor-shortcode{padding: 0 20px;}

	.county-directory h2{font-size: 40px; font-weight: 600; text-align: center; margin-bottom: 40px; color: #202020;}
	.alphabet-filter{display: flex; justify-content: space-between; margin-bottom: 50px; flex-wrap: wrap;}
	.alphabet-filter .alpha-filter{font-size: 24px; font-weight: 600; color: #212121 !important; padding: 10px;}
	.alphabet-filter .alpha-filter.active{color: #544284 !important; border-bottom: 3px solid #544284;}
	.city-grid{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;}
	.city-item a{background: #544284; color: #ffffff !important; border-radius: 10px; color: #ffffff; font-size: 24px; font-weight: 500 !important; display: flex; padding: 24px 30px; justify-content: space-between; align-items: center; width: 100%; transition: 0.3s;}
	.city-item a:hover{background: #3a276c;}
  .county-directory{padding: 60px 0;}
.rr-dynamic-hero-title h1{font-family: "Inter", Sans-serif; font-size: 50px; font-weight: 700; line-height: 1.2em; color: #fff; text-align: center; max-width: 900px;}
.rr-dynamic-h2 h2{font-family: "Inter", Sans-serif; font-size: 40px; font-weight: 700; line-height: 1.2em; color: #232323; text-align: center; margin-bottom: 30px;}
#load-more-meetings{font-size: 15px; font-weight: 500; border: none; position: relative; padding-left: 58px;}
#load-more-meetings:hover{background-color: #3a276c;}
#load-more-meetings::before{position: absolute; content: ''; background: url(/wp-content/uploads/2025/07/down-btn-arrow.svg) no-repeat; background-size: 12px; width: 34px; height: 34px; background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-position: center; top: 50%; left: 17px; transform: translateY(-50%); }




	/* responsive css */
	@media(max-width:1024px){
		.meeting-field {width: 33.33%;}
		.alphabet-filter{justify-content: flex-start;}
		.city-grid{grid-template-columns: 1fr 1fr;}
	}

	@media(max-width:767px){
		.meeting-field {width: 100%;}
		.meeting-filter-wrapper .buttons-wrapper{grid-template-columns: 1fr 1fr; gap: 20px;}
		.elementor-shortcode{padding: 0;}
		.city-grid{grid-template-columns: 1fr 1fr; gap: 10px;}
		.city-item a{font-size: 16px; padding: 15px 20px;}
		.county-directory h2{font-size: 30px;}
		.meeting-details-table td{font-size: 14px; gap: 10px; padding: 13px 20px;}
		.meeting-details-table td img{width: 20px; height: 20px;}
		.meeting-details-table tr{grid-template-columns: 144px 1fr;}
		.rr-dynamic-hero-title h1{font-size: 32px;}
		.meeting-boxes-wrapper .meeting-box{padding: 20px 20px 40px;}
		.meeting-boxes-wrapper .meeting-box p strong{font-size: 16px; gap: 7px;}
		.meeting-boxes-wrapper .meeting-box p{grid-template-columns: 110px 1fr;}
		.rr-dynamic-h2 h2{font-size: 30px;}
		.alphabet-filter {margin-bottom: 15px;}
		.city-item a {font-size: 13px;padding: 8px 10px;border-radius: 7px;line-height: 1.4;}
		.meeting-fields-wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;row-gap: 15px;margin: 0 auto;}

		.meeting-field {
			padding: 0;
			min-width: inherit;
			font-size: 14px;
		}

		.meeting-field select {
			height: 40px;
			font-size: 14px;
		}

		.meeting-search-field input {
			height: 40px;
			font-size: 14px;
		}

		.meeting-search-field {
			margin-top: 20px;
		}

		.meeting-filter-wrapper {
			margin-bottom: 30px;
		}
				.meeting-filter-wrapper .filter-tab {padding: 10px 15px; font-size: 16px;}
				.alphabet-filter .alpha-filter {
			font-size: 14px;
			padding: 0 7px;
		}
	}

/******map-location-css*****/

.map-wrapper-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 40px;
	Padding: 0px !important;
	box-sizing: border-box;
}

.map-heading-block {
	text-align: center;
}

.map-heading-title {
	font-size: 22px;
	color: #333;
	font-weight: 600px;
	margin-bottom: 20px;
}

.map-search-bar {
	display: flex;
	max-width: 820px;
	margin: 0 auto;
	gap: 10px;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 10px;
	background-color: #f5f5f5;
}

.search-input-wrapper {
	width: 100%;
	position: relative;
}


.clear-search-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #C5C5C5;
	cursor: pointer;
	display: none;
}

.autocomplete-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	background: #fff;
	border-top: none;
	max-height: 200px;
	overflow-y: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.autocomplete-list li {
	padding: 10px;
	cursor: pointer;
}

.autocomplete-list li:hover {
	background-color: #eef6ff;
}

.location-search-button {
	padding: 12px 30px !important;
	font-size: 16px !important;
	background-color: #544284 !important;
	color: white !important;
	border: none;
	border-radius: 6px !important;
	cursor: pointer !important;
}

.location-search-button:hover {
	background-color: #543de0;
}

.search-status {
	font-size: 14px;
	color: #333;
	margin-top: 8px;
	text-align: center;
	display: none;
}

.map-container-wrapper {
	display: flex;
	gap: 50px;
	height: 80vh;
	width: 100%;
	box-sizing: border-box;
}

.sidebar-wrapper {
	width: 320px;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 10px;
	box-sizing: border-box;
	border: 1px solid #B4B4B4;
	border-radius: 15px;
	overflow: hidden;
}

.location-list {
  height: 100%;
  max-height: 500px;
  overflow-y: auto;
}

.sidebar-title {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	color: #544284;
	border-bottom: 1px solid #BEBEBE;
	padding-bottom: 20px;
}

.location-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.location-button {
	border-radius: 0px !important;
	background-color: transparent !important;
	color: #838383 !important;
	border: 0px;
	border-bottom: 1px solid #BEBEBE;
	padding-right: 0px !important;
	padding-left: 0px !important;
	text-align: start !important;
	display: flex;
	gap: 15px;
	align-items: center;
}

.map-section .leaflet-bottom.leaflet-right {
    display: none;
}

.location-button:hover {
	color: #544284 !important;
}

.location-button.active {
	color: #544284 !important;
}

.map-section {
	flex: 1;
	height: 100%;
	border-radius: 15px;
	border: 1px solid #B4B4B4;
}


.search-loader {
        display: none;
        position: absolute;
        right: 36px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        border: 2px solid #ccc;
        border-top-color: #000;
        border-radius: 50%;
        animation: spin 0.7s linear infinite;
        pointer-events: none;
        z-index: 10;
    }
 
    @keyframes spin {
        to {
            transform: translateY(-50%) rotate(360deg);
        }
    }

/* Mine */

.search-input-wrapper input {
    background-color: transparent !important;
    border: 0px !important;
}

.search-input-wrapper input::placeholder {
    color: #C5C5C5 !important;
}

.location-button::before {
    content: "";
    width: 10px;
    height: 20px;
    background-image: url(/wp-content/uploads/2025/07/weui_arrow-filled.svg);
    display: block;
    min-width: 10px;
	filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(947%) hue-rotate(244deg) brightness(91%) contrast(81%);
}

.location-button:hover::before {
	filter: brightness(0) saturate(100%) invert(25%) sepia(15%) saturate(2747%) hue-rotate(217deg) brightness(95%) contrast(82%);
}


.search-input-wrapper:before {
	content: "";
	background-image: url(/wp-content/uploads/2025/07/search-icon.svg);
	width: 28px;
	height: 28px;
	position: absolute;
	top: 8px;
	filter: brightness(0) saturate(100%) invert(83%) sepia(15%) saturate(21%) hue-rotate(315deg) brightness(93%) contrast(93%);
}

.location-search-input {
	padding-left: 35px !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: #544284 !important;
	color: #fff !important;
	}

.leaflet-popup-content h3 {
    font-size: 16px;
    font-weight: 600 !important;
    font-family: "Poppins", sans-serif !important;
    margin: 0px;
}

.leaflet-popup-content p {
    font-size: 11px;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    margin: 0px !important;
		line-height: 1.5;
}

.leaflet-popup-content {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    color: #fff !important;
}

.clear-search-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #C5C5C5;
	cursor: pointer;
	display: none;
	font-size: 35px;
	top: 15px;
}

.autocomplete-list {
	position: absolute;
	left: 0;
	right: 0;
	background: #f5f5f5;
	border-top: none;
	max-height: 200px;
	overflow-y: auto;
	list-style: none;
	margin: 0;
	padding: 0px;
	color: #000;
	border-radius: 10px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	z-index: 10000 !important;
	top: 54px;
	text-align: start;
}

.location-button.active:before {
	filter: brightness(0) saturate(100%) invert(25%) sepia(7%) saturate(5183%) hue-rotate(216deg) brightness(98%) contrast(84%);
}
.leaflet-popup-content h3 b {
    font-weight: 600;
}

/* Media-query */

@media (max-width: 991px) {
	.map-container-wrapper {
	    height: unset;
	    display: flex;
	    flex-flow: column;
		gap: 30px;
	}
		
	.map-section {
	    min-height: 500px !important;
		order: 1;
	}
	
	.sidebar-wrapper {
		width: 100%;
		order: 2;
		height: 50vh;
	}
	
}

@media (max-width: 767px) {
	.map-section {
	    min-height: 300px !important;
		order: 1;
	}
	.leaflet-popup-content {
    max-width: 100%;
		width: 250px !important;
}

.leaflet-popup-content-wrapper {
    max-width: 100%;
}
	.sidebar-wrapper {
		width: 100%;
		order: 2;
		height: 50vh;
	}
}