/* -- page ------------------------------ */
#competition-head {
	text-align: center;
}
h1 {
	margin-bottom: 0;
}
article {
	min-height:	700px;
}
#page-main-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
/* ------------------
 *  box with buttons 
 * ------------------ */
.box-container {
	margin-bottom: 30px;
	padding: 15px 15px 20px 15px;
	min-width: 200px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
}
/* -- title --- */
.cas-title {
	font-weight: bold;
}
/* -- img --- */
.img-container {
	margin-bottom: 10px;
	height: 140px;
}
#img-subscribe {
	padding-top: 25px;
	max-width: 65px;
}
#img-runner {
	padding-top: 25px;
	max-width: 80px;
	opacity: 0.7;
}
#img-deleg {
	padding-top: 10px;
	max-height: 120px;
	opacity: 0.8;
}
#img-doc{
	padding-top: 20px;
	max-width: 80px;
}
#img-media {
	padding-top: 40px;
	max-width: 50px;
	opacity: 0.8;
}
/* -- ao buttons --- */
.button-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.ao-button {
	margin-top: 3px;
	padding: 10px 0;
}
.ao-button-off {
	cursor: pointer;
}


/* ========================================================
 *
 *   screen size
 *
 * ======================================================== */
@media screen and (min-width: 501px) {
	.button-container {
		min-height: 140px;
	}
}
@media screen and (max-width: 500px) {
	.button-container {
		padding-bottom: 20px;
	}
}


/* ========================================================
 *
 *   color theme
 *
 * ======================================================== */
/* -----------
 *  gray
 * ----------- */
/*
.box-container {
	background-color: #e0e0e3;
	border-color: #aaaaaa #dddddd #dddddd #aaaaaa;
}
.cas-title {
}
.ao-button {
	padding: 10px 0;
	background-color: #d0d0d6;
	border-width: 1px;
	border-style: solid;
	border-color: #e9e9ec #bbbbbb #999999 #e9e9ec;
	border-radius: 4px;
}
.ao-button-on:hover {
	color: #00418f;
	background-color: #c0c0c7;
}
.ao-button-on:active {
	background-color: #b0b0b7;
	border-color: #b0b0b7;
}
*/

/* -----------
 *  blue
 * ----------- */
.box-container {
	background-color: #e3e3e9;
	border-color: #a4b5c2 #c7ccd0 #c7ccd0 #a4b5c2;
}
.cas-title {
	color: #105894;
}
.ao-button {
	color: #0b2d55;
	background-color: #4fb0f9;
	background-image: linear-gradient(#90d8ff, #5fb8fa);
	border-width: 1px;
	border-style: solid;
	border-color: #ccccdd #bbbbbb #999999 #cccccc;
	border-radius: 4px;
}
.ao-button-on:hover {
	color: #0a2d44;
	background-image: linear-gradient(#80cffb, #53b0f5);
}
.ao-button-on:active {
	color: #001010;
	background-color: #71c1fd;
	background-image: none;
	border-color: #b0b0b7;
}
.ao-button-off {
	color: #53a1db;
}