/** Colors */

/** Box Model  */

/*
MAIN SPACING MIXIN - PLEASE USE FOR CONSISTENCY
This mixin is for responsive spacing. 
It is designed to replicate the basic usage for padding and margin except will not take %. 
You otherwise can use variables, px values, or auto (margin type only).
At smaller sizes the mixin will compare the calculated value to a minimum value variable and make sure there is a minimum of space (unless set to 0).
USAGE:
default: setting the type to padding or margin is the only required info.
The amount of space will default to $spaceBase unless otherwise set.
The rate of decrease per breakpoint change will default to $respRatio.
@include space(padding);
@include space(margin);
Examples:
@include space(margin,$halfSpaceBase,auto);
Note: to customize the ration you will need to supply all of the preceding options?
@include space(padding,100px,60px,100px,60px,.7);
See more use cases below the mixin declaration when we set some custom classes to use this.
*/

/* line 2, resources/assets/styles/common/_a11y.scss */

:focus-visible {
  outline: 0;
}

/* line 7, resources/assets/styles/common/_a11y.scss */

html[data-whatintent="keyboard"] :focus {
  outline: #c89432 solid 4px !important;
  outline-offset: 4px;
}

/* line 12, resources/assets/styles/common/_a11y.scss */

html[data-whatintent="keyboard"] [type="checkbox"]:focus + label {
  border: 3px solid #c89432 !important;
}

/* line 18, resources/assets/styles/common/_a11y.scss */

.sr-only {
  height: 1px;
  left: rem-calc(-10000);
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

/* line 28, resources/assets/styles/common/_a11y.scss */

.show-for-sr,
.show-on-focus {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

/* line 37, resources/assets/styles/common/_a11y.scss */

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/* line 3, stdin */

.headroom #siteHeader {
  position: absolute;
  width: 100%;
}

@media (min-width: 768px) {
  /* line 8, stdin */

  .headroom #headerMain.position-absolute {
    position: absolute;
    width: 100%;
  }
}

@media (max-width: 991px) {
  /* line 15, stdin */

  .headroom #headLogo {
    padding: 10px;
  }
}

/* line 23, stdin */

.headroom--pinned #topBar {
  transform-origin: bottom center;
  transition: all 0.35s ease-in-out;
  transform: translate(0, 0) scale(1, 1);
  overflow: visible;
  margin-top: 0;
}

/* line 36, stdin */

.headroom--unpinned #topBar {
  transform-origin: bottom center;
  transition: all 0.35s ease-in-out;
  margin-top: -35px;
  overflow: hidden;
  opacity: 1;
}

@media (min-width: 768px) {
  /* line 46, stdin */

  .headroom--unpinned header.topBarAbsolute #topBar.bgTransparent + #headerMain.position-absolute {
    top: 0;
  }
}

@media (min-width: 768px) {
  /* line 54, stdin */

  .headroom--unpinned header.topBarAbsolute:not(.headerMainAbsolute) #headerMain {
    top: 0;
  }
}

/* line 67, stdin */

.headroom--not-top #siteHeader {
  transform-origin: center top;
  position: fixed !important;
  width: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3);
}

/* line 77, stdin */

.headroom--not-top #headerMain {
  flex-direction: row !important;
}

/* line 79, stdin */

.headroom--not-top #headerMain #headLogo:not(.commLogo) {
  transition: all 0.35s ease-in-out;
}

/* line 85, stdin */

.headroom--not-top #headerMain #headLogo:not(.commLogo) a {
  transition: all 0.35s ease-in-out;
  height: 70px !important;
}

/* line 91, stdin */

.headroom--not-top #headerMain:not(.position-absolute) nav {
  transition: background-color 0.35s ease-in-out;
}

@media (min-width: 992px) {
  /* line 99, stdin */

  .headroom--not-top header.topBarAbsolute + .pgMiddle {
    margin-top: 0 !important;
  }

  /* line 102, stdin */

  .headroom--not-top header:not(.topBarAbsolute) + .pgMiddle {
    margin-top: 0 !important;
  }
}