/* Custom Off-Canvas Menu */
div.offcanvas-overlay {
    backdrop-filter: none !important;
    background: none !important;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
  right: -100vw;
}

div.offcanvas-menu {
  width: 100%;
}

div.offcanvas-menu ul.menu {
  width: max-content;
  margin: 0 auto !important;
}

div.offcanvas-menu ul.menu li.menu-parent span.menu-separator,
div.offcanvas-menu ul.menu li.test-meni-item-2 a {
  display: flex !important; flex-direction: row;
  align-items: center; justify-content: center; gap: 8px;
}

@media (min-width: 321px) {
  div.offcanvas-menu ul.menu li.menu-parent span.menu-separator,
div.offcanvas-menu ul.menu li.test-meni-item-2 a {
  min-width: 320px;
}
}

div.offcanvas-menu ul.menu li.menu-parent span.menu-toggler,
div.offcanvas-menu ul.menu li.test-meni-item-2 a::after {
  padding: 0 !important; margin: 0;
  position: static !important;
  -webkit-transform: none !important;
  transform: none !important;
}

div.offcanvas-menu ul.menu li.test-meni-item-2, div.offcanvas-menu ul.menu li.menu-parent {
  border-bottom: none !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  color: #5D6148;
  padding: 10px 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after {
  font-size: 13px;
}
div.offcanvas-menu ul.menu li.menu-parent span.menu-separator {
  padding: 0 !important;
}

div.offcanvas-menu ul.menu li.menu-parent span.menu-toggler::after {
  color: #5C5C5A;
  font-size: 18px;
  width: 15px;
  display: inline-block;
}

div.offcanvas-menu ul.menu ul.menu-child {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
}

div.offcanvas-menu ul.menu ul.menu-child li {
  font-size: 18px;
  line-height: 26px;
  color: #4c4c49;
  text-transform: none;
  text-align: center;
  border-top: 2px solid #E3E1D8;
  padding: 4px 0px;
}

div.offcanvas-menu ul.menu a {
  padding: 0 !important;
}

div.offcanvas-menu ul.menu ul.menu-child li:first-child {
  margin-top: 10px;
}

div.offcanvas-menu ul.menu ul.menu-child li:last-child {
  border-bottom: 2px solid #E3E1D8;
}

div.offcanvas-menu ul.menu-parent-open {
  padding: 0 !important;
}

/* Main Site Search */
body.main-site-search div#search-results > br {
  display: none;
}

body.main-site-search li.result__item {
  box-shadow: 0px 10px 20px #00000029;
  width: 100%;
  position: relative;
  padding: 20px !important;
  margin-bottom: 30px;
  border-top: none !important;
}

body.main-site-search li.result__item:first-child {
  margin-top: 30px;
}

body.main-site-search li.result__item h2 {
  color: #888d68;
  font-style: italic;
}

body.main-site-search li.result__item a cite.result__title-url {
  display: none;
}

body.main-site-search li.result__item span.result__title-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

body.main-site-search li.result__item:not(:has(> h1)) {
  min-height: 75px;
}

body.main-site-search li.result__item > *:not(p.result__title, h1:first-of-type) {
  font-size: 18px;
}

body.main-site-search li.result__item h1 {
  margin-bottom: 0 !important;
  font-size: 32px;
}

body.main-site-search li.result__item:not(:has(> h1)) span.result__title-text {
  opacity: 1;
  line-height: 1.2;
  font-weight: 500;
  font-size: 32px;
  color: #5d6148;
  font-family: 'Cardo', sans-serif;
  text-decoration: none;
  padding: 20px;
}

/* Custom Scrollbars */
/* For Firefox */
@supports (not selector(::-webkit-scrollbar)) and (scrollbar-color: auto) {
    *  {
      scrollbar-width: auto; /* "auto" or "thin" */
      scrollbar-color: #A0A2BF #E8E6DC; /* thumb and track color */
    }
}

