/*-------------------------------------------------------------------------*/
/* Define variables
/*-------------------------------------------------------------------------*/
:root {
	/* Margins */
	--margin-primary: 8px;

	/* Fonts */
	--font-family-primary: 'Cambria', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-secondary: 'Assassin$', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-tertiary: 'Lansdowne DEMO', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-quaternary: 'Arvo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	/* Breakpoints */
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
}

/*-------------------------------------------------------------------------*/
/* Browser reset
/*-------------------------------------------------------------------------*/
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	outline: none !important;
	position: relative;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} *:focus {outline: none;}

ul {
	list-style: none;
}

/*-------------------------------------------------------------------------*/
/* Globally applied styles
/*-------------------------------------------------------------------------*/
html,
body {
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	font-family: var(--font-family-primary);
	background-color: transparent;
}

body {
	flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	min-height: 100vh;
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	background-color: #0b0b0a;
	background-image: url(../../images/graphics/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

/* Global: Hyperlink
/*----------------------------------------------------------*/
a {
	color: #757364;
	text-decoration: none !important;
} a:hover {color: #9d9b8b;}

/* Global: Image
/*----------------------------------------------------------*/
img {
	border: none;
	vertical-align: middle;
	background-color: transparent;
}

/* Global: Hidden
/*----------------------------------------------------------*/
[hidden] {
	display: none !important;
}

/* Global: Clear
/*----------------------------------------------------------*/
.clear {
	clear: both;
}

.clear-self:after {
	height: 0;
	clear: both;
	content: '';
	display: block;
	font-size: 0;
	visibility: hidden;
}

/* Global: Selection
/*----------------------------------------------------------*/
::selection {
	color: #fff;
	background-color: #7d71df;
}

::-moz-selection {
	color: #fff;
	background-color: #7d71df;
}

/* Global: Anti blur
/*----------------------------------------------------------*/
.anti-blur,
.anti-blur * {
	-webkit-transform: translateZ(0px);
}

/* Global: Text align
/*----------------------------------------------------------*/
.text-left   {text-align: left;}
.text-right  {text-align: right;}
.text-center {text-align: center;}

[dir=rtl] .text-left  {text-align: right;}
[dir=rtl] .text-right {text-align: left;}

/* Global: Margin
/*----------------------------------------------------------*/
.mt-auto {margin-top: auto;}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.mb-auto {margin-bottom: auto;}
.my-auto {margin-top: auto; margin-bottom: auto;}
.mx-auto {margin-left: auto; margin-right: auto;}

/* Global: Text ellipsis
/*----------------------------------------------------------*/
.text-ellipsis,
.text-ellipsis * {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: inherit;
}

/* Global: Force ltr (input)
/*----------------------------------------------------------*/
[dir=rtl] .force-ltr {
	direction: ltr;
	text-align: left;
}

[dir=rtl] .force-ltr:-moz-placeholder           {direction: rtl; text-align: right;}
[dir=rtl] .force-ltr:input-placeholder          {direction: rtl; text-align: right;}
[dir=rtl] .force-ltr:-o-input-placeholder       {direction: rtl; text-align: right;}
[dir=rtl] .force-ltr:-ms-input-placeholder      {direction: rtl; text-align: right;}
[dir=rtl] .force-ltr::-webkit-input-placeholder {direction: rtl; text-align: right;}

/* Global: Vertical center
/*----------------------------------------------------------*/
.v-center {
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* Global: Print
/*----------------------------------------------------------*/
@media print {
	html,
	body {
		background-image: none !important;
		background-color: transparent !important;
	}

	.no-print,
	.no-print * {
		display: none !important;
	}
}