/*
 * LPL Barrio Styles
 */

body {
  overflow-x: hidden;
}

a[href^="mailto:"] {
  white-space: nowrap;
}

hr,
.ck-horizontal-line {
  clear: both;
}

area:hover {
  cursor: pointer;
}

/*
 * Header
 */
.logo-right {
  text-align: center;
}

@media (min-width: 768px) {
  .logo-right {
    float: right;
    clear: right;
    margin: 1.5rem 0;
  }
}

@media (min-width: 1200px) {
  .region-header .field--type-image img {
    margin: 1em 0 0 0;
  }
}

.node__content {
  margin-top: 0;
}

.btn-redbar .icon-text {
  display: block;
  margin: -5px 0;
  font-size: 10px;
  line-height: 10px;
}

/*
 * Headings
 */
h1, h2 {
  color: #001c48;
}

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

/*
 * Forms
 */
form .form-type-textarea {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  #content .form-select,
  #content .form-email,
  #content .form-file,
  #content .form-number,
  #content .form-tel,
  #content .form-url,
  #content .form-date,
  #content input[type=text].form-control,
  #content .webform-signature-pad .button {
    width: initial;
    max-width: 100%;
  }

  #content .input-group > .form-control,
  #content .webform-flex--1 {
    flex: initial;
  }
}

/*
 * Fields
 */
.field--type-datetime .field__label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px;
}

.field--type-entity-reference {
  margin: 0;
}

.field--label-inline .field__items {
  display: inline-block;
}

/*
 * Tables
 */
.table thead th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

th.views-field-field-uaqs-phones {
  min-width: 95px;
}

table.tablesorter th:hover {
  color: white !important;
  text-decoration: underline;
}

.table-count {
  display: none;
}

.section-user .table-responsive {
  overflow: unset;
}

/*
 * Navs
 */
.nav-tabs {
  border-bottom: none;
}

.nav-tabs .nav-link {
  border-left: 1px solid #ddd;
  margin-right: 0px;
  background-color: #eef1f1;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.is-active,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
  color: #fff;
  background-color: #0c234b;
  border: 1px solid #0c234b;
  cursor: default;
}

.nav-tabs .nav-item+.nav-item {
  margin-left: 0;
}

/*
 * Paragraphs
 */
.paragraph--type--az-text-media .box, .paragraph--type--az-text-media .az-full-width-column-content.box {
  padding: 0;
}

/*
 * List Groups
 */
.views-bootstrap-list-group {
  padding-left: 0;
}

/*
 * Tabs
 */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border: 1px solid transparent;
}

div.horizontal-tabs {
  border: none;
}

.horizontal-tabs .fieldset-wrapper {
  padding-left: unset;
  border: none;
}

.horizontal-tabs-panes .horizontal-tabs-pane {
  padding: 0;
}

.horizontal-tabs ul.horizontal-tabs-list {
  background: none;
  border-right: none;
}

.horizontal-tabs ul.horizontal-tabs-list li {
  border: 1px solid #fff;
  background: #0c234b;
  min-width: unset;
  white-space: nowrap;
}

.horizontal-tabs ul.horizontal-tabs-list li.selected,
.horizontal-tabs ul.horizontal-tabs-list li:hover,
.horizontal-tabs ul.horizontal-tabs-list li:focus,
.horizontal-tabs ul.horizontal-tabs-list li:hover a,
.horizontal-tabs ul.horizontal-tabs-list li:focus a,
.horizontal-tabs ul.horizontal-tabs-list li a:hover {
  background: #ab0520;
}

.horizontal-tabs ul.horizontal-tabs-list li.selected {
  padding: 1px;
  padding-top: 0;
}

.horizontal-tabs ul.horizontal-tabs-list li a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a {
  color: #fff;
  padding: 10px 11px;
}

.horizontal-tabs ul.horizontal-tabs-list .selected strong {
  color: #fff;
}

.horizontal-tabs fieldset.horizontal-tabs-pane {
  padding: 0;
}

/*
 * Alerts
 */
p.title.alert a {
  text-decoration: none;
}

