@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* line 18, app/assets/stylesheets/application.scss */
:root {
  background-color: white;
  font-family: sans-serif;
}

/* line 23, app/assets/stylesheets/application.scss */
body {
  margin: 0;
}

/* line 28, app/assets/stylesheets/application.scss */
a[href^="tel"], a[href^="mailto"] {
  color: inherit;
  text-decoration: none;
}

/* line 36, app/assets/stylesheets/application.scss */
a[href^="mailto"]::before {
  content: "📧 ";
}

/* line 43, app/assets/stylesheets/application.scss */
a[href^="tel"]::before {
  content: "📞 ";
}

/* line 48, app/assets/stylesheets/application.scss */
.definitely-shown-to-the-user {
  display: none;
}

/* line 53, app/assets/stylesheets/application.scss */
header {
  text-align: center;
}

/* line 57, app/assets/stylesheets/application.scss */
.header-title {
  background-color: #9daebd;
  margin: 0;
  padding: 1em;
}

/* line 64, app/assets/stylesheets/application.scss */
img.banner {
  width: 100%;
  display: block;
}

/* line 71, app/assets/stylesheets/application.scss */
nav.main-navbar ol {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

/* line 78, app/assets/stylesheets/application.scss */
nav.main-navbar ol li {
  display: inline-block;
  flex-grow: 1;
  border-left: 1px black solid;
  border-right: 1px black solid;
}

/* line 86, app/assets/stylesheets/application.scss */
nav.main-navbar ol li a {
  text-decoration: none;
  color: black;
  font-size: large;
  background-color: #9daebd;
  padding: 1em;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

/* line 99, app/assets/stylesheets/application.scss */
nav.main-navbar ol a:hover {
  background-color: lightblue;
}

@media (max-width: 500px) {
  /* line 104, app/assets/stylesheets/application.scss */
  nav.main-navbar ol {
    flex-direction: column;
  }
}

/* line 111, app/assets/stylesheets/application.scss */
footer, .main-grid {
  display: grid;
  grid-template-columns: auto fit-content(100%) auto;
}

/* line 115, app/assets/stylesheets/application.scss */
footer .grid-main-content, .main-grid .grid-main-content {
  grid-column: 2;
  max-width: 100em;
}

@media (min-width: 800px) {
  /* line 135, app/assets/stylesheets/application.scss */
  main section {
    margin: 1em;
  }
}

/* line 141, app/assets/stylesheets/application.scss */
h2,
h3 {
  text-align: center;
}

/* line 146, app/assets/stylesheets/application.scss */
main section {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 165, app/assets/stylesheets/application.scss */
main section > * {
  flex-grow: 1;
}

/* line 171, app/assets/stylesheets/application.scss */
main section .section-img-container {
  height: 25em;
  flex-grow: 0;
  max-height: 75vw;
}

/* line 187, app/assets/stylesheets/application.scss */
main section .section-img-container.split-horiz img:first-child:nth-last-child(2), main section .section-img-container.split-horiz img:first-child:nth-last-child(2) ~ img {
  max-width: 50%;
}

/* line 199, app/assets/stylesheets/application.scss */
main section .section-img-container.wide-images {
  display: grid;
  flex-grow: 1;
  height: unset;
  max-height: unset;
  flex-basis: 20em;
  grid-template-rows: 1fr 1fr;
}

/* line 207, app/assets/stylesheets/application.scss */
main section .section-img-container.wide-images img {
  width: 100%;
}

/* line 215, app/assets/stylesheets/application.scss */
main section > h3 {
  grid-column: 2;
  grid-row: 1;
}

/* line 220, app/assets/stylesheets/application.scss */
main section > div {
  background-color: #3c3c3c;
  color: white;
  box-sizing: border-box;
}

/* line 225, app/assets/stylesheets/application.scss */
main section > div a {
  color: cyan;
}

/* line 231, app/assets/stylesheets/application.scss */
main section .title-and-description, main section .section-description {
  padding: 1em;
  max-width: 100%;
  flex-basis: 30em;
  flex-grow: 1;
}

/* line 241, app/assets/stylesheets/application.scss */
main section img {
  max-height: 100%;
  max-width: 100%;
}

/* line 254, app/assets/stylesheets/application.scss */
footer {
  background-color: steelblue;
  font-weight: bold;
  padding: 2em;
}