/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://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. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::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; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Hide visually and from screen readers */
.hidden, [hidden] { display: none !important; }

/* Hide only visually, but have it available for screen readers: https://snook.ca/archives/html_and_css/hiding-content-for-accessibility 1. 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; /* 1 */ }

/* 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: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix::before, .clearfix::after { content: " "; display: table; }

.clearfix::after { clear: both; }

/* MAIN CSS */
nav { background-color: #f1f1f1; padding: 1em 0 1em 0; position: relative; width: 100%; top: 0; text-align: center; }

nav ul { padding: 0; list-style: disc; padding-left: 3em; }

nav ul li { display: inline-block; padding: 3px; line-height: 2.5em; border-radius: 5px; border: 2px solid #fbb35a; }

nav ul li a { border: 0; text-decoration: none; text-transform: uppercase; font-weight: 400; color: #777; outline: 0; display: block; }

nav ul li:hover { background-color: rgba(253, 242, 137, 0.2); }

nav ul li:last-child { padding-right: 0; }

header { padding: 1em 0 0.5em 0; text-align: center; background-color: #fff; }

header h1 { margin: 0; }

body { background-color: #bfe1e5; }

footer { text-align: center; margin-top: 5em; color: #999; font-size: 0.9em; background-color: #fff; padding: 00.5em; }

footer ul { list-style: none; margin: 0; }

.airbnb-embed-frame { max-width: 100%; overflow: hidden; }

.row { font-family: 'Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif'; max-width: 75em; margin: auto; display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; justify-content: center; }

.row h2, .row h3 { text-align: center; }

.row .col-12 { width: 100%; }

.row section:not(.row) { border: 2px solid #fbb35a; background-color: rgba(253, 242, 137, 0.6); border-radius: 1em; margin: 2px; max-width: 90%; }

.feature { width: 100%; max-width: 450px; border-radius: 5px, 5px; margin: auto; display: block; }

.ul-features { text-align: center; list-style: none; padding: 0; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media only screen and (min-width: 58em) { /* Style adjustments for viewports that meet the condition */ .col-6-wide { width: 45%; } }

/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
@media print { *, *::before, *::after { background: #fff !important; color: #000 !important; /* Black prints faster */ 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: https://web.archive.org/web/20180815150934/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; } }

/*# sourceMappingURL=styles.css.map */