/**
 * This stylesheet is RENDER-BLOCKING
 *
 * @format
 */

/* Only add priority styles that occur near the top of the page and/or prevent page jitter */

/*
CORE
HEADER
MENUS
BANNER
PRIORITY
*/

/*******************************************************************************************
CORE - Top-level styling
*******************************************************************************************/

main img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

/* CORE > Priority Utility Classes */
.no-float {
  float: none;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-min-height {
  min-height: 0;
}

img.responsive-img,
.responsive-img img {
  max-width: 100%;
  height: auto;
}

.position-static,
.static {
  position: static !important;
}

.position-relative,
.relative {
  position: relative !important;
}

.position-absolute,
.absolute {
  position: absolute;
}

.full-width {
  width: 100% !important;
}

.full-height {
  height: 100%;
}

.visually-hidden {
  border: none !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.no-background {
  background: none !important;
}

.animate-in-view,
.opacity0 {
  opacity: 0;
}
.opacity1 {
  opacity: 1 !important;
}

.hide {
  display: none !important;
}

em {
  font-style: italic !important;
}

.small-margin-left {
  margin-left: 10px;
}

.small-margin-right {
  margin-right: 10px;
}

@media (min-width: 768px) {
  .hide-for-medium {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0px), screen and (min-width: 768px) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 767px), screen and (min-width: 1025px) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .show-for-large {
    display: none !important;
  }
}
