/* bootstrap helpers */

.nav-link:link {
	color: #021b44;
}

.nav-link:visited {
	color: #021b44;
}

.nav-link:hover {
	color: #021b44;
	text-decoration: underline;
}

.nav-link:active {
	color: #021b44;
}

.nav-link.active {
	color: #021b44;
	text-decoration: underline;
}


.link-body-emphasis {
	color: #021b44 !important;
}

.bg-body-gold {
	background-color: #fcb10e;
}

.bg-body-blue {
	background-color: #021b44;
}

.border-blue {
	border-color: #021b44 !important;
}

.navbar-nav {
	font-size: 1.25em;
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.color-blue {
	color: #021b44;
}

.color-white {
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Oswald", sans-serif;
}

/* footer.php */

.footer-links {
    font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.footer-links a:link {
    color: #FCB10E;
}

.footer-links a:visited {
    color: #FCB10E;
}

.footer-links a:hover {
    color: #fff;
}

.footer-links a:active {
    color: #FCB10E;
}

/* index.php */

.sponsors>img {
    max-height: 80px;
    margin: 1em;
}

/* players.php */

.pcard {
	background-color: #fff;
	width: calc(346px * .75);
	height: calc(500px * .75);
	perspective: 1000px;
	padding: 0;
	cursor: pointer;
    margin-bottom: 1.25em;
}

.pcard-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.pcard.active .pcard-inner {
	transform: rotateY(180deg);
}

.pcard img, .pcard-img-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	top:0;left:0;right:0;
}

.pcard-img-overlay {
	transform: rotateY(180deg);
	background: #DDDAD0;
	color: #000;
    padding: 1em;
}

.pcard-img-overlay>table {
    font-size: 0.8em;
    width: 100%;
}

.pcard-img-overlay th {
    text-align: right;
}

.card-player {
    background-color: #F0F0F0;
}

.card-player table {
    font-size: 0.9em;
}

.card-player th {
    text-align: right;
    padding-right: 0.5em;
    vertical-align: text-top;
}

.card-player-sm {
    /*border: 2px solid gray;
    border-radius: 0.4em;*/
    margin: 0.25em;
    text-align: center;
    padding: 0.4em;
    /*background-color: #021B44;*/
    color: #021B44;
}

.table-players th, .table-players td {
    padding: 0.5em 0.75em;
    text-align: center;
    vertical-align: text-bottom;
}

.table-players th {
    border-bottom: 2px solid gray;
}

.player-number {
    position: absolute;
    background-color: #FCB10E;
    color: #021B44;
    right: 10%;
    bottom: 0;
    padding-bottom: 100%;
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}