/** 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;
}

/* Specific In Page Share Styles */

/* line 3, stdin */

#share-wrap {
  position: relative;
  display: flex;
  justify-content: flex-start;
  z-index: 9;
  flex-shrink: 0;
}

/* line 10, stdin */

#socialLinks {
  position: relative;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 16, stdin */

#socialLinks > * {
  flex-shrink: 0;
  flex-grow: 0;
}

/* line 20, stdin */

#socialLinks > *:not(span) {
  border: none;
  padding: 0;
  display: block;
  background: none;
  letter-spacing: 1px;
  text-decoration: none;
  height: 35px;
  width: 35px;
  text-align: center;
  margin-right: 5px;
}

/* line 31, stdin */

#socialLinks > *:not(span) .textSocial {
  opacity: 0;
  transform-origin: left;
  display: inline-block;
  width: 0;
  transform: scale(0, 1);
  text-indent: -999999999999px;
}

/* line 40, stdin */

#socialLinks .ss-text {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding: 0 10px;
  float: left;
  pointer-events: none;
  text-transform: uppercase;
}

/* line 49, stdin */

#socialLinks .textIcon {
  height: 35px;
  width: 35px;
  margin-bottom: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}