/* ----------------------------------------------------------------------
/* TABLE OF CONTENTS
** general styles and classes
** page container, width block container, top-level elements
** center block column splitters
** title block section with logo and menu
** dropdown menu
** language selector menu
** footer block section with links and copyright
** body block section (inside the centered block)
** login, signup and other proper forms
** dashboard items
** social login buttons
** long text sections (t&c, signup message, etc)
** validation subpage
** account settings block and similar blocks
** preloader block
** nooblib components
** base font size for different screen resolutions
** ----------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------
** general styles and classes
** ----------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------
** page container, width block container, top-level elements
** ----------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------
** center block column splitters
** ----------------------------------------------------------------------
*/
.foot_splitter {
	display: block;
	}
.foot_splitter > div {
	display: block;
	}

/* ----------------------------------------------------------------------
** title block section with logo and menu
** ----------------------------------------------------------------------
*/
.title_links {
	display: block;
	}
.title_links > div {
	display: block;
	}
.title_menu {
	display: flex;
	width: 100%;
	justify-content: flex-end;
/*	text-align: right; */
	}
.title_menu > a, .title_menu > span {
	padding: 0.2rem 0.8rem;
	}

/* ----------------------------------------------------------------------
** dropdown menu
** ----------------------------------------------------------------------
*/
.user_menu {
	background: transparent;
	}

.dropdown_arrow {
	padding: 0.2rem 0.6rem 0.2rem 0.2rem;
	}


/* ----------------------------------------------------------------------
** body block section (inside the centered block)
** ----------------------------------------------------------------------
*/
.body_inner {
	padding: 0.4rem;
	}

/* ----------------------------------------------------------------------
** language selector hook and menu
** ----------------------------------------------------------------------
*/
.lang_list > li {
	line-height: 125%;
	}

.lang_item > span {
	padding: 0.25rem;
	}


/* ----------------------------------------------------------------------
** footer block section with links and copyright
** ----------------------------------------------------------------------
*/
.foot_links, .foot_copy {
	font-size: 0.75rem;
	text-align: center;
	padding: 0rem;
	}
.foot_links > nav {
	}
.foot_links > nav > a {
	display: inline-block;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	}

/* ----------------------------------------------------------------------
** login, signup and other proper forms
** ----------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------
** dashboard items
** ----------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------
** social login buttons
** ----------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------
** long text sections (t&c, signup message, etc)
** ----------------------------------------------------------------------
*/
.testacc_list {
	column-count: 2;
	}

/* ----------------------------------------------------------------------
** account settings block and similar blocks
** ----------------------------------------------------------------------
*/
.overlay_cont {
	padding: 0.4rem;
	}

/* ----------------------------------------------------------------------
** 320px - 359px wide
** ----------------------------------------------------------------------
*/
@media (min-width: 300px) and (max-width:359px) {
html {
	font-size: 12px;
	}
}

/* ----------------------------------------------------------------------
** 360px - 399px wide
** ----------------------------------------------------------------------
*/
@media (min-width: 360px) and (max-width:399px) {
html {
	font-size: 14px;
	}
}

/* ----------------------------------------------------------------------
** 400px - 479px wide (mobile)
** ----------------------------------------------------------------------
*/
@media (min-width: 400px) and (max-width:479px) {
html {
	font-size: 16px;
	}
}

/* ----------------------------------------------------------------------
** 480px - 599px wide (mobile)
** ----------------------------------------------------------------------
*/
@media (min-width: 480px) and (max-width:599px) {
html {
	font-size: 20px;
	}
}

/* ----------------------------------------------------------------------
** 600px - 719px wide (tablet)
** ----------------------------------------------------------------------
*/
@media (min-width: 600px) and (max-width:719px) {
html {
	font-size: 24px;
	}
}

/* ----------------------------------------------------------------------
** 720px - 1023px wide (tablet)
** ----------------------------------------------------------------------
*/
@media (min-width: 720px) and (max-width:1023px) {
html {
	font-size: 30px;
	}
}

/* ----------------------------------------------------------------------
** 1024px - onward (tablet)
** ----------------------------------------------------------------------
*/
@media (min-width: 1024px) {
html {
	font-size: 36px;
	}
}