/* states list */
.meeting-states-letters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 20px;
	margin-bottom: 40px;
}

.letter-nav {
	aspect-ratio: 1/1;
	height: 40px;
	padding: 5px;
	border-radius: 8px;
	border: 1px solid #DFEAFE;
	background: transparent;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	color: #1A1B20;
	cursor: pointer;
}

.letter-nav.active {
	background: var(--primary-color);
	color: #fff;
}

.meeting-states-groups {
	border-radius: 12px;
	border: 1px solid #DFEAFE;
	padding: 25px;
}

.meeting-states-groups p {
	margin: 0;
}

.meeting-states-list {
	padding: 0;
	list-style-type: none;
	/* columns: 4; */
	margin: 0;
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}

.meeting-states-list li:not(:last-child):after {
	/* margin-bottom: 10px; */
	content: "|";
	margin-left: 25px;
	color: #DFEAFE;
}

.meeting-states-list li a {
	text-decoration: underline;
	color: var(--text-color);
	text-underline-offset: 3px;
}

.meeting-states-list li a:before {
	content: url('data:image/svg+xml,<svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.33789 9.93301C4.22122 9.93301 4.10456 9.91217 3.98789 9.87051C3.87122 9.82884 3.76706 9.76634 3.67539 9.68301C3.13372 9.18301 2.65456 8.69551 2.23789 8.22051C1.82122 7.74551 1.47331 7.28509 1.19414 6.83926C0.914974 6.39342 0.702474 5.96426 0.556641 5.55176C0.410807 5.13926 0.337891 4.74551 0.337891 4.37051C0.337891 3.12051 0.739974 2.12467 1.54414 1.38301C2.34831 0.641341 3.27956 0.270508 4.33789 0.270508C5.39622 0.270508 6.32747 0.641341 7.13164 1.38301C7.93581 2.12467 8.33789 3.12051 8.33789 4.37051C8.33789 4.74551 8.26497 5.13926 8.11914 5.55176C7.97331 5.96426 7.76081 6.39342 7.48164 6.83926C7.20247 7.28509 6.85456 7.74551 6.43789 8.22051C6.02122 8.69551 5.54206 9.18301 5.00039 9.68301C4.90872 9.76634 4.80456 9.82884 4.68789 9.87051C4.57122 9.91217 4.45456 9.93301 4.33789 9.93301ZM4.33789 5.27051C4.61289 5.27051 4.84831 5.17259 5.04414 4.97676C5.23997 4.78092 5.33789 4.54551 5.33789 4.27051C5.33789 3.99551 5.23997 3.76009 5.04414 3.56426C4.84831 3.36842 4.61289 3.27051 4.33789 3.27051C4.06289 3.27051 3.82747 3.36842 3.63164 3.56426C3.43581 3.76009 3.33789 3.99551 3.33789 4.27051C3.33789 4.54551 3.43581 4.78092 3.63164 4.97676C3.82747 5.17259 4.06289 5.27051 4.33789 5.27051Z" fill="%231A1B20"/></svg>');
	margin-right: 5px;
}

.cities-list {
	list-style-type: none;
	columns: 4;
	padding: 0;
}

.cities-list li {
	margin-bottom: 10px;
}

.cities-list li a {
	text-decoration: none;
}

/* Filter form styling */
#meeting-filter {
	margin: 60px 0 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: center;
}

#meeting-filter label {
	display: flex;
	flex-direction: column;
	font-weight: bold;
}

/* Table styling */
#meetings-table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #DFEAFE;
	border-radius: 24px;
	padding: 32px;
}

/* #meetings-table th,
#meetings-table td {
	padding: 10px;
	border: none;
	text-align: left;
}

#meetings-table thead tr,
#meetings-table tbody tr {
	border-bottom: solid 1px #f5f5f5;
}

#meetings-table thead,
#meetings-table tbody {
	vertical-align: unset;
}

#meetings-table thead {
	  background-color: #f5f5f5;
} */


.meetings-table-head {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: stretch;
	gap: 30px;
	color: #595959;
}

.meetings-table-head>li:nth-child(1),
.meetings-table-body li>div:nth-child(1) {
	flex: 0 0 calc(7% - 25px);
}

.meetings-table-head>li:nth-child(2),
.meetings-table-body li>div:nth-child(2) {
	flex: 0 0 calc(14% - 25px);
}

.meetings-table-head>li:nth-child(3),
.meetings-table-body li>div:nth-child(3) {
	flex: 0 0 calc(17% - 25px);
}

