/*
************************************************************
Fonts
************************************************************
*/

@import url('../font/Feather-Icons/Feather-Icons.css');








/*
************************************************************
HTML5 Boilerplate
************************************************************
*/

::-webkit-input-placeholder { color: inherit; opacity: .25; }
::-moz-placeholder { color: inherit; opacity: .25; }
:-ms-input-placeholder { color: inherit; opacity: .25; }
:-moz-placeholder { color: inherit; opacity: .25; }

* {
	user-select: none;
}








/*
************************************************************
Custom Styles
************************************************************
*/

/* Globals */

:root {
	--hgo-font-size: 14px;
	/*--hgo-font-family-primary: 'Poppins', sans-serif;*/
	/*--hgo-font-family-secondary: 'Poppins', sans-serif;*/


	--hgo-preheader-height: auto;
	--hgo-header-height: auto;
	--hgo-logo-height: 35px;


	--hgo-input-border-color-hover: #f44336;


	--hgo-button-border-width: 0.25em;
	--hgo-button-border-radius: 5em;


	--hgo-color-text: #676b6d;
	--hgo-color-heading: #676b6d;
	--hgo-color-link: #f44336;

	--hgo-color-primary: #f44336;
	--hgo-color-secondary: #00adff;
	--hgo-color-tertiary: #585958;
	--hgo-color-light: #f5f6f7;
	--hgo-color-dark: #0059ab;

	--hgo-color-primary-hover: #f73edc;
	--hgo-color-secondary-hover: #2ebafd;
	--hgo-color-tertiary-hover: #717671;
	--hgo-color-light-hover: #fefeff;
	--hgo-color-dark-hover: #0f7de2;

	--hgo-color-primary-lowkey-5: #f443360d;
	--hgo-color-secondary-lowkey-5: #00adff0d;
	--hgo-color-tertiary-lowkey-5: #5859580d;
	--hgo-color-light-lowkey-5: #f5f6f70d;
	--hgo-color-dark-lowkey-5: #0059ab0d;

	--hgo-color-primary-lowkey-15: #f4433626;
	--hgo-color-secondary-lowkey-15: #00adff26;
	--hgo-color-tertiary-lowkey-15: #58595826;
	--hgo-color-light-lowkey-15: #f5f6f726;
	--hgo-color-dark-lowkey-15: #0059ab26;

	--hgo-color-primary-lowkey-25: #f4433640;
	--hgo-color-secondary-lowkey-25: #00adff40;
	--hgo-color-tertiary-lowkey-25: #58595840;
	--hgo-color-light-lowkey-25: #f5f6f740;
	--hgo-color-dark-lowkey-25: #0059ab40;

	--hgo-color-primary-lowkey-50: #f4433680;
	--hgo-color-secondary-lowkey-50: #00adff80;
	--hgo-color-tertiary-lowkey-50: #58595880;
	--hgo-color-light-lowkey-50: #f5f6f780;
	--hgo-color-dark-lowkey-50: #0059ab80;

	--hgo-color-primary-lowkey-75: #f44336bf;
	--hgo-color-secondary-lowkey-75: #00adffbf;
	--hgo-color-tertiary-lowkey-75: #585958bf;
	--hgo-color-light-lowkey-75: #f5f6f7bf;
	--hgo-color-dark-lowkey-75: #0059abbf;


	--hgo-font-weight-thin: 200;
	--hgo-font-weight-light: 300;
	--hgo-font-weight-normal: 400;
	--hgo-font-weight-medium: 500;
	--hgo-font-weight-bold: 600;
	--hgo-font-weight-black: 900;

	--hgo-mask-skew: 100px;
}

@media (max-width: 900px) {

	:root {
		--hgo-logo-height: 25px;
		--hgo-mask-skew: 50px;
	}

}








/* Body % HTML */

body {
	/*line-height: 1.5;*/
	/*letter-spacing: 0.05em;*/
}