p.title.alert a:hover {
  text-decoration: underline;
}

/*
 * Accordion
 */
.accordion .card-header .btn {
  padding: .75rem 2.25rem .75rem 1.25rem;
}

.accordion .card-header .btn::after {
  right: 10px;
}

@media (min-width: 576px) {
  .accordion .card-header .btn {
    padding-right: 3rem;
  }

  .accordion .card-header .btn::after {
    right: 20px;
  }
}

.field--type-az-accordion {
  margin-bottom: 10px;
}

.field--type-az-accordion .field__item ~ .field__item {
  margin-top: 5px;
}

.ckeditor-accordion-container > dl {
  border: none;
}

.ckeditor-accordion-container > dl dt > a {
  background-color: #0c234b;
  border-bottom: 1px solid #0c234b;
  padding: 10px 15px;
}

.ckeditor-accordion-container > dl dt > a:hover {
  background-color: #0c234b;
}

.ckeditor-accordion-container > dl dt.active > a {
  background-color: #0c234b;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  left: unset;
  right: 11px;
}

.ckeditor-accordion-container > dl dd {
  padding-top: 15px;
  border: 1px solid #0c234b;
}

.ckeditor-accordion-container > dl dt {
  margin-top: 5px;
}

.ckeditor-accordion-container > dl dt:first-child {
  margin-top: 0;
}

/*
 * Buttons
 */
