/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/* Temp fix for:
 * Issue #3233533: Core .placeholder class conflicts with new Bootstrap .placeholder class
 * https://www.drupal.org/project/drupal/issues/3233533
 *
 * Issue #3246827: Fix em.placeholder style from Bootstrap 5 base styling with the Drupal core placeholder
 * https://www.drupal.org/i/3246827
 */

@media only screen and (min-width: 480px) {
    .b-flexbox, .blazy.b-flexbox, .item-list > .b-flexbox {
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
        width: calc(100% + var(--bfb-col-gap));
        height: fit-content;
        margin: 0 calc(-1 * var(--bfb-col-gap) / 2);
        text-align: center;
    }
}


body {
    margin: 0;
    text-align: left;
    color: #f3f0e7;
background-image: url("data:image/svg+xml,%3Csvg width='5' height='6' viewBox='0 0 3 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d3d2d4' fill-opacity='0.13' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(131deg, #424c5d 5.3%, rgba(9, 13, 12, 0.86) 43.5%, #635a73 87%);
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Roboto Condensed", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.4;
}




em.placeholder {
  cursor: unset !important;
  vertical-align: unset !important;
  opacity: unset !important;
  background-color: unset !important;
}

.form-group {
  margin-bottom: 1rem;
}

.form-required::after {
  content: "";
  vertical-align: super;
  display: inline-block;
  background-image: url(../../images/required.svg);
  background-repeat: no-repeat;
  background-size: calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667) calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667);
  width: calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667);
  height: calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667);
  margin: 0 .3em;
}

.ajax-progress {
  background-color: transparent !important;
  border: 0 !important;
}

.ajax-progress-throbber .throbber {
  background-color: transparent !important;
  border: 0 !important;
}

.ajax-progress-throbber .message {
  background-color: transparent !important;
  border: 0 !important;
}

.ajax-progress-fullscreen {
  background-color: transparent !important;
}

.hidden-anonymous,
.visible-admin,
.visible-logged-in {
  display: none !important;
}

body.user-logged-in .visible-admin,
body.user-logged-in .visible-logged-in,
body.user-logged-in .hidden-anonymous {
  display: inline-block !important;
}

body.user-logged-in .btn .visible-admin,
body.user-logged-in .btn .visible-logged-in,
body.user-logged-in .btn .hidden-anonymous {
  display: inline-block !important;
}


h1, .h1 {
    font-size: calc(1.25rem + 2vw) !important;
    text-align: center;
}

a {
  text-underline-offset: .25em;
}


/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


a.visually-hidden.focusable.skip-link {
    display: none;
    margin-top: .5em;
    position: relative;

}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1620px;
    }
}


.brand-logo-image {
    height: 3.38rem;
    position: relative;
    margin-right: 2rem;
    margin-bottom: 0rem;
}

.bg-white {
    background-color: rgba(102,98,98,0.78) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='6' viewBox='0 0 3 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d3d2d4' fill-opacity='0.13' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"),-webkit-linear-gradient(39deg,#323c4e 3.1%,rgba(58,63,75,0.99) 37.6%,#403d62 90.6%) !important;
    position: relative;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    border-bottom: 1px solid rgba(129, 14, 144, 0.94);
    min-height: 98px;
}

.form {
    display: flex;
    margin-top: .0em;
    position: relative;
    left: 0rem;
    flex-flow: revert;

}

div.js-form-item.form-item.js-form-type-search-api-autocomplete.form-item-search-api-fulltext.js-form-item-search-api-fulltext.form-group {
    position: relative;
    overflow-x: visible;
    max-width: 100%;
    /* padding: 16px; */
    top: 0px;
}

.b-flex .grid__content {
    position: relative;
    overflow: visible;
    max-width: 100%;
    padding: 12px;
    font-size: .8rem;
    line-height: 1.0rem;
}

.b-flex > .grid, .item-list > .b-flex > .grid {
text-align: center;
}

/* Search form CSS: */