/* For Webkit browsers (Chrome, Safari, Edge) */
@supports selector(::-webkit-scrollbar) {
* ::-webkit-scrollbar {
    width: 10px; /* width of the scrollbar */
    height: 10px; /* height of the horizontal scrollbar */
}

* ::-webkit-scrollbar-track {
    background: #E8E6DC; /* background color of the track */
}

* ::-webkit-scrollbar-thumb {
    background: #A0A2BF; /* color of the scrollbar thumb (the draggable part) */
}

* ::-webkit-scrollbar-thumb:hover {
    background: #8384AA; /* color of the thumb when hovered */
}
}

/* BUTTON COLORS AND STYLES --------------------------------------------------------------------------------------------------------------------------*/
.sppb-btn {
  padding-top: 0px; 
  padding-bottom: 0px;
  padding-right: 0px;
  height: 50px;
  border: none;
  font-size: 18px !important;
}
.sppb-btn:hover{
  box-shadow: 0px 10px 10px -15px black !important; /* 0px 10px 10px #d6d6d6 !important */
}
.sppb-button-wrapper a{
  text-align: left;
}
.btn-red > i{
  background-color: #966B54;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-red-2 > i{
  background-color: #B18269;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-red-3 > i{
  background-color: #BF9982;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-lght-red > i{
  background-color: #B3846B;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-lght-green > i{
  background-color: #A4AC84;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-green > i{
  background-color: #5D6148;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-green-2 > i{
  background-color: #6F7355;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-green-3 > i{
  background-color: #888D68;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-lght-prple > i{
  background-color: #6B6B94;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-lght-prple-2 > i{
  background-color: #8384AA;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-dark-prple > i{
  background-color: #535378;
  height: 100%;
  color: #FFFFFF;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-light > i{
  background-color: #F5F4EF;
  height: 100%;
  color: #888D68;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-tany > i{
  background-color: #E8E6DC;
  height: 100%;
  color: #888D68;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Breadcrumb Styling --------------------------------------------------------------------------------------------------------------------------------*/
#sp-breadcrumbs .container {
  padding: 0px 0px 0px 0px;
}
.breadcrumb .divider.fas.fa-map-marker-alt {
  display: none;
}
.breadcrumb {
  padding-bottom: 0px;
  background-color: #e8e6dc;
}
@media screen and (max-width: 900px) {
  .custom-breadcrumb {
    display: none;
  }
}
.custom-breadcrumb
/*--FORCING MENU ICONS TO ROTATE-----------------------------------------------------------------------------------------------------------------------*/

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
  transform: rotate(-90deg);
  font-size: 13px;
}
.test-meni-item-2 a::after{
  font-family: "Font Awesome 6 Free";
    content: "";
    float: right;
    margin-left: 7px;
    font-weight: 900;
    transform: rotate(-90deg);
    font-size: 13px;
}

/*--Forcing BreadCrumbs to be ">"----------------------------------------------------------------*/
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

/* Link Break Fix */
p > a:only-child {
  max-width: 100%; word-wrap: break-word;
}

/* Header Fix */
header#sp-header {
  height: max-content;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header#sp-header div#sp-menu a,
  header#sp-header div#sp-menu span.sp-menu-separator {
    font-size: 1.179rem;
  }
}


/* Padding Fix */
#sp-main-body {
  padding: 0;
}

body:not(.no-padding) main#sp-component {
  margin-top: 50px;
  margin-bottom: 50px;
}

body.no-padding #sp-main-body {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  #sp-right {
    margin-top: 30px;
  }
  #sp-left {
    margin-bottom: 30px;
  }
}

.com-finder .h1,
.com-finder .h2,
.com-finder .h3,
.com-finder .h4,
.com-finder .h5,
.com-finder .h6,
.com-finder h1,
.com-finder h2,
.com-finder h3,
.com-finder h4,
.com-finder h5,
.com-finder h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.com-finder p {
  margin-bottom: 1rem;
}

/* Border Fix */
#sp-right .sp-module {
  border: none;
}

/* Custom Search Bars */
.custom-search .input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.custom-search .finder h1 {
  margin-bottom: 41px;
}

.custom-search .finder div#search-result-empty {
  margin-top: 41px;
}

.custom-search #sp-main-body {
  padding: 75px 0;
}

