/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}

a
{
	outline: 0;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
	color: var(--root_color_a);
/*	font-weight: normal; */
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent; /* for some androids */
}

a:hover
{
	color: var(--root_color_a_hover);
}

button
{
	outline: 0;
	border: 0;
	cursor: pointer;
	display: block;
	background-color: transparent;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

input
{
	outline: 0;
	border: 0;
	display: block;
	background-color: transparent;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

path
{
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

body > #all_page, /* :not(.pace), */
body > .wordpress-gdpr-popup, /* :not(.pace), */
body:before,
body:after
{
/*	transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity: 1;
	height: auto;
	overflow: hidden;*/
}

body:not(.pace-done) > #all_page, /* :not(.pace), */
body:not(.pace-done) > .wordpress-gdpr-popup, /* :not(.pace), */
body:not(.pace-done):before,
body:not(.pace-done):after
{
/*	height: 0; */
/*	opacity: 0;
	height: 100vh;
	overflow: hidden; */
}

html
{
	font-family: var(--root_font_family);
	font-size: var(--root_font_size);
	font-weight: var(--root_font_weight);
	line-height: var(--root_line_height);
	letter-spacing: var(--root_letter_spacing);
	color: var(--root_color_dark);
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--global_header_height_scroll) - var(--global_size_75) + var(--global_size_20));
}

html,
*
{
	scrollbar-width: thin;
	scrollbar-color: var(--root_color_black) var(--root_color_light);
/*	user-select: none; */
}

/* WebKit and Chromiums */
::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
	background-color: var(--root_color_light);
}

::-webkit-scrollbar-thumb
{
	background-color: var(--root_color_black);
	border-radius: 0;
}

html, body
{
	width: 100%;
/*	height: 100%; */
}

body
{
	background-color: var(--root_color_light);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.is_css_o_hidden
{
	overflow: hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	display: block;
}

nav ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: "";
	content: none;
}

/* change colours to suit your needs */
ins
{
	background-color: #ff9ff9;
	color: #000000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark 
{
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}

del
{
	text-decoration: line-through;
}

abbr[title], dfn[title]
{
	border-bottom: 1px dotted;
	cursor: help;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #333f48;
	margin: 1em 0;
	padding: 0;
}

input, select
{
	vertical-align: middle;
	background-color: transparent;
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
	html,
	*
	{
		scrollbar-width: thin;
		scrollbar-color: transparent var(--root_color_light);
	}

	/* WebKit and Chromiums */
	::-webkit-scrollbar
	{
		width: 2px;
		background-color: var(--root_color_light);
	}

	::-webkit-scrollbar-thumb
	{
		background-color: transparent;
		border-radius: 0;
	}
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}