.input-form-control {
    display: block;
    width: 40%;
    margin-left: 222px;
    height: calc(1.em + 1.175rem + 2px);
    padding-top: 0.6875rem .75rem;
    padding: 0.4875rem 0.8rem;
    font-size: .875rem;
    font-weight: 400;
    -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.form-control {
    display: block;
    width: 188px;
    max-height: 57%;
    height: calc(1.em + 1.175rem + 2px);
    padding-top: 0.6875rem .75rem;
    padding: 0.4875rem 0.8rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: .6;
    color: #3d638f;
    background-color: #f7e8bc;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cad1d7;
    border-radius: 0.25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    top: -.6rem;
    position: relative;
}

.fw-bold {
    font-weight: 700 !important;
    position: relative;
    bottom: 10px;
}

label {
    display: inline-block;
    position: relative;
    bottom: 10px;
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    width: 50%;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(13, 110, 252, 0);
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn {
    --bs-btn-font-size: .825rem;
    margin-left: 6px;
    margin-top: 0.2rem;
    top: .9rem;
    position: relative;
}

/* END Search form CSS: */


.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .94rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0 - (var(--bs-border-width)));
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #252525;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    color: #d0d0d0;
}


.py-2 {
    padding-top: .8rem !important;
    padding-bottom: .5rem !important;
}



footer.footer {
 background-color: rgba(102,98,98,0.78) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='6' viewBox='0 0 3 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d3d2d4' fill-opacity='0.13' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"),-webkit-linear-gradient(39deg,#323c4e 3.1%,rgba(58,63,75,0.99) 37.6%,#403d62 90.6%) !important;
    color: var(--bs-white);
}

/*============= LAYOUT BUIDER ====================================================*/
.layout-builder {
    padding: 1.5em 1.5em 0.5em;
    border: 3px solid #212b33;
    background-color: rgba(87, 80, 80, 0.63);
}

.layout-builder-block {
    padding: 1.5em;
    cursor: move;
    background-color: rgba(91, 90, 90, 0.66);
}

.bg-light {
    --bs-bg-opacity: .1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

/*============= LAYOUT BUILDER ====================================================*/


/* 75/25   >>>>>>>>    85/15  RELATED RIGHT
 */


@media (min-width: 768px) {
 
  .col-md-3 {
    flex: 0 0 auto;
    width: 14%;
  	 padding-right: revert;
  }


  .col-md-9 {
    flex: 0 0 auto;
    width: 86%;
  }


}

@media (min-width: 992px) {

  .col-lg-3 {
    flex: 0 0 auto;
    width: 18%;
  	 padding-right: revert;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 82%;
  }

  }
}

@media (min-width: 1200px) {

  .col-xl-3 {
    flex: 0 0 auto;
    width: 14%;
  	 padding-right: revert;
  }


  .col-xl-9 {
    flex: 0 0 auto;
    width: 86%;
  }


@media (min-width: 1400px) {


  .col-xxl-3 {
    flex: 0 0 auto;
    width: 14%;
   	padding-right: revert;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 86%;
  }


  }
}

/* 75/25   >>>>>>>>    85/15
 */



/*============= NAVIGATION  ====================================================*/

a {
    color: #e45231;
    text-decoration: none;
    background-color: transparent;
}

.breadcrumb {
    position: relative;
    top: -.7rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: "bootstrap-icons";
    font-size: 1rem;
    font-weight: 500;
    content: "\f285";
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #9c9aa2;
}

.breadcrumb .breadcrumb-item {
    color: #9c9aa2;
}

@media (max-width: 991.98px) {
    .navbar-collapse.collapsing, .navbar-collapse.show {
        padding: 1.5rem;
        border-radius: 0.25rem;
        background: rgba(51, 71, 135, 0.93);
        -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
        -webkit-animation: show-navbar-collapse .2s ease forwards;
        -o-animation: show-navbar-collapse .2s ease forwards;
        animation: show-navbar-collapse .2s ease forwards;
    }
}