.custom-search label.form-label {
  display: none;
}

.custom-search .input-group {
  flex-wrap: nowrap;
}

.custom-search .input-group .awesomplete {
  flex-grow: 2;
}

.custom-search .input-group input[type="text"] {
  border-radius: 0;
  background: #e8e6dc;
  color: #5c5c5a;
  border: none;
  height: 55px;
  width: 100%;
  text-align: left;
  font: normal normal normal 16px Karla;
  letter-spacing: 0px;
  opacity: 1;
  padding: 15px 25px;
}
.custom-search .input-group input[type="text"]::placeholder {
  color: #5c5c5a;
}

.custom-search .input-group button,
.custom-search .input-group a {
  border-radius: 0;
  background: #f5f4ef;
  color: #5c5c5a;
  border: none;
  height: 55px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 11.25px;
  text-align: left;
  font: normal normal normal 16px Karla;
  letter-spacing: 0px;
  opacity: 1;
  padding: 13px 25px;
}

.custom-search .input-group a {
  background-color: #6b6b94;
  color: white;
}

.custom-search:not(.homepage-search) .input-group button {
  aspect-ratio: 1 / 1;
  padding: 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* Homepage Search */
.custom-search.homepage-search .input-group {
  max-width: 613px;
  margin: 0 auto;
}

/* Alternate Search (that found aside to directory pages, etc) */
.custom-search.alt-search .input-group input {
  background-color: #6b6b94;
  color: white;
}

.custom-search.alt-search .input-group input::placeholder {
  color: white !important;
}

.custom-search.alt-search .input-group button {
  background-color: #8384aa;
  color: white;
}

/* Directory Search */
body.directory-page:has(.custom-directory-item)
  .custom-search.directory-search {
  display: none;
}

.custom-search.directory-search .input-group input {
  background-color: #d5d7de;
}
.custom-search.directory-search .input-group button {
  background-color: #8384aa;
  color: white;
  padding: 13px;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Directory Page */
body.directory-page #sp-footer,
body.directory-search #sp-footer {
  margin-top: 20px;
}

body.directory-page:not(:has(.custom-directory-item)) div.sp-module-content-top h1 {
  margin-bottom: 41px;
}

body.directory-search div#search-results > br {
  display: none;
}

body.directory-page:not(:has(.custom-directory-item)) div.article,
body.directory-search li.result__item {
  box-shadow: 0px 10px 20px #00000029;
  width: 100%;
  position: relative;
  padding: 20px !important;
  margin-bottom: 30px;
  border-top: none !important;
}

body.directory-page:not(:has(.custom-directory-item)) col-lg-12:first-child div.article:first-child {
  margin-top: 58px;
}

body.directory-page:not(:has(.custom-directory-item)) div.article h2,
body.directory-search li.result__item h2 {
  color: #888d68;
  font-style: italic;
}

body.directory-page:not(:has(.custom-directory-item)) div.article a body.directory-search li.result__item a {
  color: #888d68;
}

body.directory-page:not(:has(.custom-directory-item)) div.article div.readmore a,
body.directory-search li.result__item span.result__title-text {
  border: 1px solid red;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

body.directory-page:not(:has(.custom-directory-item)) .sppb-row-container {
  padding: 0;
}

/* Directory Internal Pages (Articles) */
body.directory-page:has(.custom-directory-item) section#sp-top,
body.directory-page:has(.custom-directory-item) aside#sp-left,
body.directory-page:has(.custom-directory-item) aside#sp-right {
  display: none;
}

body.directory-page:has(.custom-directory-item) main#sp-component {
  width: 100% !important;

}

@media (min-width: 992px) {
    body.directory-search main#sp-component,
    body.directory-page:has(div.blogdirectory-page) main#sp-component {
      height: 50vh !important;
      min-height: 503px !important;
      overflow-y: auto !important;
    }
}

body.directory-page:has(.custom-directory-item) #sp-main-body {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* Directory Search Page */
body.directory-search.search-page.custom-search div#search-form {
  display: none;
}

body.directory-search.search-page.custom-search div#sp-top1 {
  padding: 0;
}

