/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Header
- Options
- Accordian
- Section Listings
*/


/* Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-374		2 columns
375-639		6 columns
640-1023	12 columns
1024-1439	12 columns
1440+		12 columns

*/

@media (min-width: 375px) {}
@media (min-width: 640px) {}
@media (min-width: 800px) {}
@media (min-width: 1024px) {}
@media (min-width: 1440px) {}

@media (max-width: 374px) {}
@media (max-width: 639px) {}
@media (max-width: 799px) {}
@media (max-width: 1023px) {}
@media (max-width: 1439px) {}

/* Wordpress Admin Bar Height-Change Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-782		46px tall
783-...		32px tall

*/


/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Options
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section__topic-archive__options {}
.section__topic-archive__options .container {
	padding-bottom: 0;
}
.topic-archive__options {}
#topic-archive__letter-selection__wrapper {
	margin: auto;
}
#topic-archive__letter-selection {}
.section__topic-archive__options .post-date-archive__options .bubble-selector {
	margin-top: 20px;
}

@media (min-width: 800px) {
	.topic-archive__options {
		display: flex;
	}
	#topic-archive__letter-selection__wrapper {
		padding-top: 20px;
		width: 75px;
		margin: initial;
		margin-right: 25px;
	}
	.topic-archive__options .bubble-selector {
		width: calc(100% - 100px);
		margin-top: 0;
	}
}

/* Section Listings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section__topic-archive__listings {}
.topic-archive__listings {}
.topic-archive__listings__section__speeches {
	list-style-type: none;
}
.topic-archive__listings__section__speech {
	display: table;
	margin: 1rem 0;
	width: 100%;
}
.topic-archive__listings__section__speech .simple-listing-block {
	display: table-cell;
}

@media (max-width: 639px) {
	.topic-archive__listings {
		width: calc(100% - 32px);
		margin-left: 30px;
	}
}
@media (min-width: 640px) {
	.topic-archive__listings__section__speech {
		margin: 2rem 0;
	}
	.topic-archive__listings__section__speeches {
		padding-left: 3rem;
	}
}
@media (min-width: 1024px) {
	.topic-archive__listings__section__speeches {
		padding-left: 5rem;
	}
}