/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./themes/ifcc/src/sass/frontend.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Breakpoints & Media Queries
 */
/**
 * Breakpoint mixins
 */
/**
 *
 * Helper Mixins
 *
 */
/*

.foo {
    color: blue;
    a {
        color: red;
        @at-root .bar { color: green; }
    }
}

This would compile to:

.foo { color: blue; }
.foo a { color: red; }
.bar.foo a { color: green; }

*/
/*
// Use
.grandparent {
  .parent{
      .child {
        font-size: 1em;
          @include parent {
            font-size: 0px;
          }
      }
  }
}

// Result
.grandparent .parent .child {
  font-size: 1em;
}
.grandparent .parent {
  font-size: 0px;
}

// Errors:
.root {
  @include parent {
    content: "Won't work";
  }
}
.grandparent .parent, .root {
  @include parent {
    content: "Also won't work";
  }
}
*/
.site-sidebar {
  transition: margin-left 300ms ease-in-out;
}
@media only screen and (max-width: 959px) {
  .site-sidebar {
    margin-left: -200px !important;
  }
  .site-sidebar {
    max-width: 200px;
  }
}

/* Spread a box around the parent to cover it with the link */
.is-stretched-link-container,
.position-relative {
  position: relative;
}

.is-stretched-link > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/**
 * Breakpoints & Responsiveness
 */
@media only screen and (max-width: 599px) {
  .hide-mobile {
    display: none;
  }
}

@media only screen and (max-width: 781px) {
  .hide-tablet {
    display: none;
  }
}

@media only screen and (min-width: 600px) {
  .show-mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 782px) {
  .show-tablet {
    display: none !important;
  }
}

@media only screen and (max-width: 599px) {
  .collapse-mobile {
    max-height: 0px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 781px) {
  .collapse-tablet {
    max-height: 0px;
    overflow: hidden;
  }
}

.hide-empty:empty, .hide-empty:has(> div:empty) {
  display: none;
}

.hide-all {
  display: none;
}

.hide-frontend {
  display: none !important;
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 600px) {
  .desktop-only {
    display: block;
  }
}

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