@charset "UTF-8";
/*
  W11 CSS, by Eric Dub├®
  Opinionated extensions for the w3.css CSS framework, designed to be a
  on-class-fixes-all solution to common layout problems when using w3.css, with
  a potential sacrifice in flexibility with other styles.
*/
.w11-fixHeight {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch; }

.w11-fixHeight > * {
  position: relative; }

/* "direct child of container or any w3-quarter" */
.w11-fixHeight .w3-card, .w11-fixHeight .w3-card-2, .w11-fixHeight .w3-card-4 {
  height: 100%; }

.w11-fixHeight > * > .card,
.w11-fixHeight .w3-quarter > .w3-card {
  height: 100%; }

.w11-circle {
  border-radius: 50%; }

.w11-fixResponsive.w3-row {
  margin-bottom: -5%; }

.w11-fixResponsive .w3-quarter {
  margin-bottom: 5%; }
  @media (min-width: 601px) {
    .w11-fixResponsive .w3-quarter {
      width: 50%; }
      .w11-fixResponsive .w3-quarter .w3-card-4 {
        max-width: 500px; } }
  @media (min-width: 1600px) {
    .w11-fixResponsive .w3-quarter {
      width: 24.33333%; } }

.w11-fixResponsive .w3-half {
  width: 100%;
  margin-bottom: 5%; }
  .w11-fixResponsive .w3-half .w3-card-4, .w11-fixResponsive .w3-half .w11-mx500 {
    max-width: 500px; }
  @media (min-width: 801px) {
    .w11-fixResponsive .w3-half {
      width: 50%; } }
  @media (min-width: 1600px) {
    .w11-fixResponsive .w3-half {
      width: 50%; } }

.w11-centerCards .w3-container {
  text-align: center; }
  .w11-centerCards .w3-container .w3-card-4 {
    display: inline-block; }

.w11-image {
  margin: 15px;
  display: inline-block;
  width: calc(100% - 30px);
  background-size: cover;
  border: 1px solid black; }
  .w11-image.aspect-3x2 {
    padding-top: 66.66%; }
  .w11-image.aspect-1x1 {
    padding-top: 100%; }
    .w11-image.aspect-1x1.aspect-quirk {
      /* fixes a quirk where aspect can be half off */
      padding-top: 85%; }
      @media (min-width: 401px) {
        .w11-image.aspect-1x1.aspect-quirk {
          padding-top: 90%; } }
      @media (min-width: 601px) {
        .w11-image.aspect-1x1.aspect-quirk {
          padding-top: 92%; } }
  .w11-image.w11-deep {
    margin: 30px;
    width: calc(100% - 60px); }
    .w11-image.w11-deep.aspect-1x1 {
      padding-top: calc(100% - 60px); }

.w11-shrinkwrap {
  text-align: center; }
  .w11-shrinkwrap > * {
    display: inline-block;
    width: 70%; }
    @media (min-width: 801px) {
      .w11-shrinkwrap > * {
        min-width: 800px; } }

.w11-titleCard {
  text-align: center; }
  .w11-titleCard > h1 {
    display: inline-block;
    margin: 0;
    padding: 8pt 60pt;
    /* shadow settings copied from w3 */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.w11-easyForm {
  padding: 7px; }
  .w11-easyForm input[type=text] {
    border: 1px solid #ccc;
    padding: 8px; }
  .w11-easyForm textarea {
    margin: 7px;
    width: calc(100% - 14px); }
  .w11-easyForm .w11-fields-half {
    display: flex;
    flex-wrap: wrap; }
    .w11-easyForm .w11-fields-half input {
      margin: 7px;
      flex-basis: calc(100% - 14px); }
      @media (min-width: 800px) {
        .w11-easyForm .w11-fields-half input {
          flex-basis: calc(50% - 14px); } }
  .w11-easyForm .w11-fields-full textarea {
    width: calc(100% - 14px); }
  .w11-easyForm .w11-fields-center {
    text-align: center; }
    .w11-easyForm .w11-fields-center button {
      margin: 7px; }

.w11-prettyBlurCards .w3-card-4 {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px); }