/* Macoupin */

:root {
	--black:  #000000;
	--blue:   #5496d0;
	--cream:  #f8eedf;
	--green:  #00818c;
	--green2: #00a79e;
	--lightPurple: #ab97C8;
	--purple: #826aaf;
	--red:    #ee2e27;
	--white:  #ffffff;
	--yellow: #f1C820;
}

body, p {
	font-family: rival-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:17px;
	line-height:2;
}

h1, h2, h3, h4, h5, h6 {
	font-family: rival-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:14px;
	line-height:1;	
	text-transform:uppercase;
	color:var(--green);
}
h1 {font-size:36px;}
h2 {font-size:64px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
.internalPage h2, #tinymce h2 {font-size:40px;}
@media(max-width:767px) {
	h1 {font-size:2vw;}
	h2 {font-size:8vw;}
	.internalPage h2, #tinymce h2 {font-size:7vw;}
	h3 {font-size:6vw;}
	h4 {font-size:5vw;}
	h5 {font-size:4vw;}
	h6 {font-size:3vw;}
} 


strong {
	font-weight:700;
}

.rev, .rev p, .rev h1, .rev h2, .rev h3, .rev h4, .rev h5, .rev h6, .rev a {
	color:var(--white);
}

img {
	max-width:100%;
	height:auto;
}

.button {
	display:inline-block;
	padding:5px 20px;
	text-transform:uppercase;
	font-weight:700;
	background-color:var(--white);
	color:var(--purple);
	border-color:var(--purple);
	border-style:solid;
	border-width:2px;
	line-height:1.3;
}
.button:hover {
	text-decoration: none;
}

section {
	padding:20px 0;
}

.flexCol {
	display:flex;
	gap:20px;
}
.flexCol > * {
	flex:1;
}
@media(max-width:767px) {
	.flexCol {
		flex-direction:column;
	}
}


.dark, .dark p {
	color:var(--white);
}
.dark p {
	font-weight:500;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color:var(--white);
	font-weight:700;
}
.darkGreen {
	background-color:var(--green);}
.mcphdPurple {
	background-color:var(--purple);}
.mcphdCream {
	background-color:var(--cream);
}



details::details-content {
	transition: ease all .3s;
	transition-behavior: allow-discrete;
	height:0;
	opacity:0;
}
details[open]::details-content {
	height: auto; /* ios fallback */
	height:calc-size(auto, size);
	opacity:1;
}


main a {
    text-decoration: underline;
}