/* Local Overrides */

/* Nav */
#ac-localnav > div > div.ac-ln-content {
	max-width: 1015px;
	padding-left: calc(max(17px, env(safe-area-inset-left)));
	padding-right: calc(max(17px, env(safe-area-inset-right)));
}

/* Apple teacher tile */
.grid-item-teacher.tile-rounded.border {
	min-height: 670px;
}

.animate > div > .grid-bentos > div.border {
	display: inline;
}

.animate
	> div
	> .grid-bentos
	> div.grid-item.grid-item-teacher
	> div.tile-content
	> p {
	margin-bottom: 30px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-teacher.tile-rounded.border {
		min-height: 528px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item.grid-item-teacher.tile-rounded > div.tile-content {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-teacher.tile-rounded.border {
		min-height: 485px;
	}
}

/* Learning Center title */
.grid-item-learning-center.tile-rounded.tile-span .tile-content {
	text-align: left;
}
.grid-item-learning-center.tile-rounded.tile-span .tile-overlay-content {
	display: unset;
	padding-top: 97px;
}
.section-community .grid-item-learning-center.border {
	border-color: #e8e8ed;
}

@media only screen and (min-width: 735px) {
	.grid-bentos .grid-item.tile-span .tile-content {
		align-items: flex-start;
		justify-content: unset;
	}
}

@media only screen and (min-width: 1069px) {
	.grid-bentos .grid-item.tile-span .tile-content {
		padding-top: 98px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item.grid-item-learning-center.tile-rounded > div.tile-content {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item.grid-item-learning-center.tile-rounded > div.tile-content {
		justify-content: normal;
	}
	/* just learning center */
	.grid-item.grid-item-learning-center.tile-rounded > div.tile-content {
		padding-top: 40px;
	}
	.grid-bentos .grid-item.tile-span .tile-content {
		justify-content: center;
		padding-top: 0px;
	}
}

@media only screen and (max-width: 320px) {
	.grid-item.grid-item-learning-center.tile-rounded > div.tile-content {
		padding-top: 26px;
	}
}

/* expert tile */
div.grid-item.grid-item-expert.tile-rounded > div.tile-content > h3 {
	font-size: 43px;
	padding-top: 30px;
}
.section-specialist .grid-item-expert .circle-icon {
	top: -30%;
	--circle-width: 269px;
}
@media only screen and (max-width: 1068px) {
	div.grid-item.grid-item-expert.tile-rounded > div.tile-content > h3 {
		font-size: 29px;
		padding-top: 38px;
	}
	.section-specialist .grid-item-expert .circle-icon {
		--circle-width: 204px !important;
	}
}
@media only screen and (max-width: 734px) {
	.section-specialist .grid-item-expert .circle-icon {
		--circle-width: 219px !important;
	}
	.section-specialist .grid-item-expert .arrow-icon.small {
		bottom: -47%;
	}
}

/* Virtual Tile */
div.grid-item.grid-item-virtual-conferences.tile-rounded > div.tile-content {
	align-items: center;
	padding-top: 60px;
}
@media only screen and (max-width: 1068px) {
	div.grid-item.grid-item-virtual-conferences.tile-rounded
		> div.tile-content {
		padding-top: 41px;
	}
}

@media only screen and (max-width: 734px) {
	div.grid-item.grid-item-virtual-conferences.tile-rounded
		> div.tile-content
		picture {
		align-self: flex-start;
		margin-left: -18px;
	}
	div.grid-item.grid-item-virtual-conferences.tile-rounded
		> div.tile-content {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 350px) {
	#ac-localnav .ac-ln-menucta {
		margin-right: -18px;
	}
}

/* section-how-to-buy-module */

.modal .section-how-to-buy-module .column-contact,
.section-how-to-buy-module .column-contact {
	padding: 0;
}

.section-how-to-buy-module .column-contact .typography-body-tight {
	max-width: 330px;
	margin-left: auto;
	margin-right: auto;
}

.section-how-to-buy-module .column-explore .typography-body-tight {
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
}

/* how to buy */

.modal .section-how-to-buy-module .section-content {
	padding-right: 0%;
	padding-left: 0%;
}

@media only screen and (max-width: 1080px) {
	section.section-how-to-buy-module .section-content {
		width: 100% !important;
	}
}

@media only screen and (min-width: 361px) and (max-width: 734px) {
	.section-sign-up .content-wrapper .section-headline {
		font-size: 32px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
	.section-sign-up .content-wrapper .section-headline {
		font-size: 30px;
	}
}

.section-how-to-buy-module .column {
	padding: 0;
}