/* Custom Filters Restyle */
.sp-module.custom-filters {
  background-color: #f5f4ef;
  z-index: 2;
}

.sp-module.custom-filters.main-controls {
  padding: 0 !important;
  border: none !important;
  /* margin-top: 30px !important; */
}

.sp-module.custom-filters.main-controls .jfilters-filter-container {
  border-bottom: none !important;
  padding: 0;
  margin-bottom: 20px;
}

.sp-module.custom-filters.main-controls .jfilters-filter-header {
  background-color: #e8e6dc;
  color: #5c5c5a;
  padding: 13px 20px;
  width: 100%;
  margin-bottom: 0;
}

.sp-module.custom-filters.main-controls
  .jfilters-filter-header:has(button[aria-expanded="true"]) {
  margin-bottom: 8px;
}

.sp-module.custom-filters.main-controls .jfilters-filter-header button {
  font-family: Karla, serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  width: 100%;
  color: #5c5c5a;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.sp-module.custom-filters.main-controls .jfilters-item-link {
  border-bottom: 3px solid #e8e6dc;
  font-size: 18px;
  line-height: 36px;
}

.sp-module.custom-filters.main-controls a.jfilters-item-link--clear {
  width: 100%;
  display: inline-block;
  text-align: center;
}

/* Sticky Columns */
.sticky-column-container {}
.sticky-column-container .sticky-column {
  position: sticky !important;
  top: 0;
}

/* Custom Glossary */
@media (min-width: 992px) {
    body.custom-glossary table#glossarylist,
    body.custom-glossary div.tag-categorycustom-glossary ul.list-group {
      height: 50vh !important;
      min-height: 503px !important;
      overflow-y: auto !important;
    }
}

body.custom-glossary section#sp-main-body main#sp-component {
  margin: 50px 0px !important;
}

body.custom-glossary section#sp-main-body main#sp-component[title]::before {
  content: " Glossary — " attr(title);
}

body.custom-glossary section#sp-main-body main#sp-component::before {
  content: "Glossary";
  display: block;
  font-size: 50px;
  line-height: 56px;
  color: #888d68;
  font-family: "Cardo";
  margin-bottom: 30px;
}

body.custom-glossary table#glossarylist tr.row0,
body.custom-glossary table#glossarylist tr.row1 {
  border: none !important;
}

body.custom-glossary table#glossarylist tr.row0:last-child {
  flex-basis: 100%;
}

body.custom-glossary table#glossarylist tr:only-child {
  padding: 0 !important;
}

body.custom-glossary table#glossarylist {
  display: block;
}
body.custom-glossary table#glossarylist thead {
  display: none;
}
body.custom-glossary table#glossarylist tbody {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
}
body.custom-glossary table#glossarylist tbody tr {
  display: flex;
  flex-direction: column;
  border: none !important;
  background: none;
  flex-basis: 50%;
  padding: 12px;
}
body.custom-glossary table#glossarylist tbody tr:nth-child(odd) {
  /* padding-right: 0; */
}
body.custom-glossary table#glossarylist tbody tr:nth-child(even) {
  /* padding-left: 0; */
}
body.custom-glossary table#glossarylist tbody tr:nth-child(1),
body.custom-glossary table#glossarylist tbody tr:nth-child(2) {
  /* padding-bottom: 0; */
}
body.custom-glossary table#glossarylist tbody tr:nth-last-child(1),
body.custom-glossary table#glossarylist tbody tr:nth-last-child(2) {
  /* padding-top: 0; */
}
body.custom-glossary table#glossarylist tbody tr td,
body.custom-glossary table#glossarylist tbody tr p {
  padding: 0 !important;
  margin: 0 !important;
}
body.custom-glossary table#glossarylist tbody tr div.tags {
  display: none;
}

body.custom-glossary table#glossarylist tbody tr td a {
  font-size: 32px;
  line-height: 42px;
  color: #888d68;
  font-family: "Cardo";
  font-style: italic;
  font-weight: normal;
  pointer-events: none;
}

