@import url('main.css');

#content-header {
	height: 700px;
}

form {
	background: none;
	padding: initial;
}

.flex-column small {
	padding-top: 3px;
}

#download-full {
	margin-top: 18px;
	margin-bottom: -18px;
}

#download-compact {
	display: none;
}

@media (max-width: 500px) {
	#download-full {
		display: none;
	}

	#download-compact {
		display: block;
		margin: 0px 10px;
	}
}

.grid {
	align-items: start;
	grid-gap: 20px 30px;
	position: relative;
	z-index: 1;
}

main h2 {
	font-size: 2.375em;
}

div.centre-row {
	display: inline-flex;
	justify-content: space-around;
	align-items: center;
}

div.centre-row :is(p, h1, h2, h3) {
	margin: 0px 10px 0px 15px;
}

.grid header {
	grid-column: var(--col-all);
}

.grid header p {
	margin-top: 0px;
}

.card-grid section {
	border-width: 1px;
	border-style: solid;
	border-color: var(--dark-grey-content);
	padding: 15px 0px;
	border-radius: 15px;
	width: calc(100%);
}

.card-grid section :is(p, h3) {
	margin-left: 19px;
	margin-right: 14px;
}

.card-grid section p:last-of-type {
	margin-bottom: 0;
}

a.watch {
	display: flex;
	margin-top: 10px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

a.watch img {
	margin-left: 5px;
}


/* Buy Coppice */
/* Buy Coppice */
#buy-coppice {
	flex-direction: column;
	align-items: center;
	width: 394px;
	padding: 0px;
	background: var(--dark-grey);
}

#buy-coppice[open] {
	display: flex;
}

#payment-content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: white;
	padding: 30px 70px 20px 70px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	overflow-x: clip;
}

#buy-coppice h2 {
	font-size: 2.375em;
	margin: 10px 0px 0px 0px;
}

#buy-coppice hgroup p {
	font-size: 1.33em;
	line-height: 1em;
	color: var(--dark-grey-content);
	margin: 5px 0px;
}

#buy-coppice :is(h2, p) {
	text-align: center;
}

#buy-coppice p.price {
	margin-top: 12px;
	margin-bottom: 33px;
	font-size: 1.75em;
	line-height: 1em;
	font-weight: 600;
}

#buy-coppice > div > p {
	line-height: 1.66em;
}

#buy-coppice img.arrow-tree {
	transform: none;
}

#payment-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 10px 25px 10px;
	color: white;
}

#payment-footer label {
	font-size: 0.75em;
	color: white;
}

#payment-footer a {
	color: var(--accent-colour-light)
}

#payment-footer input[type="checkbox"] {
	margin-right: 5px;
}

#payment-footer button.payment {
	margin-top: 25px;
	font-size: 1.75em;
	display: flex;
	align-items: center;
	padding: 0.3em 1em 0.3em 0.65em;
	cursor: pointer;
	line-height: 1em;
}

#payment-footer button.payment.disabled {
	opacity: 50%;
}

#payment-footer button.payment img {
	margin-right: 12px;
}

#buy-coppice img.arrow-tree {
	opacity: 3%;
}

@media (max-width: 432px) {
	#payment-content {
		--payment-padding: calc((100vw - 254px)/2);
		padding: 30px var(--payment-padding) 20px var(--payment-padding);
	}
}


/* Video Dialogues */

#canvas-link-highlighting, #improved-image-linking, #automatic-page-linking, #custom-appearance {
	max-width: 660px;
}