.meetings-table-head>li:nth-child(4),
.meetings-table-body li>div:nth-child(4) {
	flex: 0 0 calc(17% - 25px);
}

.meetings-table-head>li:nth-child(5),
.meetings-table-body li>div:nth-child(5) {
	flex: 0 0 calc(31% - 25px);
}

.meetings-table-head>li:nth-child(6),
.meetings-table-body li>div:nth-child(6) {
	flex: 0 0 calc(14% - 25px);
}

.meetings-table-body {
	list-style: none;
	margin: 32px 0 0;
	padding: 0;
}

.meetings-table-body li {
	display: flex;
	justify-content: stretch;
	gap: 30px;
}

.meetings-table-body li:not(:last-child) {
	margin-bottom: 32px;
}

#table-loader {
	margin-top: 32px;
	text-align: center;
}

/* Load More button */
#load-more {
	margin: 40px auto 0;
}

/* Responsive group layout */
.city-group {
	margin-bottom: 30px;
}

.city-group h2 {
	margin-bottom: 10px;
}

.city-group ul {
	padding-left: 20px;
}

.upcoming-meetings-container h2 {
	text-align: center;
}

.upcoming-meetings {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	list-style: none;
	padding: 0;
	margin: 0;
	/* font-size: 13px;
	line-height: 22px; */
}

.upcoming-meetings h3 {
	font-size: 20px;
	line-height: 1.1;
	margin: 0;
}

.upcoming-meetings>li {
	flex: 0 0 calc(33.33% - 16.67px);
	background-color: #fff;
	box-shadow: 0px 0px 3px 0px #B6B6B64D;
	border-radius: 24px;
	padding: 32px;
}

.upcoming-meetings .meeting-type {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 25px;
}

.meeting-link {
	background-color: #E8F2FC;
	border-radius: 20px;
	padding: 10px 20px;
	margin-left: 10px;
	line-height: 1;
	display: inline-block;
}

.meeting-type span {
	font-size: 20px;
	line-height: 1;
	font-weight: 500;
	color: var(--primary-color);
	padding: 10px;
	border-radius: 12px;
	background-color: var(--secondary-color);
	display: flex;
	aspect-ratio: 1 / 1;
	justify-content: center;
	align-items: center;
	width: fit-content;
}

.meeting-type.na span {
	background-color: var(--gray-color);
	color: var(--dark-color);
}