.book-navigation .book-pager li a {
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-shadow: 0 5px 4px 0 rgb(0 0 0 / 7%), 0 15px 35px 0 rgb(50 50 93 / 10%);
    box-shadow: 0 5px 4px 0 rgb(0 0 0 / 7%), 0 15px 35px 0 rgb(50 50 93 / 10%);
    display: block;
    border-radius: 3px;
    position: relative;
    -webkit-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    color: #292929;
    background: sandybrown  !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5 a, .h6 a {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.4;
    color: #f79f52;
}

h3, h3 a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h3, .h3 {
    font-size: 1.2rem !important;
}

div.views-field.views-field-title a {
   color: #d2843f !important;
}

p:last-child, .form-group:last-child, .panel:last-child {
    font-size: small !important;
    font-family: 'Roboto Condensed',sans-serif;
    margin-top: -8px !important;
    line-height: 1.1rem;
    padding-top: 0px;
    padding-bottom: 8px;
}

a:hover {
    color: #0028d4;
    text-decoration: none;
}

.b-grid .grid__content {
    position: relative;
    max-width: 100%;
    font-size: small;
line-height: 1.0rem;
}

a:hover {
    color: #fcbb94;
    text-decoration: none;
}

.nav-pills .nav-link {
    padding: 0.1rem 0.1rem;
    color: #214bff;
    font-weight: 500;
    font-size: 0.875rem;
    -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    background-color: #fff;
    -webkit-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

  .nav-pills .nav-link {
        padding: 0.1rem 0.1rem;
        color: #214bff;
        font-weight: 500;
        font-size: 0.875rem;
        -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
        box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
        background-color: #fff;
        -webkit-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
        transition: all 0.15s ease;
        position: relative;
        top: 22px;
    }

.cke_editable {
    padding: 10px !important;
        background: #183d56  !important;
}

div.sf-accordion-toggle.sf-style-default a {
color: #cfe6f5;
font-weight: bold;
}

div.views-field.views-field-title a {
    color: #e87743 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: medium;
    line-height: 0.4em !important;
    position: relative;
    bottom: 4px;
}

.faq-question-answer a {
    color: #9db8d1;
}

.faq-question-answer {
    position: relative;
    z-index: 2;
    padding: 1.1875rem 0;
    padding-left: 8px;
    cursor: pointer;
    background: rgba(10, 13, 62, 0.21);
    color: #c6b7b0 !important;
    font-family: "Roboto Condensed",sans-serif !important;
    font-size: small;
    line-height: 0.4em !important;
	border-bottom: 1px solid #58718b;
}

.faq-question-answer p:last-child, .form-group:last-child, .panel:last-child {
    font-size: medium!important;
    font-family: 'Roboto Condensed',sans-serif;
    margin-top: 8px !important;
    line-height: 1.2rem;
    letter-spacing: .024em;
}

.faq-question-answer a:hover, .faq-question-answer a:focus, .faq-question-answer a:active {
    color: #4088c1;
}

footer.footer p a {
    text-decoration: none;
    color: sandybrown;
}

/*============= NAVIGATION  ====================================================*/

/*============= MEDIA ====================================================*/

.b-column .grid__content, .b-column .region__content {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    text-align: center;
}


.blazy .media {
    display: inline-block;
    overflow-y: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    min-height: 15px;
    margin-top: 0;
    margin-bottom: 8px;
    padding: 4%
 text-align: center !important;
}
.media:hover .media__icon--litebox,
.media--switch .media__image {
  visibility: visible;
  padding: 1px;
  opacity: 1;
}

media__icon media__icon--litebox {
  visibility: hidden;
  opacity: 0.4;
}

.media:hover .media__icon--litebox,
.media--switch .media__image {
  visibility: visible;
  opacity: 1;
  border: 0 solid #fff;
}

.media__icon--litebox::before,
.media__icon--litebox::after {
  display: none;
}

.media:hover .media__icon--litebox,
.media--switch .media__image {
  visibility: visible;
  opacity: 1;
  border: 0 solid #fff;
}

span.media__icon.media__icon--litebox {
  display: none;
}



/*============= MEDIA ====================================================*/

/* Temp fix for:
 * Issue #3233533: Core .placeholder class conflicts with new Bootstrap .placeholder class
 * https://www.drupal.org/project/drupal/issues/3233533
 * 
 * Issue #3246827: Fix em.placeholder style from Bootstrap 5 base styling with the Drupal core placeholder
 * https://www.drupal.org/i/3246827
 */

/* Temp fix for:
 * Issue #3233533: Core .placeholder class conflicts with new Bootstrap .placeholder class
 * https://www.drupal.org/project/drupal/issues/3233533
 * 
 * Issue #3246827: Fix em.placeholder style from Bootstrap 5 base styling with the Drupal core placeholder
 * https://www.drupal.org/i/3246827
 */


.form-required::after {
  content: "";
  vertical-align: super;
  display: inline-block;
  background-image: url(../../images/required.svg);
  background-repeat: no-repeat;
  background-size: calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667) calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667);
  width: calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667);
  height: calc(calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)) * .1666666667);
  margin: 0 .3em;
}

