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

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

/* Render the `main` element consistently in IE. */
main{display: block;}

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

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

/* Correct the inheritance and scaling of font size in all browsers. */
pre {font-family: monospace, monospace;font-size: 1em;}

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

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

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

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

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

/* 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;}

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

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

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

/* Remove the inheritance of text transform in Edge, Firefox, and IE. */
button,select {text-transform: none;}
/* Correct the inability to style clickable types in iOS and Safari. */
button,[type="button"],[type="reset"],[type="submit"] {
  -webkit-appearance: button;
}

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

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

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

/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}

/* Remove the default vertical scrollbar in IE 10+. */
textarea {overflow: auto;}

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

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

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

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

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

/* Add the correct display in Edge, IE 10+, and Firefox. */
details {display: block;}
/* Add the correct display in all browsers. */
summary {display: list-item;}
/* Add the correct display in IE 10+. */
template{display: none;}
/* Add the correct display in IE 10. */
[hidden] {display: none;}

/* Remove text-shadow in selection highlight. */
::-moz-selection {text-shadow: none;}
::selection {text-shadow: none;}
/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: */
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
/* Remove default fieldset styles. */
fieldset{border: 0;margin: 0;padding: 0;}
/* Allow only vertical resizing of textareas. */
textarea{resize: vertical;}
/* Browser Upgrade Prompt */
.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
* For long content, line feeds are not interpreted as spaces and small width causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.sr-only {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;}
/*
* Extends the .sr-only class to allow the element to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.sr-only.focusable:active,.sr-only.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;white-space: inherit;width: auto;}

/* Hide visually and from screen readers, but maintain layout */
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
