/*
Theme Name:  Whitfield Plumbing
Author:      Yellow Marshmallow
Author URI:  http://www.yellowmarshmallow.co.uk
Version:     1.2.3
Template:    cherryframework4
*/

/* Theme customization starts here
-------------------------------------------------------------- */
:root {

  --wp--preset--color--background: #fffffe;
  --wp--preset--color--brand-1: #71b0ff;
  --wp--preset--color--brand-1--dark: #3665a1;
  --wp--preset--color--brand-1--light: #c6dfff;
  --wp--preset--color--brand-2: #565c5e;
  --wp--preset--color--brand-2--dark: #818181;
  --wp--preset--color--brand-2--light: #d5d5d5;

}

/* endregion */
/* ====================================================================================== */

/*////////////////////////////////////////////*/
/* region Theme */
/*////////////////////////////////////////////*/

/* endregion */

/*////////////////////////////////////////////*/
/* region Colours */
/*////////////////////////////////////////////*/

/* endregion Colours */

/*////////////////////////////////////////////*/
/* Display / Position Utilities */
/* region */

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-12 {
  flex: 0 0 100% !important;
}

.flex-auto {
  flex: 0 0 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

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

.m-1 {
  margin: var(--bs--spacing-1, 0.25rem) !important;
}

.m-2 {
  margin: var(--bs--spacing-2, 0.5rem) !important;
}

.m-3 {
  margin: var(--bs--spacing-3, 1.0rem) !important;
}

.m-4 {
  margin: var(--bs--spacing-4, 2.0rem) !important;
}

.m-5 {
  margin: var(--bs--spacing-5, 4.0rem) !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: var(--bs--spacing-1, 0.25rem) !important;
  margin-left: var(--bs--spacing-1, 0.25rem) !important;
}

.mx-2 {
  margin-right: var(--bs--spacing-2, 0.5rem) !important;
  margin-left: var(--bs--spacing-2, 0.5rem) !important;
}

.mx-3 {
  margin-right: var(--bs--spacing-3, 1.0rem) !important;
  margin-left: var(--bs--spacing-3, 1.0rem) !important;
}

.mx-4 {
  margin-right: var(--bs--spacing-4, 2.0rem) !important;
  margin-left: var(--bs--spacing-4, 2.0rem) !important;
}

.mx-5 {
  margin-right: var(--bs--spacing-5, 4.0rem) !important;
  margin-left: var(--bs--spacing-5, 4.0rem) !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: var(--bs--spacing-1, 0.25rem) !important;
  margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
}

.my-2 {
  margin-top: var(--bs--spacing-2, 0.5rem) !important;
  margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
}

.my-3 {
  margin-top: var(--bs--spacing-3, 1.0rem) !important;
  margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
}

.my-4 {
  margin-top: var(--bs--spacing-4, 2.0rem) !important;
  margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
}

.my-5 {
  margin-top: var(--bs--spacing-5, 4.0rem) !important;
  margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: var(--bs--spacing-1, 0.25rem) !important;
}

.mt-2 {
  margin-top: var(--bs--spacing-2, 0.5rem) !important;
}

.mt-3 {
  margin-top: var(--bs--spacing-3, 1.0rem) !important;
}

.mt-4 {
  margin-top: var(--bs--spacing-4, 2.0rem) !important;
}

.mt-5 {
  margin-top: var(--bs--spacing-5, 4.0rem) !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: var(--bs--spacing-1, 0.25rem) !important;
}

.me-2 {
  margin-right: var(--bs--spacing-2, 0.5rem) !important;
}

.me-3 {
  margin-right: var(--bs--spacing-3, 1.0rem) !important;
}

.me-4 {
  margin-right: var(--bs--spacing-4, 2.0rem) !important;
}

.me-5 {
  margin-right: var(--bs--spacing-5, 4.0rem) !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
}

.mb-2 {
  margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
}

.mb-3 {
  margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
}

.mb-4 {
  margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
}

.mb-5 {
  margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: var(--bs--spacing-1, 0.25rem) !important;
}

.ms-2 {
  margin-left: var(--bs--spacing-2, 0.5rem) !important;
}

.ms-3 {
  margin-left: var(--bs--spacing-3, 1.0rem) !important;
}

.ms-4 {
  margin-left: var(--bs--spacing-4, 2.0rem) !important;
}

.ms-5 {
  margin-left: var(--bs--spacing-5, 4.0rem) !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

.p-1 {
  padding: var(--bs--spacing-1, 0.25rem) !important;
}

.p-2 {
  padding: var(--bs--spacing-2, 0.5rem) !important;
}

.p-3 {
  padding: var(--bs--spacing-3, 1.0rem) !important;
}

.p-4 {
  padding: var(--bs--spacing-4, 2.0rem) !important;
}

.p-5 {
  padding: var(--bs--spacing-5, 4.0rem) !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: var(--bs--spacing-1, 0.25rem) !important;
  padding-left: var(--bs--spacing-1, 0.25rem) !important;
}

.px-2 {
  padding-right: var(--bs--spacing-2, 0.5rem) !important;
  padding-left: var(--bs--spacing-2, 0.5rem) !important;
}

.px-3 {
  padding-right: var(--bs--spacing-3, 1.0rem) !important;
  padding-left: var(--bs--spacing-3, 1.0rem) !important;
}

.px-4 {
  padding-right: var(--bs--spacing-4, 2.0rem) !important;
  padding-left: var(--bs--spacing-4, 2.0rem) !important;
}

.px-5 {
  padding-right: var(--bs--spacing-5, 4.0rem) !important;
  padding-left: var(--bs--spacing-5, 4.0rem) !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: var(--bs--spacing-1, 0.25rem) !important;
  padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
}

.py-2 {
  padding-top: var(--bs--spacing-2, 0.5rem) !important;
  padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
}

.py-3 {
  padding-top: var(--bs--spacing-3, 1.0rem) !important;
  padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
}

.py-4 {
  padding-top: var(--bs--spacing-4, 2.0rem) !important;
  padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
}

.py-5 {
  padding-top: var(--bs--spacing-5, 4.0rem) !important;
  padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: var(--bs--spacing-1, 0.25rem) !important;
}

.pt-2 {
  padding-top: var(--bs--spacing-2, 0.5rem) !important;
}

.pt-3 {
  padding-top: var(--bs--spacing-3, 1.0rem) !important;
}

.pt-4 {
  padding-top: var(--bs--spacing-4, 2.0rem) !important;
}

.pt-5 {
  padding-top: var(--bs--spacing-5, 4.0rem) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: var(--bs--spacing-1, 0.25rem) !important;
}

.pe-2 {
  padding-right: var(--bs--spacing-2, 0.5rem) !important;
}

.pe-3 {
  padding-right: var(--bs--spacing-3, 1.0rem) !important;
}

.pe-4 {
  padding-right: var(--bs--spacing-4, 2.0rem) !important;
}

.pe-5 {
  padding-right: var(--bs--spacing-5, 4.0rem) !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
}

.pb-2 {
  padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
}

.pb-3 {
  padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
}

.pb-4 {
  padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
}

.pb-5 {
  padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: var(--bs--spacing-1, 0.25rem) !important;
}

.ps-2 {
  padding-left: var(--bs--spacing-2, 0.5rem) !important;
}

.ps-3 {
  padding-left: var(--bs--spacing-3, 1.0rem) !important;
}

.ps-4 {
  padding-left: var(--bs--spacing-4, 2.0rem) !important;
}

.ps-5 {
  padding-left: var(--bs--spacing-5, 4.0rem) !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: var(--bs--spacing-1, 0.25rem) !important;
}

.gap-2 {
  gap: var(--bs--spacing-2, 0.5rem) !important;
}

.gap-3 {
  gap: var(--bs--spacing-3, 1.0rem) !important;
}

.gap-4 {
  gap: var(--bs--spacing-4, 2.0rem) !important;
}

.gap-5 {
  gap: var(--bs--spacing-5, 4.0rem) !important;
}

@media (min-width: 36rem) {
  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-12 {
    flex: 0 0 100% !important;
  }

  .flex-sm-auto {
    flex: 0 0 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

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

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

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

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

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: var(--bs--spacing-1, 0.25rem) !important;
  }

  .m-sm-2 {
    margin: var(--bs--spacing-2, 0.5rem) !important;
  }

  .m-sm-3 {
    margin: var(--bs--spacing-3, 1.0rem) !important;
  }

  .m-sm-4 {
    margin: var(--bs--spacing-4, 2.0rem) !important;
  }

  .m-sm-5 {
    margin: var(--bs--spacing-5, 4.0rem) !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mx-sm-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mx-sm-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mx-sm-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mx-sm-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .my-sm-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .my-sm-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .my-sm-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .my-sm-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mt-sm-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mt-sm-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mt-sm-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mt-sm-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .me-sm-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .me-sm-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .me-sm-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .me-sm-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mb-sm-2 {
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mb-sm-3 {
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mb-sm-4 {
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mb-sm-5 {
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ms-sm-2 {
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ms-sm-3 {
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ms-sm-4 {
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ms-sm-5 {
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: var(--bs--spacing-1, 0.25rem) !important;
  }

  .p-sm-2 {
    padding: var(--bs--spacing-2, 0.5rem) !important;
  }

  .p-sm-3 {
    padding: var(--bs--spacing-3, 1.0rem) !important;
  }

  .p-sm-4 {
    padding: var(--bs--spacing-4, 2.0rem) !important;
  }

  .p-sm-5 {
    padding: var(--bs--spacing-5, 4.0rem) !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .px-sm-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .px-sm-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .px-sm-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .px-sm-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .py-sm-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .py-sm-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .py-sm-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .py-sm-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pt-sm-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pt-sm-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pt-sm-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pt-sm-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pe-sm-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pe-sm-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pe-sm-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pe-sm-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pb-sm-2 {
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pb-sm-3 {
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pb-sm-4 {
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pb-sm-5 {
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ps-sm-2 {
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ps-sm-3 {
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ps-sm-4 {
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ps-sm-5 {
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: var(--bs--spacing-1, 0.25rem) !important;
  }
  .gap-sm-2 {
    gap: var(--bs--spacing-2, 0.5rem) !important;
  }
  .gap-sm-3 {
    gap: var(--bs--spacing-3, 1.0rem) !important;
  }
  .gap-sm-4 {
    gap: var(--bs--spacing-4, 2.0rem) !important;
  }
  .gap-sm-5 {
    gap: var(--bs--spacing-5, 4.0rem) !important;
  }
}

@media (min-width: 48rem) {
  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-12 {
    flex: 0 0 100% !important;
  }

  .flex-md-auto {
    flex: 0 0 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

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

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

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

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

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: var(--bs--spacing-1, 0.25rem) !important;
  }

  .m-md-2 {
    margin: var(--bs--spacing-2, 0.5rem) !important;
  }

  .m-md-3 {
    margin: var(--bs--spacing-3, 1.0rem) !important;
  }

  .m-md-4 {
    margin: var(--bs--spacing-4, 2.0rem) !important;
  }

  .m-md-5 {
    margin: var(--bs--spacing-5, 4.0rem) !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mx-md-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mx-md-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mx-md-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mx-md-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .my-md-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .my-md-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .my-md-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .my-md-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mt-md-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mt-md-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mt-md-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mt-md-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .me-md-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .me-md-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .me-md-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .me-md-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mb-md-2 {
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mb-md-3 {
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mb-md-4 {
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mb-md-5 {
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ms-md-2 {
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ms-md-3 {
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ms-md-4 {
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ms-md-5 {
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: var(--bs--spacing-1, 0.25rem) !important;
  }

  .p-md-2 {
    padding: var(--bs--spacing-2, 0.5rem) !important;
  }

  .p-md-3 {
    padding: var(--bs--spacing-3, 1.0rem) !important;
  }

  .p-md-4 {
    padding: var(--bs--spacing-4, 2.0rem) !important;
  }

  .p-md-5 {
    padding: var(--bs--spacing-5, 4.0rem) !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .px-md-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .px-md-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .px-md-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .px-md-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .py-md-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .py-md-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .py-md-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .py-md-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pt-md-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pt-md-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pt-md-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pt-md-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pe-md-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pe-md-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pe-md-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pe-md-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pb-md-2 {
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pb-md-3 {
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pb-md-4 {
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pb-md-5 {
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ps-md-2 {
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ps-md-3 {
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ps-md-4 {
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ps-md-5 {
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: var(--bs--spacing-1, 0.25rem) !important;
  }
  .gap-md-2 {
    gap: var(--bs--spacing-2, 0.5rem) !important;
  }
  .gap-md-3 {
    gap: var(--bs--spacing-3, 1.0rem) !important;
  }
  .gap-md-4 {
    gap: var(--bs--spacing-4, 2.0rem) !important;
  }
  .gap-md-5 {
    gap: var(--bs--spacing-5, 4.0rem) !important;
  }
}

@media (min-width: 62rem) {
  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-12 {
    flex: 0 0 100% !important;
  }

  .flex-lg-auto {
    flex: 0 0 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

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

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

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

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

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: var(--bs--spacing-1, 0.25rem) !important;
  }

  .m-lg-2 {
    margin: var(--bs--spacing-2, 0.5rem) !important;
  }

  .m-lg-3 {
    margin: var(--bs--spacing-3, 1.0rem) !important;
  }

  .m-lg-4 {
    margin: var(--bs--spacing-4, 2.0rem) !important;
  }

  .m-lg-5 {
    margin: var(--bs--spacing-5, 4.0rem) !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mx-lg-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mx-lg-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mx-lg-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mx-lg-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .my-lg-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .my-lg-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .my-lg-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .my-lg-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mt-lg-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mt-lg-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mt-lg-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mt-lg-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .me-lg-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .me-lg-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .me-lg-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .me-lg-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mb-lg-2 {
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mb-lg-3 {
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mb-lg-4 {
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mb-lg-5 {
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ms-lg-2 {
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ms-lg-3 {
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ms-lg-4 {
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ms-lg-5 {
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: var(--bs--spacing-1, 0.25rem) !important;
  }

  .p-lg-2 {
    padding: var(--bs--spacing-2, 0.5rem) !important;
  }

  .p-lg-3 {
    padding: var(--bs--spacing-3, 1.0rem) !important;
  }

  .p-lg-4 {
    padding: var(--bs--spacing-4, 2.0rem) !important;
  }

  .p-lg-5 {
    padding: var(--bs--spacing-5, 4.0rem) !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .px-lg-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .px-lg-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .px-lg-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .px-lg-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .py-lg-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .py-lg-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .py-lg-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .py-lg-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pt-lg-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pt-lg-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pt-lg-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pt-lg-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pe-lg-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pe-lg-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pe-lg-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pe-lg-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pb-lg-2 {
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pb-lg-3 {
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pb-lg-4 {
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pb-lg-5 {
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ps-lg-2 {
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ps-lg-3 {
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ps-lg-4 {
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ps-lg-5 {
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: var(--bs--spacing-1, 0.25rem) !important;
  }
  .gap-lg-2 {
    gap: var(--bs--spacing-2, 0.5rem) !important;
  }
  .gap-lg-3 {
    gap: var(--bs--spacing-3, 1.0rem) !important;
  }
  .gap-lg-4 {
    gap: var(--bs--spacing-4, 2.0rem) !important;
  }
  .gap-lg-5 {
    gap: var(--bs--spacing-5, 4.0rem) !important;
  }
}

@media (min-width: 75rem) {
  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-12 {
    flex: 0 0 100% !important;
  }

  .flex-xl-auto {
    flex: 0 0 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

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

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

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

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

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: var(--bs--spacing-1, 0.25rem) !important;
  }

  .m-xl-2 {
    margin: var(--bs--spacing-2, 0.5rem) !important;
  }

  .m-xl-3 {
    margin: var(--bs--spacing-3, 1.0rem) !important;
  }

  .m-xl-4 {
    margin: var(--bs--spacing-4, 2.0rem) !important;
  }

  .m-xl-5 {
    margin: var(--bs--spacing-5, 4.0rem) !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mx-xl-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mx-xl-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mx-xl-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mx-xl-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .my-xl-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .my-xl-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .my-xl-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .my-xl-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mt-xl-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mt-xl-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mt-xl-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mt-xl-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .me-xl-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .me-xl-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .me-xl-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .me-xl-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mb-xl-2 {
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mb-xl-3 {
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mb-xl-4 {
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mb-xl-5 {
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ms-xl-2 {
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ms-xl-3 {
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ms-xl-4 {
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ms-xl-5 {
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: var(--bs--spacing-1, 0.25rem) !important;
  }

  .p-xl-2 {
    padding: var(--bs--spacing-2, 0.5rem) !important;
  }

  .p-xl-3 {
    padding: var(--bs--spacing-3, 1.0rem) !important;
  }

  .p-xl-4 {
    padding: var(--bs--spacing-4, 2.0rem) !important;
  }

  .p-xl-5 {
    padding: var(--bs--spacing-5, 4.0rem) !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .px-xl-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .px-xl-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .px-xl-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .px-xl-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .py-xl-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .py-xl-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .py-xl-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .py-xl-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pt-xl-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pt-xl-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pt-xl-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pt-xl-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pe-xl-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pe-xl-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pe-xl-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pe-xl-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pb-xl-2 {
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pb-xl-3 {
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pb-xl-4 {
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pb-xl-5 {
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ps-xl-2 {
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ps-xl-3 {
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ps-xl-4 {
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ps-xl-5 {
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: var(--bs--spacing-1, 0.25rem) !important;
  }
  .gap-xl-2 {
    gap: var(--bs--spacing-2, 0.5rem) !important;
  }
  .gap-xl-3 {
    gap: var(--bs--spacing-3, 1.0rem) !important;
  }
  .gap-xl-4 {
    gap: var(--bs--spacing-4, 2.0rem) !important;
  }
  .gap-xl-5 {
    gap: var(--bs--spacing-5, 4.0rem) !important;
  }
}

@media (min-width: 90rem) {
  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-12 {
    flex: 0 0 100% !important;
  }

  .flex-xxl-auto {
    flex: 0 0 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

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

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

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

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

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: var(--bs--spacing-1, 0.25rem) !important;
  }

  .m-xxl-2 {
    margin: var(--bs--spacing-2, 0.5rem) !important;
  }

  .m-xxl-3 {
    margin: var(--bs--spacing-3, 1.0rem) !important;
  }

  .m-xxl-4 {
    margin: var(--bs--spacing-4, 2.0rem) !important;
  }

  .m-xxl-5 {
    margin: var(--bs--spacing-5, 4.0rem) !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mx-xxl-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mx-xxl-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mx-xxl-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mx-xxl-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .my-xxl-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .my-xxl-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .my-xxl-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .my-xxl-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mt-xxl-2 {
    margin-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mt-xxl-3 {
    margin-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mt-xxl-4 {
    margin-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mt-xxl-5 {
    margin-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .me-xxl-2 {
    margin-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .me-xxl-3 {
    margin-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .me-xxl-4 {
    margin-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .me-xxl-5 {
    margin-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .mb-xxl-2 {
    margin-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .mb-xxl-3 {
    margin-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .mb-xxl-4 {
    margin-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .mb-xxl-5 {
    margin-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ms-xxl-2 {
    margin-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ms-xxl-3 {
    margin-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ms-xxl-4 {
    margin-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ms-xxl-5 {
    margin-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: var(--bs--spacing-1, 0.25rem) !important;
  }

  .p-xxl-2 {
    padding: var(--bs--spacing-2, 0.5rem) !important;
  }

  .p-xxl-3 {
    padding: var(--bs--spacing-3, 1.0rem) !important;
  }

  .p-xxl-4 {
    padding: var(--bs--spacing-4, 2.0rem) !important;
  }

  .p-xxl-5 {
    padding: var(--bs--spacing-5, 4.0rem) !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .px-xxl-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .px-xxl-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .px-xxl-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .px-xxl-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .py-xxl-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .py-xxl-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .py-xxl-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .py-xxl-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pt-xxl-2 {
    padding-top: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pt-xxl-3 {
    padding-top: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pt-xxl-4 {
    padding-top: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pt-xxl-5 {
    padding-top: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pe-xxl-2 {
    padding-right: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pe-xxl-3 {
    padding-right: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pe-xxl-4 {
    padding-right: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pe-xxl-5 {
    padding-right: var(--bs--spacing-5, 4.0rem) !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: var(--bs--spacing-1, 0.25rem) !important;
  }

  .pb-xxl-2 {
    padding-bottom: var(--bs--spacing-2, 0.5rem) !important;
  }

  .pb-xxl-3 {
    padding-bottom: var(--bs--spacing-3, 1.0rem) !important;
  }

  .pb-xxl-4 {
    padding-bottom: var(--bs--spacing-4, 2.0rem) !important;
  }

  .pb-xxl-5 {
    padding-bottom: var(--bs--spacing-5, 4.0rem) !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: var(--bs--spacing-1, 0.25rem) !important;
  }

  .ps-xxl-2 {
    padding-left: var(--bs--spacing-2, 0.5rem) !important;
  }

  .ps-xxl-3 {
    padding-left: var(--bs--spacing-3, 1.0rem) !important;
  }

  .ps-xxl-4 {
    padding-left: var(--bs--spacing-4, 2.0rem) !important;
  }

  .ps-xxl-5 {
    padding-left: var(--bs--spacing-5, 4.0rem) !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: var(--bs--spacing-1, 0.25rem) !important;
  }
  .gap-xxl-2 {
    gap: var(--bs--spacing-2, 0.5rem) !important;
  }
  .gap-xxl-3 {
    gap: var(--bs--spacing-3, 1.0rem) !important;
  }
  .gap-xxl-4 {
    gap: var(--bs--spacing-4, 2.0rem) !important;
  }
  .gap-xxl-5 {
    gap: var(--bs--spacing-5, 4.0rem) !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

/* endregion */

/*////////////////////////////////////////////*/
/* region Styles */
/*////////////////////////////////////////////*/

.site-content {
  padding: 90px 0;
}

.site-header.wide .container, .site-content.wide .container, .site-footer.wide .container {
  margin: auto;
}

header {
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-top {
  max-height: 75px;
  background-color: #565c5e !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.isStick .header-top {
  max-height: 50px;
}

header .shadow {
  display: none;
}

.header-top-line-shop {
  z-index: 99;
  padding: 0;
  background-color: #3f4344 !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-top-bar-menu-container ul {
  float: right;
  margin: 0 25px 0 0;
}

.menu-top-bar-menu-container ul li {
  display: inline-block;
  margin: 0;
  margin-right: 5px;
  margin-left: 0;
  padding: 0 !important;
  line-height: 50px;
}

.isStick .menu-top-bar-menu-container ul li {
  line-height: 40px;
}

.menu-top-bar-menu-container ul li {
  margin-right: 0;
  margin-left: 20px;
}

.menu-top-bar-menu-container ul li a {
  color: #9ca7aa !important;
  font-size: 14px;
}

.menu-top-bar-menu-container ul li a i {
  margin-right: 5px;
  color: white;
}

.menu-top-bar-menu-container ul li a i.fa-mobile {
  font-size: 18px;
}

.header-top-line-shop .cherry-btn-primary {
  float: right;
  padding: 0 30px;
  border-radius: 0;
  background: #71b0ff;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35), inset -1px -1px 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  line-height: 50px;
  font-family: 'Enriqueta';
  font-size: 14px;
  font-weight: bold;
}

.isStick .header-top-line-shop .cherry-btn-primary {
  line-height: 40px;
}

.header-top-line-shop .cherry-btn-primary:hover {
  background: white;
  color: #3f4344;
  text-shadow: none;
}

.site-branding {
  z-index: 10001;
  margin: -30px 0 -20px !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.isStick .site-branding {
  margin: -16px 0 -10px !important;
}

.site-branding a img {
  height: 105px;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.isStick .site-branding a img {
  height: 70px;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-items > .menu-item > a {
  padding: 0 15px !important;
  background: none !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-items > .menu-item:last-child > a {
  padding-right: 0 !important;
}

.menu-items > .menu-item:last-child > a .top-level-arrow {
  display: none;
}

.isStick .menu-items > .menu-item > a {
  line-height: 50px;
  font-size: 14px;
}

.menu-items > .menu-item > a:hover, .menu-items > .menu-item.current-menu-item > a {
  color: #71b0ff !important;
}

.menu-items > .menu-item > a:before {
  display: none;
}

.menu-item .cherry-mega-menu-sub.simple-sub, .menu-item .sub-menu {
  right: 0;
  left: auto;
  width: 350px;
  margin-top: -16px;
}

.bop-nav-search, .bop-nav-search label {
  margin: 0 !important;
}

.bop-nav-search input[type="search"] {
  height: 35px;
  outline: none;
  border: none;
}

.menu-item .cherry-mega-menu-sub.simple-sub .menu-item, .menu-item .sub-menu .menu-item {
  margin-bottom: 7px;
  padding: 0;
  line-height: 1;
}

.menu-item .cherry-mega-menu-sub.simple-sub .menu-item a, .menu-item .sub-menu .menu-item a {
  color: white;
  line-height: 20px;
  text-transform: none;
  font-family: "PT Sans";
  font-size: 13px;
}

.template-testimonial-carousel .testimonial-item {
  padding: 0 100px;
}

.template-testimonial-carousel .post-content {
  position: relative;
  padding-left: 100px;
  color: white;
  line-height: 32px;
  font-family: 'Enriqueta';
  font-size: 24px;
}

.template-testimonial-carousel .post-content:before {
  content: '\f10d';
  position: absolute;
  top: 0;
  left: 0;
  line-height: 72px;
  font-family: 'FontAwesome';
  font-size: 72px;
  opacity: 0.5;
}

.motopress-service-box-obj.motopress-service-box-centered {
  text-align: left !important;
}

.contact-info .motopress-service-box-obj.motopress-service-box-centered {
  text-align: center !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder {
  overflow: visible !important;
  width: 100% !important;
  height: 150px !important;
  max-height: 100% !important;
  padding: 10px;
  border-radius: 0 !important;
  color: white !important;
  line-height: 120px !important;
  font-size: 40px !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contact-info .motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder {
  width: 100px !important;
  height: 100px !important;
  padding: 0;
  border-radius: 50% !important;
  background: #71b0ff !important;
  line-height: 100px !important;
}

.single-service .cherry-services_thumb {
  display: none;
}

.service.type-service .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border: none !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder div {
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.motopress-service-box-obj:hover .motopress-service-box-icon-section .motopress-service-box-icon-holder {

}

.contact-info .motopress-service-box-obj:hover .motopress-service-box-icon-section .motopress-service-box-icon-holder {
  background: #71b0ff !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder i {
  color: white !important;
  font-size: 30px !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder:after {
  display: none;
}

.motopress-service-box-obj .motopress-service-box-icon-section {
  margin-bottom: 15px;
}

.bottom-border {
  border-bottom: 1px solid #dddddd;
}

.title-box {
  margin-top: -40px;
  text-align: center;
}

.title-box.no-margin {
  margin-top: 0;
}

@media only screen and (max-width: 480px) {
  .title-box.no-margin-xs {
    margin-top: -40px;
  }
}


.title-box .title-box_subtitle {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
  background: #565c5e;;
  color: white;
  line-height: 35px;
  font-family: 'PT Sans';
  font-size: 18px;
  font-weight: 400;
}

.title-box .title-box_content .icon-title-wrap {
  display: block;
  width: auto;
}

.title-box .title-box_title {
  display: inline-block;
  margin: 0;
  padding: 0 30px;
  background: #71b0ff;
  color: white !important;
  line-height: 90px;
}

.motopress-text-obj h4 {
  width: 65%;
  margin: 0 auto;
  color: #bbbbbb;
  line-height: 28px;
  font-family: 'PT Sans';
  font-size: 20px;
}

.boxed-layout .cherry-services_item {
  padding-bottom: 50px !important;
}

.cherry-services .cherry-services_item .cherry-services_thumb {
  overflow: hidden;
  margin-bottom: 30px;
}

.cherry-services .cherry-services_item .cherry-services_thumb img {
  width: auto;
  max-height: 220px;
  transition: all 0.5s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cherry-services .cherry-services_item .cherry-services_title {
  margin: 0 0 20px;
  padding: 0;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Enriqueta';
  font-size: 15px;
  font-weight: bold;
}

.cherry-services .cherry-services_item .cherry-services_title a {
  color: #3f4344;
}

.cherry-services .cherry-services_item:hover .cherry-services_title a {
  color: #71b0ff;
}

.cherry-services .cherry-services_item:hover .cherry-services_thumb img {
  /*-webkit-transform: scale(1.25);*/
  /*transform: scale(1.25);*/
}

.cherry-services .cherry-services_item .cherry-btn {
  display: none;
}

.boxed-layout .cherry-services_excerpt, .boxed-layout .cherry-services_content {
  display: none;
  margin: 0;
  padding: 0 !important;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large,
.footer-top .cherry-btn.cherry-btn-primary,
.bop-nav-search input[type="submit"] {
  margin: 0;
  padding: 22px 50px;
  border: none;
  border-radius: 0;
  background: #71b0ff;
  box-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35), inset -1px -1px 0 rgba(0, 0, 0, 0.1);
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
  font-family: 'Enriqueta';
  font-size: 18px;
  font-weight: bold;
}

.bop-nav-search input[type="submit"] {
  display: inline-block;
  height: 35px;
  padding: 0 15px;
  font-size: 14px;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large:hover {
  background: #565c5e;
  color: white;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large.motopress-btn-color-red {
  background: #ef5a23;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large.motopress-btn-color-red:hover {
  background: #565c5e;
  color: white;
}

.motopress-button-group-obj .motopress-button-inner-obj .motopress-btn-color-red {
  display: none;
}

.footer-top.static-area {
  padding-bottom: 65px !important;
  border-top: 10px solid #71b0ff;
  background: #565c5e;
  color: #9ca7aa;
}

.site-footer .widget-title {
  margin-bottom: 30px;
  color: white;
  line-height: 18px;
  font-size: 18px;
}

.footer-top.static-area .textwidget a {
  color: #9ca7aa;
}

.footer-top.static-area .textwidget a:hover {
  color: #ffffff;
}

.footer-top.static-area .widget_nav_menu .menu {
  margin: 0;
}

.footer-top.static-area .widget_nav_menu .menu li {
  padding: 0;
}

.footer-top.static-area .widget_nav_menu .menu li a {
  color: #9ca7aa;
  line-height: 28px;
  font-family: 'PT Sans';
  font-size: 15px;
  font-weight: 400;
}

.footer-top.static-area .widget_nav_menu .menu li a:hover {
  color: white;
}

.footer-top.static-area .widget_nav_menu .menu li a:before {
  content: '\f105';
  margin-right: 10px;
  color: white;
  font-family: 'FontAwesome';
}

.footer-top.static-area .static-footer-sidebars > div > div .widget:before {
  display: none;
}

.footer-top.static-area .static-footer-sidebars .widget_text {
  margin-bottom: 30px;
}

.footer-top.static-area .static-footer-sidebars .widget_text p {
  margin-bottom: 10px;
  line-height: 24px;
  font-family: 'PT Sans';
  font-size: 15px;
}

.footer-top.static-area .static-footer-sidebars .widget_text p i {
  width: 25px;
  color: white;
}

.footer-top.static-area .static-footer-sidebars .widget_text p i.fa-mobile {
  font-size: 20px;
}

.footer-top.static-area .static-footer-sidebars .widget_text p i.fa-envelope {
  font-size: 14px;
}

.footer-top.static-area .static-footer-sidebars > div > div .widget {
  min-height: 0;
}

.widget .cherry-follow_wrap .cherry-follow_list {
  margin: 0;
  padding: 0;
}

.widget .cherry-follow_wrap .cherry-follow_list .cherry-follow_item {
  position: relative;
  width: auto;
  margin: 0 !important;
  box-shadow: none !important;
}

.cherry-follow_wrap ul li a {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
}

.cherry-follow_wrap ul li a i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #71b0ff;
  line-height: 40px;
  font-size: 18px;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cherry-follow_wrap ul li a i:before, .cherry-share-btns_wrap ul li a i:before {
  line-height: 40px;
  font-size: 18px;
}

.cherry-follow_wrap ul li a:after, .cherry-share-btns_wrap ul li a:after {
  padding: 0 15px 0 15px;
  text-transform: uppercase;
  font-family: 'PT Sans';
  font-size: 15px;
  font-weight: 400;
}

.cherry-follow_link:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.cherry-follow_wrap ul li a:hover i {
  background: #ef5a23;
}

#static-area-footer-bottom {
  padding: 30px 0;
  background: #3f4344;
  color: #9ca7aa;
  font-family: 'PT Sans';
  font-size: 15px;
}

.developer {
  text-align: right;
}

.credit-card {
  padding: 5px;
  background: white;
}

.site-info a, .developer a {
  color: #ffffff;
}

.site-info a:hover, .developer a:hover {
  color: #71b0ff;
}

.motoslider_wrapper h1 {
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  text-align: center;
}

.motoslider_wrapper h2 {
  margin-bottom: 0;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 36px;
  text-align: center;
  font-size: 36px;
}

.cherry-breadcrumbs .container-fluid .row .page-title {
  margin: 0;
  padding: 45px 0 50px;
  background: #71b0ff url('assets/images/blue-pattern.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  color: white;
}

.cherry-breadcrumbs_content {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.accreditations-section img {
  max-height: 90px;
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item .inner-wrap {
  box-shadow: none;
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item .inner-wrap .rollover-content {
  padding: 30px;
  background: rgba(0, 0, 0, 0.35);
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item.custom-hover .inner-wrap:hover .links-container, .portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item.custom-hover.hold-hover .inner-wrap .links-container {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item.custom-hover .inner-wrap .links-container {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item .links-container {
  transition: all 0.5s ease;
}

div.portfolio-wrap div.portfolio-item .inner-wrap .table-cell {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  line-height: 24px;
  font-family: 'Enriqueta';
  font-size: 18px;
}

.portfolio-wrap {
  padding: 0;
}

.portfolio-wrap .portfolio-item a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.testi-box {
  position: relative;
  padding: 30px;
  padding-left: 90px;
  border-radius: 30px;
  background: #f6f6f6;
  line-height: 24px;
  font-family: 'Enriqueta';
  font-size: 18px;
  font-style: italic;
}

.testi-box:before {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 60px;
  width: 0;
  height: 0;
  border-width: 30px 30px 0 0;
  border-style: solid;
  border-color: #f6f6f6 transparent transparent transparent;
}

.testi-box:after {
  content: '\f10d';
  position: absolute;
  top: 30px;
  left: 30px;
  color: #ef5a23;
  line-height: 1;
  font-family: 'FontAwesome';
  font-size: 36px;
  font-style: normal;
}

.cherry-grid.type-columns .cherry-grid_list .cherry-grid_item {
  margin-bottom: 60px;
}

.cherry-grid.type-columns .cherry-grid_list .cherry-grid_item:nth-child(odd) .testi-box:after {
  color: #71b0ff;
}

.cherry-grid.type-columns .cherry-grid_list {
  -moz-column-count: 1;
  -moz-column-gap: 0;
  -webkit-column-count: 1;
  -webkit-column-gap: 0;
  column-count: 1;
  column-gap: 0;
}

.testi-box p {
  margin: 0;
}

.gallery-container {
  float: left;
}

.gallery-container .slideshow-wrapper {
  margin: 0 15px 30px !important;
}

.slideshow_error.slideshow-gallery-error {
  display: none;
}

.slideshow-slidearea {
  height: 68px !important;
}

.slideshow-slideleft,
.slideshow-slideright {
  height: 60px !important;
  background: #ffffff !important;
}

.slideshow-slideleft:before,
.slideshow-slideright:before {
  margin: -25px 0 0 0 !important;
}

.slideshow-thumbnails.thumbsbot {
  margin-top: 5px !important;
}

/* ------------------- custom ------------------- */
.site {
  word-wrap: normal;
  word-break: normal;
  -moz-hyphens: none !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  overflow-wrap: normal;
  line-break: normal;
}

.cta-24hr h2 {
  margin: 0;
  color: #ffffff;
}

.cta-24hr a {
  color: #ffffff;
  text-decoration: underline;
  white-space: nowrap;
}

.cta-24hr a:hover {
  color: #565c5e;
  text-decoration: none;
}

.cta-24hr .cta-24-call {
  display: none;
}

.cta-testimonial h2 {
  margin-bottom: 0;
  color: #ffffff;
}

.cta-testimonial h4,
.cta-testimonial .post-meta,
.cta-testimonial .post-thumbnail {
  display: none;
}

.cta-contact .contact-submit {
  text-align: center;
}

.motoslider_wrapper .remove-fades .ms_slide .ms_layer {
  opacity: 1 !important;
}

.vanScroll {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 114px;
  margin-right: -15px;
  margin-left: -15px;
  background: url("./assets/images/whitfield-van-2022-banner.png") repeat-x 0;
  background-position: 0 0;
  -webkit-animation: animatedVans 3s linear infinite;
  animation: animatedVans 3s linear infinite;
  animation-fill-mode: both;
}

@-webkit-keyframes animatedVans {
  to {
    background-position: 350px 0;
  }
}

@keyframes animatedVans {
  to {
    background-position: 350px 0;
  }
}

@media only screen and (max-width: 992px) {

  .cta-4boxes-inner > div:nth-of-type(3) {
    clear: both;
  }

}

@media only screen and (max-width: 768px) {

  /* overrule fixed header, else menu can't be scrolled */
  .site-header {
    position: relative !important;
    top: 0;
  }
  .pseudoStickyBlock {
    display: none !important;
  }

  #menu-primary .cherry-mega-menu-mobile-trigger-box ~ #menu-primary-items {
    background-color: #565c5e !important;
  }

  .site-branding.with-trigger .logo-tagline-wrap img {
    width: auto;
  }

  .menu-items > .menu-item > a {
    line-height: 50px;
    font-size: 14px;
  }

  .site-content h1 {
    font-size: 2.2rem;
  }

  .cta-contact,
  .content-top,
  .content-bottom {
    padding-right: 3%;
    padding-left: 3%;
  }

  .cta-contact .contact-submit input {
    width: 100%;
  }


  .cta-24hr .cta-24-call {
    display: inline;
  }
  .cta-24hr .cta-24-more {
    display: none;
  }

  .alignright,
  .alignleft {
    max-width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
  }


}

@media only screen and (max-width: 480px) {

  .motoslider_wrapper {
    display: none;
  }

  .menu-top-bar-menu-container ul li {
    line-height: 40px;
  }

  .site-branding, .isStick .site-branding {
    margin: -25px 0 -20px !important;
  }

  .vertical-middle .site-branding, .header-top [class*="col-"] .site-branding {
    padding: 0 10px;
  }

  .site-branding.with-trigger .menu-trigger {
    top: 52%;
    right: 0;
  }

  .hamburger {
    width: 30px;
  }

  .hamburger span::before, .hamburger span::after, .hamburger span {
    background: white !important;
  }

  .hamburger.opened span {
    background: transparent !important;
  }

  .menu-items > .menu-item.menu-item-has-children a {
    padding: 0 15px !important;
  }

  .site-branding a img {
    height: 70px;
  }

  .header-top-line-shop .cherry-btn-primary {
    display: none;
  }

  .template-testimonial-carousel .testimonial-item {
    padding: 0;
  }

  .template-testimonial-carousel .post-content {
    padding: 0 15px;
    line-height: 22px;
    text-align: center;
    font-size: 15px;
  }

  .template-testimonial-carousel .post-content:before {
    display: block;
    position: relative;
    margin-bottom: 15px;
    line-height: 1;
    font-size: 40px;
  }

  .cherry-swiper-carousel-container .swiper-button-prev {
    left: -15px;
  }

  .cherry-swiper-carousel-container .swiper-button-next {
    right: -15px;
  }

  .site-content {
    padding: 50px 0;
  }
  .alignright,
  .alignleft {
    display: block;
    float: none;
    max-width: 100%;
    margin: 20px auto;
  }

  .contact-info .container .row .col-md-4 {
    float: none;
    width: 100%;
  }

  .row.cta-4boxes .cta-4boxes-inner {
    margin-right: -5px;
    marginn-left: -5px;
  }
  .row.cta-4boxes .cta-4boxes-inner .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .row.cta-4boxes .cta-4boxes-inner .col-xs-6 .motopress-service-box-centered {
    text-align: center !important;
  }
  .motopress-service-box-obj .motopress-service-box-icon-section {
    margin-bottom: 5px;
  }
  #hour-response-button {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #free-quote-button {
    margin-bottom: 16px;
  }
}


.menu-primary #menu-primary-items li.no-padding a {
  padding: 0 15px !important;
}


.niso-carousel {
  width: auto;
  /*margin-left: -15px !important;*/
  /*margin-right: -15px !important;*/
  margin: 0 -15px !important;
}

.niso-carousel .owl-item {
  /*max-height: 420px;*/
  /*max-width: 1200px;*/
}

#whitfield-slider {
  position: relative;
  overflow: hidden;
  max-height: 420px;
  margin: 0 -15px;
}

#whitfield-slider .slider-wrapper {
  position: relative;
  width: 999999px;
  max-height: 420px;
  margin: 0;
  padding: 0;
}

#whitfield-slider .slide {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  width: auto;
  max-width: 1200px;
  text-align: center;
}

.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('assets/images/slideshow-overlay-1200.png');
  background-repeat: repeat-y;
  background-position: center;
}

@media only screen and (max-width: 480px) {
  #whitfield-slider {
    display: none;
  }
}

.team-block .team-member {
  display: flex;
  max-width: 100%;
  margin-bottom: 32px;
}

.team-member .image-wrapper {
  flex: auto 0 0;
  margin-right: 16px;
}

.team-member .content-wrapper {
  flex: auto 1 1;
  padding: 16px 16px 0 16px;
  background-color: #eeeeee;
}


.whitfield-slider-zone {
  position: relative;
}

.whitfield-slider-zone .boxes {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  height: 420px;
  margin: 0 auto;
}

.whitfield-slider-zone .boxes .left-box,
.whitfield-slider-zone .boxes .right-box,
.whitfield-slider-zone .boxes .mid-box {
  position: absolute;
  bottom: 0;
  background-color: rgba(12, 31, 75, 0.76);
  text-align: center;
}

.whitfield-slider-zone .boxes .left-box,
.whitfield-slider-zone .boxes .right-box {
  width: 272px;
  margin-bottom: -30px;
  padding: 16px;
  transition: margin 0.3s;
}

.whitfield-slider-zone .boxes .left-box {
  left: 16px;
}

.whitfield-slider-zone .boxes .right-box {
  right: 16px;
}

.whitfield-slider-zone .boxes .mid-box {
  right: 0;
  left: 0;
  width: 372px;
  margin: auto;
}

.whitfield-slider-zone .boxes .h2,
.whitfield-slider-zone .boxes h2 {
  display: block;
  margin: 0 0 4px;
  color: #f8e335;
  line-height: 100%;
  font-size: 31px;
}

.whitfield-slider-zone .boxes .h3,
.whitfield-slider-zone .boxes h3 {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
  color: #ffffff;
  line-height: 22px;
  font-size: 18px;
}

.whitfield-slider-zone .boxes br {
  display: none;
}

.whitfield-slider-zone .boxes .more {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 30px;
  background-color: #000000;
  color: #6fd1ff;
  line-height: 30px;
  transition: height 0.3s;
}

.whitfield-slider-zone .boxes .left-box:hover,
.whitfield-slider-zone .boxes .right-box:hover {
  margin-bottom: 0;
}

.whitfield-slider-zone .boxes .mid-box .slide {
  padding: 16px 46px;
}

.whitfield-slider-zone .boxes .mid-box .slide > p {
  display: none;
}

.whitfield-slider-zone .boxes .mid-box nav {
  height: 0;
}

.whitfield-slider-zone .boxes .mid-box nav .prev,
.whitfield-slider-zone .boxes .mid-box nav .next {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 30px;
  background-color: #203159;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -999px;
}

.whitfield-slider-zone .boxes .mid-box nav .prev {
  left: 0;
  background-image: url('assets/images/arrow-prev.png');
}

.whitfield-slider-zone .boxes .mid-box nav .next {
  right: 0;
  background-image: url('assets/images/arrow-next.png');
}

.swipe {
  visibility: hidden;
  position: relative;
  overflow: hidden;
}

.swipe-wrap {
  position: relative;
  overflow: hidden;
}

.swipe-wrap > div {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 999px) {
  .whitfield-slider-zone .boxes {
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  .whitfield-slider-zone .boxes .left-box,
  .whitfield-slider-zone .boxes .right-box,
  .whitfield-slider-zone .boxes .mid-box {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 32px 0;
    background-color: #203159;
  }
  .whitfield-slider-zone .boxes .left-box:hover,
  .whitfield-slider-zone .boxes .right-box:hover {
    margin-bottom: 32px;
  }
  .whitfield-slider-zone .boxes .more {
    display: none;
  }
  .whitfield-slider-zone .boxes .left-box p,
  .whitfield-slider-zone .boxes .right-box p {
    margin-bottom: 0;
  }
}

/*
Theme Name:  Whitfield Plumbing
Author:      Yellow Marshmallow
Author URI:  http://www.yellowmarshmallow.co.uk
Version:     1.2.1
Template:    cherryframework4
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.site-content {
  padding: 90px 0;
}

.site-header.wide .container, .site-content.wide .container, .site-footer.wide .container {
  margin: auto;
}

header {
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-top {
  max-height: 75px;
  background-color: #565c5e !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.isStick .header-top {
  max-height: 50px;
}

header .shadow {
  display: none;
}

.header-top-line-shop {
  z-index: 99;
  padding: 0;
  background-color: #3f4344 !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-top-bar-menu-container ul {
  float: right;
  margin: 0 25px 0 0;
}

.menu-top-bar-menu-container ul li {
  display: inline-block;
  margin: 0;
  margin-right: 5px;
  margin-left: 0;
  padding: 0 !important;
  line-height: 50px;
}

.isStick .menu-top-bar-menu-container ul li {
  line-height: 40px;
}

.menu-top-bar-menu-container ul li {
  margin-right: 0;
  margin-left: 20px;
}

.menu-top-bar-menu-container ul li a {
  color: #9ca7aa !important;
  font-size: 14px;
}

.menu-top-bar-menu-container ul li a i {
  margin-right: 5px;
  color: white;
}

.menu-top-bar-menu-container ul li a i.fa-mobile {
  font-size: 18px;
}

.header-top-line-shop .cherry-btn-primary {
  float: right;
  padding: 0 30px;
  border-radius: 0;
  background: #71b0ff;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35), inset -1px -1px 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  line-height: 50px;
  font-family: 'Enriqueta';
  font-size: 14px;
  font-weight: bold;
}

.isStick .header-top-line-shop .cherry-btn-primary {
  line-height: 40px;
}

.header-top-line-shop .cherry-btn-primary:hover {
  background: white;
  color: #3f4344;
  text-shadow: none;
}

.site-branding {
  z-index: 10001;
  margin: -30px 0 -20px !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.isStick .site-branding {
  margin: -16px 0 -10px !important;
}

.site-branding a img {
  height: 105px;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.isStick .site-branding a img {
  height: 70px;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-items > .menu-item > a {
  padding: 0 15px !important;
  background: none !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-items > .menu-item:last-child > a {
  padding-right: 0 !important;
}

.menu-items > .menu-item:last-child > a .top-level-arrow {
  display: none;
}

.isStick .menu-items > .menu-item > a {
  line-height: 50px;
  font-size: 14px;
}

.menu-items > .menu-item > a:hover, .menu-items > .menu-item.current-menu-item > a {
  color: #71b0ff !important;
}

.menu-items > .menu-item > a:before {
  display: none;
}

.menu-item .cherry-mega-menu-sub.simple-sub, .menu-item .sub-menu {
  right: 0;
  left: auto;
  width: 350px;
  margin-top: -16px;
}

.bop-nav-search, .bop-nav-search label {
  margin: 0 !important;
}

.bop-nav-search input[type="search"] {
  height: 35px;
  outline: none;
  border: none;
}

.menu-item .cherry-mega-menu-sub.simple-sub .menu-item, .menu-item .sub-menu .menu-item {
  margin-bottom: 7px;
  padding: 0;
  line-height: 1;
}

.menu-item .cherry-mega-menu-sub.simple-sub .menu-item a, .menu-item .sub-menu .menu-item a {
  color: white;
  line-height: 20px;
  text-transform: none;
  font-family: "PT Sans";
  font-size: 13px;
}

.template-testimonial-carousel .testimonial-item {
  padding: 0 100px;
}

.template-testimonial-carousel .post-content {
  position: relative;
  padding-left: 100px;
  color: white;
  line-height: 32px;
  font-family: 'Enriqueta';
  font-size: 24px;
}

.template-testimonial-carousel .post-content:before {
  content: '\f10d';
  position: absolute;
  top: 0;
  left: 0;
  line-height: 72px;
  font-family: 'FontAwesome';
  font-size: 72px;
  opacity: 0.5;
}

.motopress-service-box-obj.motopress-service-box-centered {
  text-align: left !important;
}

.contact-info .motopress-service-box-obj.motopress-service-box-centered {
  text-align: center !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder {
  overflow: visible !important;
  width: 100% !important;
  height: 150px !important;
  max-height: 100% !important;
  padding: 10px;
  border-radius: 0 !important;
  color: white !important;
  line-height: 120px !important;
  font-size: 40px !important;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contact-info .motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder {
  width: 100px !important;
  height: 100px !important;
  padding: 0;
  border-radius: 50% !important;
  background: #71b0ff !important;
  line-height: 100px !important;
}

.single-service .cherry-services_thumb {
  display: none;
}

.service.type-service .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border: none !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder div {
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.motopress-service-box-obj:hover .motopress-service-box-icon-section .motopress-service-box-icon-holder {

}

.contact-info .motopress-service-box-obj:hover .motopress-service-box-icon-section .motopress-service-box-icon-holder {
  background: #71b0ff !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder i {
  color: white !important;
  font-size: 30px !important;
}

.motopress-service-box-obj .motopress-service-box-icon-section .motopress-service-box-icon-holder:after {
  display: none;
}

.motopress-service-box-obj .motopress-service-box-icon-section {
  margin-bottom: 15px;
}

.bottom-border {
  border-bottom: 1px solid #dddddd;
}

.title-box {
  margin-top: -40px;
  text-align: center;
}

.title-box.no-margin {
  margin-top: 0;
}

@media only screen and (max-width: 480px) {
  .title-box.no-margin-xs {
    margin-top: -40px;
  }
}


.title-box .title-box_subtitle {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
  background: #565c5e;;
  color: white;
  line-height: 35px;
  font-family: 'PT Sans';
  font-size: 18px;
  font-weight: 400;
}

.title-box .title-box_content .icon-title-wrap {
  display: block;
  width: auto;
}

.title-box .title-box_title {
  display: inline-block;
  margin: 0;
  padding: 0 30px;
  background: #71b0ff;
  color: white !important;
  line-height: 90px;
}

.motopress-text-obj h4 {
  width: 65%;
  margin: 0 auto;
  color: #bbbbbb;
  line-height: 28px;
  font-family: 'PT Sans';
  font-size: 20px;
}

.boxed-layout .cherry-services_item {
  padding-bottom: 50px !important;
}

.cherry-services .cherry-services_item .cherry-services_thumb {
  overflow: hidden;
  margin-bottom: 30px;
}

.cherry-services .cherry-services_item .cherry-services_thumb img {
  width: auto;
  max-height: 220px;
  transition: all 0.5s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cherry-services .cherry-services_item .cherry-services_title {
  margin: 0 0 20px;
  padding: 0;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Enriqueta';
  font-size: 15px;
  font-weight: bold;
}

.cherry-services .cherry-services_item .cherry-services_title a {
  color: #3f4344;
}

.cherry-services .cherry-services_item:hover .cherry-services_title a {
  color: #71b0ff;
}

.cherry-services .cherry-services_item:hover .cherry-services_thumb img {
  /*-webkit-transform: scale(1.25);*/
  /*transform: scale(1.25);*/
}

.cherry-services .cherry-services_item .cherry-btn {
  display: none;
}

.boxed-layout .cherry-services_excerpt, .boxed-layout .cherry-services_content {
  display: none;
  margin: 0;
  padding: 0 !important;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large,
.footer-top .cherry-btn.cherry-btn-primary,
.bop-nav-search input[type="submit"] {
  margin: 0;
  padding: 22px 50px;
  border: none;
  border-radius: 0;
  background: #71b0ff;
  box-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35), inset -1px -1px 0 rgba(0, 0, 0, 0.1);
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
  font-family: 'Enriqueta';
  font-size: 18px;
  font-weight: bold;
}

.bop-nav-search input[type="submit"] {
  display: inline-block;
  height: 35px;
  padding: 0 15px;
  font-size: 14px;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large:hover {
  background: #565c5e;
  color: white;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large.motopress-btn-color-red {
  background: #ef5a23;
}

.motopress-button-inner-obj .motopress-btn.motopress-btn-size-large.motopress-btn-color-red:hover {
  background: #565c5e;
  color: white;
}

.motopress-button-group-obj .motopress-button-inner-obj .motopress-btn-color-red {
  display: none;
}

.footer-top.static-area {
  padding-bottom: 65px !important;
  border-top: 10px solid #71b0ff;
  background: #565c5e;
  color: #9ca7aa;
}

.site-footer .widget-title {
  margin-bottom: 30px;
  color: white;
  line-height: 18px;
  font-size: 18px;
}

.footer-top.static-area .textwidget a {
  color: #9ca7aa;
}

.footer-top.static-area .textwidget a:hover {
  color: #ffffff;
}

.footer-top.static-area .widget_nav_menu .menu {
  margin: 0;
}

.footer-top.static-area .widget_nav_menu .menu li {
  padding: 0;
}

.footer-top.static-area .widget_nav_menu .menu li a {
  color: #9ca7aa;
  line-height: 28px;
  font-family: 'PT Sans';
  font-size: 15px;
  font-weight: 400;
}

.footer-top.static-area .widget_nav_menu .menu li a:hover {
  color: white;
}

.footer-top.static-area .widget_nav_menu .menu li a:before {
  content: '\f105';
  margin-right: 10px;
  color: white;
  font-family: 'FontAwesome';
}

.footer-top.static-area .static-footer-sidebars > div > div .widget:before {
  display: none;
}

.footer-top.static-area .static-footer-sidebars .widget_text {
  margin-bottom: 30px;
}

.footer-top.static-area .static-footer-sidebars .widget_text p {
  margin-bottom: 10px;
  line-height: 24px;
  font-family: 'PT Sans';
  font-size: 15px;
}

.footer-top.static-area .static-footer-sidebars .widget_text p i {
  width: 25px;
  color: white;
}

.footer-top.static-area .static-footer-sidebars .widget_text p i.fa-mobile {
  font-size: 20px;
}

.footer-top.static-area .static-footer-sidebars .widget_text p i.fa-envelope {
  font-size: 14px;
}

.footer-top.static-area .static-footer-sidebars > div > div .widget {
  min-height: 0;
}

.widget .cherry-follow_wrap .cherry-follow_list {
  margin: 0;
  padding: 0;
}

.widget .cherry-follow_wrap .cherry-follow_list .cherry-follow_item {
  position: relative;
  width: auto;
  margin: 0 !important;
  box-shadow: none !important;
}

.cherry-follow_wrap ul li a {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
}

.cherry-follow_wrap ul li a i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #71b0ff;
  line-height: 40px;
  font-size: 18px;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cherry-follow_wrap ul li a i:before, .cherry-share-btns_wrap ul li a i:before {
  line-height: 40px;
  font-size: 18px;
}

.cherry-follow_wrap ul li a:after, .cherry-share-btns_wrap ul li a:after {
  padding: 0 15px 0 15px;
  text-transform: uppercase;
  font-family: 'PT Sans';
  font-size: 15px;
  font-weight: 400;
}

.cherry-follow_link:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.cherry-follow_wrap ul li a:hover i {
  background: #ef5a23;
}

#static-area-footer-bottom {
  padding: 30px 0;
  background: #3f4344;
  color: #9ca7aa;
  font-family: 'PT Sans';
  font-size: 15px;
}

.developer {
  text-align: right;
}

.credit-card {
  padding: 5px;
  background: white;
}

.site-info a, .developer a {
  color: #ffffff;
}

.site-info a:hover, .developer a:hover {
  color: #71b0ff;
}

.motoslider_wrapper h1 {
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  text-align: center;
}

.motoslider_wrapper h2 {
  margin-bottom: 0;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 36px;
  text-align: center;
  font-size: 36px;
}

.cherry-breadcrumbs .container-fluid .row .page-title {
  margin: 0;
  padding: 45px 0 50px;
  background: #71b0ff url('assets/images/blue-pattern.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  color: white;
}

.cherry-breadcrumbs_content {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.accreditations-section img {
  max-height: 90px;
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item .inner-wrap {
  box-shadow: none;
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item .inner-wrap .rollover-content {
  padding: 30px;
  background: rgba(0, 0, 0, 0.35);
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item.custom-hover .inner-wrap:hover .links-container, .portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item.custom-hover.hold-hover .inner-wrap .links-container {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item.custom-hover .inner-wrap .links-container {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.portfolio-wrap .portfolio-container .portfolio-list div.portfolio-item .links-container {
  transition: all 0.5s ease;
}

div.portfolio-wrap div.portfolio-item .inner-wrap .table-cell {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  line-height: 24px;
  font-family: 'Enriqueta';
  font-size: 18px;
}

.portfolio-wrap {
  padding: 0;
}

.portfolio-wrap .portfolio-item a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.testi-box {
  position: relative;
  padding: 30px;
  padding-left: 90px;
  border-radius: 30px;
  background: #f6f6f6;
  line-height: 24px;
  font-family: 'Enriqueta';
  font-size: 18px;
  font-style: italic;
}

.testi-box:before {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 60px;
  width: 0;
  height: 0;
  border-width: 30px 30px 0 0;
  border-style: solid;
  border-color: #f6f6f6 transparent transparent transparent;
}

.testi-box:after {
  content: '\f10d';
  position: absolute;
  top: 30px;
  left: 30px;
  color: #ef5a23;
  line-height: 1;
  font-family: 'FontAwesome';
  font-size: 36px;
  font-style: normal;
}

.cherry-grid.type-columns .cherry-grid_list .cherry-grid_item {
  margin-bottom: 60px;
}

.cherry-grid.type-columns .cherry-grid_list .cherry-grid_item:nth-child(odd) .testi-box:after {
  color: #71b0ff;
}

.cherry-grid.type-columns .cherry-grid_list {
  -moz-column-count: 1;
  -moz-column-gap: 0;
  -webkit-column-count: 1;
  -webkit-column-gap: 0;
  column-count: 1;
  column-gap: 0;
}

.testi-box p {
  margin: 0;
}

.gallery-container {
  float: left;
}

.gallery-container .slideshow-wrapper {
  margin: 0 15px 30px !important;
}

.slideshow_error.slideshow-gallery-error {
  display: none;
}

.slideshow-slidearea {
  height: 68px !important;
}

.slideshow-slideleft,
.slideshow-slideright {
  height: 60px !important;
  background: #ffffff !important;
}

.slideshow-slideleft:before,
.slideshow-slideright:before {
  margin: -25px 0 0 0 !important;
}

.slideshow-thumbnails.thumbsbot {
  margin-top: 5px !important;
}

/* ------------------- custom ------------------- */
.site {
  word-wrap: normal;
  word-break: normal;
  -moz-hyphens: none !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  overflow-wrap: normal;
  line-break: normal;
}

.cta-24hr h2 {
  margin: 0;
  color: #ffffff;
}

.cta-24hr a {
  color: #ffffff;
  text-decoration: underline;
  white-space: nowrap;
}

.cta-24hr a:hover {
  color: #565c5e;
  text-decoration: none;
}

.cta-24hr .cta-24-call {
  display: none;
}

.cta-testimonial h2 {
  margin-bottom: 0;
  color: #ffffff;
}

.cta-testimonial h4,
.cta-testimonial .post-meta,
.cta-testimonial .post-thumbnail {
  display: none;
}

.cta-contact .contact-submit {
  text-align: center;
}

.motoslider_wrapper .remove-fades .ms_slide .ms_layer {
  opacity: 1 !important;
}

.vanScroll {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 114px;
  margin-right: -15px;
  margin-left: -15px;
  background: url("./assets/images/whitfield-van-2022-banner.png") repeat-x 0;
  background-position: 0 0;
  -webkit-animation: animatedVans 3s linear infinite;
  animation: animatedVans 3s linear infinite;
  animation-fill-mode: both;
}

@-webkit-keyframes animatedVans {
  to {
    background-position: 350px 0;
  }
}

@keyframes animatedVans {
  to {
    background-position: 350px 0;
  }
}

@media only screen and (max-width: 992px) {

  .cta-4boxes-inner > div:nth-of-type(3) {
    clear: both;
  }

}

@media only screen and (max-width: 768px) {

  /* overrule fixed header, else menu can't be scrolled */
  .site-header {
    position: relative !important;
    top: 0;
  }
  .pseudoStickyBlock {
    display: none !important;
  }

  #menu-primary .cherry-mega-menu-mobile-trigger-box ~ #menu-primary-items {
    background-color: #565c5e !important;
  }

  .site-branding.with-trigger .logo-tagline-wrap img {
    width: auto;
  }

  .menu-items > .menu-item > a {
    line-height: 50px;
    font-size: 14px;
  }

  .site-content h1 {
    font-size: 2.2rem;
  }

  .cta-contact,
  .content-top,
  .content-bottom {
    padding-right: 3%;
    padding-left: 3%;
  }

  .cta-contact .contact-submit input {
    width: 100%;
  }


  .cta-24hr .cta-24-call {
    display: inline;
  }
  .cta-24hr .cta-24-more {
    display: none;
  }

  .alignright,
  .alignleft {
    max-width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
  }


}

@media only screen and (max-width: 480px) {

  .motoslider_wrapper {
    display: none;
  }

  .menu-top-bar-menu-container ul li {
    line-height: 40px;
  }

  .site-branding, .isStick .site-branding {
    margin: -25px 0 -20px !important;
  }

  .vertical-middle .site-branding, .header-top [class*="col-"] .site-branding {
    padding: 0 10px;
  }

  .site-branding.with-trigger .menu-trigger {
    top: 52%;
    right: 0;
  }

  .hamburger {
    width: 30px;
  }

  .hamburger span::before, .hamburger span::after, .hamburger span {
    background: white !important;
  }

  .hamburger.opened span {
    background: transparent !important;
  }

  .menu-items > .menu-item.menu-item-has-children a {
    padding: 0 15px !important;
  }

  .site-branding a img {
    height: 70px;
  }

  .header-top-line-shop .cherry-btn-primary {
    display: none;
  }

  .template-testimonial-carousel .testimonial-item {
    padding: 0;
  }

  .template-testimonial-carousel .post-content {
    padding: 0 15px;
    line-height: 22px;
    text-align: center;
    font-size: 15px;
  }

  .template-testimonial-carousel .post-content:before {
    display: block;
    position: relative;
    margin-bottom: 15px;
    line-height: 1;
    font-size: 40px;
  }

  .cherry-swiper-carousel-container .swiper-button-prev {
    left: -15px;
  }

  .cherry-swiper-carousel-container .swiper-button-next {
    right: -15px;
  }

  .site-content {
    padding: 50px 0;
  }
  .alignright,
  .alignleft {
    display: block;
    float: none;
    max-width: 100%;
    margin: 20px auto;
  }

  .contact-info .container .row .col-md-4 {
    float: none;
    width: 100%;
  }

  .row.cta-4boxes .cta-4boxes-inner {
    margin-right: -5px;
    marginn-left: -5px;
  }
  .row.cta-4boxes .cta-4boxes-inner .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .row.cta-4boxes .cta-4boxes-inner .col-xs-6 .motopress-service-box-centered {
    text-align: center !important;
  }
  .motopress-service-box-obj .motopress-service-box-icon-section {
    margin-bottom: 5px;
  }
  #hour-response-button {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #free-quote-button {
    margin-bottom: 16px;
  }
}


.menu-primary #menu-primary-items li.no-padding a {
  padding: 0 15px !important;
}


.niso-carousel {
  width: auto;
  /*margin-left: -15px !important;*/
  /*margin-right: -15px !important;*/
  margin: 0 -15px !important;
}

.niso-carousel .owl-item {
  /*max-height: 420px;*/
  /*max-width: 1200px;*/
}

#whitfield-slider {
  position: relative;
  overflow: hidden;
  max-height: 420px;
  margin: 0 -15px;
}

#whitfield-slider .slider-wrapper {
  position: relative;
  width: 999999px;
  max-height: 420px;
  margin: 0;
  padding: 0;
}

#whitfield-slider .slide {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  width: auto;
  max-width: 1200px;
  text-align: center;
}

.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('assets/images/slideshow-overlay-1200.png');
  background-repeat: repeat-y;
  background-position: center;
}

@media only screen and (max-width: 480px) {
  #whitfield-slider {
    display: none;
  }
}

.title-box .title-box_title {
  padding: 0.625rem 2rem;
}

.team-block .team-member {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  margin-bottom: 32px;
}

@media (min-width: 500px) {
  .team-block .team-member {
    flex-direction: row;
  }
}

.team-member .image-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex: 0 0 100%;
  margin-right: 0;
  margin-bottom: 1rem;
}

@media (min-width: 500px) {
  .team-member .image-wrapper {
    flex: auto 0 0;
    margin-right: 1rem;
    margin-bottom: 0;
  }
}

.team-member .content-wrapper {
  flex: auto 1 1;
  padding: 16px 16px 0 16px;
  background-color: #eeeeee;
}

@media (min-width: 500px) {
  .team-member .content-wrapper {
    flex: auto 1 1;
    padding: 16px 16px 0 16px;
    background-color: #eeeeee;
  }
}


.whitfield-slider-zone {
  position: relative;
}

.whitfield-slider-zone .boxes {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  height: 420px;
  margin: 0 auto;
}

.whitfield-slider-zone .boxes .left-box,
.whitfield-slider-zone .boxes .right-box,
.whitfield-slider-zone .boxes .mid-box {
  position: absolute;
  bottom: 0;
  background-color: rgba(12, 31, 75, 0.76);
  text-align: center;
}

.whitfield-slider-zone .boxes .left-box,
.whitfield-slider-zone .boxes .right-box {
  width: 272px;
  margin-bottom: -30px;
  padding: 16px;
  transition: margin 0.3s;
}

.whitfield-slider-zone .boxes .left-box {
  left: 16px;
}

.whitfield-slider-zone .boxes .right-box {
  right: 16px;
}

.whitfield-slider-zone .boxes .mid-box {
  right: 0;
  left: 0;
  width: 372px;
  margin: auto;
}

.whitfield-slider-zone .boxes .h2,
.whitfield-slider-zone .boxes h2 {
  display: block;
  margin: 0 0 4px;
  color: #f8e335;
  line-height: 100%;
  font-size: 31px;
}

.whitfield-slider-zone .boxes .h3,
.whitfield-slider-zone .boxes h3 {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
  color: #ffffff;
  line-height: 22px;
  font-size: 18px;
}

.whitfield-slider-zone .boxes br {
  display: none;
}

.whitfield-slider-zone .boxes .more {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 30px;
  background-color: #000000;
  color: #6fd1ff;
  line-height: 30px;
  transition: height 0.3s;
}

.whitfield-slider-zone .boxes .left-box:hover,
.whitfield-slider-zone .boxes .right-box:hover {
  margin-bottom: 0;
}

.whitfield-slider-zone .boxes .mid-box .slide {
  padding: 16px 46px;
}

.whitfield-slider-zone .boxes .mid-box .slide > p {
  display: none;
}

.whitfield-slider-zone .boxes .mid-box nav {
  height: 0;
}

.whitfield-slider-zone .boxes .mid-box nav .prev,
.whitfield-slider-zone .boxes .mid-box nav .next {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 30px;
  background-color: #203159;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -999px;
}

.whitfield-slider-zone .boxes .mid-box nav .prev {
  left: 0;
  background-image: url('assets/images/arrow-prev.png');
}

.whitfield-slider-zone .boxes .mid-box nav .next {
  right: 0;
  background-image: url('assets/images/arrow-next.png');
}

.swipe {
  visibility: hidden;
  position: relative;
  overflow: hidden;
}

.swipe-wrap {
  position: relative;
  overflow: hidden;
}

.swipe-wrap > div {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 999px) {
  .whitfield-slider-zone .boxes {
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  .whitfield-slider-zone .boxes .left-box,
  .whitfield-slider-zone .boxes .right-box,
  .whitfield-slider-zone .boxes .mid-box {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 32px 0;
    background-color: #203159;
  }
  .whitfield-slider-zone .boxes .left-box:hover,
  .whitfield-slider-zone .boxes .right-box:hover {
    margin-bottom: 32px;
  }
  .whitfield-slider-zone .boxes .more {
    display: none;
  }
  .whitfield-slider-zone .boxes .left-box p,
  .whitfield-slider-zone .boxes .right-box p {
    margin-bottom: 0;
  }
}

/* endregion Styles */

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*////////////////////////////////////////////*/
/* region Overrides */
/*////////////////////////////////////////////*/

/* This distance is the max
 * line width in the WordPress
 * customizer:
/* ========================== */

/* ////////////////////// */
/* Site-wide */
/* ////////////////////// */
/* region */

/*
.row.row-edge {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
/**/

.visually-hidden {
  display: none;
}

/* Completely remove empty paragraphs from the document flow */
p:empty {
  position: absolute;
  width: 1px;
  height: 1px;
}

/* align the sticky header with the menu dropdowns */
.isStick .header-top {
  max-height: 55px;
}

/* reduce the base font size a touch on smaller screens */
@media (max-width: 767px) {
  body {
    line-height: 1.4;
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body {
    line-height: 1.4;
    font-size: 18px;
  }
}

/* reduce the line-height of headings on smaller screens, so that each line isn't miles from the next when wrapping */
@media (max-width: 1199px) {
  .site-content h1 {
    line-height: 1.1 !important;
  }
  .site-content h2 {
    line-height: 1.1 !important;
  }
}

/* /really/ reduce the font size on smallest screens for the accreditations on the homepage */
@media (max-width: 480px) {
  .site-content .cta-4boxes h5 {
    font-size: 1rem;
  }
  .site-content .cta-4boxes .motopress-service-box-content-section {
    font-size: 0.875rem;
  }
}

/* Adjust red text */
span[style*="color: #d00"],
span[style*="color: #dd0000"],
span[style*="color: #e00"],
span[style*="color: #ee0000"],
span[style*="color: #f00"],
span[style*="color: #ff0000"] {
  color: #dd4441 !important;
}

/* Contact Links using the [phone_link] [email_link] [mobile_link] [whatsapp_link] shortcodes */
.whitfield-contact-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5em 0 0; /* fallback */
  padding: 0 0.5ch 0 0;
  font-size: 1em;
}

@media (min-width: 768px) {
  .whatsapp-link {
    display: none !important;
  }
}

/* endregion */

/* ////////////////////// */
/* Header */
/* ////////////////////// */
/* region */

/* ---------------------- */
/* Upper Header */
/* region */

/* Upper header container */
.header-top-line-shop .container {
  width: 100%;
}

/* Upper header (darker grey) */
.static-header-shop-menu-sidebar {
  padding-bottom: 1rem;
}

@media (min-width: 480px) {
  .static-header-shop-menu-sidebar {
    padding-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .static-header-shop-menu-sidebar {
    padding-bottom: 0;
  }
}

/* flex */
.static-header-shop-menu-sidebar,
.static-header-shop-menu-sidebar > div,
.static-header-shop-menu-sidebar .widget-area,
.static-header-shop-menu-sidebar aside,
.static-header-shop-menu-sidebar ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 100%;
}

.static-header-shop-menu-sidebar div {
  /* any flex'd items should use all of their available space by default: */
  flex: 1;
}

/* Upper widgets */
.static-header-shop-menu-sidebar .widget-area {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .static-header-shop-menu-sidebar .widget-area {
    flex-wrap: nowrap;
  }
}

.static-header-shop-menu-sidebar {
  & .widget {
    flex: 0 0 auto;
    width: auto;
    min-width: 300px;
  }

  & .menu-top-bar-menu-container {
    flex: 0 0 auto;
  }

  & .widget.cherry-shortcodes {
    flex: 0 0 235px;
    min-width: unset;
  }
}

/* Quote container */
.static-header-shop-menu-sidebar .widget.cherry-shortcodes .textwidget {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .static-header-shop-menu-sidebar .widget.cherry-shortcodes {
    display: none;
  }
}

/* contact menu container */
.static-header-shop-menu-sidebar .menu-top-bar-menu-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

@media (min-width: 768px) {
  .static-header-shop-menu-sidebar .menu-top-bar-menu-container {
    justify-content: flex-end;
  }
}

/* contact menu */
.menu-top-bar-menu-container .menu {
  justify-content: center;
  padding: 0.325rem 0;
}

@media (min-width: 768px) {
  .menu-top-bar-menu-container .menu {
    justify-content: flex-end;
  }
}

.menu-top-bar-menu-container .menu-item {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  line-height: 1.5rem;
}

.isStick .menu-top-bar-menu-container ul li {
  line-height: 1.5;
}

/* endregion */

/* ---------------------- */
/* Logo and Menu */
/* region */

/* region TODO: integrate this with the rest of the section: */
.sub-menu > .menu-item {
  width: 100%;
}

.menu-item .cherry-mega-menu-sub.simple-sub,
.menu-item .sub-menu {
  padding: 0.25rem 0 !important;
}

.menu-item .cherry-mega-menu-sub.simple-sub .menu-item .sub-menu,
.menu-primary.toggled .menu-item .sub-menu {
  /* allows mobile menu sub-menus to take the full width of their container */
  width: 100%;
  margin-top: 0;
}

.menu-primary #menu-primary-items li.no-padding a,
.menu-items > .menu-item.menu-item-has-children ul a {
  width: 100%;
  padding: 0.25rem 0.75rem !important;
  transition-delay: 0.25s !important;
}

.menu-primary .menu-items {
  background-color: #565c5e !important;
}

/* endregion TODO: integrate this with the rest of the section */

/* header-top */
@media (max-width: 767px) {
  .header-top {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .header-top {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
  }
}

/* header-top container */
@media (max-width: 1200px) {
  .site-header.wide .header-top .container {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
  }
}

/* header-top row */
@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    flex: 0 0 100%;
  }
}

/* header-top columns */
@media (min-width: 768px) and (max-width: 1200px) {
  .header-top [class*='col-'] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
  }

  .header-top .static-header-logo {
    flex: auto;
  }
  .header-top .static-header-menu.col-sm-11 {
    flex: 11;
  }
  .header-top .static-header-menu.col-sm-10 {
    flex: 10;
  }
  .header-top .static-header-menu.col-sm-9 {
    flex: 9;
  }
  .header-top .static-header-menu.col-sm-8 {
    flex: 8;
  }
  .header-top .static-header-menu.col-sm-7 {
    flex: 7;
  }
  .header-top .static-header-menu.col-sm-6 {
    flex: 6;
  }
  .header-top .static-header-menu.col-sm-5 {
    flex: 5;
  }
  .header-top .static-header-menu.col-sm-4 {
    flex: 4;
  }
  .header-top .static-header-menu.col-sm-3 {
    flex: 3;
  }
  .header-top .static-header-menu.col-sm-2 {
    flex: 2;
  }
}

/* branding wrapper */
@media (max-width: 1024px) {
  .vertical-middle .site-branding, .header-top [class*="col-"] .site-branding {
    /*padding: 0 10px;*/
    margin: -25px 0 -20px !important;
  }
}

/* logo containing col-* */
@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .static-header-logo {
    align-items: center;
    justify-content: center;
  }
}

/* logo container */
@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .image-logo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
}

/* logo image */
.header-top .logo-tagline-wrap .image-logo img {
  max-width: 100%;
  height: auto;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
}

@media (max-width: 767px) {
  .header-top .logo-tagline-wrap .image-logo img,
  .header-top.isStick .logo-tagline-wrap .image-logo img,
  .isStick .site-branding a img {
    max-height: 75px;
    transition: max-height 0.25s ease-in;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .isStick .logo-tagline-wrap .image-logo img {
    max-height: 75px;
  }
}

@media (min-width: 1200px) {
  .isStick .logo-tagline-wrap .image-logo img {
    max-height: 75px;
  }
}

/* menu container col-* */
@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .static-header-menu {
    justify-content: flex-end;
  }
}

/* menu tag */
@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
  }
}

/* menu-items container */
@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .menu .menu-items {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-end;
  }
  .header-top .menu .menu-items::after {
    /* clearfix not needed */
    display: none;
  }
}

/* menu-item (li) */
@media (max-width: 768px) {
  .header-top .menu .menu-items .menu-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .header-top .menu .menu-items > .menu-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
  }
}

/* menu-item link */
.header-top .menu-items > .menu-item > a {
  text-align: center;
}

@media (max-width: 768px) {
  .header-top .menu-items > .menu-item > a {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex: 100%;
    padding: 0 0.325rem 0 0.75rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-top .menu-items > .menu-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    padding: 0 8px !important;
    line-height: 1.2;
  }
  .site-header.isStick .header-top .menu-items > .menu-item > a {
    height: 52px;
    padding: 0 8px !important;
  }
  .header-top .menu-items > .menu-item > a::before {
    /* clearfix not needed */
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 860px) {
  .header-top .menu-items > .menu-item > a {
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
  }
}

/* menu second-level */
.menu-items > .menu-item.menu-item-has-children ul a {
  display: flex;
  align-items: center;
  margin: 0 !important;
  padding: 0.75rem !important;
}

.menu-items > .menu-item.menu-item-has-children li {
  margin: 0 !important;
}

.menu-items > .menu-item.menu-item-has-children ul a,
.menu-item .cherry-mega-menu-sub.simple-sub .menu-item a {
  font-family: Enriqueta, sans-serif;
}

/* Burger menu button */
@media only screen and (max-width: 768px) {
  .hamburger:hover {
    opacity: 0.9;
  }
  .hamburger span::before,
  .hamburger span::after,
  .hamburger span {
    background: #ffff !important;
  }
  .hamburger.opened span {
    background: #fff0 !important;
  }
}

/* endregion */
/* endregion */

/* ////////////////////// */
/* Footer */
/* ////////////////////// */
/* region */

/* footer images */
.sidebar-footer-1 img {
  display: block;
  margin: 0 auto;
}

/* endregion */


/* ////////////////////// */
/* Homepage Certifications */
/* ////////////////////// */
/* region */

.cta-4boxes-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.cta-4boxes-inner [class*="col-"] div:not([class]) {
  display: flex;
  width: 100%;
}

.cta-4boxes-inner [class*="col-"] > div:not([class]) {
  flex-direction: column;
  height: 100%;
}

.cta-4boxes-inner [class*="col-"] > div > div[style] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 7.5rem;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.cta-4boxes-inner img {
  display: block;
  max-height: 5.5rem;
  margin: 0 auto;
}

/* add some extra spacing on smaller screens to separate the different accreditations better */

.cta-4boxes-inner [class*="col"],
.cta-4boxes [class*="col"] {
  @media (max-width: 768px) {
    padding-bottom: 1rem;
  }
}

/* Set a minimum height on the certification titles to line them up: */
.cta-4boxes .motopress-service-box-heading-section h1,
.cta-4boxes-inner h1,
.cta-4boxes .motopress-service-box-heading-section h2,
.cta-4boxes-inner h2,
.cta-4boxes .motopress-service-box-heading-section h3,
.cta-4boxes-inner h3,
.cta-4boxes .motopress-service-box-heading-section h4,
.cta-4boxes-inner h4,
.cta-4boxes .motopress-service-box-heading-section h5,
.cta-4boxes-inner h5,
#end--selector-list {
  box-sizing: border-box;
  margin: 0;

  @media (max-width: 580px) {
    min-height: 5rem;
  }
  @media (min-width: 580px) and (max-width: 1199px) {
    min-height: 4rem;
  }
  @media (min-width: 1200px) {
    min-height: 5rem;
  }
}

/* Ensure that any inline styles are nuked: */
.cta-4boxes-inner [style*="font-size"] {
  font-size: unset !important;
}

.cta-4boxes-inner [style*="background-color"] {
  background: unset !important;
}

.cta-4boxes-inner [style*="height"] {
  height: unset !important;
  min-height: unset !important;
  max-height: unset !important;
}

.cta-4boxes-inner [style*="width"] {
  width: unset !important;
  max-width: unset !important;
}


/* endregion */

/* ////////////////////// */
/* Services (shown prominently on the homepage) */
/* ////////////////////// */
/* region */

.boxed-layout .cherry-services_item {
  display: flex;
  flex-wrap: wrap;
}

.cherry-services .services-listing .cherry-services_item .cherry-services_thumb {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.cherry-services .services-listing .cherry-services_item .cherry-services_thumb a {
  flex: 0 0 100%;
  width: 100%;
  object-fit: cover;
}

.cherry-services .services-listing .cherry-services_item .cherry-services_thumb img {
  width: 100%;
  max-width: unset;
  height: 16rem;
  max-height: unset;
  transition: all 0.5s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
  object-fit: cover;
  object-position: center;
}

.image-icon-box--meta-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  background-color: #333333;
  color: #ffffff;
}

.cherry-services .services-listing .cherry-services_item .cherry-services_title {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 3.75rem;
  margin: 0;
  padding: 0;
  font-family: "Arial", "Arial Bold", sans-serif;
  font-size: 16px;
}

.cherry-services .services-listing .cherry-services_item .cherry-services_title a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  height: 100%;
  padding: 0 0 0 1rem;
  background-color: #3f4344;
  color: #ffffff;
  font-family: "Arial", "Arial Bold", sans-serif;
  font-size: 16px;
}

.boxed-layout .cherry-services_icon {
  display: flex;
  align-items: center;
}

.cherry-services .services-listing .cherry-services_item .cherry-services_thumb {
  margin-bottom: 0;
}

.cherry-services .services-listing .cherry-services_item .cherry-services_thumb img {
  width: 100%;
  max-width: unset;
  max-height: unset;
}

.boxed-layout .cherry-services_icon {
  margin: 0;
  padding: 0.5rem;
  background-color: #71b0ff;
  font-size: 2rem;
}

.rplg[data-id="1369"] {
  box-sizing: border-box !important;
  overflow-y: scroll;
  height: 25rem;
  max-height: 70vh;
  font-size: 16px !important;
}

/* endregion */

/* ////////////////////// */
/* Custom Icons */
/* ////////////////////// */
/* region */

.cherry-services_title a::after,
[class*="icon--wfp-"] {
  display: inline-flex !important; /* overrides fontawesome, if needed */
  align-items: stretch;
  min-width: 1.4rem;
  height: 100%;
  min-height: 1.4rem;
}

.cherry-services_title a::after,
[class*="icon--wfp-"]::before {
  content: " ";
  display: block;
  width: 3.5rem;
  height: 100%;
  padding: 0.5rem;
  background-color: #71b0ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85%;
  color: white;
  line-height: 1;
}

/* !! Remember that href strings defined first will be overridden by strings defined later !! */
.cherry-services_title [href*="24-hour-emergency"]::after,
.cherry-services_title [href*="emergency"]::after,
.icon--wfp-emergency-calls::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--emergency_calls_icon.svg');
}

.cherry-services_title [href*="air-conditioning"]::after,
.icon--wfp-water-softener-installation::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--air_conditioning_icon.png');
}

.cherry-services_title [href*="bathroom"]::after,
.icon--wfp-bathrooms::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--bathrooms_icon.svg');
}

.cherry-services_title [href*="boiler-installation"]::after,
.icon--wfp-gas-boilers::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--gas_boiler_icon.svg');
}

.cherry-services_title [href*="boiler-servicing"]::after,
.icon--wfp-boiler-servicing::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--boiler_servicing_icon.svg');
}

.cherry-services_title [href*="central-heating"]::after,
.icon--wfp-power-flushing-radiators::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--power_flushing_radiators_icon.svg');
}

.cherry-services_title [href*="cooker"]::after,
.icon--wfp-cookers::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--cooker_icon.svg');
}

.cherry-services_title [href*="electrical"]::after,
.cherry-services_title [href*="electrician"]::after,
.icon--wfp-electrical::before,
.icon--wfp-smart-thermostats::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--electrical_icon.png');
}

.cherry-services_title [href*="finance"]::after,
.icon--wfp-0pct-finance::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--0pct_finance_icon.svg');
}

.cherry-services_title [href*="fire"]::after,
.icon--wfp-fires::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--fires_icon.svg');
}

.cherry-services_title [href*="gas-safety"]::after,
.icon--wfp-landlord-gas-safety-checks::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--landlord_gas_safety_checks_icon.svg');
}

.cherry-services_title [href*="general-plumbing"]::after,
.icon--wfp-plumbing-heating-repairs::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--plumbing_heating_repairs_icon.svg');
}

.cherry-services_title [href*="heating-diagnostic"]::after,
.icon--wfp-heating-diagnostics::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--heating_diagnostics_icon.svg');
}

.cherry-services_title [href*="heat-pump"]::after,
.icon--wfp-heat-pump::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--heat_pump_icon.svg');
}

.cherry-services_title [href*="hot-water-system"]::after,
.icon--wfp-hot-water-unvented-cylinders::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--hot_water_unvented_cylinder_icon.svg');
}

.cherry-services_title [href*="kitchens"]::after,
.icon--wfp-kitchens::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--kitchens_icon.svg');
}

.cherry-services_title [href*="oil-boiler"]::after,
.icon--wfp-oil-boilers::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--oil_boiler_icon.svg');
}

.cherry-services_title [href*="safety-certificate"]::after,
.icon--wfp-safety-certificate::before,
.icon--wfp-safety-certificates::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--safety_certificates_icon.svg');
}

.cherry-services_title [href*="underfloor-heating"]::after,
.icon--wfp-underfloor-heating::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--underfloor_heating_icon.svg');
}

.cherry-services_title [href*="water-softener"]::after,
.icon--wfp-water-softener::before,
.icon--wfp-water-softener-installation::before {
  background-image: url('/wp-content/themes/whitfield-plumbing/images/icon--water_softener_installation_icon.svg');
}

/* endregion */

/* ////////////////////// */
/* Contact Form 7 */
/* ////////////////////// */
/* region */

:root {
  --wpcf7--input--width: 100%;

  --wpcf7--input--max-width: 600px;
  --wpcf7--input--height: 2.75rem;
  --wpcf7--textarea--height: auto;
  --debug--outline: 0;
  --wpcf7--input--border-width: 1px;
  --wpcf7--input--border-style: solid;
  --wpcf7--input--border-color: #cac6c6;
  --wpcf7--input--border-radius: 0.25rem;
  --wpc7f--submit--background-color: var(--wp--preset--color--brand-1, #71b0ff);
  --wpcf7--input--background-color: var(--wp--preset--color--background, #fffffe);
  --wpc7f--submit--color: var(--wp--preset--color--background, #fffffe);
  --wpc7f--submit--text-shadow: 0 1px 2px #00000059;
  --wpc7f--submit--line-height: 1;
  --wpcf7--input--line-height: 26px;
  --wpcf7--input--text-decoration: none;
  --wpcf7--input--text-transform: none;
  --wpc7f--submit--font-family: 'Enriqueta', sans-serif;

  --wpc7f--submit--font-size: inherit;
  --wpcf7--input--font-size: 17px;
  --wpc7f--submit--font-weight: 700;
  --wpcf7--input--font-weight: 700;
  --wpcf7--input--transition: all 0.25s ease-in;
  --wpcf7--input--padding-h: 0.625rem;
  --wpcf7--input--padding-v: 0.5rem;
  --wpcf7--submit--background-color--hover: var(--wp--preset--color--brand-2, #565c5e);
  --wpcf7--submit--border-br: 1px solid var(--wp--preset--color--brand-1--dark, #3665a1);
  --wpcf7--submit--border-br--hover: 1px solid var(--wp--preset--color--brand-2--dark, #818181);
  --wpcf7--submit--border-tl: 1px solid var(--wp--preset--color--brand-1--light, #c6dfff);

  --wpcf7--submit--border-tl--hover: 1px solid var(--wp--preset--color--brand-2--light, #d5d5d5);
  --wpcf7--submit--color--hover: var(--wp--preset--color--background, #fffffe);
  --wpcf7--submit--padding-h: 2rem;
  --wpcf7--submit--padding-v: 0.75rem;
  --wpcf7--submit--text-shadow--hover: none;
}

/* required star on forms */
.required::after {
  content: "*";
  padding: 0 0.25rem;
  color: #cc0000;
}

/* Form Adjustments */

/* Disable Transform Select */
.wpcf7-form-control-wrap .customInput,
.wpcf7-form-control-wrap .transformSelect > li > span,
.wpcf7-form-control-wrap .transformSelectDropdown {
  display: none !important;
}

.wpcf7-form-control-wrap .transformSelect {
  display: block !important;
}

/* Form */

.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
}

.wpcf7-form > p {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
}

.wpcf7-form > .row {
  /* Layout row forms need a little extra space to separate from adjacent content */
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.wpcf7-form > p > label {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 0 0 100%;
  margin-bottom: 0;
}

.wpcf7-form [class*="col-"] label {
  /* Form labels inside a layout should take their layout from the column */
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

div.wpcf7 label .wpcf7-form-control-wrap input[type="text"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="password"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="number"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="email"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="url"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="search"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="file"],
div.wpcf7 label .wpcf7-form-control-wrap > input[type="file"], /* needed for specificity */
div.wpcf7 label .wpcf7-form-control-wrap input[type="tel"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="date"],
div.wpcf7 label .wpcf7-form-control-wrap select,
div.wpcf7 label .wpcf7-form-control-wrap textarea,
#end-selector-list {
  box-sizing: border-box;
  display: flex !important;
  width: var(--wpcf7--input--width, 100%);
  max-width: var(--wpcf7--input--max-width, 450px);
  margin: 0.5rem 0 0.75rem;
  padding: var(--wpcf7--input--padding-v, 0.5rem) var(--wpcf7--input--padding-h, 0.5rem);
  border-width: var(--wpcf7--input--border-width, 1px);
  border-style: var(--wpcf7--input--border-style, solid);
  border-color: var(--wpcf7--input--border-color, #cac6c6);
  border-radius: var(--wpcf7--input--border-radius, 0.25rem);
  background-color: var(--wpcf7--input--background-color, #fffffe);
  line-height: var(--wpcf7--input--line-height, 26px);
  text-decoration: var(--wpcf7--input--text-decoration, none);
  text-transform: var(--wpcf7--input--text-transform, none);
  font-size: var(--wpcf7--input--font-size, 17px);
  font-weight: var(--wpcf7--input--font-weight, 700);
  transition: var(--wpcf7--input--transition);
  -webkit-appearance: none;
}

div.wpcf7 label .wpcf7-form-control-wrap select {
  /* Add an arrow back on to dropdowns */
  display: block !important;
  padding-right: 2rem;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - var(--wpcf7--input--padding-h));
  background-position-y: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

div.wpcf7 label .wpcf7-form-control-wrap input[type="text"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="password"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="number"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="email"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="url"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="search"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="tel"],
div.wpcf7 label .wpcf7-form-control-wrap input[type="date"] {
  /* nothing yet */
}

div.wpcf7 .wpcf7-form-control-wrap textarea {
  /* Multi-line inputs need more height */
  height: var(--wpcf7--textarea--height, 10rem);
}

div.wpcf7 [class*="col-"] .wpcf7-form-control-wrap,
div.wpcf7 [class*="col-"] .wpcf7-form-control-wrap select,
div.wpcf7 [class*="col-"] .wpcf7-form-control-wrap textarea,
div.wpcf7 [class*="col-"] .wpcf7-form-control-wrap input {
  /* elements inside layout columns should take their layout from their containing column */
  display: block;
  width: 100%;
  max-width: 100% !important;
}

/* Ensure form submit button matches the rest of the site styling */
div.wpcf7 .wpcf7-submit,
div.wpcf7 input[type="submit"] {
  margin: var(--wpcf7--submit--padding-v, 0.75rem) 0 0; /* reduce from default */
  padding: var(--wpcf7--submit--padding-v, 0.75rem) var(--wpcf7--submit--padding-h, 2rem);
  border-top: var(--wpcf7--submit--border-tl, #c6dfff);
  border-right: var(--wpcf7--submit--border-br, #3665a1);
  border-bottom: var(--wpcf7--submit--border-br, #3665a1);
  border-left: var(--wpcf7--submit--border-tl, #c6dfff);
  background: var(--wpc7f--submit--background-color, #71b0ff);
  color: var(--wpc7f--submit--color, white);
  text-shadow: var(--wpc7f--submit--text-shadow, 0 1px 2px #00000059);
  line-height: var(--wpc7f--submit--line-height, 1);
  font-family: var(--wpc7f--submit--font-family, 'Enriqueta', sans-serif);
  font-size: var(--wpc7f--submit--font-size, inherit);
  font-weight: var(--wpc7f--submit--font-weight, 700);
  transition: var(--wpcf7--input--transition);
}

div.wpcf7 input[type="submit"]:hover {
  border-top: var(--wpcf7--submit--border-tl--hover, 1px solid #d5d5d5);
  border-right: var(--wpcf7--submit--border-br--hover, 1px solid #818181);
  border-bottom: var(--wpcf7--submit--border-br--hover, 1px solid #818181);
  border-left: var(--wpcf7--submit--border-tl--hover, 1px solid #d5d5d5);
  background: var(--wpcf7--submit--background-color--hover, #ffffff);
  color: var(--wpcf7--submit--color--hover, #3f4344);
  text-shadow: var(--wpcf7--submit--text-shadow--hover, none);
}

@media (max-width: 500px) {
  div.wpcf7 label .wpcf7-form-control-wrap select {
    max-width: calc(100vw - 30px)
  }
}

/* endregion */