/* CSS Page_styles */

.page__section {
	color: black;
}


.page__section a {
	color: #333;
}

.page__heading {
	font-size: 1.2em;
	color: brown;
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-align: center;
	font-weight: bolder;
	margin: 0 auto;
	/* margin: 1.5em auto; */
}

.page__sub-heading {
	text-decoration: none;
	text-align: center;
	margin: 0.5em auto;
}

.page__sub-section {
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
}

.grid__column {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(var(--row-count), 1fr);
	grid-template-columns: repeat(var(--column-count), 1fr);
	width: 90%;
	margin: 15px auto;
	padding: 15px;
	gap: 1.5em;
	row-gap: 0.2em;
	line-height: 2.8em;
}

.grid__row {
	display: grid;
	grid-auto-flow: row;
	/*	grid-template-columns: repeat(var(--column-count), 1fr);
	grid-template-rows: repeat(var(--row-count), 1fr);
	width: 90%;
*/
	margin: 5px auto;
	padding: 15px;
	gap: 1.5em;
	row-gap: 0.2em;
	line-height: 2.8em;
}

.flex__row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	/*	width: 90%;
*/
	margin: 0px auto;
	padding: 25px;
	gap: 1em;
	row-gap: 0.2em;
	line-height: 2.8em;
}
.flex__column {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	/*	width: 90%;
*/
	margin: 0px auto;
	padding: 25px;
	gap: 1em;
	row-gap: 0.2em;
	line-height: 2.8em;
}

.menu__item {
	appearance: none;
	background-color: papayawhip;
	box-shadow: #ffc229 0 -4px inset;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	padding: 1rem;
	text-align: center;
	transition: all 1.15s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	border: 1px solid black;
}


.menu__item a {
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: -0.24px;
	display: inline-block;
}

.menu__item:hover {
	background-color: #ffc229;
	box-shadow: #f8a074 0 -6px 8px inset;
	transform: scale(1.05);
}

.menu__item:active {
	transform: scale(1.025);
}

.item__header,
.item__header__active {
	border-top-right-radius: 0.8em;
	border-top-left-radius: 0.8em;
	align-self: end;
	color: brown;
	font-weight: 800;
}
.item__header:hover {
	transform: none;
	background-color: papayawhip;
}

.grid-container {
	text-align: center;
	margin: 0 auto;
	display: grid;
	grid-auto-flow: column;
	align-self: center;
	flex: 4 4 0%;
}

.item {
	display: flex;
	/*	height: auto; 	text-align: center;*/
	display: inline-block;
	margin: 0px;
	padding: 0.5em;
}

.content {
	display: flex;
	flex-direction: row;
	padding: 1em;
	width: 100%;
}

.pdf-container {
	border: 1px solid grey;
	padding: 10px;
	min-width: 80rem;
	min-height: 50rem;
  }



.flexd {
	display: flex;
}
.grow {
	flex-grow: 1;
}

.no__gap {
	gap: 0px;
}
.gap__10 {
	gap: 10px;
}

.no__border > * {
	border: none;
}
.all__border > * {
	border: solid 1px black;
}
.border {
	border: solid 1px black;
}
.border__trb {
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}
.border__tbl {
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
}
.border__trl {
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-left: solid 1px black;
}
.border__rbl {
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
}
.border__tb {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
.border__rl {
	border-right: solid 1px black;
	border-left: solid 1px black;
}
.border__tr {
	border-top: solid 1px black;
	border-right: solid 1px black;
}
.border__tl {
	border-top: solid 1px black;
	border-left: solid 1px black;
}
.border__rb {
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}
.border__bl {
	border-bottom: solid 1px black;
	border-left: solid 1px black;
}

.border__t {
	border-top: solid 1px black;
}
.border__b {
	border-bottom: solid 1px black;
}
.border__r {
	border-right: solid 1px black;
}
.border__l {
	border-left: solid 1px black;
}

.bold {
	font-weight: bolder;
}

.stretch {
	align-items: stretch;
}

.text__center {
	text-align: center;
}
.text__left {
	text-align: left;
}
.text__right {
	text-align: right;
}

.block__left {
	justify-content: left;
}
.block__center {
	justify-content: center;
}
.block__right {
	justify-content: right;
}


.float__R {
	float:right;
	padding: 0 3em 0 0;
}
.float__R0 {
	float:right;
	padding: 0;
}
.float__L {
	float: left;
	padding: 0 0 0 3em;
}
.float__L0 {
	float: left;
	padding: 0;
}
.margin__adj {
	margin: 0 0 -.36em 0;
}
.padding__insert {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.flexgrow2 {
	flex-grow: 2;
}



@media (min-width: 800px) {
	.menu__item {
		font-size: 1.2em;
		line-height: 1em;
		padding: 0.8em;
	}
}

.width10 {
	width: 10%;
}
.width20 {
	width: 20%;
}
.width30 {
	width: 30%;
}
.width35 {
	width: 35%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%;
}
.width70 {
	width: 70%;
}
.width80 {
	width: 80%;
}
.width90 {
	width: 90%;
}
.width100 {
	width: 100%;
}
.width110 {
	width: 110%;
}
.width120 {
	width: 120%;
}