.meeting-schedule {
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

.upcoming-meetings label {
	font-weight: 700;
	font-size: 11px;
	line-height: 16px;
	color: #6F7782;
	display: block;
	margin-bottom: 10px;
}

.meeting-type-name {
	font-size: 11px;
	line-height: 16px;
	padding: 5px 10px;
	border-radius: 8px;
	background-color: var(--primary-color);
	color: #fff;
}

.meeting-type-name.closed-meeting {
	background: #F8FAFB;
	color: #5F6368;
}

.upcoming-meetings .date-wrapper span,
.upcoming-meetings .location-wrapper span,
.upcoming-meetings .link-wrapper span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.upcoming-meetings .link-wrapper {
	word-break: break-all;
}

.upcoming-meetings .link-wrapper,
.upcoming-meetings .location-wrapper {
	margin-bottom: 25px;
}

.upcoming-meetings .date-wrapper span:before {
	content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H16V3C16 2.71667 16.0958 2.47917 16.2875 2.2875C16.4792 2.09583 16.7167 2 17 2C17.2833 2 17.5208 2.09583 17.7125 2.2875C17.9042 2.47917 18 2.71667 18 3V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="%235F6368"/></svg>');
	line-height: 0;
}

.upcoming-meetings .link-wrapper span:before {
	content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.303 9.524L20.485 12.706C21.0013 13.2155 21.4118 13.822 21.6927 14.4908C21.9737 15.1595 22.1196 15.8773 22.122 16.6026C22.1244 17.328 21.9834 18.0467 21.7069 18.7173C21.4304 19.3879 21.024 19.9972 20.5111 20.5101C19.9982 21.0231 19.3889 21.4295 18.7183 21.7059C18.0477 21.9824 17.329 22.1235 16.6036 22.121C15.8783 22.1186 15.1605 21.9727 14.4918 21.6918C13.823 21.4108 13.2165 21.0003 12.707 20.484L11.647 19.424C11.5037 19.2857 11.3893 19.1202 11.3106 18.9373C11.2319 18.7543 11.1904 18.5575 11.1886 18.3583C11.1868 18.1592 11.2247 17.9616 11.3 17.7772C11.3753 17.5929 11.4866 17.4253 11.6274 17.2844C11.7682 17.1435 11.9356 17.0321 12.1199 16.9566C12.3042 16.881 12.5017 16.843 12.7009 16.8446C12.9 16.8463 13.0969 16.8876 13.2799 16.9661C13.463 17.0446 13.6285 17.1588 13.767 17.302L14.829 18.363C15.2986 18.8284 15.9334 19.0888 16.5946 19.0873C17.2557 19.0857 17.8893 18.8224 18.3568 18.3548C18.8242 17.8872 19.0874 17.2535 19.0887 16.5924C19.0901 15.9312 18.8295 15.2965 18.364 14.827L15.182 11.645C14.8381 11.3009 14.4012 11.0647 13.925 10.9652C13.4488 10.8657 12.9539 10.9074 12.501 11.085C12.3397 11.149 12.1883 11.2143 12.047 11.281L11.583 11.498C10.963 11.778 10.486 11.898 9.87899 11.292C9.00699 10.42 9.23299 9.615 10.296 8.882C11.3549 8.15336 12.6356 7.81861 13.9156 7.93589C15.1956 8.05317 16.3941 8.61507 17.303 9.524ZM11.293 3.514L12.353 4.574C12.6264 4.85678 12.7777 5.23561 12.7745 5.62891C12.7713 6.02221 12.6137 6.3985 12.3357 6.67675C12.0577 6.95499 11.6816 7.11292 11.2883 7.11652C10.895 7.12013 10.516 6.96911 10.233 6.696L9.17199 5.636C8.94144 5.39716 8.66563 5.20663 8.36066 5.07552C8.05568 4.94442 7.72765 4.87536 7.39571 4.87238C7.06376 4.8694 6.73454 4.93256 6.42727 5.05818C6.11999 5.18379 5.84081 5.36935 5.60601 5.60401C5.37121 5.83868 5.1855 6.11775 5.05971 6.42496C4.93393 6.73216 4.87058 7.06134 4.87337 7.39329C4.87616 7.72524 4.94503 8.05331 5.07597 8.35836C5.2069 8.6634 5.39728 8.93932 5.63599 9.17L8.81799 12.352C9.16191 12.6961 9.59876 12.9323 10.075 13.0318C10.5512 13.1313 11.0461 13.0896 11.499 12.912C11.6603 12.848 11.8117 12.7827 11.953 12.716L12.417 12.499C13.037 12.219 13.515 12.099 14.121 12.705C14.993 13.577 14.767 14.382 13.704 15.115C12.6451 15.8436 11.3644 16.1784 10.0844 16.0611C8.80437 15.9438 7.60586 15.3819 6.69699 14.473L3.51499 11.291C2.99865 10.7815 2.58818 10.175 2.30723 9.50621C2.02628 8.83746 1.88039 8.11974 1.87796 7.39437C1.87553 6.669 2.01661 5.95032 2.29307 5.2797C2.56954 4.60908 2.97593 3.99977 3.48884 3.48686C4.00176 2.97394 4.61107 2.56755 5.28169 2.29109C5.95231 2.01463 6.67099 1.87355 7.39636 1.87598C8.12172 1.87841 8.83944 2.0243 9.5082 2.30525C10.1769 2.5862 10.7835 2.99766 11.293 3.514Z" fill="%235F6367"/></svg>');
	line-height: 0;
}

.upcoming-meetings .location-wrapper span:before {
	content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C10.2333 22 8.79167 21.7208 7.675 21.1625C6.55833 20.6042 6 19.8833 6 19C6 18.6833 6.07083 18.3917 6.2125 18.125C6.35417 17.8583 6.56667 17.6083 6.85 17.375C7.08333 17.2083 7.3375 17.1417 7.6125 17.175C7.8875 17.2083 8.10833 17.3417 8.275 17.575C8.44167 17.8083 8.50417 18.0625 8.4625 18.3375C8.42083 18.6125 8.28333 18.8333 8.05 19C8.26667 19.2667 8.76667 19.5 9.55 19.7C10.3333 19.9 11.15 20 12 20C12.85 20 13.6667 19.9 14.45 19.7C15.2333 19.5 15.7333 19.2667 15.95 19C15.7167 18.8333 15.5792 18.6125 15.5375 18.3375C15.4958 18.0625 15.5583 17.8083 15.725 17.575C15.8917 17.3417 16.1125 17.2083 16.3875 17.175C16.6625 17.1417 16.9167 17.2083 17.15 17.375C17.4333 17.6083 17.6458 17.8583 17.7875 18.125C17.9292 18.3917 18 18.6833 18 19C18 19.8833 17.4417 20.6042 16.325 21.1625C15.2083 21.7208 13.7667 22 12 22ZM12 18.525C11.8 18.525 11.6 18.4917 11.4 18.425C11.2 18.3583 11.0167 18.2583 10.85 18.125C8.88333 16.5583 7.41667 15.0292 6.45 13.5375C5.48333 12.0458 5 10.5833 5 9.15C5 7.96667 5.2125 6.92917 5.6375 6.0375C6.0625 5.14583 6.60833 4.4 7.275 3.8C7.94167 3.2 8.69167 2.75 9.525 2.45C10.3583 2.15 11.1833 2 12 2C12.8167 2 13.6417 2.15 14.475 2.45C15.3083 2.75 16.0583 3.2 16.725 3.8C17.3917 4.4 17.9375 5.14583 18.3625 6.0375C18.7875 6.92917 19 7.96667 19 9.15C19 10.5833 18.5167 12.0458 17.55 13.5375C16.5833 15.0292 15.1167 16.5583 13.15 18.125C12.9833 18.2583 12.8 18.3583 12.6 18.425C12.4 18.4917 12.2 18.525 12 18.525ZM12 11C12.55 11 13.0208 10.8042 13.4125 10.4125C13.8042 10.0208 14 9.55 14 9C14 8.45 13.8042 7.97917 13.4125 7.5875C13.0208 7.19583 12.55 7 12 7C11.45 7 10.9792 7.19583 10.5875 7.5875C10.1958 7.97917 10 8.45 10 9C10 9.55 10.1958 10.0208 10.5875 10.4125C10.9792 10.8042 11.45 11 12 11Z" fill="%235F6368"/></svg>');
	line-height: 0;
}

.meeting-type-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
}

