/* Dynamic Art and Text - DATflatbase18.css       */
/* Reset to base CSS - import once into other CSS */
/* Edited 2018 - 1st April 2018 -- based on:      */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */


/* Document
   ========================================================================== */
html { line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ }


/* Sections
   ========================================================================== */
body { margin: 0; /* Remove the margin in all browsers */ }

p {margin: 0;}

h1 { font-size: 2em; margin: 0.67em 0; /* Correct the font size and margin on 'h1' elements within 'section' and
 'article' contexts in Chrome, Firefox, and Safari */ } 

hr {  box-sizing: content-box; height: 0; /* 1. Add the correct box sizing in Firefox. */
  overflow: visible; /* 2. Show the overflow in Edge and IE. */ }


/* Text level semantics
   ========================================================================== */
a {  background-color: transparent; } /* Remove the gray background on active links in IE 10. */

abbr[title] {  border-bottom: none; /* 1. Remove the bottom border in Chrome 57 */
  text-decoration: underline; text-decoration: underline dotted; /* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */}

b, strong {  font-weight: bolder;} /* Add the correct font weight in Chrome, Edge, and Safari. */

pre, code, kbd, samp {  font-family: monospace, monospace; /* 1. Correct the inheritance and scaling of font size in all browsers. */
  font-size: 1em; /* 2. Correct the odd `em` font sizing in all browsers. */}

small {  font-size: 80%;} /* Add the correct font size in all browsers. */


/* Prevent 'sub' and 'sup' elements from affecting the line height in all browsers */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; } /* end group comment */

/* Embedded content
   ========================================================================== */

img {  border-style: none;} /* Remove the border on images inside links in IE 10. */


/* Forms
   ========================================================================== */
button, input, optgroup, select, textarea {  font-family:inherit; font-size:100%; line-height:1.15; /* 1. Change the font styles in all browsers. */
  margin: 0; /* 2. Remove the margin in Firefox and Safari */ }

/* Show the overflow in IE. Then (*1) Show the overflow in Edge */
button, input { /* 1 */ overflow: visible; }

/* Remove the inheritance of text transform in Edge, Firefox, and IE.
Then (*1) Remove the inheritance of text transform in Firefox */
button, select { /* 1 */ text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {  -webkit-appearance: button; } /* Correct the inability to style clickable types in iOS and Safari. */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {   border-style: none;  padding: 0; } /* Remove the inner border and padding in Firefox. */

/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; /* Correct the padding in Firefox */ }

/* 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers */
legend {  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
} /* end group comments */

progress { vertical-align: baseline; /* Add the correct vertical alignment in Chrome, Firefox, and Opera */ }
textarea { overflow: auto; /* Remove the default vertical scrollbar in IE 10+  */ }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* Add the correct box sizing in IE 10 */
  padding: 0; /* Remove the padding in IE 10 */ }

[type="number"]::-webkit-inner-spin-button, 
[type="number"]::-webkit-outer-spin-button { height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */ }

[type="search"] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */ }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Remove the inner padding and cancel buttons in Chrome and Safari on macOS */ }


::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to 'inherit' in Safari */ }


/* Interactive
   ========================================================================== */
details {  display: block; } /* Add the correct display in Edge, IE 10+, and Firefox. */

summary { display: list-item; } /* Add the correct display in all browsers */


/* Misc
   ========================================================================== */
template {   display: none; } /* Add the correct display in IE 10+ */

[hidden] {  display: none; } /* Add the correct display in IE 10 */



/* ==========================================================================
              DAT SPECIFIC : Additional RESETS (anakowi-style)
   ========================================================================== */
h1,h2,h3,h4,h5,h6 { margin:0;padding:0; font-weight:normal; }
ul,ol,li,hr {margin:0; padding:0;}
ul {list-style-type:none;}

/* ==========================================================================
              LINKS
   ==========================================================================
/* apply link-states (psuedo classes) in the following order...
	a: (global attributes) | :link (unvisited) | :visited |  :hover  |  :focus |  :active (active MUST be last).
 * text-decoration: none – ensures links more legible when in a hovered, focus or active state
 * a:focus and :focus help keyboard users (make sure users have a visual clue of the element's state).
 * outline:none is used with the pseudo-class :active to avoid the sticky outline when link clicked but not followed (not supported by IE which treats :active and :focus the same)  */

a {text-decoration: none;}
a:focus,:focus {outline: 1px dotted #000;}
a:active {outline:none;}


/* last update: 1st April 2018 */