/*!
 * Helper Styles
 * PWA_Shell
 */

@media (min-width: 800px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 800px) {
  .desktop-only {
    display: none !important;
  }
}

.width-100 { width: 100%; }
.width-80 { width: 80%; }

@media (max-width: 600px) {
  .mobile-100 { width: 100%; }
}

@media (max-width: 800px) {
  .small-100 { width: 100%; }
}

@media (max-width: 1000px) {
  .medium-100 { width: 100%; }
}

@media (max-width: 600px) {
  .mobile-hide { display: none; }
}

.line-height-s { line-height: 1.2em; }
.line-height-m { line-height: 1.4em; }
.underline { text-decoration: underline; }
.underline-none { text-decoration: none; }
.nowrap { white-space: nowrap; }
.hidden { display: none !important; }
.inline-block { display: inline-block; }
.block { display: block; }
.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.border-none { border: none !important; }

/* Margins */
.margin-none { margin: 0 !important; }
.margin-t { margin: .25em; }
.margin-s { margin: .5em; }
.margin-m { margin: 1em; }
.margin-l { margin: 3em; }
.margin-g { margin: 4em; }
.margin-right-t { margin-right: .25em; }
.margin-right-s { margin-right: .5em; }
.margin-right-m { margin-right: 1em; }
.margin-right-l { margin-right: 3em; }
.margin-right-g { margin-right: 4em; }
.margin-left-t { margin-left: .25em; }
.margin-left-s { margin-left: .5em; }
.margin-left-m { margin-left: 1em; }
.margin-left-l { margin-left: 3em; }
.margin-left-g { margin-left: 4em; }
.margin-top-t { margin-top: .25em; }
.margin-top-s { margin-top: .5em; }
.margin-top-m { margin-top: 1em; }
.margin-top-l { margin-top: 3em; }
.margin-top-g { margin-top: 4em; }
.margin-bottom-t { margin-bottom: .25em; }
.margin-bottom-s { margin-bottom: .5em; }
.margin-bottom-m { margin-bottom: 1em; }
.margin-bottom-l { margin-bottom: 3em; }
.margin-bottom-g { margin-bottom: 4em; }

/* Padding */
.padding-none { padding: 0; }
.padding-t { padding: .25em; }
.padding-t-top { padding-top: .25em; }
.padding-t-bottom { padding-bottom: .25em; }
.padding-s { padding: .5em; }
.padding-s-top { padding-top: .5em; }
.padding-s-bottom { padding-bottom: .5em; }
.padding-m { padding: 1em; }
.padding-m-top { padding-top: 1em; }
.padding-m-bottom { padding-bottom: 1em; }
.padding-l { padding: 2em; }
.padding-l-top { padding-top: 2em; }
.padding-l-bottom { padding-bottom: 2em; }
.padding-g { padding: 3em; }

/* Alignment */
.center,.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.justify { text-align: justify; }
.float-none { float: none; }
.float-right { float: right; }
.float-left { float: left; }
.float-center { margin: 0 auto; }
.clearing { clear: both; }

/* Text */
.text-tiny { font-size: .8em; }
.text-small { font-size: .9em; }
.text-larger { font-size: 1.2em; }
.text-large { font-size: 1.6em; }
.text-nobold { font-weight: normal; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: bold; }
.text-upper { text-transform: uppercase !important;; }
.text-lower { text-transform: lowercase !important; }
.text-normal { text-transform: none !important; }
.text-capitalize { text-transform: capitalize; }
.text-italic { font-style: italic; }
.text-no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

/* Images */
.img-responsive { width: 100%; height: auto; }