.btn-xs {
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.btn-hollow-primary.active,
.btn-hollow-primary:active {
  color: #fff;
  background-color: #1e5288;
  border-color: #1e5288;
}

.btn-azurite {
  color: #fff;
  background-color:  #1e5288;
  border-color:  #1e5288;
}

.btn-azurite:focus, .btn-azurite.focus {
  color: #fff;
  background-color: #297DAB;
  border-color: #297DAB;
}

.btn-azurite:hover {
  color: #fff;
  background-color: #297DAB;
  border-color: #297DAB;
}

.btn-azurite:active, .btn-azurite.active,
.open > .btn-azurite.dropdown-toggle {
  color: #fff;
  background-color: #297DAB;
  background-image: none;
  border-color: #297DAB;
}

.btn-azurite:active:hover, .btn-azurite:active:focus, .btn-azurite:active.focus, .btn-azurite.active:hover, .btn-azurite.active:focus, .btn-azurite.active.focus,
.open > .btn-azurite.dropdown-toggle:hover,
.open > .btn-azurite.dropdown-toggle:focus,
.open > .btn-azurite.dropdown-toggle.focus {
  color: #fff;
  background-color: #297DAB;
  border-color: #297DAB;
}

.btn-azurite.disabled:hover, .btn-azurite.disabled:focus, .btn-azurite.disabled.focus, .btn-azurite[disabled]:hover, .btn-azurite[disabled]:focus, .btn-azurite[disabled].focus,
fieldset[disabled] .btn-azurite:hover,
fieldset[disabled] .btn-azurite:focus,
fieldset[disabled] .btn-azurite.focus {
  background-color:  #1e5288;
  border-color:  #1e5288;
}

.btn-azurite .badge {
  color:  #1e5288;
  background-color: #fff;
}

.btn-hollow-azurite {
  color:  #1e5288;
  background-color: transparent;
  border-color:  #1e5288;
  border-width: 2px;
  background-clip: border-box;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.btn-hollow-azurite:focus, .btn-hollow-azurite.focus {
  color: white;
  background-color: #1e5288;
  border-color: #1e5288;
}

.btn-hollow-azurite:hover {
  color: white;
  background-color: #1e5288;
  border-color: #1e5288;
}

.btn-hollow-azurite:active, .btn-hollow-azurite.active,
.open > .btn-hollow-azurite.dropdown-toggle {
  color: white;
  background-color: #1e5288;
  border-color: #1e5288;
}

.btn-hollow-azurite:active:hover, .btn-hollow-azurite:active:focus, .btn-hollow-azurite:active.focus, .btn-hollow-azurite.active:hover, .btn-hollow-azurite.active:focus, .btn-hollow-azurite.active.focus,
.open > .btn-hollow-azurite.dropdown-toggle:hover,
.open > .btn-hollow-azurite.dropdown-toggle:focus,
.open > .btn-hollow-azurite.dropdown-toggle.focus {
  color: white;
  background-color: #1e5288;
  border-color: #1e5288;
}

.btn-hollow-azurite:active, .btn-hollow-azurite.active,
.open > .btn-hollow-azurite.dropdown-toggle {
  background-image: none;
}

.btn-hollow-azurite.disabled, .btn-hollow-azurite.disabled:hover, .btn-hollow-azurite.disabled:focus, .btn-hollow-azurite.disabled.focus, .btn-hollow-azurite.disabled:active, .btn-hollow-azurite.disabled.active, .btn-hollow-azurite[disabled], .btn-hollow-azurite[disabled]:hover, .btn-hollow-azurite[disabled]:focus, .btn-hollow-azurite[disabled].focus, .btn-hollow-azurite[disabled]:active, .btn-hollow-azurite[disabled].active,
fieldset[disabled] .btn-hollow-azurite,
fieldset[disabled] .btn-hollow-azurite:hover,
fieldset[disabled] .btn-hollow-azurite:focus,
fieldset[disabled] .btn-hollow-azurite.focus,
fieldset[disabled] .btn-hollow-azurite:active,
fieldset[disabled] .btn-hollow-azurite.active {
  background: #767676;
  border-color: #767676;
}

.btn-hollow-azurite .badge {
  color: transparent;
  background-color:  #1e5288;
}

.btn-edit-float {
  position: relative;
  top: 35px;
  width: fit-content;
  height: 35px;
  z-index: 1;
}

@media (min-width: 576px) {
  .btn-edit-float {
    top: 0;
    right: -67px;
    margin-left: -52px;
  }
}

/*
 * Modals
 */
.modal-title {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .modal-lg {
    max-width: 1200px;
  }
}

/*
 * Cards
 */
a.card {
  color: initial;
  text-decoration: none;
  font-weight: normal;
}

a.card:hover {
  background-color: hsla(180, 10%, 94%, 0.9);
  -webkit-box-shadow: inset 0 -10px 0px 0px #8b0015;
  -moz-box-shadow: inset 0 -10px 0px 0px #8b0015;
  box-shadow: inset 0 -10px 0px 0px #8b0015;
}

.bg-image a.card:hover {
  background-color: hsla(180, 10%, 94%, 0.9);
}

a.card:hover h3 {
  color: #8b0015;
}

a.card.bg-trans-black:hover {
  background-color: #403635;
  background-color: rgba(0,0,0,0.73);
}

a.card.bg-trans-black:hover h3 {
  color: white;
}

@media (min-width: 544px) {
  .card-deck.card-deck-w-25 {
    width: 25%;
  }

  .card-deck.card-deck-w-50 {
    width: 51.3%;
  }

  .card-deck.card-deck-w-75 {
    width: 77%;
  }

  .card-deck.card-deck-w-33 {
    width: 34.3%;
  }

  .card-deck.card-deck-w-66 {
    width: 68.3%;
  }
}

@media (min-width: 991px) {
  .card .height-100.d-flex::before {
    content: '';
    float: left;
    padding-top: 93.5%;
  }
}

/*
 * Card Flip
 * References:
 * https://www.webnots.com/bootstrap-4-flip-card-widget/
 * https://nicolaskadis.info/posts/pure-css-flip-cards-using-bootstrap-4-and-css-grid-no-js
 * https://stackoverflow.com/questions/13630229/can-i-have-an-onclick-effect-in-css
 */
.card-container {
  display: grid;
  perspective: 700px;
}

.card-flip {
  display: grid;
  grid-template: 1fr / 1fr;
  grid-template-areas: "frontAndBack";
  transform-style: preserve-3d;
  transition: all 0.7s ease;
}

.card-flip-btn {
  display: none;
}

.card-flip-btn + label {
  font-weight: initial;
  cursor: pointer;
}

.card-flip-btn:checked + label .card-flip .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.card-flip-btn:checked + label .card-flip .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.card-flip .front, .card-flip .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.card-flip .front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  grid-area: frontAndBack;
}

.card-flip .back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  grid-area: frontAndBack;
}