body.custom-glossary table#glossarylist tbody tr td p {
  color: #5c5c5a;
  font-size: 18px;
  line-height: 26px;
  font-family: "Karla";
  margin: 0;
}

@media (max-width: 767px) {
  body.custom-glossary table#glossarylist tbody {
    flex-direction: column-reverse;
  }

  body.custom-glossary table#glossarylist tbody tr {
    flex-basis: 100%;
    padding: 25px 0 !important;
  }
}

body.custom-glossary div#glossarysearchheading {
  display: none;
}

body.custom-glossary div#com_glossary div#glossarysearch {
  padding: 0;
  margin: 20px 0px 40px 0px;
}

body.custom-glossary div.input-append {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 40px;
}

body.custom-glossary div.srch-btn-inpt {
  display: flex;
  align-items: stretch;
}

body.custom-glossary div.srch-btn-inpt:focus-within {
  outline: 2px solid #888d68;
}

body.custom-glossary div.srch-inpt {
  height: 100%;
  flex-grow: 2;
}

body.custom-glossary div.srch-btn {
  position: static;
  top: unset;
  left: unset;
  margin: 0;
  aspect-ratio: 1 / 1;
}

body.custom-glossary div.srch-btn button {
  width: 100%;
  height: 100%;
  background-color: #888d68 !important;
}

body.custom-glossary div.input-append button,
body.custom-glossary
  div#com_glossary
  div#glossarysearch
  form#searchForm
  div.input-append
  input#filter_search {
  border-radius: 0 !important;
}

body.custom-glossary
  div#com_glossary
  div#glossarysearch
  form#searchForm
  div.input-append
  input#filter_search {
  background-color: #d6d9be;
  border: none;
  font-size: 21px;
  font-family: Karla;
  color: #5c5c5a;
  line-height: 30px;
  height: 100%;
  max-height: 55px;
  padding: 15px 20px !important;
}
body.custom-glossary div.sp-module:has(.glossary-filter-accordion) {
  flex-basis: 40%;
  max-height: 55px;
}

body.custom-glossary
  div.sp-module:has(.glossary-filter-accordion)
  .sppb-row-column {
  padding: 0;
}
body.custom-glossary div.input-append .srch-btn-inpt {
  margin-right: 0;
  flex-basis: 60%;
}
body.custom-glossary .glossary-filter-accordion .sppb-row {
  max-width: 100%;
  margin: 0 !important;
}

body.custom-glossary
  div.sp-module:has(.glossary-filter-accordion)
  button.sppb-panel-heading {
  height: 55px;
  padding: 0px 20px !important;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}

body.custom-glossary div.glossaryalphabet.seopagination {
  padding-bottom: 0;
}
body.custom-glossary div#com_glossary ul.seopagination-list {
  display: flex !important;
  flex-direction: row;
  gap: 4px;
  flex-wrap: wrap;
  align-items: stretch;
}

body.custom-glossary div#com_glossary ul.seopagination-list li {
  width: max-content;
}

body.custom-glossary div#com_glossary ul.seopagination-list li.active {
  flex-grow: 2;
}

body.custom-glossary div#com_glossary ul.seopagination-list li.active > span {
  border-radius: 0 !important;
  width: 100% !important;
}

body.custom-glossary
  div#com_glossary
  ul.seopagination-list
  li:first-child
  span.glossletselect,
body.custom-glossary div#com_glossary ul.seopagination-list li:first-child a {
  width: 100%;
}

body.custom-glossary div#com_glossary ul.seopagination-list li:first-child {
  flex-grow: 2;
}

body.custom-glossary div#com_glossary ul.seopagination-list li a,
body.custom-glossary
  div#com_glossary
  ul.seopagination-list
  li
  span.glossletselect {
  color: #888d68 !important;
  font-family: "Cardo";
  font-size: 26px;
  line-height: 34px !important;
  padding: 10px !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px !important;
  min-height: 0;
}

body.custom-glossary
  div#com_glossary
  ul.seopagination-list
  li
  span.glossletselect {
  background-color: #c2c9a2 !important;
}

body.custom-glossary div#com_glossary ul.seopagination-list li a {
  background-color: transparent !important;

  position: relative;
}

