@font-face {
    font-display: swap;
    font-family: 'Brandon Grotesque';
    font-style: normal;
    font-weight: 300;
    src: local('Brandon Grotesque Light'), url('/admin-dashboard/static/fonts/Brandon_light.woff') format('woff');
}
@font-face {
    font-display: swap;
    font-family: 'Brandon Grotesque';
    font-style: italic;
    font-weight: 300;
    src: local('Brandon Grotesque Light Italic'), url('/admin-dashboard/static/fonts/Brandon_light_it.woff') format('woff');
}
@font-face {
    font-display: swap;
    font-family: 'Brandon Grotesque';
    font-style: normal;
    font-weight: 400;
    src: local('Brandon Grotesque Regular'), url('/admin-dashboard/static/fonts/Brandon_reg.woff') format('woff');
}
@font-face {
    font-display: swap;
    font-family: 'Brandon Grotesque';
    font-style: normal;
    font-weight: 700;
    src: local('Brandon Grotesque Bold'), url('/admin-dashboard/static/fonts/Brandon_bld.woff') format('woff');
}
html {
    box-sizing: border-box;
    height: 100%;
    letter-spacing: 0.02rem;
    line-height: 1.3;
    font-size: 62.5%;
    font-weight: 300;
}
body {
    background-color: #fff;
    color: rgb(75, 75, 75);
    font-family: "Brandon Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.9rem;
    min-height: 100%;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
button,
input,
optgroup,
select,
textarea {
    color: rgb(72,72,72);
    font-family: "Brandon Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.9rem;
    letter-spacing: 0.02rem;
    line-height: 1.15;
}
img {
  display: block;
  max-width: 100%;
}
.mod, h1, h2, h3, h4, h5, h6, p, ul, ol, hr, pre, center, dl {
    margin: 20px;
}
hr {
    border: none;
    border-top: 1px solid #ebe8e3;
    clear: both;
}
h1 {
    font-size: 3.0rem;
    font-weight: 400;
    letter-spacing: -0.05rem;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
    h1 {
        font-size: 3.8rem;
    }
}
h2,
h3 {
    font-size: 2.2rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1.2;
}
ul,
ol {
    list-style-type: none;
    padding: 0;
}
dt {
    color: #929292;
}
dd {
    margin: 0;
}
a,
a:visited,
.link {
    color: #019288;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
}
a:hover,
.link:hover {
    text-decoration: underline;
}
a.no-decoration,
a.no-decoration:hover,
a.no-decoration:focus,
a.no-decoration:visited {
    /* text-decoration: none; */
    color: rgb(75, 75, 75);
}

/* Text styles */
.text-xs {
    font-size: 1.5rem;
}
.text-s {
    font-size: 1.7rem;
}
.text-m {
    font-size: 1.9rem;
}
.text-l {
    font-size: 2.2rem;
}
.text-xl {
  font-size: 2.5rem;
}

strong,
.strong {
    font-weight: 400;
    -webkit-font-smoothing: auto !important;
}
.stronger {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}

.aligned {
    display: flex;
    align-items: center;
}

.subtle {
    color: #929292;
}

.sticky {
    position: sticky;
    position: -webkit-sticky;
}

/* Spacing
 *
 * Let's start with an admonition: Use these classes sparingly. If you find
 * yourself adding these classes all the time, consider changing the default
 * spacing instead.
 *
 * Here's the naming scheme:
 *
 * First letter: type
 *  - m: margin
 *  - p: padding
 *
 * Second letter: direction
 *  - t: top
 *  - r: right
 *  - b: bottom
 *  - l: left
 *  - h: horizontal
 *  - v: vertical
 *  - a: all
 *
 * Third letter: size
 *  -  l: large
 *  -  m: medium
 *  -  s: small
 *  - xs: extra small
 *  -  n: none
 *
 * Examples:
 *  - mtn: margin top none
 *  - pvs: padding vertical small
 */

.man, .mhn, .mln { margin-left: 0 !important; }
.man, .mhn, .mrn { margin-right: 0 !important; }
.man, .mvn, .mtn { margin-top: 0 !important; }
.man, .mvn, .mbn { margin-bottom: 0 !important; }

.maxs, .mhxs, .mlxs { margin-left: 5px !important; }
.maxs, .mhxs, .mrxs { margin-right: 5px !important; }
.maxs, .mvxs, .mtxs { margin-top: 5px !important; }
.maxs, .mvxs, .mbxs { margin-bottom: 5px !important; }

.mas, .mhs, .mls { margin-left: 10px !important; }
.mas, .mhs, .mrs { margin-right: 10px !important; }
.mas, .mvs, .mts { margin-top: 10px !important; }
.mas, .mvs, .mbs { margin-bottom: 10px !important; }

.mam, .mhm, .mlm { margin-left: 20px !important; }
.mam, .mhm, .mrm { margin-right: 20px !important; }
.mam, .mvm, .mtm { margin-top: 20px !important; }
.mam, .mvm, .mbm { margin-bottom: 20px !important; }

.mal, .mhl, .mll { margin-left: 40px !important; }
.mal, .mhl, .mrl { margin-right: 40px !important; }
.mal, .mvl, .mtl { margin-top: 40px !important; }
.mal, .mvl, .mbl { margin-bottom: 40px !important; }

.maxl, .mhxl, .mlxl { margin-left: 60px !important; }
.maxl, .mhxl, .mrxl { margin-right: 60px !important; }
.maxl, .mvxl, .mtxl { margin-top: 60px !important; }
.maxl, .mvxl, .mbxl { margin-bottom: 60px !important; }

.pan, .phn, .pln { padding-left: 0 !important; }
.pan, .phn, .prn { padding-right: 0 !important; }
.pan, .pvn, .ptn { padding-top: 0 !important; }
.pan, .pvn, .pbn { padding-bottom: 0 !important; }

.paxs, .phxs, .plxs { padding-left: 5px !important; }
.paxs, .phxs, .prxs { padding-right: 5px !important; }
.paxs, .pvxs, .ptxs { padding-top: 5px !important; }
.paxs, .pvxs, .pbxs { padding-bottom: 5px !important; }

.pas, .phs, .pls { padding-left: 10px !important; }
.pas, .phs, .prs { padding-right: 10px !important; }
.pas, .pvs, .pts { padding-top: 10px !important; }
.pas, .pvs, .pbs { padding-bottom: 10px !important; }

.pam, .phm, .plm { padding-left: 20px !important; }
.pam, .phm, .prm { padding-right: 20px !important; }
.pam, .pvm, .ptm { padding-top: 20px !important; }
.pam, .pvm, .pbm { padding-bottom: 20px !important; }

.pal, .phl, .pll { padding-left: 40px !important; }
.pal, .phl, .prl { padding-right: 40px !important; }
.pal, .pvl, .ptl { padding-top: 40px !important; }
.pal, .pvl, .pbl { padding-bottom: 40px !important; }

/* Spinner */

.spinner-loader {
  position: relative;
}

.spinner-loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.spinner-circular-loader {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.spinner-loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #019288;
  }
  40% {
    stroke: #019288;
  }
  66% {
    stroke: #019288;
  }
  80%, 90% {
    stroke: #019288;
  }
}
@keyframes color {
  0% {
    stroke: #019288;
  }
  40% {
    stroke: #019288;
  }
  66% {
    stroke: #019288;
  }
  80%, 90% {
    stroke: #019288;
  }
}

/* Force google autocomplete above modal */
.pac-container {
  z-index: 1001;
}