/* Browser style reset ======================================== */ /* Display block for HTML5 elements */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* Media elements */ audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } /* Base settings */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } /* Focus states */ a:focus { outline: thin dotted; } /* Hover & Active */ a:hover, a:active { outline: 0; } /* Typography */ sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Images */ img { /* Responsive images */ max-width: 100%; height: auto; vertical-align: middle; border: 0; } /* Prevent max-width from affecting maps */ .map-canvas img, .google-maps img { max-width: none; } /* Forms */ button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; appearance: button; cursor: pointer; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; vertical-align: top; } /* Print styles */ @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-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 for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }