@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Poppins:wght@300;400;600;700&display=swap");
:root {
  --padding-inline: 2rem;
  --content-max-width: 1500px;
  --breakout-max-width: 1700px;
  --breakout-size: 100px;
  --primary: #2baae2;
  --primarylight: #c0e5f6;
  --secondary: #6E6E73;
  --dark: #535458;
  --darker: #231f20;
  --medium: #b8b8ba;
  --light: #edf8fd;
  --white: #ffffff;
  --padding-block: 2rem;
  --font-family-serif: Cormorant Garamond, Georgia, serif;
  --font-family-sans: Poppins, Helvetica, Arial, sans; }

*, *::before, *::after {
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: var(--font-family-sans);
  font-weight: 300;
  color: var(--dark); }

img {
  max-width: 100%; }

.row {
  display: flex;
  flex-wrap: wrap; }

.row-gap {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -1rem; }

.row-gap > .col, .row-gap > .col-1, .row-gap > .col-2, .row-gap > .col-3, .row-gap > .col-4, .row-gap > .col-5, .row-gap > .col-6, .row-gap > .col-7, .row-gap > .col-8, .row-gap > .col-9, .row-gap > .col-10, .row-gap > .col-11, .row-gap > .col-12, .row-gap > .col-sm, .row-gap > .col-sm-1, .row-gap > .col-sm-2, .row-gap > .col-sm-3, .row-gap > .col-sm-4, .row-gap > .col-sm-5, .row-gap > .col-sm-6, .row-gap > .col-sm-7, .row-gap > .col-sm-8, .row-gap > .col-sm-9, .row-gap > .col-sm-10, .row-gap > .col-sm-11, .row-gap > .col-sm-12, .row-gap > .col-md, .row-gap > .col-md-1, .row-gap > .col-md-2, .row-gap > .col-md-3, .row-gap > .col-md-4, .row-gap > .col-md-5, .row-gap > .col-md-6, .row-gap > .col-md-7, .row-gap > .col-md-8, .row-gap > .col-md-9, .row-gap > .col-md-10, .row-gap > .col-md-11, .row-gap > .col-md-12, .row-gap > .col-lg, .row-gap > .col-lg-1, .row-gap > .col-lg-2, .row-gap > .col-lg-3, .row-gap > .col-lg-4, .row-gap > .col-lg-5, .row-gap > .col-lg-6, .row-gap > .col-lg-7, .row-gap > .col-lg-8, .row-gap > .col-lg-9, .row-gap > .col-lg-10, .row-gap > .col-lg-11, .row-gap > .col-lg-12, .row-gap > .col-xl, .row-gap > .col-xl-1, .row-gap > .col-xl-2, .row-gap > .col-xl-3, .row-gap > .col-xl-4, .row-gap > .col-xl-5, .row-gap > .col-xl-6, .row-gap > .col-xl-7, .row-gap > .col-xl-8, .row-gap > .col-xl-9, .row-gap > .col-xl-10, .row-gap > .col-xl-11, .row-gap > .col-xl-12, .row-gap > .col-xxl, .row-gap > .col-xxl-1, .row-gap > .col-xxl-2, .row-gap > .col-xxl-3, .row-gap > .col-xxl-4, .row-gap > .col-xxl-5, .row-gap > .col-xxl-6, .row-gap > .col-xxl-7, .row-gap > .col-xxl-8, .row-gap > .col-xxl-9, .row-gap > .col-xxl-10, .row-gap > .col-xxl-11, .row-gap > .col-xxl-12 {
  padding-inline: 1rem; }

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
  position: relative;
  width: 100%;
  min-height: 1px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%; }

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%; }

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%; }

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 480px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 991px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1170px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1370px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; } }
.offset-1 {
  margin-left: 8.3333333333%; }

.offset-2 {
  margin-left: 16.6666666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.3333333333%; }

.offset-5 {
  margin-left: 41.6666666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.3333333333%; }

.offset-8 {
  margin-left: 66.6666666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.3333333333%; }

.offset-11 {
  margin-left: 91.6666666667%; }

.offset-12 {
  margin-left: 100%; }

@media (min-width: 480px) {
  .offset-sm-1 {
    margin-left: 8.3333333333%; }

  .offset-sm-2 {
    margin-left: 16.6666666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.3333333333%; }

  .offset-sm-5 {
    margin-left: 41.6666666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.3333333333%; }

  .offset-sm-8 {
    margin-left: 66.6666666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.3333333333%; }

  .offset-sm-11 {
    margin-left: 91.6666666667%; }

  .offset-sm-12 {
    margin-left: 100%; } }
@media (min-width: 768px) {
  .offset-md-1 {
    margin-left: 8.3333333333%; }

  .offset-md-2 {
    margin-left: 16.6666666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.3333333333%; }

  .offset-md-5 {
    margin-left: 41.6666666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.3333333333%; }

  .offset-md-8 {
    margin-left: 66.6666666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.3333333333%; }

  .offset-md-11 {
    margin-left: 91.6666666667%; }

  .offset-md-12 {
    margin-left: 100%; } }
@media (min-width: 991px) {
  .offset-lg-1 {
    margin-left: 8.3333333333%; }

  .offset-lg-2 {
    margin-left: 16.6666666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.3333333333%; }

  .offset-lg-5 {
    margin-left: 41.6666666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.3333333333%; }

  .offset-lg-8 {
    margin-left: 66.6666666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.3333333333%; }

  .offset-lg-11 {
    margin-left: 91.6666666667%; }

  .offset-lg-12 {
    margin-left: 100%; } }
