/*

ABOUT

	Reset - setup default styles for most elements

VERSION

	1.0.1 (201808011020)

AUTHOR

	azbitnev@gmail.com

LICENSE

	The MIT License (MIT)

*/


/*
- sets the border-box to box sizing for any elements, so borders and paddings don't affect the set dimensions
- sets inheritance of font (size and family) and height of line for all elements
*/

body, html { box-sizing: border-box; }

*, *:before, *:after {
	box-sizing: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	user-select: inherit;
}

/*
- sets default font, size of text and line-height
*/

body {
	font-size: 14px;
	font-family: 'Open Sans', 'Roboto', 'Arial', sans-serif;
	line-height: 1.5;
}

code {
	font-family: 'Consolas', monoscape;
}

/*
- remove margins, paddings, and sets width of borders and outlines to 0.
*/

html, body, div, p, h1, h2, h3, h4, h5, h6, hr, dl, dt, dd, ol, ul, li,
figure, pre, section, article, header, footer, aside, blockquote, nav,
table, caption, td, th, form, iframe {
	margin: 0;
	padding: 0;
	border-width: 0;
	outline-width: 0;
	display: block;
}

/*
- address is an inline element which inherits font styles
*/

address {
	font-style: inherit;
	display: inline;
}

/*
- allow to scroll contents of preformatted elements
*/

pre {
	max-width: 100%;
	overflow: auto;
}

/*
- sets default forms of quotes for dirrerent lanquages
*/

*:lang(de) q { quotes: "\201E" "\201C"; }
*:lang(en) q { quotes: "\201C" "\201D"; }
*:lang(fr) q, html:lang(ru) q { quotes: "\00AB" "\00BB"; }

q:lang(de) { quotes: "\201E" "\201C" !important; }
q:lang(en) { quotes: "\201C" "\201D" !important; }
q:lang(fr), q:lang(ru) { quotes: "\00AB" "\00BB" !important; }

/*
- reduce width of media elements to maximum width of container.
*/

img, embed, object, audio, video {
	max-width: 100%;
}

/*
- sets width of border to 0 for media links.
*/

a > img, a > embed, a > object, a > audio, a > video {
	border-width: 0;
}

/*
- sets default cursor for buttons and links.
*/

button, a {
	cursor: pointer;
}

/*
- remove outlines for input elements
*/

input, textarea, select, button, a {
	outline-width: 0;
	margin: 0;
}

input:focus, textarea:focus, select:focus, button:focus, a:focus,
input:active, textarea:active, select:active, button:active, a:active {
	outline-width: 0;
}

/*
- restore styles of lists
*/

ul, ol { margin-left: 4em; }
li { display: list-item; }

/*
- restore styles for tables
*/

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

caption, td, th {
	text-align: left;
	display: table-cell;
}

caption {
	display: table-caption;
}