.meeting-type-list li {
	padding: 10px;
	border-radius: 8px;
	/* background-color: #f5f5f5; */
	/* font-size: 0.8rem; */
	color: #9C9C9C;
	border: 1px solid #F3F4F6;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	/* text-align: center;
	vertical-align: middle; */
}

.meeting-types-list {
	border-radius: 8px;
	padding: 4px 12px;
	background: var(--primary-color);
	color: #fff;
	display: inline-block;
}

.meeting-types-list.closed-meeting {
	background: #F8FAFB;
	color: #5F6368;
}

.meeting-time span {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
}

.meeting-row {
	display: flex;
	/* align-items: center; */
	gap: 12px;
	line-height: 1.3;
}

.meeting-row svg {
	flex: 0 0 auto;
	margin-top: 3px;
}

.list-expands {
	max-height: 620px;
	overflow: hidden;
	transition: 300ms;
	position: relative;
}

.list-expands.expanded {
	max-height: 9999px;
}

.list-expands.expanded:before {
	display: none;
}

.list-expands:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 30%;
	background: linear-gradient(to bottom, transparent, #fff 80%);
	pointer-events: none;
}

.list-expands .show-more {
	margin: 0 auto;
	position: absolute;
	top: 600px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

.search-upcoming-wrapper {
	position: relative;
	max-width: 600px;
	margin: 40px auto;
}

input#search-upcoming-field {
	padding: 10px 15px;
	padding-right: 70px;
	width: 100%;
	border-radius: 56px;
	background-color: #fff;
	box-shadow: 0px 4px 50px 0px #0000001A;
}

button#search-upcoming-submit {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	cursor: pointer;
	z-index: 1;
	line-height: 0;
	border: none;
}

@media (max-width: 1024px) {
	.table-responsive {
		overflow-x: auto;
	}

	.table-responsive .table-wrapper {
		min-width: 1200px;
	}

	.upcoming-meetings>li {
		flex: 0 0 calc(50% - 12.5px);
	}
}

@media (max-width: 650px) {

	.upcoming-meetings>li {
		flex: 0 0 100%;
	}
}

@media (max-width: 600px) {
	#meeting-filter select {
		flex: 0 0 calc(50% - 7.5px);
	}

	#meeting-filter .form-search-group {
		flex: 0 0 100%;
	}

	#meeting-filter .form-search-group .form-search {
		width: 100%;
	}
}