.ajax-progress {
  background-color: transparent !important;
  border: 0 !important;
}

.ajax-progress-throbber .throbber {
  background-color: transparent !important;
  border: 0 !important;
}

.ajax-progress-throbber .message {
  background-color: transparent !important;
  border: 0 !important;
}

.ajax-progress-fullscreen {
  background-color: transparent !important;
}

.hidden-anonymous,
.visible-admin,
.visible-logged-in {
  display: none !important;
}

body.user-logged-in .visible-admin,
body.user-logged-in .visible-logged-in,
body.user-logged-in .hidden-anonymous {
  display: inline-block !important;
}

body.user-logged-in .btn .visible-admin,
body.user-logged-in .btn .visible-logged-in,
body.user-logged-in .btn .hidden-anonymous {
  display: inline-block !important;
}

a {
  text-underline-offset: .25em;
}

h6.views-field.views-field-title {
    border-bottom: 1px solid rgba(227, 212, 207, 0.82);
    padding-bottom: 4px;
}


h6, .heading-f, div.media-library-item__attributes {

    font-size: .9rem  !important;
}

.brand-logo-image {
     height:3.4rem !important; 
}


/*============= SF menu USER ACCOUNT ====================================================*/

ul.sf-menu.sf-style-default {
    float: right;
    padding: 0;
    position: relative;
    right: -18px;
    top: 12px;
}

header.navbar .navbar-nav .nav-item .nav-link.ni-zoom-split-in {
    margin-top: -5px !important;
}

ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: rgba(189, 210, 255, 0);
}

ul.sf-menu.sf-style-default a,
ul.sf-menu.sf-style-default a:visited,
ul.sf-menu.sf-style-default span.nolink {
  color: #e2b98a;
  border: 0 none;
  background-color: rgba(85, 39, 184, 0.77); !important;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.14);
  font-family: "Roboto Condensed", sans-serif !important;
}

ul.sf-menu.sf-style-default li:hover,
ul.sf-menu.sf-style-default li.sfHover,
ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover,
ul.sf-menu.sf-style-default span.nolink:hover {
  color: rgba(248, 176, 12, 0.98) !important;
  outline: 0;
  background: rgba(85, 39, 184, 0.55) !important;
}

ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul {
    background: rgba(85, 39, 184, 0.85);
}

div#block-useraccountmenu.contextual-region.block.block-superfish.block-superfishaccount ul.sf-menu.sf-style-default a.sf-depth-2,
ul.sf-menu.sf-style-default a:visited,
ul.sf-menu.sf-style-default span.nolink {
  position: relative;
  left: 0;
  display: grid;
  color: #f4f2f2;
  background: rgba(85, 39, 184, 0.85) !important;
}

ul.sf-menu.sf-style-default a.sf-depth-3,
ul.sf-menu.sf-style-default a:visited,
ul.sf-menu.sf-style-default span.nolink {
  position: relative;
  left: 0;
  display: grid;
  color: #f4f2f2;
  background: rgba(85, 39, 184, 0.85) !important;
}

ul.sf-menu .sf-with-ul {
    padding-right: 2em !important;
}

ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 1em 1.5em;
    position: relative;
    background-color: transparent;
}

ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 0.5em 1.5em !important;
    position: relative;
}

a.sf-depth-2 {
    display: block;
    padding: 1em 1.em;
    position: relative;
    background: rgba(97, 87, 181, 0.55) !important;
    color: rgb(246, 245, 245) !important;
}


/*=============SUPERFISH ====================================================*/


[dir="ltr"] .varbase-hero-card.hero-style-overlay .hero-card-content {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 63.45%, rgba(0, 0, 0, 0.5) 96.22%) !important;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: gray;
    position: relative;
}
 
.breadcrumb .breadcrumb-item, .breadcrumb-item::before {
    color: var(--bs-gray-500) !important;
}

.blazy .media--blazy img.b-blur, .blazy .media--blazy img.media__element, .blazy .grid figure {
    margin-top: 10px;
    border-color: rgba(173, 161, 161, 0.61) !important;
    border-style: ridge !important;
    margin-bottom: 12px;
}