/*
 * Flipclock
 */
.tick-group {
  text-align: center;
}

.tick-group > div {
  margin-bottom: -5px;
}

.tick-group .tick-flip {
  margin-right: 0;
  border-radius: 3px;
}

.tick-group .tick-flip ~ .tick-flip {
  margin-left: 0;
}

.tick-label.tick-text {
  font-size: 10px;
  color: gray
}

.tick-credits {
  display: none;
}

/*
 * Shadowbox
 */
.shadow-box {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    0px 0px 5px 1px rgba(50, 50, 50, 0.2);
  box-shadow:         0px 0px 5px 1px rgba(50, 50, 50, 0.2);
}

/*
 * Media
 */
/* Reference: https://codepen.io/martinkrulltott/pen/xwrXwR */
.video-thumbnail {
  position: relative;
  display: inline-block;
}

.video-thumbnail::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f04b";
  font-size: 6em;
  color: #fff;
  opacity: 0.8;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.video-thumbnail:hover::before {
  color: #eee;
}

/*
 * Grad Photo Gallery
 */
.field--name-field-photo-gallery .field__items {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

/*
 * Carousel
 */
.carousel-item {
  transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s !important;
}

/*
 * Maps
 */
.map-container {
  height: 432px;
  overflow: hidden;
}

.map-container iframe {
  position: relative;
  top: -48px;
  border: none;
}

/*
 * Search
 */
.form-search {
  background-image: none !important;
}

.google-cse input[type="search"] {
  background-color: white !important;
}

/*
 * Hero
 */
.hero-title {
  text-transform: uppercase;
  font-weight: 1000;
  line-height: 1;
  font-size: 3rem;
}

@media (min-width: 992px) {
  .hero-title {
    font-size: 4.85rem;
  }
}

.btn-hero {
  border: 2px solid var(--bloom);
  font-size: 22px;
  margin-top: 20px;
  border-radius: 9000px;
}

.hero-list {
  background: white;
  min-width: 315px;
  list-style: none;
  margin-left: 0;
  padding: 0 0 10px;
}

.hero-list li:first-child {
  background-color: rgb(171, 5, 32);
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 900;
  color: #FFFFFF;
  padding: 18px 20px 16px;
  margin-bottom: 10px;
}

.hero-list li {
  border: none;
  max-width: initial;
  color: rgb(12, 35, 75);
}

.hero-list .btn {
  display: block;
  border: none;
  background: none;
  text-align: left;
  padding: 7px 20px;
  color: rgb(12, 35, 75);
  font-size: 18px;
  text-transform: capitalize;
  transition: transform 0.3s ease-in-out 0s;
  transform-origin: left center;
}

.hero-list .btn:hover {
  color: #fff;
  background-color: #ab0520;
  border-color: #ab0520;
}

/*
 * Quicktabs
 */
.quicktabs-style-navlist ul.quicktabs-tabs.nav-stacked li {
  padding: 0;
}

div[id^="quicktabs-container-"] .nav-item,
div[id^="views-bootstrap-tab-views"] .nav-item {
  margin-right: 2px;
}

div[id^="quicktabs-container-"] .nav-item+.nav-item,
div[id^="views-bootstrap-tab-views"] .nav-item+.nav-item {
  margin-left: 0;
}

div[id^="quicktabs-container-"] .nav-link,
div[id^="views-bootstrap-tab-views"] .nav-link {
  padding: 0.75rem 1rem;
}

div[id^="quicktabs-container-"] .nav-link.active,
div[id^="quicktabs-container-"] .nav-link:hover,
div[id^="quicktabs-container-"] .nav-link:focus,
div[id^="views-bootstrap-tab-views"] .nav-link.active,
div[id^="views-bootstrap-tab-views"] .nav-link:hover,
div[id^="views-bootstrap-tab-views"] .nav-link:focus {
  color: #fff;
  background-color: #0c234b;
}

/*
 * People
 */
.node--type-az-person {
  margin-bottom: 10px;
}

/*
 * Digital Signage
 */
.section-ds #header,
.section-ds .region-breadcrumb,
.section-ds .site-footer {
  display: none;
}

.section-ds .container {
  max-width: unset;
}

.section-ds .main-content.col {
  padding: 0;
}

.section-ds .paragraph--type--az-photo-gallery .row {
  display: block;
}

.section-ds .carousel-image {
  height: 100vh;
}

.section-ds .carousel-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/*
 * Editor
 */
.ck.ck-editor__editable .image_resized,
.ck.ck-editor__editable .image-inline {
  width: unset !important;
}

.ck.ck-editor__editable .image_resized img,
.ck.ck-editor__editable .image-inline img {
  height: auto !important;
}

.ck-content .image img {
  min-width: unset !important;
  width: auto !important;
}

.paragraph--view-mode--preview .lple,
.az-card-elements-closed .lple {
  display: none;
}

/*
 * Text utilities
 */
.display-1 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

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

.display-4 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 6rem;
  }

  .display-2 {
    font-size: 5.5rem;
  }

  .display-3 {
    font-size: 4.5rem;
  }

  .display-4 {
    font-size: 3.5rem;
  }
}