body.custom-glossary div#com_glossary ul.seopagination-list li a::before {
  transition: background-color 0.2s ease-out;

  background-color: #e8e6dc;
  content: "";
  display: block;

  z-index: -1;

  width: 100%;
  height: 100%;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  animation: grow-tile 0.2s ease-out 1;
}

body.custom-glossary div#com_glossary ul.seopagination-list li a:hover::before {
  background-color: #c2c9a2;
  content: "";
  display: block;

  z-index: -1;

  width: 75%;
  height: 75%;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  animation: shrink-tile 0.2s ease-out 1;
}

@keyframes shrink-tile {
  0% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 75%;
    height: 75%;
  }
}

@keyframes grow-tile {
  0% {
    width: 75%;
    height: 75%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 767px) {
  body.custom-glossary div.input-append {
    flex-direction: column;
    gap: 20px;
  }
  body.custom-glossary div#com_glossary div#glossarysearch {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  body.custom-glossary div.glossaryalphabet.seopagination {
    display: none;
  }
}

body.custom-glossary div#sp-breadcrumbs li.breadcrumb-item:nth-child(3) {
  display: none;
}

/* Glossary Search Results */
body.custom-glossary div.btn-group.float-end {
  display: flex;
  flex-direction: row;
}

body.custom-glossary div.btn-group.float-end select {
  width: unset;
}

@media (max-width: 767px) {
  body.custom-glossary div.btn-group.float-end {
    max-width: unset;
  }
}

body.custom-glossary div.btn-group.float-end div.sp-module {
  flex-grow: 2;
}

body.custom-glossary
  div.btn-group.float-end
  div.sp-module
  button.sppb-panel-heading {
  gap: 1rem;
}

body.custom-glossary ul.list-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  body.custom-glossary ul.list-group {
    flex-direction: column;
    width: 100%;
  }
  body.custom-glossary div.btn-group {
    width: 100%;
  }
  body.custom-glossary div.btn-group.float-end {
     margin: 1rem 0;
  }
}

body.custom-glossary ul.list-group li.list-group-item {
  border: none;
  background: none !important;
  flex-basis: 50%;
  width: unset;
}

body.custom-glossary ul.list-group li.list-group-item a {
  color: #888d68;
  pointer-events: none;
  font-size: 32px;
  line-height: 42px;
  font-family: "Cardo";
  font-style: italic;
  font-weight: normal;
}

body.custom-glossary ul.list-group li.list-group-item a:hover {
  color: #5c5c5a;
}

body.custom-glossary ul.list-group li.list-group-item p {
  color: #495057 !important;
}

body.custom-glossary input#filter-search,
body.custom-glossary select#limit {
  background-color: #d6d9be;
  border: none;
  font-size: 21px;
  font-family: Karla;
  color: #5c5c5a;
  line-height: 30px;
  height: 100%;
  max-height: 55px;
  padding: 15px 20px !important;
  border-radius: 0;
}