@media (min-width: 1170px) {
  .offset-xl-1 {
    margin-left: 8.3333333333%; }

  .offset-xl-2 {
    margin-left: 16.6666666667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .offset-xl-4 {
    margin-left: 33.3333333333%; }

  .offset-xl-5 {
    margin-left: 41.6666666667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .offset-xl-7 {
    margin-left: 58.3333333333%; }

  .offset-xl-8 {
    margin-left: 66.6666666667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .offset-xl-10 {
    margin-left: 83.3333333333%; }

  .offset-xl-11 {
    margin-left: 91.6666666667%; }

  .offset-xl-12 {
    margin-left: 100%; } }
@media (min-width: 1370px) {
  .offset-xxl-1 {
    margin-left: 8.3333333333%; }

  .offset-xxl-2 {
    margin-left: 16.6666666667%; }

  .offset-xxl-3 {
    margin-left: 25%; }

  .offset-xxl-4 {
    margin-left: 33.3333333333%; }

  .offset-xxl-5 {
    margin-left: 41.6666666667%; }

  .offset-xxl-6 {
    margin-left: 50%; }

  .offset-xxl-7 {
    margin-left: 58.3333333333%; }

  .offset-xxl-8 {
    margin-left: 66.6666666667%; }

  .offset-xxl-9 {
    margin-left: 75%; }

  .offset-xxl-10 {
    margin-left: 83.3333333333%; }

  .offset-xxl-11 {
    margin-left: 91.6666666667%; }

  .offset-xxl-12 {
    margin-left: 100%; } }
.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

@media (min-width: 480px) {
  .order-sm-1 {
    order: 1; }

  .order-sm-2 {
    order: 2; }

  .order-sm-3 {
    order: 3; }

  .order-sm-4 {
    order: 4; }

  .order-sm-5 {
    order: 5; }

  .order-sm-6 {
    order: 6; }

  .order-sm-7 {
    order: 7; }

  .order-sm-8 {
    order: 8; }

  .order-sm-9 {
    order: 9; }

  .order-sm-10 {
    order: 10; }

  .order-sm-11 {
    order: 11; }

  .order-sm-12 {
    order: 12; } }
@media (min-width: 768px) {
  .order-md-1 {
    order: 1; }

  .order-md-2 {
    order: 2; }

  .order-md-3 {
    order: 3; }

  .order-md-4 {
    order: 4; }

  .order-md-5 {
    order: 5; }

  .order-md-6 {
    order: 6; }

  .order-md-7 {
    order: 7; }

  .order-md-8 {
    order: 8; }

  .order-md-9 {
    order: 9; }

  .order-md-10 {
    order: 10; }

  .order-md-11 {
    order: 11; }

  .order-md-12 {
    order: 12; } }
@media (min-width: 991px) {
  .order-lg-1 {
    order: 1; }

  .order-lg-2 {
    order: 2; }

  .order-lg-3 {
    order: 3; }

  .order-lg-4 {
    order: 4; }

  .order-lg-5 {
    order: 5; }

  .order-lg-6 {
    order: 6; }

  .order-lg-7 {
    order: 7; }

  .order-lg-8 {
    order: 8; }

  .order-lg-9 {
    order: 9; }

  .order-lg-10 {
    order: 10; }

  .order-lg-11 {
    order: 11; }

  .order-lg-12 {
    order: 12; } }
@media (min-width: 1170px) {
  .order-xl-1 {
    order: 1; }

  .order-xl-2 {
    order: 2; }

  .order-xl-3 {
    order: 3; }

  .order-xl-4 {
    order: 4; }

  .order-xl-5 {
    order: 5; }

  .order-xl-6 {
    order: 6; }

  .order-xl-7 {
    order: 7; }

  .order-xl-8 {
    order: 8; }

  .order-xl-9 {
    order: 9; }

  .order-xl-10 {
    order: 10; }

  .order-xl-11 {
    order: 11; }

  .order-xl-12 {
    order: 12; } }
@media (min-width: 1370px) {
  .order-xxl-1 {
    order: 1; }

  .order-xxl-2 {
    order: 2; }

  .order-xxl-3 {
    order: 3; }

  .order-xxl-4 {
    order: 4; }

  .order-xxl-5 {
    order: 5; }

  .order-xxl-6 {
    order: 6; }

  .order-xxl-7 {
    order: 7; }

  .order-xxl-8 {
    order: 8; }

  .order-xxl-9 {
    order: 9; }

  .order-xxl-10 {
    order: 10; }

  .order-xxl-11 {
    order: 11; }

  .order-xxl-12 {
    order: 12; } }
/* Basic Grids, mainly for admin pages */
.double,
.triple,
.quad,
.address {
  display: grid;
  column-gap: 2em; }

@media (min-width: 480px) {
  .double {
    grid-template-columns: 1fr 1fr; } }

@media (min-width: 768px) {
  .triple {
    grid-template-columns: 1fr 1fr 1fr; } }

@media (min-width: 480px) {
  .quad {
    grid-template-columns: 1fr 1fr; } }
@media (min-width: 991px) {
  .quad {
    grid-template-columns: 1fr 1fr 1fr 1fr; } }

@media (min-width: 768px) {
  .address {
    grid-template-columns: 3fr 1fr 2fr; } }

/* Height and Width */
.w-25 {
  width: 25%; }

.h-25 {
  height: 25%; }

.w-50 {
  width: 50%; }

.h-50 {
  height: 50%; }

.w-75 {
  width: 75%; }

.h-75 {
  height: 75%; }

.w-100 {
  width: 100%; }

.h-100 {
  height: 100%; }

/* Padding */
.p-0 {
  padding: 0em; }

.py-0,
.pt-0 {
  padding-top: 0em; }

.py-0,
.pb-0 {
  padding-bottom: 0em; }

.px-0,
.pl-0 {
  padding-left: 0em; }

.px-0,
.pr-0 {
  padding-right: 0em; }

.p-1 {
  padding: 0.25em; }

.py-1,
.pt-1 {
  padding-top: 0.25em; }

.py-1,
.pb-1 {
  padding-bottom: 0.25em; }

.px-1,
.pl-1 {
  padding-left: 0.25em; }

.px-1,
.pr-1 {
  padding-right: 0.25em; }

.p-2 {
  padding: 0.5em; }

.py-2,
.pt-2 {
  padding-top: 0.5em; }

.py-2,
.pb-2 {
  padding-bottom: 0.5em; }

.px-2,
.pl-2 {
  padding-left: 0.5em; }

.px-2,
.pr-2 {
  padding-right: 0.5em; }

.p-3 {
  padding: 1em; }

.py-3,
.pt-3 {
  padding-top: 1em; }

.py-3,
.pb-3 {
  padding-bottom: 1em; }

.px-3,
.pl-3 {
  padding-left: 1em; }

.px-3,
.pr-3 {
  padding-right: 1em; }

.p-4 {
  padding: 1.5em; }

.py-4,
.pt-4 {
  padding-top: 1.5em; }

.py-4,
.pb-4 {
  padding-bottom: 1.5em; }

.px-4,
.pl-4 {
  padding-left: 1.5em; }

.px-4,
.pr-4 {
  padding-right: 1.5em; }

.p-5 {
  padding: 3em; }

.py-5,
.pt-5 {
  padding-top: 3em; }

.py-5,
.pb-5 {
  padding-bottom: 3em; }

.px-5,
.pl-5 {
  padding-left: 3em; }

.px-5,
.pr-5 {
  padding-right: 3em; }

.p-6 {
  padding: 6em; }

.py-6,
.pt-6 {
  padding-top: 6em; }

.py-6,
.pb-6 {
  padding-bottom: 6em; }

.px-6,
.pl-6 {
  padding-left: 6em; }

.px-6,
.pr-6 {
  padding-right: 6em; }

@media (min-width: 480px) {
  .p-sm-0 {
    padding: 0em; }

  .py-sm-0,
  .pt-sm-0 {
    padding-top: 0em; }

  .py-sm-0,
  .pb-sm-0 {
    padding-bottom: 0em; }

  .px-sm-0,
  .pl-sm-0 {
    padding-left: 0em; }

  .px-sm-0,
  .pr-sm-0 {
    padding-right: 0em; }

  .p-sm-1 {
    padding: 0.25em; }

  .py-sm-1,
  .pt-sm-1 {
    padding-top: 0.25em; }

  .py-sm-1,
  .pb-sm-1 {
    padding-bottom: 0.25em; }

  .px-sm-1,
  .pl-sm-1 {
    padding-left: 0.25em; }

  .px-sm-1,
  .pr-sm-1 {
    padding-right: 0.25em; }

  .p-sm-2 {
    padding: 0.5em; }

  .py-sm-2,
  .pt-sm-2 {
    padding-top: 0.5em; }

  .py-sm-2,
  .pb-sm-2 {
    padding-bottom: 0.5em; }

  .px-sm-2,
  .pl-sm-2 {
    padding-left: 0.5em; }

  .px-sm-2,
  .pr-sm-2 {
    padding-right: 0.5em; }

  .p-sm-3 {
    padding: 1em; }

  .py-sm-3,
  .pt-sm-3 {
    padding-top: 1em; }

  .py-sm-3,
  .pb-sm-3 {
    padding-bottom: 1em; }

  .px-sm-3,
  .pl-sm-3 {
    padding-left: 1em; }

  .px-sm-3,
  .pr-sm-3 {
    padding-right: 1em; }

  .p-sm-4 {
    padding: 1.5em; }

  .py-sm-4,
  .pt-sm-4 {
    padding-top: 1.5em; }

  .py-sm-4,
  .pb-sm-4 {
    padding-bottom: 1.5em; }

  .px-sm-4,
  .pl-sm-4 {
    padding-left: 1.5em; }

  .px-sm-4,
  .pr-sm-4 {
    padding-right: 1.5em; }

  .p-sm-5 {
    padding: 3em; }

  .py-sm-5,
  .pt-sm-5 {
    padding-top: 3em; }

  .py-sm-5,
  .pb-sm-5 {
    padding-bottom: 3em; }

  .px-sm-5,
  .pl-sm-5 {
    padding-left: 3em; }

  .px-sm-5,
  .pr-sm-5 {
    padding-right: 3em; }

  .p-sm-6 {
    padding: 6em; }

  .py-sm-6,
  .pt-sm-6 {
    padding-top: 6em; }

  .py-sm-6,
  .pb-sm-6 {
    padding-bottom: 6em; }

  .px-sm-6,
  .pl-sm-6 {
    padding-left: 6em; }

  .px-sm-6,
  .pr-sm-6 {
    padding-right: 6em; } }
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0em; }

  .py-md-0,
  .pt-md-0 {
    padding-top: 0em; }

  .py-md-0,
  .pb-md-0 {
    padding-bottom: 0em; }

  .px-md-0,
  .pl-md-0 {
    padding-left: 0em; }

  .px-md-0,
  .pr-md-0 {
    padding-right: 0em; }

  .p-md-1 {
    padding: 0.25em; }

  .py-md-1,
  .pt-md-1 {
    padding-top: 0.25em; }

  .py-md-1,
  .pb-md-1 {
    padding-bottom: 0.25em; }

  .px-md-1,
  .pl-md-1 {
    padding-left: 0.25em; }

  .px-md-1,
  .pr-md-1 {
    padding-right: 0.25em; }

  .p-md-2 {
    padding: 0.5em; }

  .py-md-2,
  .pt-md-2 {
    padding-top: 0.5em; }

  .py-md-2,
  .pb-md-2 {
    padding-bottom: 0.5em; }

  .px-md-2,
  .pl-md-2 {
    padding-left: 0.5em; }

  .px-md-2,
  .pr-md-2 {
    padding-right: 0.5em; }

  .p-md-3 {
    padding: 1em; }

  .py-md-3,
  .pt-md-3 {
    padding-top: 1em; }

  .py-md-3,
  .pb-md-3 {
    padding-bottom: 1em; }

  .px-md-3,
  .pl-md-3 {
    padding-left: 1em; }

  .px-md-3,
  .pr-md-3 {
    padding-right: 1em; }

  .p-md-4 {
    padding: 1.5em; }

  .py-md-4,
  .pt-md-4 {
    padding-top: 1.5em; }

  .py-md-4,
  .pb-md-4 {
    padding-bottom: 1.5em; }

  .px-md-4,
  .pl-md-4 {
    padding-left: 1.5em; }

  .px-md-4,
  .pr-md-4 {
    padding-right: 1.5em; }

  .p-md-5 {
    padding: 3em; }

  .py-md-5,
  .pt-md-5 {
    padding-top: 3em; }

  .py-md-5,
  .pb-md-5 {
    padding-bottom: 3em; }

  .px-md-5,
  .pl-md-5 {
    padding-left: 3em; }

  .px-md-5,
  .pr-md-5 {
    padding-right: 3em; }

  .p-md-6 {
    padding: 6em; }

  .py-md-6,
  .pt-md-6 {
    padding-top: 6em; }

  .py-md-6,
  .pb-md-6 {
    padding-bottom: 6em; }

  .px-md-6,
  .pl-md-6 {
    padding-left: 6em; }

  .px-md-6,
  .pr-md-6 {
    padding-right: 6em; } }
@media (min-width: 991px) {
  .p-lg-0 {
    padding: 0em; }

  .py-lg-0,
  .pt-lg-0 {
    padding-top: 0em; }

  .py-lg-0,
  .pb-lg-0 {
    padding-bottom: 0em; }

  .px-lg-0,
  .pl-lg-0 {
    padding-left: 0em; }

  .px-lg-0,
  .pr-lg-0 {
    padding-right: 0em; }

  .p-lg-1 {
    padding: 0.25em; }

  .py-lg-1,
  .pt-lg-1 {
    padding-top: 0.25em; }

  .py-lg-1,
  .pb-lg-1 {
    padding-bottom: 0.25em; }

  .px-lg-1,
  .pl-lg-1 {
    padding-left: 0.25em; }

  .px-lg-1,
  .pr-lg-1 {
    padding-right: 0.25em; }

  .p-lg-2 {
    padding: 0.5em; }

  .py-lg-2,
  .pt-lg-2 {
    padding-top: 0.5em; }

  .py-lg-2,
  .pb-lg-2 {
    padding-bottom: 0.5em; }

  .px-lg-2,
  .pl-lg-2 {
    padding-left: 0.5em; }

  .px-lg-2,
  .pr-lg-2 {
    padding-right: 0.5em; }

  .p-lg-3 {
    padding: 1em; }

  .py-lg-3,
  .pt-lg-3 {
    padding-top: 1em; }

  .py-lg-3,
  .pb-lg-3 {
    padding-bottom: 1em; }

  .px-lg-3,
  .pl-lg-3 {
    padding-left: 1em; }

  .px-lg-3,
  .pr-lg-3 {
    padding-right: 1em; }

  .p-lg-4 {
    padding: 1.5em; }

  .py-lg-4,
  .pt-lg-4 {
    padding-top: 1.5em; }

  .py-lg-4,
  .pb-lg-4 {
    padding-bottom: 1.5em; }

  .px-lg-4,
  .pl-lg-4 {
    padding-left: 1.5em; }

  .px-lg-4,
  .pr-lg-4 {
    padding-right: 1.5em; }

  .p-lg-5 {
    padding: 3em; }

  .py-lg-5,
  .pt-lg-5 {
    padding-top: 3em; }

  .py-lg-5,
  .pb-lg-5 {
    padding-bottom: 3em; }

  .px-lg-5,
  .pl-lg-5 {
    padding-left: 3em; }

  .px-lg-5,
  .pr-lg-5 {
    padding-right: 3em; }

  .p-lg-6 {
    padding: 6em; }

  .py-lg-6,
  .pt-lg-6 {
    padding-top: 6em; }

  .py-lg-6,
  .pb-lg-6 {
    padding-bottom: 6em; }

  .px-lg-6,
  .pl-lg-6 {
    padding-left: 6em; }

  .px-lg-6,
  .pr-lg-6 {
    padding-right: 6em; } }
@media (min-width: 1170px) {
  .p-xl-0 {
    padding: 0em; }

  .py-xl-0,
  .pt-xl-0 {
    padding-top: 0em; }

  .py-xl-0,
  .pb-xl-0 {
    padding-bottom: 0em; }

  .px-xl-0,
  .pl-xl-0 {
    padding-left: 0em; }

  .px-xl-0,
  .pr-xl-0 {
    padding-right: 0em; }

  .p-xl-1 {
    padding: 0.25em; }

  .py-xl-1,
  .pt-xl-1 {
    padding-top: 0.25em; }

  .py-xl-1,
  .pb-xl-1 {
    padding-bottom: 0.25em; }

  .px-xl-1,
  .pl-xl-1 {
    padding-left: 0.25em; }

  .px-xl-1,
  .pr-xl-1 {
    padding-right: 0.25em; }

  .p-xl-2 {
    padding: 0.5em; }

  .py-xl-2,
  .pt-xl-2 {
    padding-top: 0.5em; }

  .py-xl-2,
  .pb-xl-2 {
    padding-bottom: 0.5em; }

  .px-xl-2,
  .pl-xl-2 {
    padding-left: 0.5em; }

  .px-xl-2,
  .pr-xl-2 {
    padding-right: 0.5em; }

  .p-xl-3 {
    padding: 1em; }

  .py-xl-3,
  .pt-xl-3 {
    padding-top: 1em; }

  .py-xl-3,
  .pb-xl-3 {
    padding-bottom: 1em; }

  .px-xl-3,
  .pl-xl-3 {
    padding-left: 1em; }

  .px-xl-3,
  .pr-xl-3 {
    padding-right: 1em; }

  .p-xl-4 {
    padding: 1.5em; }

  .py-xl-4,
  .pt-xl-4 {
    padding-top: 1.5em; }

  .py-xl-4,
  .pb-xl-4 {
    padding-bottom: 1.5em; }

  .px-xl-4,
  .pl-xl-4 {
    padding-left: 1.5em; }

  .px-xl-4,
  .pr-xl-4 {
    padding-right: 1.5em; }

  .p-xl-5 {
    padding: 3em; }

  .py-xl-5,
  .pt-xl-5 {
    padding-top: 3em; }

  .py-xl-5,
  .pb-xl-5 {
    padding-bottom: 3em; }

  .px-xl-5,
  .pl-xl-5 {
    padding-left: 3em; }

  .px-xl-5,
  .pr-xl-5 {
    padding-right: 3em; }

  .p-xl-6 {
    padding: 6em; }

  .py-xl-6,
  .pt-xl-6 {
    padding-top: 6em; }

  .py-xl-6,
  .pb-xl-6 {
    padding-bottom: 6em; }

  .px-xl-6,
  .pl-xl-6 {
    padding-left: 6em; }

  .px-xl-6,
  .pr-xl-6 {
    padding-right: 6em; } }
@media (min-width: 1370px) {
  .p-xxl-0 {
    padding: 0em; }

  .py-xxl-0,
  .pt-xxl-0 {
    padding-top: 0em; }

  .py-xxl-0,
  .pb-xxl-0 {
    padding-bottom: 0em; }

  .px-xxl-0,
  .pl-xxl-0 {
    padding-left: 0em; }

  .px-xxl-0,
  .pr-xxl-0 {
    padding-right: 0em; }

  .p-xxl-1 {
    padding: 0.25em; }

  .py-xxl-1,
  .pt-xxl-1 {
    padding-top: 0.25em; }

  .py-xxl-1,
  .pb-xxl-1 {
    padding-bottom: 0.25em; }

  .px-xxl-1,
  .pl-xxl-1 {
    padding-left: 0.25em; }

  .px-xxl-1,
  .pr-xxl-1 {
    padding-right: 0.25em; }

  .p-xxl-2 {
    padding: 0.5em; }

  .py-xxl-2,
  .pt-xxl-2 {
    padding-top: 0.5em; }

  .py-xxl-2,
  .pb-xxl-2 {
    padding-bottom: 0.5em; }

  .px-xxl-2,
  .pl-xxl-2 {
    padding-left: 0.5em; }

  .px-xxl-2,
  .pr-xxl-2 {
    padding-right: 0.5em; }

  .p-xxl-3 {
    padding: 1em; }

  .py-xxl-3,
  .pt-xxl-3 {
    padding-top: 1em; }

  .py-xxl-3,
  .pb-xxl-3 {
    padding-bottom: 1em; }

  .px-xxl-3,
  .pl-xxl-3 {
    padding-left: 1em; }

  .px-xxl-3,
  .pr-xxl-3 {
    padding-right: 1em; }

  .p-xxl-4 {
    padding: 1.5em; }

  .py-xxl-4,
  .pt-xxl-4 {
    padding-top: 1.5em; }

  .py-xxl-4,
  .pb-xxl-4 {
    padding-bottom: 1.5em; }

  .px-xxl-4,
  .pl-xxl-4 {
    padding-left: 1.5em; }

  .px-xxl-4,
  .pr-xxl-4 {
    padding-right: 1.5em; }

  .p-xxl-5 {
    padding: 3em; }

  .py-xxl-5,
  .pt-xxl-5 {
    padding-top: 3em; }

  .py-xxl-5,
  .pb-xxl-5 {
    padding-bottom: 3em; }

  .px-xxl-5,
  .pl-xxl-5 {
    padding-left: 3em; }

  .px-xxl-5,
  .pr-xxl-5 {
    padding-right: 3em; }

  .p-xxl-6 {
    padding: 6em; }

  .py-xxl-6,
  .pt-xxl-6 {
    padding-top: 6em; }

  .py-xxl-6,
  .pb-xxl-6 {
    padding-bottom: 6em; }

  .px-xxl-6,
  .pl-xxl-6 {
    padding-left: 6em; }

  .px-xxl-6,
  .pr-xxl-6 {
    padding-right: 6em; } }
/* Margin */
.m-0 {
  margin: 0em; }

.my-0,
.mt-0 {
  margin-top: 0em; }

.my-0,
.mb-0 {
  margin-bottom: 0em; }

.mx-0,
.ml-0 {
  margin-left: 0em; }

.mx-0,
.mr-0 {
  margin-right: 0em; }

.m-1 {
  margin: 0.25em; }

.my-1,
.mt-1 {
  margin-top: 0.25em; }

.my-1,
.mb-1 {
  margin-bottom: 0.25em; }

.mx-1,
.ml-1 {
  margin-left: 0.25em; }

.mx-1,
.mr-1 {
  margin-right: 0.25em; }

.m-2 {
  margin: 0.5em; }

.my-2,
.mt-2 {
  margin-top: 0.5em; }

.my-2,
.mb-2 {
  margin-bottom: 0.5em; }

.mx-2,
.ml-2 {
  margin-left: 0.5em; }

.mx-2,
.mr-2 {
  margin-right: 0.5em; }

.m-3 {
  margin: 1em; }

.my-3,
.mt-3 {
  margin-top: 1em; }

.my-3,
.mb-3 {
  margin-bottom: 1em; }

.mx-3,
.ml-3 {
  margin-left: 1em; }

.mx-3,
.mr-3 {
  margin-right: 1em; }

.m-4 {
  margin: 1.5em; }

.my-4,
.mt-4 {
  margin-top: 1.5em; }

.my-4,
.mb-4 {
  margin-bottom: 1.5em; }

.mx-4,
.ml-4 {
  margin-left: 1.5em; }

.mx-4,
.mr-4 {
  margin-right: 1.5em; }

.m-5 {
  margin: 3em; }

.my-5,
.mt-5 {
  margin-top: 3em; }

.my-5,
.mb-5 {
  margin-bottom: 3em; }

.mx-5,
.ml-5 {
  margin-left: 3em; }

.mx-5,
.mr-5 {
  margin-right: 3em; }

.m-6 {
  margin: 6em; }

.my-6,
.mt-6 {
  margin-top: 6em; }

.my-6,
.mb-6 {
  margin-bottom: 6em; }

.mx-6,
.ml-6 {
  margin-left: 6em; }

.mx-6,
.mr-6 {
  margin-right: 6em; }

@media (min-width: 480px) {
  .m-sm-0 {
    padding: 0em; }

  .my-sm-0,
  .mt-sm-0 {
    padding-top: 0em; }

  .my-sm-0,
  .mb-sm-0 {
    padding-bottom: 0em; }

  .mx-sm-0,
  .ml-sm-0 {
    padding-left: 0em; }

  .mx-sm-0,
  .mr-sm-0 {
    padding-right: 0em; }

  .m-sm-1 {
    padding: 0.25em; }

  .my-sm-1,
  .mt-sm-1 {
    padding-top: 0.25em; }

  .my-sm-1,
  .mb-sm-1 {
    padding-bottom: 0.25em; }

  .mx-sm-1,
  .ml-sm-1 {
    padding-left: 0.25em; }

  .mx-sm-1,
  .mr-sm-1 {
    padding-right: 0.25em; }

  .m-sm-2 {
    padding: 0.5em; }

  .my-sm-2,
  .mt-sm-2 {
    padding-top: 0.5em; }

  .my-sm-2,
  .mb-sm-2 {
    padding-bottom: 0.5em; }

  .mx-sm-2,
  .ml-sm-2 {
    padding-left: 0.5em; }

  .mx-sm-2,
  .mr-sm-2 {
    padding-right: 0.5em; }

  .m-sm-3 {
    padding: 1em; }

  .my-sm-3,
  .mt-sm-3 {
    padding-top: 1em; }

  .my-sm-3,
  .mb-sm-3 {
    padding-bottom: 1em; }

  .mx-sm-3,
  .ml-sm-3 {
    padding-left: 1em; }

  .mx-sm-3,
  .mr-sm-3 {
    padding-right: 1em; }

  .m-sm-4 {
    padding: 1.5em; }

  .my-sm-4,
  .mt-sm-4 {
    padding-top: 1.5em; }

  .my-sm-4,
  .mb-sm-4 {
    padding-bottom: 1.5em; }

  .mx-sm-4,
  .ml-sm-4 {
    padding-left: 1.5em; }

  .mx-sm-4,
  .mr-sm-4 {
    padding-right: 1.5em; }

  .m-sm-5 {
    padding: 3em; }

  .my-sm-5,
  .mt-sm-5 {
    padding-top: 3em; }

  .my-sm-5,
  .mb-sm-5 {
    padding-bottom: 3em; }

  .mx-sm-5,
  .ml-sm-5 {
    padding-left: 3em; }

  .mx-sm-5,
  .mr-sm-5 {
    padding-right: 3em; }

  .m-sm-6 {
    padding: 6em; }

  .my-sm-6,
  .mt-sm-6 {
    padding-top: 6em; }

  .my-sm-6,
  .mb-sm-6 {
    padding-bottom: 6em; }

  .mx-sm-6,
  .ml-sm-6 {
    padding-left: 6em; }

  .mx-sm-6,
  .mr-sm-6 {
    padding-right: 6em; } }
@media (min-width: 768px) {
  .m-md-0 {
    padding: 0em; }

  .my-md-0,
  .mt-md-0 {
    padding-top: 0em; }

  .my-md-0,
  .mb-md-0 {
    padding-bottom: 0em; }

  .mx-md-0,
  .ml-md-0 {
    padding-left: 0em; }

  .mx-md-0,
  .mr-md-0 {
    padding-right: 0em; }

  .m-md-1 {
    padding: 0.25em; }

  .my-md-1,
  .mt-md-1 {
    padding-top: 0.25em; }

  .my-md-1,
  .mb-md-1 {
    padding-bottom: 0.25em; }

  .mx-md-1,
  .ml-md-1 {
    padding-left: 0.25em; }

  .mx-md-1,
  .mr-md-1 {
    padding-right: 0.25em; }

  .m-md-2 {
    padding: 0.5em; }

  .my-md-2,
  .mt-md-2 {
    padding-top: 0.5em; }

  .my-md-2,
  .mb-md-2 {
    padding-bottom: 0.5em; }

  .mx-md-2,
  .ml-md-2 {
    padding-left: 0.5em; }

  .mx-md-2,
  .mr-md-2 {
    padding-right: 0.5em; }

  .m-md-3 {
    padding: 1em; }

  .my-md-3,
  .mt-md-3 {
    padding-top: 1em; }

  .my-md-3,
  .mb-md-3 {
    padding-bottom: 1em; }

  .mx-md-3,
  .ml-md-3 {
    padding-left: 1em; }

  .mx-md-3,
  .mr-md-3 {
    padding-right: 1em; }

  .m-md-4 {
    padding: 1.5em; }

  .my-md-4,
  .mt-md-4 {
    padding-top: 1.5em; }

  .my-md-4,
  .mb-md-4 {
    padding-bottom: 1.5em; }

  .mx-md-4,
  .ml-md-4 {
    padding-left: 1.5em; }

  .mx-md-4,
  .mr-md-4 {
    padding-right: 1.5em; }

  .m-md-5 {
    padding: 3em; }

  .my-md-5,
  .mt-md-5 {
    padding-top: 3em; }

  .my-md-5,
  .mb-md-5 {
    padding-bottom: 3em; }

  .mx-md-5,
  .ml-md-5 {
    padding-left: 3em; }

  .mx-md-5,
  .mr-md-5 {
    padding-right: 3em; }

  .m-md-6 {
    padding: 6em; }

  .my-md-6,
  .mt-md-6 {
    padding-top: 6em; }

  .my-md-6,
  .mb-md-6 {
    padding-bottom: 6em; }

  .mx-md-6,
  .ml-md-6 {
    padding-left: 6em; }

  .mx-md-6,
  .mr-md-6 {
    padding-right: 6em; } }
@media (min-width: 991px) {
  .m-lg-0 {
    padding: 0em; }

  .my-lg-0,
  .mt-lg-0 {
    padding-top: 0em; }

  .my-lg-0,
  .mb-lg-0 {
    padding-bottom: 0em; }

  .mx-lg-0,
  .ml-lg-0 {
    padding-left: 0em; }

  .mx-lg-0,
  .mr-lg-0 {
    padding-right: 0em; }

  .m-lg-1 {
    padding: 0.25em; }

  .my-lg-1,
  .mt-lg-1 {
    padding-top: 0.25em; }

  .my-lg-1,
  .mb-lg-1 {
    padding-bottom: 0.25em; }

  .mx-lg-1,
  .ml-lg-1 {
    padding-left: 0.25em; }

  .mx-lg-1,
  .mr-lg-1 {
    padding-right: 0.25em; }

  .m-lg-2 {
    padding: 0.5em; }

  .my-lg-2,
  .mt-lg-2 {
    padding-top: 0.5em; }

  .my-lg-2,
  .mb-lg-2 {
    padding-bottom: 0.5em; }

  .mx-lg-2,
  .ml-lg-2 {
    padding-left: 0.5em; }

  .mx-lg-2,
  .mr-lg-2 {
    padding-right: 0.5em; }

  .m-lg-3 {
    padding: 1em; }

  .my-lg-3,
  .mt-lg-3 {
    padding-top: 1em; }

  .my-lg-3,
  .mb-lg-3 {
    padding-bottom: 1em; }

  .mx-lg-3,
  .ml-lg-3 {
    padding-left: 1em; }

  .mx-lg-3,
  .mr-lg-3 {
    padding-right: 1em; }

  .m-lg-4 {
    padding: 1.5em; }

  .my-lg-4,
  .mt-lg-4 {
    padding-top: 1.5em; }

  .my-lg-4,
  .mb-lg-4 {
    padding-bottom: 1.5em; }

  .mx-lg-4,
  .ml-lg-4 {
    padding-left: 1.5em; }

  .mx-lg-4,
  .mr-lg-4 {
    padding-right: 1.5em; }

  .m-lg-5 {
    padding: 3em; }

  .my-lg-5,
  .mt-lg-5 {
    padding-top: 3em; }

  .my-lg-5,
  .mb-lg-5 {
    padding-bottom: 3em; }

  .mx-lg-5,
  .ml-lg-5 {
    padding-left: 3em; }

  .mx-lg-5,
  .mr-lg-5 {
    padding-right: 3em; }

  .m-lg-6 {
    padding: 6em; }

  .my-lg-6,
  .mt-lg-6 {
    padding-top: 6em; }

  .my-lg-6,
  .mb-lg-6 {
    padding-bottom: 6em; }

  .mx-lg-6,
  .ml-lg-6 {
    padding-left: 6em; }

  .mx-lg-6,
  .mr-lg-6 {
    padding-right: 6em; } }
@media (min-width: 1170px) {
  .m-xl-0 {
    padding: 0em; }

  .my-xl-0,
  .mt-xl-0 {
    padding-top: 0em; }

  .my-xl-0,
  .mb-xl-0 {
    padding-bottom: 0em; }

  .mx-xl-0,
  .ml-xl-0 {
    padding-left: 0em; }

  .mx-xl-0,
  .mr-xl-0 {
    padding-right: 0em; }

  .m-xl-1 {
    padding: 0.25em; }

  .my-xl-1,
  .mt-xl-1 {
    padding-top: 0.25em; }

  .my-xl-1,
  .mb-xl-1 {
    padding-bottom: 0.25em; }

  .mx-xl-1,
  .ml-xl-1 {
    padding-left: 0.25em; }

  .mx-xl-1,
  .mr-xl-1 {
    padding-right: 0.25em; }

  .m-xl-2 {
    padding: 0.5em; }

  .my-xl-2,
  .mt-xl-2 {
    padding-top: 0.5em; }

  .my-xl-2,
  .mb-xl-2 {
    padding-bottom: 0.5em; }

  .mx-xl-2,
  .ml-xl-2 {
    padding-left: 0.5em; }

  .mx-xl-2,
  .mr-xl-2 {
    padding-right: 0.5em; }

  .m-xl-3 {
    padding: 1em; }

  .my-xl-3,
  .mt-xl-3 {
    padding-top: 1em; }

  .my-xl-3,
  .mb-xl-3 {
    padding-bottom: 1em; }

  .mx-xl-3,
  .ml-xl-3 {
    padding-left: 1em; }

  .mx-xl-3,
  .mr-xl-3 {
    padding-right: 1em; }

  .m-xl-4 {
    padding: 1.5em; }

  .my-xl-4,
  .mt-xl-4 {
    padding-top: 1.5em; }

  .my-xl-4,
  .mb-xl-4 {
    padding-bottom: 1.5em; }

  .mx-xl-4,
  .ml-xl-4 {
    padding-left: 1.5em; }

  .mx-xl-4,
  .mr-xl-4 {
    padding-right: 1.5em; }

  .m-xl-5 {
    padding: 3em; }

  .my-xl-5,
  .mt-xl-5 {
    padding-top: 3em; }

  .my-xl-5,
  .mb-xl-5 {
    padding-bottom: 3em; }

  .mx-xl-5,
  .ml-xl-5 {
    padding-left: 3em; }

  .mx-xl-5,
  .mr-xl-5 {
    padding-right: 3em; }

  .m-xl-6 {
    padding: 6em; }

  .my-xl-6,
  .mt-xl-6 {
    padding-top: 6em; }

  .my-xl-6,
  .mb-xl-6 {
    padding-bottom: 6em; }

  .mx-xl-6,
  .ml-xl-6 {
    padding-left: 6em; }

  .mx-xl-6,
  .mr-xl-6 {
    padding-right: 6em; } }
@media (min-width: 1370px) {
  .m-xxl-0 {
    padding: 0em; }

  .my-xxl-0,
  .mt-xxl-0 {
    padding-top: 0em; }

  .my-xxl-0,
  .mb-xxl-0 {
    padding-bottom: 0em; }

  .mx-xxl-0,
  .ml-xxl-0 {
    padding-left: 0em; }

  .mx-xxl-0,
  .mr-xxl-0 {
    padding-right: 0em; }

  .m-xxl-1 {
    padding: 0.25em; }

  .my-xxl-1,
  .mt-xxl-1 {
    padding-top: 0.25em; }

  .my-xxl-1,
  .mb-xxl-1 {
    padding-bottom: 0.25em; }

  .mx-xxl-1,
  .ml-xxl-1 {
    padding-left: 0.25em; }

  .mx-xxl-1,
  .mr-xxl-1 {
    padding-right: 0.25em; }

  .m-xxl-2 {
    padding: 0.5em; }

  .my-xxl-2,
  .mt-xxl-2 {
    padding-top: 0.5em; }

  .my-xxl-2,
  .mb-xxl-2 {
    padding-bottom: 0.5em; }

  .mx-xxl-2,
  .ml-xxl-2 {
    padding-left: 0.5em; }

  .mx-xxl-2,
  .mr-xxl-2 {
    padding-right: 0.5em; }

  .m-xxl-3 {
    padding: 1em; }

  .my-xxl-3,
  .mt-xxl-3 {
    padding-top: 1em; }

  .my-xxl-3,
  .mb-xxl-3 {
    padding-bottom: 1em; }

  .mx-xxl-3,
  .ml-xxl-3 {
    padding-left: 1em; }

  .mx-xxl-3,
  .mr-xxl-3 {
    padding-right: 1em; }

  .m-xxl-4 {
    padding: 1.5em; }

  .my-xxl-4,
  .mt-xxl-4 {
    padding-top: 1.5em; }

  .my-xxl-4,
  .mb-xxl-4 {
    padding-bottom: 1.5em; }

  .mx-xxl-4,
  .ml-xxl-4 {
    padding-left: 1.5em; }

  .mx-xxl-4,
  .mr-xxl-4 {
    padding-right: 1.5em; }

  .m-xxl-5 {
    padding: 3em; }

  .my-xxl-5,
  .mt-xxl-5 {
    padding-top: 3em; }

  .my-xxl-5,
  .mb-xxl-5 {
    padding-bottom: 3em; }

  .mx-xxl-5,
  .ml-xxl-5 {
    padding-left: 3em; }

  .mx-xxl-5,
  .mr-xxl-5 {
    padding-right: 3em; }

  .m-xxl-6 {
    padding: 6em; }

  .my-xxl-6,
  .mt-xxl-6 {
    padding-top: 6em; }

  .my-xxl-6,
  .mb-xxl-6 {
    padding-bottom: 6em; }

  .mx-xxl-6,
  .ml-xxl-6 {
    padding-left: 6em; }

  .mx-xxl-6,
  .mr-xxl-6 {
    padding-right: 6em; } }
/* Backgrounds */
.bg-primary {
  background-color: #2baae2; }

.bg-primarylight {
  background-color: #c0e5f6; }

.bg-secondary {
  background-color: #6E6E73; }

.bg-dark {
  background-color: #535458; }

.bg-darker {
  background-color: #231f20; }

.bg-medium {
  background-color: #b8b8ba; }

.bg-light {
  background-color: #edf8fd; }

.bg-white {
  background-color: #ffffff; }

/* Test Color */
.text-primary {
  color: #2baae2; }

.text-primarylight {
  color: #c0e5f6; }

.text-secondary {
  color: #6E6E73; }

.text-dark {
  color: #535458; }

.text-darker {
  color: #231f20; }

.text-medium {
  color: #b8b8ba; }

.text-light {
  color: #edf8fd; }

.text-white {
  color: #ffffff; }

/* Alignment */
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

@media (min-width: 480px) {
  .text-sm-center {
    text-align: center; }

  .text-sm-left {
    text-align: left; }

  .text-sm-right {
    text-align: right; } }
@media (min-width: 768px) {
  .text-md-center {
    text-align: center; }

  .text-md-left {
    text-align: left; }

  .text-md-right {
    text-align: right; } }
@media (min-width: 991px) {
  .text-lg-center {
    text-align: center; }

  .text-lg-left {
    text-align: left; }

  .text-lg-right {
    text-align: right; } }
@media (min-width: 1170px) {
  .text-xl-center {
    text-align: center; }

  .text-xl-left {
    text-align: left; }

  .text-xl-right {
    text-align: right; } }
@media (min-width: 1370px) {
  .text-xxl-center {
    text-align: center; }

  .text-xxl-left {
    text-align: left; }

  .text-xxl-right {
    text-align: right; } }
/* Flex styles */
.align-items-center {
  align-items: center; }

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-serif); }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0; }

h1, .h1 {
  font-size: 4rem;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: normal;
  margin-bottom: 1em;
  position: relative;
  --rule-margin: 1em auto 0 0; }

h1::after,
.h1::after {
  content: '';
  border-bottom: 2px solid var(--primary);
  width: Min(350px, 100%);
  display: block;
  margin: var(--rule-margin); }

h2, .h2 {
  font-size: 3.5rem;
  font-size: clamp(1.75rem, 4vw, 3.5rem);
  font-weight: normal;
  margin-bottom: .5em;
  position: relative;
  --rule-margin: .5em auto 0 0; }

h2::after,
.h2::after {
  content: '';
  border-bottom: 2px solid var(--primary);
  width: Min(175px, 50%);
  display: block;
  margin: var(--rule-margin); }

h3, .h3 {
  font-size: 3rem;
  font-size: clamp(1.5rem, 3.5vw, 3rem);
  font-weight: normal;
  margin-bottom: .5em; }

h4, .h4 {
  font-family: var(--font-family-sans);
  font-size: 2.5rem;
  font-size: clamp(1.33rem, 2.5vw, 2.5rem);
  font-weight: normal;
  margin-bottom: .5em; }

h5, .h5 {
  font-family: var(--font-family-sans);
  font-size: 2rem;
  font-size: clamp(1.25rem, 2vw, 2rem);
  font-weight: normal;
  margin-bottom: .5em; }

h6, .h6 {
  font-family: var(--font-family-sans);
  font-size: 1.5rem;
  font-size: clamp(1rem, 1.5vw, 1.5rem);
  font-weight: normal;
  margin-bottom: .5em; }

.text-center h1,
.text-center .h1,
[style*="text-align:center"] h1,
[style*="text-align:center"] .h1,
h1[style*="text-align:center"],
.h1[style*="text-align:center"],
[style*="text-align: center"] h1,
[style*="text-align: center"] .h1,
h1[style*="text-align: center"],
.h1[style*="text-align: center"],
h1.text-center,
.h1.text-center {
  --rule-margin: 1em auto 0; }

.text-center h2,
.text-center .h2,
[style*="text-align:center"] h2,
[style*="text-align:center"] .h2,
h2[style*="text-align:center"],
.h2[style*="text-align:center"],
[style*="text-align: center"] h2,
[style*="text-align: center"] .h2,
h2[style*="text-align: center"],
.h2[style*="text-align: center"],
h2.text-center,
.h2.text-center {
  --rule-margin: .5em auto 0; }

p {
  font-size: 1.125rem; }

p.big {
  font-size: 1.25rem; }

p.bigger {
  font-size: 1.375rem; }

p.small {
  font-size: 1rem; }

p.smaller {
  font-size: .875rem; }

a {
  transition: color 250ms, background 250ms; }
  a:link, a:visited {
    color: var(--primary); }
  a:hover, a:active, a:focus {
    color: var(--darker); }
  a.btn {
    display: inline-block;
    padding: 0.5em 2em;
    background: var(--primary);
    text-decoration: none;
    border-radius: 2em; }
    a.btn:link, a.btn:visited {
      color: var(--light); }
    a.btn:hover, a.btn:active, a.btn:focus {
      color: var(--light);
      background: var(--dark); }

header,
main,
footer {
  display: grid;
  grid-template-columns: [full-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] Min(100% - 4rem, var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-end]; }

header > :not(.breakout, .full-width, .full-bleed),
main > :not(.breakout, .full-width, .full-bleed),
footer > :not(.breakout, .full-width, .full-bleed),
.full-width > :not(.breakout, .full-width, .full-bleed),
.full-bleed > :not(.breakout, .full-width, .full-bleed) {
  grid-column: content; }

.breakout {
  grid-column: breakout; }

.full-width {
  grid-column: full;
  display: grid;
  grid-template-columns: inherit; }

.full-bleed {
  grid-column: full; }

.narrow {
  max-width: 1100px;
  margin-inline: auto; }

header {
  padding-block: var(--padding-block); }

header .row {
  align-items: flex-end;
  gap: 2rem; }

header .logo {
  width: 100%;
  text-align: center; }

header .logo img {
  max-width: 300px; }

@media (min-width: 991px) {
  header .logo {
    width: 20%;
    text-align: left; }

  header .logo img {
    max-width: 100%; } }
@media (min-width: 991px) {
  .topnav a.topnav-open,
  .topnav a.open-sub {
    display: none; }

  .topnav > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .875rem;
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: 600;
    border-top: 2px solid var(--primary);
    justify-content: flex-end; }

  .topnav li {
    position: relative; }

  .topnav > ul > li > a {
    padding: 1.5em 1em;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    transition: color 250ms, background 250ms; }

  .topnav > ul > li > a:link,
  .topnav > ul > li > a:visited {
    color: var(--secondary); }

  .topnav > ul > li > a:hover,
  .topnav > ul > li > a:active,
  .topnav > ul > li > a:focus {
    color: var(--primary);
    background: var(--light); }

  .topnav > ul ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 150%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    z-index: 1;
    transition: opacity 250ms, top 0ms 250ms, visibility 0ms 250ms; }

  .topnav li.edge > ul {
    left: auto;
    right: 0; }

  .topnav li:hover > ul {
    transition: visibility 0ms, opacity 250ms, top 250ms;
    opacity: 1;
    top: 100%;
    visibility: visible; }

  .topnav > ul ul a {
    display: block;
    background: var(--white);
    text-decoration: none;
    padding: .5em 1em;
    border-top: 1px solid var(--primary);
    color: var(--dark);
    transition: background 250ms; }

  .topnav > ul ul a:hover {
    background: var(--light); } }
@media (max-width: 990.99px) {
  .topnav {
    position: relative; }

  .topnav a {
    padding: .5em 1em;
    background: var(--primarylight);
    display: block;
    border-top: 1px solid var(--primary);
    color: var(--dark);
    text-decoration: none;
    transition: background 250ms, color 250ms; }

  .topnav a.topnav-open {
    border-top: 0;
    font-size: 1.25rem; }

  .topnav a:hover {
    background: var(--primary);
    color: var(--light); }

  .topnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid var(--primary); }

  .topnav > ul {
    position: absolute;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms, top 250ms, visibility 0ms 250ms; }

  .topnav > ul.open {
    opacity: 1;
    visibility: visible;
    top: 100%;
    transition: visibility 0ms, opacity 250ms, top 250ms; }

  .topnav li {
    display: flex;
    flex-wrap: wrap; }

  .topnav li > a:first-child {
    flex-grow: 1; }

  .topnav ul ul {
    display: none; }

  .topnav ul ul a {
    padding-left: 2em;
    background: var(--light); } }
.leftnav ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.leftnav a {
  display: block;
  padding: .5em 1em;
  border: 1px solid var(--primarylight);
  text-decoration: none;
  background: var(--light);
  color: var(--dark);
  margin-bottom: 1em;
  transition: background 250ms, color 250ms; }

.leftnav a.open-sub {
  display: none; }

.leftnav a:hover {
  color: var(--darker);
  background: var(--primarylight); }

section + section {
  margin-top: 2rem; }

.hero {
  position: relative; }

.hero::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  height: 1.5rem;
  background: #ffffffa8; }

.hero .bx-wrapper {
  box-shadow: none;
  border: 0;
  margin-bottom: 0; }

.hero .slickslider {
  margin: 0;
  padding: 0; }

.hero .slick-slide {
  container-type: inline-size; }

.hero .slickslider_captions {
  background: #ffffffdd;
  padding: 3rem 3rem;
  padding: clamp(1rem, 3vw, 3rem) clamp(2rem, 3vw, 3rem);
  font-weight: 500;
  border-bottom: 1rem solid var(--primary); }

.hero .slickslider_captions .h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 3.5rem;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-family: var(--font-family-serif);
  margin: 0 0 0.5em; }

.hero .slickslider_captions a {
  display: inline-block;
  background: var(--primary);
  color: white;
  padding: .75em 2em;
  border-radius: 2em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: .0625em; }

@container (min-width:991px) {
  .hero .slickslider_captions {
    position: absolute;
    z-index: 1;
    bottom: 3rem;
    bottom: clamp(1rem, 3vw, 3rem);
    left: 3rem;
    left: clamp(1rem, 3vw, 3rem);
    width: 45%;
    padding: clamp(1rem, 3vw, 3rem) 3rem;
    border-bottom: 0; }

  .hero .slickslider_captions .h2 {
    font-size: clamp(1.25rem, 4vw, 3.5rem); } }
.welcome {
  padding-top: 4rem; }

.card {
  padding: 1rem;
  position: relative;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  height: 100%; }

.card > img {
  display: block;
  aspect-ratio: 1 / .5;
  object-fit: cover; }

.card-box {
  background: #666666;
  padding: 1rem;
  border-bottom: 1rem solid var(--primary);
  flex-grow: 1; }

@container (min-width:400px) {
  .card-box {
    background: #666666e0;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    width: 250px;
    aspect-ratio: 1 / 1; }

  .card > img {
    display: block;
    aspect-ratio: auto; } }
@container (min-width:600px) {
  .card > img {
    aspect-ratio: 1 / .5;
    object-fit: cover; } }
.card-box img {
  height: 3rem;
  width: 4rem;
  object-fit: contain;
  object-position: left; }

.card-box h3 {
  color: #ffffff;
  font-weight: normal;
  font-size: 2.25rem;
  margin: .5em 0 .5em; }

.card-box a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .125em;
  font-weight: 600;
  color: #c0e5f6;
  padding: .5em;
  transition: color 250ms, background 250ms; }

.card-box a:hover,
.card-box a:visited {
  color: #c0e5f6; }

.card-box a:hover,
.card-box a:active,
.card-box a:focus {
  color: #ffffff;
  background: #00000030; }

.sports .card-box h3 {
  font-size: 1.5rem; }

.sports .card-box a {
  padding: 0;
  text-transform: none;
  letter-spacing: normal; }

.sports p {
  color: white;
  font-style: italic; }

.sports .slick-prev,
.sports .slick-next {
  height: 4rem;
  width: 4rem;
  z-index: 1; }

.sports .slick-prev {
  left: calc(10vw - 2rem); }

.sports .slick-next {
  right: calc(10vw - 2rem); }

.sports .slick-prev::before,
.sports .slick-next::before {
  font-size: 4rem;
  color: var(--medium); }

.testimonial-box {
  position: relative; }

.testimonial-slider-controls {
  position: absolute;
  top: -3rem;
  right: 0; }

.testimonial-slider-controls a {
  display: inline-block;
  padding: .5em 1em;
  transition: background 250ms; }

.testimonial-slider-controls a:hover,
.testimonial-slider-controls a:active,
.testimonial-slider-controls a:focus {
  background: #efefef; }

.testimonial-slider-controls img {
  display: block; }

.testimonial ul.testimonial-slider {
  margin: 0;
  padding: 0; }

.testimonial blockquote {
  margin: 0;
  padding: 0; }

.testimonial blockquote p {
  font-size: 1.25rem;
  line-height: 1.75; }

.testimonial blockquote cite {
  color: var(--primary);
  font-size: 1.25rem; }

/* Page Headers */
.page-header {
  position: relative;
  container-type: inline-size; }

.page-header p {
  margin: 0; }

.page-header img {
  display: block;
  width: 100%; }

.page-header h1 {
  margin: 0;
  padding: clamp(1rem, 2vw, 2rem) clamp(1.5rem, 2vw, 3rem);
  border-bottom: 1rem solid var(--primarylight); }

.page-header h1::after {
  content: none; }

@container (min-width:991px) {
  .page-header h1 {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    background: #ffffffdd;
    border-bottom: 0; } }
/* Travel Packages */
.packages {
  display: grid;
  gap: 2rem 5rem; }

@media (min-width: 991px) {
  .packages {
    grid-template-columns: 1fr 1fr; } }
.package-item {
  background: #fff;
  padding: 2rem 2rem; }

.package-item h3:has(+ .subtitle) {
  margin-bottom: 0; }

.package-item .subtitle {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .0625em;
  line-height: 1; }

.package-days {
  color: var(--primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .0625em; }

.package-days span {
  color: var(--dark);
  font-weight: normal;
  text-transform: lowercase; }

/* Contact Forms */
.contact-form {
  max-width: 1000px;
  margin: 0 auto; }

.contact-form input:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']),
.contact-form textarea {
  width: 100%;
  padding: 0.5em 1em;
  font-size: inherit;
  font-family: inherit;
  border: 1px solid var(--medium); }
  .contact-form input:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit'])::placeholder,
  .contact-form textarea::placeholder {
    text-transform: uppercase;
    letter-spacing: .0625em; }
  .contact-form input:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):user-invalid,
  .contact-form textarea:user-invalid {
    box-shadow: 0 0 5px red; }

.contact-form textarea {
  height: 7em; }

.contact-form input[type='submit'],
.contact-form input[type='button'],
.contact-form button {
  background: var(--primary);
  color: var(--light);
  text-transform: uppercase;
  font-family: inherit;
  padding: 0.5em 3em;
  border: 0;
  border-radius: 2em;
  letter-spacing: .0625em;
  font-size: 1.25rem;
  margin-top: 1em;
  font-weight: 500; }

.contact-form label {
  position: relative;
  top: 0;
  transition: top 500ms, opacity 500ms; }
  .contact-form label:has(+ input:placeholder-shown), .contact-form label:has(+ textarea:placeholder-shown) {
    opacity: 0;
    top: 1em; }

.pagination {
  display: block;
  margin-bottom: 1em;
  margin-top: 1em; }

.pagination a {
  background: var(--light);
  border: 1px solid var(--primarylight);
  padding: .25em .5em;
  display: inline-block;
  border-radius: 3px;
  transition: background 250ms, color 250ms;
  text-decoration: none;
  margin-inline: .25em; }

.pagination a:link,
.pagination a:visited {
  color: var(--primary);
  background: var(--light); }

.pagination a:hover,
.pagination a:active,
.pagination a:focus,
.pagination a.curpage,
.pagination a.curPage {
  background: var(--primary);
  color: var(--light); }

main:has(.blog) .page-header h1 {
  display: none; }

main:has(.blog) .page-header img {
  height: 300px !important;
  object-fit: cover; }

.post {
  border-bottom: .5rem solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem; }
  .post.clearfix:after {
    content: '';
    display: block;
    clear: both; }

.post.last {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0; }

.post-image-feature {
  margin-bottom: 1rem; }

.post-image-feature img {
  width: 100%;
  display: block; }

@media (min-width: 768px) {
  .post-image-feature {
    float: right;
    width: 50%;
    margin-left: 1rem; } }
@media (min-width: 991px) {
  .post-image-feature {
    width: 33.33%; } }
.post-image-caption {
  font-size: 12px;
  color: #5256A0;
  margin-top: 5px; }

.post-publish,
.post-category {
  margin: 15px 0; }

.post-excerpt {
  font-size: .8em;
  font-weight: bold; }

.post-files {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 10px; }

.post-file-item {
  margin-bottom: 10px;
  font-size: 12px; }

.post-file-item a img {
  vertical-align: text-top; }

.post-file-item-ext {
  text-transform: uppercase;
  font-weight: normal; }

.post-file-item-description {
  font-size: .8em; }

.post-share {
  margin-top: 15px; }

.post-show-all {
  text-align: right;
  padding: 10px 0 0 10px;
  font-size: 16px; }

.post-comments {
  background: rgba(0, 0, 0, 0.05);
  font-size: 16px;
  padding: 20px; }

.post-comments .comments-link {
  font-weight: bold; }

.blog.blog-with-sidebar {
  float: left;
  width: 70%; }

.blog-display h1 a {
  text-decoration: none; }

.blog-display-title h1 {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .1em;
  padding-bottom: 15px;
  color: #555; }

.blog-display-title h1 a {
  float: right; }

.blog-display-list .post-content img {
  display: none; }

.blog-sidebar {
  float: right;
  width: 25%; }

.blog-sidebar h2 {
  font-size: 12px; }

.blog-sidebar ul {
  margin: 10px 0;
  padding: 0 0 0 25px;
  font-size: 13px; }

.blog-sidebar .search-posts input {
  background: url("../images/search.png") no-repeat 5px center #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-left: 15px;
  padding: 5px 5px 5px 25px;
  margin-bottom: 10px;
  width: 150px; }

.blog .pagination {
  margin-bottom: 20px;
  font-size: 16px;
  display: flex;
  justify-content: space-between; }

.blog .blog-prev-next {
  margin-bottom: 10px;
  text-transform: uppercase;
  justify-content: space-between; }

.blog .blog-prev-next .next {
  text-align: right; }

@media (min-width: 768px) {
  .blog .blog-prev-next {
    display: flex;
    gap: 1rem;
    justify-content: space-between; } }
.blog-footer {
  border-top: 1px solid #ccc;
  padding-top: 2rem;
  margin-top: 2rem;
  clear: both;
  display: grid; }

@media (min-width: 768px) {
  .blog-footer {
    grid-template-columns: 1fr 1fr; } }
@media (min-width: 991px) {
  .blog-footer {
    grid-template-columns: 1fr 1fr 1fr 1fr; } }
.blog-footer .widget h2 {
  font-size: 1.5rem; }

main:has(.admintable, .admintable2, .admin-menu) .page-header h1 {
  display: none; }

main:has(.admintable, .admintable2, .admin-menu) .page-header img {
  height: 200px;
  object-fit: cover; }

main:has(.admintable, .admintable2, .admin-menu) .content article > h1 {
  margin-top: 0;
  font-size: 3rem;
  margin-bottom: .5em; }

main:has(.admintable, .admintable2, .admin-menu) .content article > h1::after {
  margin-top: .5em; }

/* Admin Side */
.admin-form input[type="text"],
.admin-form input[type="password"],
.admin-form input[type="number"],
.admin-form input[type="search"],
.admin-form input[type="email"],
.admin-form input[type="url"],
.admin-form input[type="tel"],
.admin-form textarea,
.admin-form select,
.admintable input[type="text"],
.admintable input[type="password"],
.admintable input[type="number"],
.admintable input[type="search"],
.admintable input[type="email"],
.admintable input[type="url"],
.admintable input[type="tel"],
.admintable textarea,
.admintable select {
  box-sizing: border-box;
  width: 100%;
  font-family: inherit;
  line-height: 1.25;
  padding: .5em;
  font-size: inherit; }
.admin-form .double,
.admin-form .triple,
.admin-form .address,
.admintable .double,
.admintable .triple,
.admintable .address {
  display: block; }
.admin-form .double:after,
.admin-form .triple:after,
.admin-form .address:after,
.admintable .double:after,
.admintable .triple:after,
.admintable .address:after {
  content: '';
  clear: both;
  display: block; }
.admin-form .double > div,
.admintable .double > div {
  float: left;
  width: 49%; }
.admin-form .double > div:nth-child(2n-1),
.admintable .double > div:nth-child(2n-1) {
  margin-right: 2%; }
.admin-form .double > div:nth-child(2n),
.admintable .double > div:nth-child(2n) {
  margin-left: 0%; }
.admin-form .triple > div,
.admintable .triple > div {
  float: left;
  width: 32%; }
.admin-form .triple > div:nth-child(2),
.admintable .triple > div:nth-child(2) {
  margin: 0 2%; }
.admin-form .address > div,
.admintable .address > div {
  float: left; }
.admin-form .address > div:nth-child(1),
.admintable .address > div:nth-child(1) {
  width: 48%; }
.admin-form .address > div:nth-child(2),
.admintable .address > div:nth-child(2) {
  width: 20%;
  margin: 0 2%; }
.admin-form .address > div:nth-child(3),
.admintable .address > div:nth-child(3) {
  width: 28%; }
.admin-form label,
.admintable label {
  text-align: left;
  display: block;
  width: auto !important; }
.admin-form label.inline,
.admintable label.inline {
  display: inline-block; }
.admin-form label .example,
.admintable label .example {
  float: right;
  color: #900; }

.admin-login {
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 576px) {
    .admin-login {
      width: 50%; } }
  .admin-login label {
    display: block;
    margin-bottom: 5px; }
  .admin-login input {
    display: block;
    border: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 1rem;
    font-size: 18px;
    padding: 1rem; }
    .admin-login input[type=submit] {
      background: #2baae2;
      color: #ffffff; }

.admin-search,
.admin-pagination {
  text-align: center; }

.admintable {
  width: 100%;
  border: 1px solid black;
  background: #ffffff;
  margin: 0 auto;
  border-collapse: collapse;
  letter-spacing: normal; }
  .admintable td {
    padding: 3px; }

.admintable2 {
  background: #edf8fd;
  border: 1px solid black;
  border-collapse: collapse; }
  .admintable2 td {
    padding: 2px; }

.adminheader {
  background: #2baae2; }

.adminheader25 {
  background: #2baae2; }

.adminheadertext {
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  font-size: 1rem; }
  .adminheadertext a:link, .adminheadertext a:visited {
    color: #ff9; }
  .adminheadertext a:hover, .adminheadertext a:active, .adminheadertext a:focus {
    color: #ff9; }
  .adminheadertext a img {
    vertical-align: text-bottom;
    padding: 0;
    border: 0; }

.adminlable {
  background: #2baae2;
  color: #ffffff;
  text-align: center; }
  .adminlable a:link, .adminlable a:visited {
    color: #ffc; }
  .adminlable a:hover, .adminlable a:active, .adminlable a:focus {
    color: #ff0; }

.adminlable2 {
  color: #535458;
  font-weight: bold;
  text-align: left; }

.adminlable3 {
  color: #535458;
  text-align: left; }

.adminempty {
  color: #535458;
  font-weight: bold;
  text-align: left; }

.adminlist {
  color: #535458;
  text-align: center; }
  .adminlist a:link, .adminlist a:visited {
    color: #535458; }
  .adminlist a:hover, .adminlist a:active, .adminlist a:focus {
    color: #2baae2; }

.adminlistsubheader {
  background: #9ec2ff;
  font-weight: bold;
  color: #535458; }

.adminlistsubheader2 {
  background: #ccdfff;
  font-weight: bold;
  color: #535458; }

.adminlistrow:nth-child(even) {
  background: #edf8fd; }

.adminlistrow:nth-child(odd) {
  background: #ffffff; }

.AdminAltListRow1 {
  background: #edf8fd; }

.AdminAltListRow2 {
  background: #ffffff; }

.adminmanagelinks {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: .5em;
  aspect-ratio: 1;
  width: 2rem;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  transition: background 250ms; }
  .adminmanagelinks:hover, .adminmanagelinks:active, .adminmanagelinks:focus {
    background: #535458; }

.admincalendarheader {
  background: #6c8b3b;
  border-bottom: 1px solid black;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid black;
  color: #ffffff;
  font-weight: bold; }

.admincalendarblank {
  background: #e2eec8;
  border-bottom: 1px solid black;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid black; }

.admincalendarblank2 {
  border-bottom: 1px solid black;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid black; }

.admincalendarday {
  background: #ffffff;
  border-bottom: 1px solid black;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid black; }

.admincalendarday2 {
  background: #6c8b3b;
  border-bottom: 1px solid black;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid black;
  color: #ffffff; }

.adminintrotext {
  text-align: left;
  color: #535458;
  margin: 0 2% 0px 2%; }

/* Admin Display - New */
.admin-center {
  text-align: center; }

.admin-details {
  background: #fff;
  color: #000;
  border: 1px solid #000;
  padding: .25rem;
  text-align: left;
  margin-bottom: 1rem; }
  .admin-details-body {
    background: #f3f3f4;
    color: #000;
    border: 1px solid #000; }
    .admin-details-body > div {
      padding: .25rem; }
  .admin-details__title {
    font-size: .875rem;
    padding: .25rem;
    font-weight: bold; }
  .admin-details__header {
    background: #002a12;
    color: #fff;
    font-weight: bold;
    padding: .25rem; }
    .admin-details__header::after {
      content: '';
      clear: both;
      display: block; }
    .admin-details__header button {
      float: right; }
  .admin-details div.inline > div {
    display: inline-block; }
    .admin-details div.inline > div label {
      display: inline; }
      .admin-details div.inline > div label input {
        display: inline;
        width: auto; }
  .admin-details-group {
    display: flex; }
  .admin-details-label {
    flex-grow: 1;
    flex-basis: 0; }
  .admin-details-input {
    flex-grow: 4;
    flex-basis: 0; }
    .admin-details-input input[type="text"],
    .admin-details-input input[type="password"],
    .admin-details-input input[type="number"],
    .admin-details-input input[type="search"],
    .admin-details-input input[type="email"],
    .admin-details-input input[type="url"],
    .admin-details-input input[type="tel"],
    .admin-details-input textarea {
      width: 100%; }
  .admin-details label {
    width: 100%;
    text-align: left;
    font-weight: bold; }
    .admin-details label input[type="text"],
    .admin-details label input[type="password"],
    .admin-details label input[type="number"],
    .admin-details label input[type="search"],
    .admin-details label input[type="email"],
    .admin-details label input[type="url"],
    .admin-details label input[type="tel"],
    .admin-details label textarea {
      flex-grow: 1;
      width: 100%; }

.admin-list {
  display: table;
  width: 100%;
  border: 1px solid #000;
  margin: 0 0 1.5rem;
  background: #fff;
  color: #000; }
  .admin-list__header {
    background: #002a12;
    color: #fff; }
  .admin-list__header, .admin-list__item {
    display: table-row; }
    .admin-list__header > div, .admin-list__item > div {
      display: table-cell;
      padding: 2px; }
  .admin-list__item:nth-child(odd) {
    background: #ddd2ce; }
    .admin-list__item:nth-child(odd) a:link, .admin-list__item:nth-child(odd) a:visited {
      color: #002a12; }
    .admin-list__item:nth-child(odd) a:hover, .admin-list__item:nth-child(odd) a:active, .admin-list__item:nth-child(odd) a:focus {
      color: #000; }
  .admin-list__order {
    width: 65px; }
  .admin-list__status {
    width: 65px;
    white-space: nowrap; }
  .admin-list__action {
    width: 65px;
    white-space: nowrap; }
  .admin-list__subheader {
    display: table-row;
    position: relative;
    height: 2em;
    transform: scale(1);
    font-size: 16px; }
    .admin-list__subheader > div {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      line-height: 1;
      background: #9EC2FF;
      text-align: left;
      padding: .5em 1em;
      font-weight: bold; }

/* Admin Menu */
ul.admin-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block; }
  ul.admin-menu a {
    display: flex;
    align-items: center;
    gap: .5em;
    padding: .25em .5em;
    border-radius: .5em;
    transition: background 250ms; }
    ul.admin-menu a:link, ul.admin-menu a:visited {
      background: #2baae2;
      color: #fff; }
    ul.admin-menu a:hover, ul.admin-menu a:active, ul.admin-menu a:focus {
      background: #1787b7;
      color: #fff; }
    ul.admin-menu a.admin-logout:link, ul.admin-menu a.admin-logout:visited {
      background: rgba(0, 0, 0, 0.25);
      color: #fff; }
    ul.admin-menu a.admin-logout:hover, ul.admin-menu a.admin-logout:active, ul.admin-menu a.admin-logout:focus {
      background: #1787b7;
      color: #fff; }
    ul.admin-menu a.admin-settings:link, ul.admin-menu a.admin-settings:visited {
      background: rgba(0, 0, 0, 0.5);
      color: #fff; }
    ul.admin-menu a.admin-settings:hover, ul.admin-menu a.admin-settings:active, ul.admin-menu a.admin-settings:focus {
      background: #1787b7;
      color: #fff; }
  ul.admin-menu > li {
    font-weight: bold;
    background: rgba(0, 0, 0, 0.125);
    padding: .5em 1em;
    border-radius: .5em;
    margin-bottom: 1em; }
    ul.admin-menu > li > ul {
      display: grid;
      gap: 1em;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      padding: 0;
      margin: 0;
      list-style: none; }

/* Admin Bar */
.admin-bar {
  background: #000;
  color: #fff;
  text-align: left;
  padding: .5em 1em; }
  .admin-bar a:link, .admin-bar a:visited {
    color: #fff; }
  .admin-bar a:hover, .admin-bar a:active, .admin-bar a:focus {
    color: #ff6; }
  .admin-bar a img {
    vertical-align: top; }

a.admin-bar-logout {
  float: right; }

.admin-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em; }
.admin-form {
  letter-spacing: normal; }
  .admin-form label {
    display: block; }
    .admin-form label.inline {
      display: inline-block; }
    .admin-form label input:not([type=checkbox]):not([type=radio]),
    .admin-form label textarea,
    .admin-form label select {
      display: block;
      width: 100%;
      margin-bottom: 1em;
      font-size: 1.125em;
      padding: .5em 1em;
      border: 1px solid #999; }
.admin-search {
  text-align: center;
  margin: .5em 0; }
.admin-pagination {
  text-align: center;
  margin: 1em 0; }
  .admin-pagination a {
    display: inline-block;
    padding: 0 .5em;
    background: #f5f5f5;
    line-height: 1.75;
    border: 1px solid #ccc;
    border-radius: 3px; }
    .admin-pagination a:hover {
      background: #335B76;
      color: #fff;
      text-decoration: none; }
    .admin-pagination a.curPage {
      background: #2baae2;
      color: #fff; }

@media (max-width: 767px) {
  .admintable .nomobile {
    display: none; } }
@media screen and (max-width: 600px) {
  .admin-content-sidebar {
    float: none !important;
    width: 100% !important; }

  .admin-content-editor {
    float: none !important;
    width: 100% !important; } }
.custom-form-option-container.horizontal,
.custom-form-option-container.vertical {
  margin-bottom: 10px; }

.custom-form-option-container.horizontal label {
  display: inline;
  margin-right: 10px; }

.custom-form-recaptcha {
  margin-bottom: 1em; }

.custom-form-action {
  text-align: center; }

.form-input {
  margin-bottom: 15px; }
  .form-input label {
    display: block;
    position: relative;
    font-size: 16px; }
    .form-input label .example {
      float: right;
      font-size: 12px; }
    .form-input label span.error-message,
    .form-input label span.error-restrict,
    .form-input label span.error-validate {
      position: absolute;
      top: 2em;
      right: 20px;
      display: none;
      font-size: 11px;
      color: #c00; }
    .form-input label.has-error input[type=text],
    .form-input label.has-error input[type=tel],
    .form-input label.has-error input[type=email],
    .form-input label.has-error input[type=date],
    .form-input label.has-error input[type=time],
    .form-input label.has-error input[type=number],
    .form-input label.has-error select,
    .form-input label.has-error textarea {
      border: 1px solid #f00; }
  .form-input .horizontal label,
  .form-input .vertical label {
    white-space: nowrap; }
  .form-input strong {
    display: block;
    margin-bottom: 5px;
    white-space: normal; }
  .form-input input[type=text],
  .form-input input[type=tel],
  .form-input input[type=number],
  .form-input input[type=date],
  .form-input input[type=time],
  .form-input input[type=email],
  .form-input textarea,
  .form-input select {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    font-family: inherit;
    font-size: 20px;
    border: 1px solid #ccc;
    border-radius: 5px; }
  .form-input textarea {
    height: 100px; }
  .form-input label input[type=radio],
  .form-input label input[type=checkbox] {
    margin-left: 10px; }

.form h2,
h2.custom-form-section-header {
  font-size: 20px; }

.form button[type=submit],
.form button.submit,
.custom-form-action button[type=submit],
.custom-form-action button.submit {
  background: var(--primary);
  color: #fff;
  font-family: inherit;
  letter-spacing: .0625em;
  text-transform: uppercase;
  border: 0;
  border-radius: 2em;
  font-size: 20px;
  font-weight: 300;
  padding: .5em 3em;
  display: block;
  margin-bottom: 20px;
  margin: 0 auto 20px;
  cursor: pointer;
  transition: all .3s; }

.form button[type=submit]:hover,
.form button.submit:hover,
.custom-form-action button[type=submit]:hover,
.custom-form-action button.submit:hover {
  background: #777; }

.custom-form-hideuntil {
  display: none; }

.custom-form-hideuntil-now {
  display: block; }

a.btn-classic {
  display: inline-block;
  background: var(--primary);
  color: #fff;
  font-size: 16px;
  width: auto;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

@media (max-width: 768px) {
  .form-input label,
  .form-input strong {
    display: block; }

  .form-input label input[type=radio],
  .form-input label input[type=checkbox] {
    margin-left: 0; } }
footer {
  margin-top: 12rem;
  background: var(--darker);
  color: var(--white);
  padding-block: var(--padding-block); }

footer .contact {
  padding-inline: 4rem;
  font-size: 1.5rem; }

footer address {
  font-style: normal; }

footer .phone {
  margin-block: 1rem;
  color: var(--primary);
  font-style: italic; }

footer .phone a {
  font-style: normal;
  text-decoration: none;
  transition: color 250ms; }

footer .phone a:link,
footer .phone a:visited {
  color: var(--white); }

footer .phone a:hover,
footer .phone a:active,
footer .phone a:focus {
  color: var(--primary); }

footer .social {
  font-size: 1.5em;
  display: inline-flex;
  gap: .5em; }

footer .social a {
  transition: color 250ms; }

footer .social a:link,
footer .social a:visited {
  color: var(--white); }

footer .social a:hover,
footer .social a:active,
footer .social a:focus {
  color: var(--primary); }

.footer-map {
  margin-top: -12rem;
  border: .5rem solid white; }

.footer-map img {
  display: block;
  width: 100%; }

footer .disclaimer {
  font-style: italic;
  line-height: 2;
  text-align: center;
  margin-top: 5rem; }

ul.copyright {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 1rem 1rem 3rem;
  gap: 1rem;
  font-size: 1.25rem;
  border-left: 2px solid var(--primary);
  border-right: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary); }

ul.copyright li {
  line-height: 1; }

@media (min-width: 992px) {
  ul.copyright {
    flex-direction: row; }

  ul.copyright li:not(:last-child) {
    border-right: 1px solid;
    padding-right: 1rem; } }
ul.copyright a {
  text-decoration: none;
  transition: color 250ms; }

ul.copyright a:link,
ul.copyright a:visited {
  color: var(--primary); }

ul.copyright a:hover,
ul.copyright a:active,
ul.copyright a:focus {
  color: var(--white); }

ul.copyright a.southfire:link,
ul.copyright a.southfire:visited {
  color: var(--white); }

ul.copyright a.southfire:hover,
ul.copyright a.southfire:active,
ul.copyright a.southfire:focus {
  color: var(--primary); }

.footer-cta {
  display: none; }

@media (max-width: 990.99px) {
  .footer-cta {
    display: block;
    position: sticky;
    bottom: 0;
    background: var(--primary);
    color: var(--light);
    text-align: center;
    font-size: 1.5em;
    display: flex;
    justify-content: space-evenly; }

  .footer-cta a {
    display: block;
    color: var(--light) !important;
    text-decoration: none;
    padding: .5em 1em;
    background: var(--primary);
    transition: background 250ms; }

  .footer-cta a:hover {
    background: var(--dark); } }

/*# sourceMappingURL=style.css.map */