.big-text {
  font-size: 68px;
  line-height: 0.9em;
}

@media (min-width: 544px) {
  .big-text {
    font-size: 78px;
  }
}

@media (min-width: 695px) {
  .big-text {
    font-size: 84px;
  }
}

@media (min-width: 768px) {
  .big-text {
    font-size: 92px;
  }
}

@media (min-width: 992px) {
  .big-text {
    font-size: 102px;
  }
}

@media (min-width: 1200px) {
  .big-text {
    font-size: 116px;
  }
}

.text-shadow-1 {
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.text-shadow-2 {
  text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
}

.text-shadow-3 {
  text-shadow: 0px 2px 0px #b2a98f,
  0px 5px 10px rgba(0,0,0,0.15),
  0px 10px 2px rgba(0,0,0,0.1),
  0px 15px 30px rgba(0,0,0,0.1);
}

.text-shadow-4 {
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
  0px 8px 13px rgba(0,0,0,0.1),
  0px 18px 23px rgba(0,0,0,0.1);
}

.text-shadow-5 {
  text-shadow: 0px 0px 6px rgba(255,255,255,0.5),
  0px 4px 3px rgba(0,0,0,0.4),
  0px 8px 13px rgba(0,0,0,0.1),
  0px 18px 23px rgba(0,0,0,0.1);
}

.text-normal {
  text-transform: none;
}

.rteleft {
  text-align: left;
}

.rteright {
  text-align: right;
}

.rtecenter {
  text-align: center;
}

.rtejustify,
.text-justify {
  text-align: justify;
}

/*
 * Other Utilities
 */
.height-100 {
  height: 100%;
}

.well {
  display: block;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/*
 * UAQS Buffers
 */
.bottom-buffer-xs-0 {
  margin-bottom: 0;
}

.bottom-buffer-1,
.bottom-buffer-xs-1 {
  margin-bottom: 1px;
}

.bottom-buffer-5,
.bottom-buffer-xs-5 {
  margin-bottom: 5px;
}

.bottom-buffer-10,
.bottom-buffer-xs-10 {
  margin-bottom: 10px;
}

.bottom-buffer-15,
.bottom-buffer-xs-15 {
  margin-bottom: 15px;
}

.bottom-buffer-20,
.bottom-buffer-xs-20 {
  margin-bottom: 20px;
}

.bottom-buffer-25,
.bottom-buffer-xs-25 {
  margin-bottom: 25px;
}

.bottom-buffer-30,
.bottom-buffer-xs-30 {
  margin-bottom: 30px;
}

.bottom-buffer-50,
.bottom-buffer-xs-50 {
  margin-bottom: 50px;
}

@media (min-width: 768px) {
  .bottom-buffer-sm-reset,
  .bottom-buffer-sm-0 {
    margin-bottom: 0;
  }
  .bottom-buffer-sm-1 {
    margin-bottom: 1px;
  }
  .bottom-buffer-sm-5 {
    margin-bottom: 5px;
  }
  .bottom-buffer-sm-10 {
    margin-bottom: 10px;
  }
  .bottom-buffer-sm-15 {
    margin-bottom: 15px;
  }
  .bottom-buffer-sm-20 {
    margin-bottom: 20px;
  }
  .bottom-buffer-sm-25 {
    margin-bottom: 25px;
  }
  .bottom-buffer-sm-30 {
    margin-bottom: 30px;
  }
  .bottom-buffer-sm-50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .bottom-buffer-md-reset,
  .bottom-buffer-md-0 {
    margin-bottom: 0;
  }
  .bottom-buffer-md-1 {
    margin-bottom: 1px;
  }
  .bottom-buffer-md-5 {
    margin-bottom: 5px;
  }
  .bottom-buffer-md-10 {
    margin-bottom: 10px;
  }
  .bottom-buffer-md-15 {
    margin-bottom: 15px;
  }
  .bottom-buffer-md-20 {
    margin-bottom: 20px;
  }
  .bottom-buffer-md-25 {
    margin-bottom: 25px;
  }
  .bottom-buffer-md-30 {
    margin-bottom: 30px;
  }
  .bottom-buffer-md-50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .bottom-buffer-lg-reset,
  .bottom-buffer-lg-0 {
    margin-bottom: 0;
  }
  .bottom-buffer-lg-1 {
    margin-bottom: 1px;
  }
  .bottom-buffer-lg-5 {
    margin-bottom: 5px;
  }
  .bottom-buffer-lg-10 {
    margin-bottom: 10px;
  }
  .bottom-buffer-lg-15 {
    margin-bottom: 15px;
  }
  .bottom-buffer-lg-20 {
    margin-bottom: 20px;
  }
  .bottom-buffer-lg-25 {
    margin-bottom: 25px;
  }
  .bottom-buffer-lg-30 {
    margin-bottom: 30px;
  }
  .bottom-buffer-lg-50 {
    margin-bottom: 50px;
  }
}

.top-buffer-xs-0 {
  margin-top: 0;
}

.top-buffer-xs-1 {
  margin-top: 1px;
}

.top-buffer-xs-5 {
  margin-top: 5px;
}

.top-buffer-xs-10 {
  margin-top: 10px;
}

.top-buffer-xs-15 {
  margin-top: 15px;
}

.top-buffer-xs-20 {
  margin-top: 20px;
}

.top-buffer-xs-25 {
  margin-top: 25px;
}

.top-buffer-xs-30 {
  margin-top: 30px;
}

.top-buffer-xs-50 {
  margin-top: 50px;
}

@media (min-width: 768px) {
  .top-buffer-sm-reset,
  .top-buffer-sm-0 {
    margin-top: 0;
  }
  .top-buffer-sm-1 {
    margin-top: 1px;
  }
  .top-buffer-sm-5 {
    margin-top: 5px;
  }
  .top-buffer-sm-10 {
    margin-top: 10px;
  }
  .top-buffer-sm-15 {
    margin-top: 15px;
  }
  .top-buffer-sm-20 {
    margin-top: 20px;
  }
  .top-buffer-sm-25 {
    margin-top: 25px;
  }
  .top-buffer-sm-30 {
    margin-top: 30px;
  }
  .top-buffer-sm-50 {
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .top-buffer-md-reset,
  .top-buffer-md-0 {
    margin-top: 0;
  }
  .top-buffer-md-1 {
    margin-top: 1px;
  }
  .top-buffer-md-5 {
    margin-top: 5px;
  }
  .top-buffer-md-10 {
    margin-top: 10px;
  }
  .top-buffer-md-15 {
    margin-top: 15px;
  }
  .top-buffer-md-20 {
    margin-top: 20px;
  }
  .top-buffer-md-25 {
    margin-top: 25px;
  }
  .top-buffer-md-30 {
    margin-top: 30px;
  }
  .top-buffer-md-50 {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .top-buffer-lg-reset,
  .top-buffer-lg-0 {
    margin-top: 0;
  }
  .top-buffer-lg-1 {
    margin-top: 1px;
  }
  .top-buffer-lg-5 {
    margin-top: 5px;
  }
  .top-buffer-lg-10 {
    margin-top: 10px;
  }
  .top-buffer-lg-15 {
    margin-top: 15px;
  }
  .top-buffer-lg-20 {
    margin-top: 20px;
  }
  .top-buffer-lg-25 {
    margin-top: 25px;
  }
  .top-buffer-lg-30 {
    margin-top: 30px;
  }
  .top-buffer-lg-50 {
    margin-top: 50px;
  }
}

.right-buffer-xs-0 {
  padding-right: 0;
}

.right-buffer-xs-1 {
  padding-right: 1px;
}

.right-buffer-xs-5 {
  padding-right: 5px;
}

.right-buffer-xs-10 {
  padding-right: 10px;
}

.right-buffer-xs-15 {
  padding-right: 15px;
}

.right-buffer-xs-20 {
  padding-right: 20px;
}

.right-buffer-xs-30 {
  padding-right: 30px;
}

.left-buffer-xs-0 {
  padding-left: 0;
}

.left-buffer-xs-1 {
  padding-left: 1px;
}

.left-buffer-xs-5 {
  padding-left: 5px;
}

.left-buffer-xs-10 {
  padding-left: 10px;
}

.left-buffer-xs-15 {
  padding-left: 15px;
}

.left-buffer-xs-20 {
  padding-left: 20px;
}

.left-buffer-xs-30 {
  padding-left: 30px;
}

@media (min-width: 768px) {
  .right-buffer-sm-0 {
    padding-right: 0;
  }
  .right-buffer-sm-1 {
    padding-right: 1px;
  }
  .right-buffer-sm-5 {
    padding-right: 5px;
  }
  .right-buffer-sm-10 {
    padding-right: 10px;
  }
  .right-buffer-sm-reset {
    padding-right: 16px;
  }
  .right-buffer-sm-15 {
    padding-right: 15px;
  }
  .right-buffer-sm-20 {
    padding-right: 20px;
  }
  .right-buffer-sm-30 {
    padding-right: 30px;
  }
  .left-buffer-sm-0 {
    padding-left: 0;
  }
  .left-buffer-sm-1 {
    padding-left: 1px;
  }
  .left-buffer-sm-5 {
    padding-left: 5px;
  }
  .left-buffer-sm-10 {
    padding-left: 10px;
  }
  .left-buffer-sm-15 {
    padding-left: 15px;
  }
  .left-buffer-sm-reset {
    padding-left: 16px;
  }
  .left-buffer-sm-20 {
    padding-left: 20px;
  }
  .left-buffer-sm-30 {
    padding-left: 30px;
  }
}

@media (min-width: 992px) {
  .right-buffer-md-0 {
    padding-right: 0;
  }
  .right-buffer-md-1 {
    padding-right: 1px;
  }
  .right-buffer-md-5 {
    padding-right: 5px;
  }
  .right-buffer-md-10 {
    padding-right: 10px;
  }
  .right-buffer-md-15 {
    padding-right: 15px;
  }
  .right-buffer-md-reset {
    padding-right: 16px;
  }
  .right-buffer-md-20 {
    padding-right: 20px;
  }
  .right-buffer-md-30 {
    padding-right: 30px;
  }
  .left-buffer-md-0 {
    padding-left: 0;
  }
  .left-buffer-md-1 {
    padding-left: 1px;
  }
  .left-buffer-md-5 {
    padding-left: 5px;
  }
  .left-buffer-md-10 {
    padding-left: 10px;
  }
  .left-buffer-md-15 {
    padding-left: 15px;
  }
  .left-buffer-md-reset {
    padding-left: 16px;
  }
  .left-buffer-md-20 {
    padding-left: 20px;
  }
  .left-buffer-md-30 {
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .right-buffer-lg-0 {
    padding-right: 0;
  }
  .right-buffer-lg-1 {
    padding-right: 1px;
  }
  .right-buffer-lg-5 {
    padding-right: 5px;
  }
  .right-buffer-lg-10 {
    padding-right: 10px;
  }
  .right-buffer-lg-15 {
    padding-right: 15px;
  }
  .right-buffer-lg-reset {
    padding-right: 16px;
  }
  .right-buffer-lg-20 {
    padding-right: 20px;
  }
  .right-buffer-lg-30 {
    padding-right: 30px;
  }
  .left-buffer-lg-0 {
    padding-left: 0;
  }
  .left-buffer-lg-1 {
    padding-left: 1px;
  }
  .left-buffer-lg-5 {
    padding-left: 5px;
  }
  .left-buffer-lg-10 {
    padding-left: 10px;
  }
  .left-buffer-lg-15 {
    padding-left: 15px;
  }
  .left-buffer-lg-reset {
    padding-left: 16px;
  }
  .left-buffer-lg-20 {
    padding-left: 20px;
  }
  .left-buffer-lg-30 {
    padding-left: 30px;
  }
}

pre code {
  white-space: pre-wrap;
}

/*
 * Footer
 */
[class*=" az-icon-bluesky"]::before,
[class^=az-icon-bluesky]::before {
  font-family: "Font Awesome 6 Brands" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.az-icon-bluesky:before {
  content: "\e671";
}

/*
 * Gutenberg
 */
.editor-styles-wrapper {
  font-family: inherit;
}

.has-blue-color {
  color: #0c234b;
}

.has-red-color {
  color: #ab0520;
}

.has-azurite-color {
  color: #1e5288;
}

.has-midnight-color {
  color: #001c48;
}

.has-oasis-color {
  color: #378dbd;
}

.has-sky-color {
  color: #81d3eb;
}

.has-cool-gray-color {
  color: #e2e9eb;
}

.has-warm-gray-color {
  color: #f4ede5;
}

.has-silver-color {
  color: #9eabae;
}

.has-leaf-color {
  color: #70b865;
}

.has-river-color {
  color: #007d84;
}

.has-sage-color {
  color: #4a634e;
}

.has-ash-color {
  color: #403635;
}

.has-mesa-color {
  color: #a95c42;
}

.has-chili-color {
  color: #8b0015;
}

.has-bloom-color {
  color: #ef4056;
}

.has-black-color {
  color: #000;
}

.has-white-color {
  color: #fff;
}

.has-blue-background-color {
  color: #fff;
  background-color: #0c234b;
}

.has-red-background-color {
  color: #fff;
  background-color: #ab0520;
}

.has-azurite-background-color {
  color: #fff;
  background-color: #1e5288;
}

.has-midnight-background-color {
  color: #fff;
  background-color: #001c48;
}

.has-oasis-background-color {
  color: #000;
  background-color: #378dbd;
}

.has-sky-background-color {
  color: #000;
  background-color: #81d3eb;
}

.has-cool-gray-background-color {
  color: #000;
  background-color: #e2e9eb;
}

.has-warm-gray-background-color {
  color: #000;
  background-color: #f4ede5;
}

.has-silver-background-color {
  color: #000;
  background-color: #9eabae;
}

.has-leaf-background-color {
  color: #000;
  background-color: #70b865;
}

.has-river-background-color {
  color: #fff;
  background-color: #007d84;
}

.has-sage-background-color {
  color: #fff;
  background-color: #4a634e;
}

.has-ash-background-color {
  color: #fff;
  background-color: #403635;
}

.has-mesa-background-color {
  color: #fff;
  background-color: #a95c42;
}

.has-chili-background-color {
  color: #fff;
  background-color: #8b0015;
}

.has-bloom-background-color {
  color: #000;
  background-color: #ef4056;
}

.has-black-background-color {
  color: #fff;
  background-color: #000;
}

.has-white-background-color {
  color: #000;
  background-color: #fff;
}

.has-small-font-size {
  font-size: 80%;
}

.has-lead-font-size {
  font-size: 1.25rem;
  font-weight: 400;
}

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

.has-display-2-font-size {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.has-display-3-font-size {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.has-display-4-font-size {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}