/*  
10kBeats - Premade 20: Arcane - Simply Shailene - Gallery CSS

All colour values in this file are default values. Change them to your liking in the colors.css file.

*/

::-webkit-scrollbar { width: 12px; height: 7px;	border-width: 5px; border-style: solid;	border-color: #f8f8f8; background: #202629; }
::-webkit-scrollbar-thumb {	height: 12px; border: 3px solid #f8f8f8; background: #d21d1f; border-radius: 10px; }

::selection {
	background-color: #52a0d1;
	color:#0a0a0a;
	text-shadow: none;
}
::-moz-selection {
	background-color: #52a0d1;
	color:#0a0a0a;
	text-shadow: none;
}

/* MAIN */

body {
	background-color: #f8f8f8;
	color: #494f52;
	font-family: 'Roboto Slab', serif;
	font-size: 12px; font-weight: 300;
	line-height: 24px;
}

.maintable, .maintable01 {
	margin: 0 auto 12vh auto;
	padding: 25px;
	background-color: #ffffff;
	letter-spacing: 0.025em;
	border-spacing: 4px;
	border-radius: 5px;
	border: 1px solid #cacbcc;
	box-sizing: border-box;
	box-shadow: 2px 2px 5px #e5e6e6;
}

article .maintable:last-of-type, article .maintable01:last-of-type {
	margin: 0 auto;
}

.maintable02 {
	background-color: transparent;
	margin: 0 auto 50px auto;
	padding: 0;
	border-spacing: 4px;
	border: none;
}

.tableh1 {
	color: #202629;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 24px; font-weight: 700;
	padding: 0 0 12px 34px;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	line-height: 120%;
	border-bottom: 1px solid #cacbcc;
	vertical-align: top;
	position: relative;
}

.tableh1 strong { font-weight: 700; }

.tableh1 span::before {	
	content: '\f07c';
	position: absolute;
	top: 0; bottom: 0; left: 0;
	margin: auto;
	font-family: 'Font Awesome 5 Free';
	font-size: 18px; font-weight: 900;
	color: #d21d1f;
	display: inline-block;
}

.tableh2 {
	background-color: transparent;
    padding: 15px 0;
} 

.tableh2 strong {
	font-weight: normal !important;
}

.tableh2 a {
	color: inherit;
	font-size: inherit;
	text-shadow: none;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}

.tableh2 a:hover {
	text-decoration: underline;
}

.tableb, .tablef {
	background-color: transparent;
	padding: 15px 0;
	letter-spacing: 0.025em;
	border: none;
}

.tableb a, .tablef a {
	color: #0c5785;
	font-weight: 400;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}

.tableb a:hover, .tablef a:hover {
	color: #0c5785;
	text-decoration: underline;	
}

.tableb p {
	font-size: inherit;
}