/*! HTML5 Boilerplate v7.0.1 | MIT License | html5boilerplate.com/ */

/* main.css 1.0.0 | MIT License | github.com/h5bp/main.css#readme */ /*

* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================

Base styles: opinionated defaults
========================================================================== */

html {
 color: #222;
 font-size: 1em;
 line-height: 1.4;

}

/*

* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/

::selection {

background: #b3d4fc;
text-shadow: none;

}

/*

* A better looking default horizontal rule
*/

hr {

display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;

}

/*

* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

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;

}

/* ==========================================================================
  Author's custom styles
  ========================================================================== */

/* ==========================================================================
  Helper classes
  ========================================================================== */

/*

* Hide visually and from screen readers
*/

.hidden {
 display: none !important;

}

/*

*

*/

.visuallyhidden {

border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap; /* 1 */

}

/*

*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit;

}

/*

*/

.invisible {

visibility: hidden;

}

/*

*

*/

.clearfix:before, .clearfix:after {

content: " "; /* 1 */
display: table; /* 2 */

}

.clearfix:after {

clear: both;

}

/* ==========================================================================

EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
 /* Style adjustments for viewports that meet the condition */

}

@media print,

   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 1.25dppx),
   (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */

}

/* ==========================================================================

Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
 *,
 *:before,
 *:after {
     background: transparent !important;
     color: #000 !important; /* Black prints faster */
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-shadow: none !important;
 }

 a,
 a:visited {
     text-decoration: underline;
 }

 a[href]:after {
     content: " (" attr(href) ")";
 }

 abbr[title]:after {
     content: " (" attr(title) ")";
 }

 /*
  * Don't show links that are fragment identifiers,
  * or use the `javascript:` pseudo protocol
  */

 a[href^="#"]:after,
 a[href^="javascript:"]:after {
     content: "";
 }

 pre {
     white-space: pre-wrap !important;
 }
 pre,
 blockquote {
     border: 1px solid #999;
     page-break-inside: avoid;
 }

 /*
  * Printing Tables:
  * http://css-discuss.incutio.com/wiki/Printing_Tables
  */

 thead {
     display: table-header-group;
 }

 tr,
 img {
     page-break-inside: avoid;
 }

 p,
 h2,
 h3 {
     orphans: 3;
     widows: 3;
 }

 h2,
 h3 {
     page-break-after: avoid;
 }

}