body.custom-glossary div.btn-group button.btn {
  border-radius: 0;
  font-size: 21px;
  color: white;
  line-height: 30px;
  font-family: Karla;
  max-height: 55px;
  padding: 15px 20px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.custom-glossary button[name="filter_submit"],
body.custom-glossary button[value="Search"] {
  background-color: #888d68 !important; 
  background-position: center; 
  min-width: 55px;   
  aspect-ratio: 1 / 1; 
  border-color: #888d68 !important;
  background-image: none !important;
}

body.custom-glossary button[name="filter_submit"] i,
body.custom-glossary button[value="Search"] i {
  width: 21px !important;
  height: 21px !important;
  font-size: 21px !important;
}

body.custom-glossary button[name="filter-clear-button"] {
  background-color: #8384AA;
  border-color: #8384AA;
  gap: 1rem;
}

body.custom-glossary button[name="filter-clear-button"]:hover {
  border-color: #8384AA;
}

/* Custom Maintenance Notice */
div.maintenance-notice {
  box-shadow: 0px 10px 20px #00000029;
  margin: 1rem 0;
  padding: 22px;
  border: 4px solid #b3846b;
}
div.maintenance-notice h1 {
  color: #B3846B !important;
}
/*Checkbox fixes & styling */
@media (max-width: 768px) {
  .ul-checkbox ul:not(.ul-dash), ul.ul-checkbox {
    padding-left: 0.25rem;
  }
}
.ul-checkbox ul:not(.ul-dash), ul.ul-checbox{
list-style: none;
}
.ul-checkbox ul:not(.ul-dash) > li, ul.ul-checkbox > li {
margin-bottom: 15px;
padding-left: 34px;
position: relative;
}
.ul-checkbox ul:not(.ul-dash) > li::before, ul.ul-checkbox > li::before {
background-image: url(/images/Graphics/Icons/checkbox-icon.svg) !important;
}
/*UL Green Dash Fixes & styling */
@media (max-width: 768px) {
  .ul-dash ul:not(.ul-checkbox), ul.ul-dash {
    padding-left: 0.25rem;
  }
}
.ul-dash ul:not(.ul-checkbox), ul.ul-dash{
list-style: none;
}

.ul-dash ul:not(.ul-checkbox) > li::before, ul.ul-dash > li::before {
display: block; 
width: 22px; 
height: 3px;
vertical-align: middle;
position: absolute; 
top: 12px;
left: 0;
content: " ";
background-image: none !important;
border-bottom: 3px solid #CCCFA8;
}
.ul-dash.brown ul > li::before,
ul.ul-dash-brown > li::before {
  border-bottom-color: #CFB7A1 !important;
}
.ul-dash.drkgreen ul > li::before,
ul.ul-dash-drkgreen > li::before {
  border-bottom-color: #6f7356 !important;
}
.ul-dash.maroon ul > li::before,
ul.ul-dash-maroon > li::before {
  border-bottom-color: #966c56 !important;
}
/* Icon LI Displays */
.ul-dash ul:not(.ul-checkbox) > li, ul.ul-dash > li,
li.email-icon,
li.email-icon-white,
li.fax-icon,
li.fax-icon-white,
li.form-icon,
li.form-icon-white,
li.in-person-icon,
li.in-person-icon-white,
li.online-icon,
li.online-icon-white,
li.search-icon,
li.sidebar-caret-icon,
li.telephone-icon,
li.telephone-icon-white,
li.bullet-icon-1,
li.bullet-icon-2,
li.bullet-icon-3,
li.bullet-icon-4,
li.bullet-icon-5 
{
  margin-bottom: 15px;
  padding-left: 34px;
  position: relative;
  list-style: none !important;
}

.ul-checkbox ul:not(.ul-dash) > li::before,
ul.ul-checkbox > li::before, 
li.email-icon::before,
li.email-icon-white::before,
li.fax-icon::before,
li.fax-icon-white::before,
li.form-icon::before,
li.form-icon-white::before,
li.in-person-icon::before,
li.in-person-icon-white::before,
li.online-icon::before,
li.online-icon-white::before,
li.search-icon::before,
li.sidebar-caret-icon::before,
li.telephone-icon::before,
li.telephone-icon-white::before,
li.bullet-icon-1::before,
li.bullet-icon-2::before,
li.bullet-icon-3::before,
li.bullet-icon-4::before,
li.bullet-icon-5::before {
content: ""; 
display: block; 
background-size: 22px 22px;
width: 22px; 
height: 22px;
background-repeat: no-repeat;
vertical-align: middle;
position: absolute; 
top: 2px;
left: 0;
}

li.email-icon::before {
  background-image: url(/images/Graphics/Icons/email%20icon.svg) !important;
}
li.email-icon-white::before {
  background-image: url(/images/Graphics/Icons/email%20icon%20white.svg) !important;
}
li.fax-icon::before {
  background-image: url(/images/Graphics/Icons/fax%20icon.svg) !important;
}
li.fax-icon-white::before {
  background-image: url(/images/Graphics/Icons/fax%20icon%20white.svg) !important;
}
li.form-icon::before {
  background-image: url(/images/Graphics/Icons/form%20icon.svg) !important;
}
li.form-icon-white::before {
  background-image: url(/images/Graphics/Icons/form%20icon%20white.svg) !important;
}
li.in-person-icon::before {
  background-image: url(/images/Graphics/Icons/in%20person%20icon.svg) !important;
}
li.in-person-icon-white::before {
  background-image: url(/images/Graphics/Icons/in%20person%20icon%20white.svg) !important;
}
li.online-icon::before {
  background-image: url(/images/Graphics/Icons/online-icon.svg) !important;
}
li.online-icon-white::before {
  background-image: url(/images/Graphics/Icons/online-icon%20white.svg) !important;
}
li.search-icon::before {
  background-image: url(/images/Graphics/Icons/search%20icon.svg) !important;
}
li.sidebar-caret-icon::before {
  background-image: url(/images/Graphics/Icons/sidebar%20caret%20icon.svg) !important;
}
li.telephone-icon::before {
  background-image: url(/images/Graphics/Icons/telephone%20icon.svg) !important;
}
li.telephone-icon-white::before {
  background-image: url(/images/Graphics/Icons/telephone%20icon%20white.svg) !important;
}
li.bullet-icon-1::before {
  background-image: url(/images/Graphics/Icons/1%20bullet%20icon.svg) !important;
}
li.bullet-icon-2::before {
  background-image: url(/images/Graphics/Icons/2%20bullet%20icon.svg) !important;
}
li.bullet-icon-3::before {
  background-image: url(/images/Graphics/Icons/3%20bullet%20icon.svg) !important;
}
li.bullet-icon-4::before {
  background-image: url(/images/Graphics/Icons/4%20bullet%20icon.svg) !important;
}
li.bullet-icon-5::before {
  background-image: url(/images/Graphics/Icons/5%20bullet%20icon.svg) !important;
}

@media (max-width: 768px) {
  ul:has(li.email-icon),
  ul:has(li.email-icon-white),
  ul:has(li.fax-icon),
  ul:has(li.fax-icon-white),
  ul:has(li.form-icon),
  ul:has(li.form-icon-white),
  ul:has(li.in-person-icon),
  ul:has(li.in-person-icon-white),
  ul:has(li.online-icon),
  ul:has(li.online-icon-white),
  ul:has(li.search-icon),
  ul:has(li.sidebar-caret-icon),
  ul:has(li.telephone-icon),
  ul:has(li.telephone-icon-white),
  ul:has(li.bullet-icon-1),
  ul:has(li.bullet-icon-2),
  ul:has(li.bullet-icon-3),
  ul:has(li.bullet-icon-4),
  ul:has(li.bullet-icon-5) {
    padding-left: 0;
  }
  
  li.email-icon,
  li.email-icon-white,
  li.fax-icon,
  li.fax-icon-white,
  li.form-icon,
  li.form-icon-white,
  li.in-person-icon,
  li.in-person-icon-white,
  li.online-icon,
  li.online-icon-white,
  li.search-icon,
  li.sidebar-caret-icon,
  li.telephone-icon,
  li.telephone-icon-white,
  li.bullet-icon-1,
  li.bullet-icon-2,
  li.bullet-icon-3,
  li.bullet-icon-4,
  li.bullet-icon-5  {
    position: static;
    padding-left: 0;
  }

  li.email-icon::before,
  li.email-icon-white::before,
  li.fax-icon::before,
  li.fax-icon-white::before,
  li.form-icon::before,
  li.form-icon-white::before,
  li.in-person-icon::before,
  li.in-person-icon-white::before,
  li.online-icon::before,
  li.online-icon-white::before,
  li.search-icon::before,
  li.sidebar-caret-icon::before,
  li.telephone-icon::before,
  li.telephone-icon-white::before,
  li.bullet-icon-1::before,
  li.bullet-icon-2::before,
  li.bullet-icon-3::before,
  li.bullet-icon-4::before,
  li.bullet-icon-5::before {
    position: static;
    width: 100%;
    background-position: center;
  }
}

/* Nested List Padding Adjustments */
li > ul {
  margin-top: 12px;
}