.clickable-box {
	cursor: pointer;
}

.icon-w-text:hover {
	border-bottom: 1px solid #fff;
}

.header-user-data-bottom a:hover {
	text-decoration: none;
}

.header-no-user-bottom {
	padding-top: 12px;
}

.aops-icon {
	font-size: 16px;
	padding-right: 2px;
	font-family: AoPS;
}

.index-content .aops-panel {
	padding-left: 35px;
	padding-right: 35px;
}

.index-content .item-boxes {
	margin-bottom: 15px;
}

.index-content .item-boxes tr {
	background-color: #f2f2f2;
}
.index-content .item-boxes tr:nth-child(even) {
	background-color: #e1e1e1;
}
.index-content .item-boxes th {
	color: white;
	background-color: #1b365d;
}
.index-content .item-boxes td,
.index-content .item-boxes th {
	text-align: left;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
}
.index-content .item-boxes td {
	font-weight: normal;
}

.school-index-content a.mc-adv:after {
	content: "MATHCOUNTS/AMC 8 Advanced";
}

.school-index-content a.interm-numtheory:after {
	content: "Intermediate Number Theory";
}
.school-index-content a.interm-counting:after {
	content: "Intermediate Counting & Probability";
}

.school-index-content a.stretch-algebra-a:after {
	content: "Stretch Introduction to Algebra A";
}

.school-index-content a.intro-nt-class:after {
	content: "Introduction to Number Theory";
}

.hide-narrow td:nth-child(2) {
	border-left: 1px solid white;
}
.pioo {
	margin-top: 14px;
	width: 100%;
}

.resource-index-icon {
	display: inline-block;
	width: 70px;
	height: auto;
}

.category-tables-wrapper.full-screen {
	display: flex;
	flex-direction: row;
}
.category-tables-wrapper .column {
	display: flex;
	flex-direction: column;
}
.category-tables-wrapper .column table {
	margin-bottom: 10px;
}
.category-tables-wrapper .half-width {
	flex: 0.5;
}
.category-tables-wrapper .quarter-width {
	flex: 0.25;
	margin-left: 10px;
	justify-content: space-between;
}

.category-tables-wrapper.small-screen {
	display: none;
}
.category-tables-wrapper.small-screen .row {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	gap: 10px;
}

.category-tables-wrapper.small-screen table {
	height: fit-content;
}

@media (min-width: 501px) {
	.school-index-content a.interm-counting:after {
		content: "Int. Counting & Probability";
	}

	.school-index-content a.mc-adv:after {
		content: "MATHCOUNTS/AMC 8 Adv.";
	}
}

@media (min-width: 541px) {
	.school-index-content a.mc-adv:after {
		content: "MATHCOUNTS/AMC 8 Advanced";
	}
}

@media (min-width: 581px) {
	.school-index-content a.interm-counting:after {
		content: "Intermediate Counting & Probability";
	}
}

@media (max-width: 1270px) {
	.category-tables-wrapper .quarter-width {
		justify-content: flex-start;
	}
}

@media (max-width: 930px) {
	.hide-extra-col {
		display: none;
	}

	.category-tables-wrapper.full-screen {
		display: none;
	}
	.category-tables-wrapper.small-screen {
		display: block;
	}
}

@media (min-width: 931px) {
	.pioo {
		width: calc(50% - 7px);
		float: left;
	}

	.school-index-content a.intro-nt-class:after {
		content: "Intro to Number Theory";
	}

	.school-index-content a.mc-adv:after {
		content: "MATHCOUNTS/AMC 8 Adv.";
	}

	.school-index-content a.interm-counting:after {
		content: "Int. Counting & Probability";
	}

	.school-index-content a.interm-numtheory:after {
		content: "Int. Number Theory";
	}

	.school-index-content a.stretch-algebra-a:after {
		content: "Stretch Intro to Algebra A";
	}
}

@media (min-width: 1021px) {
	.school-index-content a.interm-numtheory:after {
		content: "Intermediate Number Theory";
	}

	.school-index-content a.intro-nt-class:after {
		content: "Introduction to Number Theory";
	}

	.school-index-content a.mc-adv:after {
		content: "MATHCOUNTS/AMC 8 Advanced";
	}

	.school-index-content a.stretch-algebra-a:after {
		content: "Stretch Introduction to Algebra A";
	}
}

@media (min-width: 1271px) {
	.school-index-content a.interm-counting:after {
		content: "Intermediate Counting & Probability";
	}
}

.book-tables {
	padding-left: 3px;
	margin-top: 15px;
}

.book-tables table {
	width: 33.25%;
	float: left;
	table-layout: fixed;
}

h3 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.school-index-content h3,
.school-index-content h3 a {
	color: #009fad;
}

.store-index-content h3,
.store-index-content h3 a {
	color: #009fad;
}

.resources-index-content h3,
.resources-index-content h3 a {
	color: #1b365d;
}

.resources-index-content .copy {
	margin-bottom: 10px;
}

.intro-boxes {
	width: 100%;
}

.intro-boxes .box {
	width: calc(50% - 7px);
	background-color: #fff;
	display: inline-block;
	height: auto;
	min-height: 171px;
	vertical-align: top;
}

.intro-boxes .box:last-child {
	margin-left: 14px;
}

.intro-boxes .box .table {
	width: 100%;
	display: table;
}

.intro-boxes .box .table .table-row {
	display: table-row;
}

.intro-boxes .box .table .table-row .cell1 {
	display: table-cell;
	width: 200px;
}

.intro-boxes .box .table .table-row .cell2 {
	display: table-cell;
	padding: 0 10px;
	vertical-align: top; /* Have to keep the titles aligned */
}