/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: var(--hgo-font-weight-normal);
}








/* Wrap */

.wrap {
	max-width: 1280px;
}








/* Header */

.header {
	/*padding-top: 15px;*/
	/*padding-bottom: 15px;*/
	/*background-color: var(--hgo-color-dark);*/
}








/* Custom Elements */


.custom-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100vw;
	height: 100vh;
}

.custom-body {
	flex: 1 1 auto;
}

.custom-footer {
	flex: 0 0 auto;
}


.custom_ui-progressbar {
	display: flex;

	counter-reset: step;
}
.custom_ui-progressbar li {
	flex: 1 1 0%;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;

	gap: 0.5rem;

	max-width: 100%;

	padding: 0 0.25rem;

	font-size: 0.875rem;
	font-weight: var(--hgo-font-weight-bold);
	line-height: 1.125;
	text-align: center;
	color: var(--hgo-color-gray-lowkey-50);

	list-style-type: none;
}
.custom_ui-progressbar li:before {
	z-index: 20;

	display: flex;
	justify-content: center;
	align-items: center;

	width: 1.75rem;
	height: 1.75rem;

	font-size: 1.125rem;
	font-weight: var(--hgo-font-weight-bold);
	text-align: center;
	line-height: 1.75rem;

	margin-top: 0.5rem;
	margin-bottom: 0.5rem;

	background-color: var(--hgo-color-white);

	border: 2px solid var(--hgo-color-gray-lowkey-50);
	border-radius: 50%;

	content: counter(step);
	counter-increment: step;
}

.custom_ui-progressbar li:after {
	content: '';

	z-index: 10;
	position: absolute;

	top: calc((2.75rem / 2) - 2px);

	width: 100%;
	height: 2px;

	background-color: var(--hgo-color-gray-lowkey-50);
}
html:not([dir="rtl"]) .custom_ui-progressbar li:after { left: -50%; }
html[dir="rtl"] .custom_ui-progressbar li:after { right: -50%; }

.custom_ui-progressbar li:first-child:after {
	content: none;
}

.custom_ui-progressbar li.custom_ui-progressbar-active {
	color: var(--hgo-color-green);
}
.custom_ui-progressbar li.custom_ui-progressbar-active:before {
	content: '✓';
	color: var(--hgo-color-white);
	background-color: var(--hgo-color-green);
	border-color: var(--hgo-color-green);
}
.custom_ui-progressbar li.custom_ui-progressbar-active:after {
	background-color: var(--hgo-color-green);
}

.custom_ui-progressbar li.custom_ui-progressbar-current {
	color: var(--hgo-color-black);
}
.custom_ui-progressbar li.custom_ui-progressbar-current:before {
	width: 2.75rem;
	height: 2.75rem;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.5rem;
	line-height: 2.75rem;
	color: var(--hgo-color-black);
	border-color: var(--hgo-color-black);
}
.custom_ui-progressbar li.custom_ui-progressbar-current:after {
	background-color: var(--hgo-color-black);
}








/*
************************************************************
simpleUplad
************************************************************
*/

.simple_upload-bar {
	width: 100%;
	background-color: var(--hgo-color-white-lowkey-25);
}
.simple_upload-bar-line {
	background-color: var(--hgo-color-green);
	width: 0px;
	height: 4px;
	transition: .25s ease-out;
}







/*
************************************************************
Notyf.js
************************************************************
*/

@-webkit-keyframes notyfjs_a {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes notyfjs_a {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}


@-webkit-keyframes notyfjs_b {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(100%);
	}
}

@keyframes notyfjs_b {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
}

.notyf {
	position: fixed;
	bottom: 60px;
	right: 50%;
	transform: translateX(50%);
	z-index: 999999;
}

.notyf__toast.notyf--default .notyf__wrapper { background: var(--hgo-color-gray); color: var(--hgo-color-white); }

.notyf__message {
	text-align: center;
}