body {
  font-size: 14px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
}

a {
  text-decoration: none;
}

@media (min-width: 1200px) {
  body {
    font-size: 16px;
  }
}

#menunav {
  padding-left: max(1rem, env(safe-area-inset-left));
  padding-right: max(1rem, env(safe-area-inset-right));
}

.container > .card:not([class*=shadow]) {
  box-shadow: 0px 2px 7px -2px #000;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.noshadow {
  box-shadow: 0px 0px !important;
}

.modal-header, .modal-footer {
  flex-shrink: 0;
}

.card-header {
  align-items: center;
}

button, a, .pointer {
  cursor: pointer;
}

h1 .fa,
h1 .fab,
h1 .far,
h2 .fa,
h2 .fab,
h2 .far,
h3 .fa,
h3 .fab,
h3 .far,
h4 .fa,
h4 .fab,
h4 .far,
h5 .fa.
h5 .fab,
h5 .far {
  font-size: 0.95rem;
}

.btn:not('btn-lg'):not('btn-sm') .fab,
.btn:not('btn-lg'):not('btn-sm') .far,
.btn:not('btn-lg'):not('btn-sm') .fa {
  font-size: 0.85rem;
}

.input-group-text .fa,
.input-group-text .fab,
.input-group-text .far,
.input-group-addon .fa,
.input-group-addon .fab,
.input-group-addon .far {
  width: 1.25em;
}

.smg {
  font-size: 0.85em;
}

.smaller {
  font-size: 0.8em;
}

.relative {
  position: relative;
}

.btn-light,
.btn-light:hover {
  border-color: #ccc;
}

.redb *,
.redborder,
.redborder>* {
  border: 1px solid #e00;
}

.btn-warning {
  color: rgba(0,0,0,0.65);
}

.btn-siri,
.btn-monzo {
  padding-left: 35px;
  background-image: url(images/monzo.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 25px;
}

.btn-monzo:hover {
  background-color: #05132a;
  color: rgba(255,255,255,0.9);
}

.btn-monzo, .bg-monzo {
  background-color: #16243b;
  color: rgba(255,255,255,0.8);
}

.monzo-cont {
  width: 100%;
}

.monzo-cont .monzo-inner {
  vertical-align: top;
}

.monzo-cont .monzo-msg {
  width: 70%;
  overflow-y: auto;
}

.monzo-cont .monzo-title {
  font-size: 24px;
  font-family: "Avenir Next", "Montserrat", sans-serif;
  font-weight: bold;
}

.monzo-cont .monzo-text {
  font-size: 18px;
  margin-top: 5%;
  margin-bottom: 5%;
  font-family: "San Francisco", Helvetica, Arial, sans-serif;
}

.monzo-cont div.monzo-img {
  background-color: #16243b;
}

.monzo-cont img.monzo-img {
  height: 205px;
}

@media (max-width: 767px) {
  .monzo-cont .monzo-title {
    font-size: 22px;
  }

  .monzo-cont .monzo-text {
    font-size: 14px;
  }

  .monzo-cont img.monzo-img {
    height: 185px;
  }
}

.tab-content.rounded {
  border-top-left-radius: 0px !important;
}

.btn-siri {
  background-image: url(http://specialk.me.uk/images/siri.png);
  background-color: #1D1F5B;
  color: #fff;
  background-size: 30px;
}

.btn-siri:hover {
  background-color: #0E0E4A;
  color: #fff;
}

.oauto {
  overflow: auto;
  -webkit-overflow-scrolling: touch !important;
}

.oauto-y {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch !important;
}

.oauto-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch !important;
}

.emoji {
  font-size: 1.2rem;
}

.emoji:hover {
  text-shadow: 0px 1px #000;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-7 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
}

.tw-text-shadow-sm {
  text-shadow: 0rem 0.1rem 0.2rem rgba(0,0,0,0.75);
}

.tw-text-shadow-md {
  text-shadow: 0rem 0.15rem 0.35rem rgba(0,0,0,0.75);
}

.tw-text-shadow-lg {
  text-shadow: 0rem 0.2rem 0.5rem rgba(0,0,0,0.75);
}

.hover\:tw-text-shadow-lg:hover {
  text-shadow: 0rem 0.2rem 0.5rem rgba(0,0,0,0.75);
}

.tw-mh-screen {
  min-height: 100vh;
}

.flex-grow,
.f-grow,
.fgrow {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex-grow: 1 !important;
  min-width: 0%;
  min-height: 0%;
}

.flex-nogrow,
.f-grow-0,
.fgrow-0 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex-grow: 0 !important;
  min-width: 0%;
  min-height: 0%;
}

.flex-shrink,
.f-shrink,
.fshrink {
  flex-shrink: 1 !important;
  min-width: 0%;
  min-height: 0%;
  max-width: 100%;
  max-height: 100%;
}

.flex-noshrink,
.f-shrink-0,
.fshrink-0 {
  flex-shrink: 0 !important;
  min-width: 0%;
  min-height: 0%;
}

@media (min-width: 576px) {
  body .modal-xl {
    max-width: 1100px;
  }
}

@media (min-width: 1500px) {
  .col-sl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-sl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sl-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sl-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sl-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sl-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sl-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sl-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sl-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sl-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sl-first {
    -ms-flex-order: -1;
        order: -1;
  }
  .order-sl-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-sl-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-sl-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-sl-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-sl-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-sl-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-sl-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-sl-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-sl-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-sl-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-sl-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-sl-12 {
    -ms-flex-order: 12;
  }
  .offset-sl-0 {
    margin-left: 0;
  }
  .offset-sl-1 {
    margin-left: 8.333333%;
  }
  .offset-sl-2 {
    margin-left: 16.666667%;
  }
  .offset-sl-3 {
    margin-left: 25%;
  }
  .offset-sl-4 {
    margin-left: 33.333333%;
  }
  .offset-sl-5 {
    margin-left: 41.666667%;
  }
  .offset-sl-6 {
    margin-left: 50%;
  }
  .offset-sl-7 {
    margin-left: 58.333333%;
  }
  .offset-sl-8 {
    margin-left: 66.666667%;
  }
  .offset-sl-9 {
    margin-left: 75%;
  }
  .offset-sl-10 {
    margin-left: 83.333333%;
  }
  .offset-sl-11 {
    margin-left: 91.666667%;
  }
  .d-sl-none {
    display: none !important;
  }
  .d-sl-inline {
    display: inline !important;
  }
  .d-sl-inline-block {
    display: inline-block !important;
  }
  .d-sl-block {
    display: block !important;
  }
  .d-sl-table {
    display: table !important;
  }
  .d-sl-table-row {
    display: table-row !important;
  }
  .d-sl-table-cell {
    display: table-cell !important;
  }
  .d-sl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.mw-100p {
  max-width: 100%;
}

.no-ads .google-auto-placed {
   display: none !important;
}