.cell-link {
	line-height: 25px;
}

@media (max-width: 840px) {
	.intro-boxes .box {
		width: 100%;
	}
	.intro-boxes .box:last-child {
		margin-left: 0;
	}
}

@media (max-width: 480px) {
	/*.intro-boxes .box .table .table-row .cell1,
	.intro-boxes .box .table .table-row .cell2 {
		display : block;
	}*/
	.intro-boxes .box .table .table-row .cell1 {
		text-align: center;
	}
}

@media (max-width: 768px) {
	.index-content .curriculum-table .button {
		display: block;
		width: 100%;
	}
}

@media (min-width: 1271px) {
	.fun-image {
		width: 180px;
	}
}

.index-content .curriculum-table {
	margin-bottom: 10px;
}

.index-content .curriculum-table .title {
	color: #1b365d;
	font-size: 32px;
	font-weight: bold;
}

.index-content .curriculum-table .copy {
	display: table-cell;
	vertical-align: top;
}

.index-content .curriculum-table .button {
	display: table-cell;
	text-align: right;
	width: 120px;
}

.show-narrow {
	display: none;
}

.split-narrow table {
	table-layout: fixed;
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.split-narrow table:first-child,
.book-tables table:nth-child(1),
.book-tables table:nth-child(2) {
	border-right: 7px solid white;
}

.split-narrow table:nth-child(2),
.book-tables table:nth-child(2),
.book-tables table:nth-child(3) {
	border-left: 7px solid white;
}

/** All .entry for Resources **/
.index-content div.entry {
	width: 49%;
	padding-right: 10px;
	padding-bottom: 20px;
	background-color: white;
	display: inline-block;
	position: relative;
	color: black;
	vertical-align: top;
}

div.clickable-box.hovered h3 {
	text-decoration: underline;
}

.index-content .entry:nth-child(even) {
	padding-right: 0;
	padding-left: 10px;
}

.index-content .entry .image {
	display: inline-block;
	vertical-align: top;
}

.index-content .entry .image img {
	width: 100%;
	max-width: 150px;
}

.index-content .entry .copy {
	padding-left: 15px;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 155px);
}

.index-content .entry .copy h3 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.index-content .copy .end-cell {
	font-weight: bold;
}

#quote-panel {
	background-color: #fff;
	padding: 60px 100px;
	color: #606060;
	font-size: 24px;
	text-align: center;
	font-style: italic;
}

.quote-panel-speaker {
	font-size: 13px;
	font-style: normal;
	text-align: right;
	width: 75%;
	margin-left: 20%;
}
@media (max-width: 930px) {
	.index-content div.entry {
		width: 100%;
		display: block;
	}
	.index-content .entry:nth-child(even) {
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	#quote-panel {
		padding: 30px 50px;
		font-size: 18px;
	}
}

@media (max-width: 500px) {
	#quote-panel {
		padding: 15px 25px;
		font-size: 15px;
	}

	.quote-panel-speaker {
		padding: 15px 25px;
		font-size: 12px;
		width: 85%;
		margin-left: 10%;
	}
}

@media (max-width: 930px) {
	.book-tables {
		padding-left: 0px;
	}

	.book-tables .hide-books-extra {
		display: none;
	}

	.book-tables table {
		width: 50%;
	}

	.book-tables table:first-child {
		width: 100%;
	}

	.book-tables table:nth-child(1) {
		border-left: none;
		border-right: none;
		margin-bottom: 14px;
	}

	.book-tables table:nth-child(2) {
		border-left: none;
		border-right: 7px solid white;
	}

	.book-tables table:nth-child(3) {
		border-right: none;
		border-left: 7px solid white;
	}
}

@media (max-width: 600px) {
	.book-tables table:nth-child(2) {
		width: 100%;
		margin-bottom: 14px;
		border-right: none;
	}

	.book-tables table:nth-child(3) {
		width: 100%;
		border-left: none;
	}
}

@media (max-width: 550px) {
	.index-content .entry .copy,
	#community-panel .contests-block .copy {
		width: calc(100% - 105px);
	}
	#community-panel .contests-block .image img,
	.index-content .entry .image img,
	.intro-boxes .box .table .table-row .cell1,
	.intro-boxes .box .cell1 img {
		width: 100px;
		max-width: 100px;
	}
}

@media (max-width: 500px) {
	.category-tables-wrapper.small-screen .row {
		flex-wrap: wrap;
		gap: 0;
		margin-bottom: 0px;
	}
	.category-tables-wrapper.small-screen table {
		margin-bottom: 10px;
	}

	.category-tables-wrapper.small-screen table,
	.category-tables-wrapper.small-screen .half-width {
		width: 100%;
		flex: auto;
	}

	.show-narrow {
		display: block;
	}

	.hide-narrow {
		display: none;
	}

	.split-narrow table {
		width: 100%;
		border: 0 !important;
	}

	.split-narrow table:nth-child(2) {
		margin-top: 14px;
	}

	.index-content .aops-panel {
		padding-left: 15px;
		padding-right: 15px;
	}
	.index-content .curriculum-table .title {
		display: none;
	}

	.index-content .curriculum-table .button {
		display: block;
		margin-top: 10px;
		width: 100%;
	}
}

@media (max-width: 450px) {
	.round-dropdown .selected {
		font-size: 12px;
	}
	.index-content .entry .copy,
	#community-panel .contests-block .copy {
		width: calc(100% - 55px);
	}
	#community-panel .contests-block .image img,
	.index-content .entry .image img,
	.intro-boxes .box .table .table-row .cell1,
	.intro-boxes .box .cell1 img {
		width: 50px;
		max-width: 50px;
	}
	.resource-index-icon {
		width: 50px;
	}
}