/*
    Theme Name: Idaho Webmaster v4
    Theme URL: https://its.idaho.gov
    Description: Official WordPress theme for all Idaho state agency websites. Updated September 2024 with improved design, full accessibility, and speed improvements.
    Author: White Whale Web
    Author URI: https://whitewhaleweb.com/
    Original Author
    Version: 4.1.8
    Text Domain: its.idaho.gov

    Original Theme Name: Idaho Webmaster with Bootstrap 4.x
    Original Theme URI: https://webmaster.idaho.gov
    Original Author: Tyler Idaho
    Original Author URI: https://tyleridaho.com/
*/

/************** Load Atkinson Hyperlegible font locally **************/
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-hyperlegible/AtkinsonHyperlegible-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

/************** Load Anonymous Pro font locally **************/
@font-face {
  font-family: "Anonymous Pro";
  src: url("fonts/anonymous-pro/AnonymousPro-Regular.ttf") format("truetype");
  font-weight: 400;
  /*     font-style: normal; */
}

@font-face {
  font-family: "Anonymous Pro";
  src: url("fonts/anonymous-pro/AnonymousPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Anonymous Pro";
  src: url("fonts/anonymous-pro/AnonymousPro-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Anonymous Pro";
  src: url("fonts/anonymous-pro/AnonymousPro-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

html,
body {
  background-color: #fff;
  background: #fff;
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 300;
  overflow-x: clip;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  color: var(--color8);
}

h1,
.h1 {
  font-size: 3.75em;
}

h2,
.h2 {
  font-size: 3.12em;
}

h3,
.h3 {
  font-size: 2.5em;
}

h4,
.h4 {
  font-size: 1.8em;
}

h5,
.h5 {
  font-size: 1.2em;
}

h6,
.h6 {
  font-size: 1.25em;
  text-transform: uppercase;
}

b,
strong {
  font-weight: bold;
}

.entry-title {
  margin-bottom: 4rem;
}

@media (max-width: 768px) {
  .entry-title {
    margin-bottom: 2rem;
  }
}

.dataTables_wrapper label input,
.dataTables_wrapper label select {
  background: var(--color7);
  background-color: var(--color7);
  border: 1px solid var(--color4);
}

.wp-block-search__button {
  margin-left: 0px !important;
}

.site-description {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  letter-spacing: 0.75px;
  color: var(--color7);
  margin: 0;
  padding: 0;
}

/* p {
	color: var(--color8);
} */

body:not(.home) h2,
body:not(.home) h3,
body:not(.home) h4,
body:not(.home) h5,
body:not(.home) h6 {
  margin-top: 1.2em;
}

.black,
.black > a {
  color: var(--color8) !important;
  margin-bottom: 0;
}

#content {
  padding-top: 0px;
  background-color: var(--color7);
  margin-bottom: 3em;
}

#main {
  min-height: 300px;
  padding-top: 4em;
  margin-bottom: -1.9em;
}

#main:focus {
  outline: none;
}

p:not(footer p) a,
table:not(footer table) a,
p:not(header p) a,
table:not(header table) a,
.pagination-wrapper a,
.breadcrumb-item a,
.wp-block-file a .wp-block-categories-list a,
.wp-block-latest-comments__comment-meta a,
.wp-block-latest-posts__list a,
.wp-block-pages-list__item a {
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: var(--color2) !important;
  font-weight: 500;
}

main a {
  color: var(--color2);
  /* 	text-decoration: underline!important; */
}

main a:hover {
  text-decoration: underline;
  opacity: 1;
  cursor: pointer;
  color: var(--color6) !important;
}

main a:hover {
  text-decoration: underline;
  font-style: italic;
}

p:not(footer p) > a:hover,
table:not(footer table) a:hover,
p:not(header p) > a:hover,
table:not(header table) a:hover {
  font-style: italic;
  color: var(--color6) !important;
  text-decoration: none;
}

a > i {
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a > i:hover,
a:hover > i {
  color: var(--color6);
  opacity: 1;
  text-decoration: none !important;
}

.social > i:hover,
.social:hover > i,
a > .fa-search:hover,
a:hover > .fa-search {
  color: var(--color5);
  opacity: 1;
  text-decoration: none !important;
}

.mega-sub-menu a:hover {
  color: var(--color4) !important;
}

.topbar-custom-nav > .fa-search:hover,
.fa-search:hover,
.top-contact-us-menu > a > span:hover,
.fontsizer:hover {
  text-decoration: underline !important;
}

a.no-underline {
  text-decoration: none;
  color: var(--color4) !important;
}

.breadcrumb-item a:hover,
.table a:hover,
.list-group-item-action:hover,
.wp-block-file a:hover .cat-item a:hover,
.wp-block-latest-comments__comment-link:hover,
.wp-block-latest-comments__comment-author:hover,
.wp-block-latest-posts__post-title:hover,
.wp-block-pages-list__item__link:hover {
  font-style: italic;
}

.list-group a:hover h4 {
  color: var(--color6) !important;
}

.list-group a:hover,
.list-group a:hover h4 {
  background: transparent !important;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 4px;
}

.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 4px;
  color: var(--color8);
  font-weight: 500;
}

#block-8,
#block-9,
#block-10 {
  line-height: 2em;
}

.img-fluid {
  max-width: 100%;
}

.stacked-logo {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none;
}

body .bg-light {
  background-color: var(--color1) !important;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  color: var(--color7);
  padding: 8px;
  z-index: 100;
}

.skip-link:focus {
  top: 0;
}

.collapse.show {
  width: 100%;
  min-width: 300px;
}

.iframe {
  width: 100%;
}

.row-padding {
  padding: 1.5rem 0 1.5rem 0;
}

.custom-row {
  margin-bottom: -42em;
}

.equal-double-column {
  display: flex;
  margin-top: 7em;
}

.equal-double-column-bottom {
  display: flex;
  margin-top: 2em;
  margin-bottom: 6em;
}

.equal-double-column-first-bottom {
  padding-right: 1.4em;
}

.btn-ghost {
  position: relative;
  padding: 7px 18px;
  font-size: 16px;
  border: 1px solid;
  border-radius: 100rem;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 0;
  cursor: pointer;
}

.btn-ghost-white {
  position: relative;
  padding: 7px 18px;
  font-size: 16px;
  color: var(--color7);
  border: 1px solid;
  border-radius: 100rem;
  outline: 0;
  overflow: hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
}

.btn-primary,
.btn-primary>a,
.wp-element-button,
.wp-element-button>a,
/*.btn,*/
.shortcode_recent-posts a.btn,
.wp-block-search__button,
.wp-block-search__button>a,
/*.tribe-common-c-btn {
    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    background: var(--color2) !important;
    color: var(--color7) !important;
    padding: 10px 3rem !important;
}*/

.btn-primary:hover,
.btn-primary:hover>a,
.wp-element-button:hover,
.wp-block-search__button:hover,
.wp-element-button:hover>a,
.wp-block-search__button:hover>a {
  background: var(--color8);
  color: var(--color3);
  transition: color 0.3s ease, background-color 0.3s ease;
}

.btn-primary:hover,
.btn-primary:hover>a,
.wp-element-button:hover,
.wp-element-button:hover>a,
/*.btn:hover,*/
.shortcode_recent-posts a.btn:hover,
/*.tribe-common-c-btn:hover {
    background: var(--color3) !important;
    color: var(--color7) !important;
    text-decoration: none !important;
    font-style: normal !important;
}*/

:not(.btn-check)+.btn:active {
  border-color: transparent !important;
}

button.btn-primary {
  padding: 0 !important;
}

p > .btn-primary:hover {
  font-style: normal;
  text-decoration: none;
}

.btn-primary > a {
  width: 100%;
  height: 100%;
  padding: 0.4em 2.3em;
  border-radius: 10px;
}

button.btn-primary,
button.btn-primary:hover,
input[type="button"],
.wp-element-button,
.wp-block-search__button {
  --bs-btn-active-border-color: var(--color6);
  --bs-btn-hover-border-color: var(--color6);
  --bs-btn-border-radius: var(--bs-border-radius);
}

.btn-secondary.btn-large {
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 14px 45px !important;
}

.wp-element-button,
.wp-block-search__button {
  border-radius: 6px;
}

.table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
  --bs-table-striped-bg: var(--color7) !important;
  --bs-table-bg: var(--color9) !important;
}

/* tbody,
td,
tfoot,
th,
thead,
tr {
    border-left: 1px solid !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    border-color: #e1e1e1 !important;
} */

.form-group {
  margin-bottom: 15px;
}

.btn-primary-custom {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.btn-primary-custom:hover,
.btn-primary-custom > a:hover {
  color: var(--color2) !important;
  background-color: var(--color7) !important;
}

.btn-primary-custom,
.btn-primary-custom > a {
  display: inline-block;
  border: none;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1em;
  background: var(--color2) !important;
  color: var(--color7) !important;
}

.btn-primary-custom > a {
  width: 100%;
  height: 100%;
  padding: 0.6em;
}

.btn-secondary,
.btn-secondary > a {
  display: inline-block;
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  background: var(--color7) !important;
  color: var(--color2) !important;
}

.btn-secondary:hover,
.btn-secondary:hover > a {
  background: var(--color6) !important;
  color: var(--color7) !important;
  text-decoration: none;
  font-style: normal;
}

.btn-secondary {
  padding: 8px 10px !important;
}

.btn-secondary > a {
  width: 100%;
  height: 100%;
  padding: 0.5em 2.5em;
  border-radius: 10px;
}

.more-link {
  margin-left: 5px;
}

.card {
  border: 0px;
  background-color: #eee;
  border: none;
}

.versioning {
  font-size: small;
  text-align: right;
  padding-right: 5px;
  color: #ddd;
  display: none;
}

.event-area {
  width: 100%;
  background: #ccc;
  padding-bottom: 20px;
  height: auto;
  min-height: 200px;
  padding-top: 20px;
}

.event-area .no-events {
  text-align: center;
  font-size: 1.8em;
}

img.alignleft,
figure.alignleft {
  float: left;
  margin-right: 10px;
}

img.alignright,
figure.alignright {
  float: right;
  margin-left: 10px;
}

a[href*=".pdf"]:not([data-hasimg]):before,
a[href*=".PDF"]:not([data-hasimg]):before,
#mega-menu-wrap-primary a[href*=".pdf"]:before,
#mega-menu-wrap-primary a[href*=".PDF"]:before {
  font-family: "Font Awesome 6 Free" !important;
  padding-right: 5px;
  content: "\f1c1";
  font-weight: 400;
}

a[href*=".mp3"]:before,
a[href*=".MP3"]:before {
  font-family: "Font Awesome 6 Free" !important;
  padding-right: 5px;
  content: "\f001";
  font-weight: 700;
}

a[href*=".zip"]:before,
a[href*=".ZIP"]:before {
  font-family: "Font Awesome 6 Free" !important;
  padding-right: 5px;
  content: "\f1c6";
  font-weight: 700;
}

a[href*=".mov"]:before,
a[href*=".MOV"]:before,
a[href*=".wmv"]:before,
a[href*=".WMV"]:before,
a[href*=".mp4"]:before,
a[href*=".MP4"]:before {
  font-family: "Font Awesome 6 Free" !important;
  padding-right: 5px;
  content: "\f008";
  font-weight: 700;
}

a[href*=".doc"]:before,
a[href*=".docx"]:before,
a[href*=".DOC"]:before,
a[href*=".DOCX"]:before,
#mega-menu-wrap-primary a[href*=".doc"]:before,
#mega-menu-wrap-primary a[href*=".docx"]:before,
#mega-menu-wrap-primary a[href*=".DOC"]:before,
#mega-menu-wrap-primary a[href*=".DOCX"]:before {
  font-family: "Font Awesome 6 Free";
  padding-right: 5px;
  content: "\f1c2";
  font-weight: 400;
}

a[href*=".xls"]:before,
a[href*=".xlsx"]:before,
a[href*=".XLS"]:before,
a[href*=".XLSX"]:before,
#mega-menu-wrap-primary a[href*=".xls"]:before,
#mega-menu-wrap-primary a[href*=".xlsx"]:before,
#mega-menu-wrap-primary a[href*=".XLS"]:before,
#mega-menu-wrap-primary a[href*=".XLSX"]:before {
  font-family: "Font Awesome 6 Free";
  padding-right: 5px;
  content: "\f1c3";
  font-weight: 400;
}

a[href*=".ppt"]:before,
a[href*=".ppsx"]:before,
a[href*=".pptx"]:before,
a[href*=".PPT"]:before,
a[href*=".PPSX"]:before,
a[href*=".PPTX"]:before,
#mega-menu-wrap-primary a[href*=".ppt"]:before,
#mega-menu-wrap-primary a[href*=".pptx"]:before,
#mega-menu-wrap-primary a[href*=".PPT"]:before,
#mega-menu-wrap-primary a[href*=".PPTX"]:before,
#mega-menu-wrap-primary a[href*=".ppsx"]:before,
#mega-menu-wrap-primary a[href*=".PPSX"]:before {
  font-family: "Font Awesome 6 Free";
  padding-right: 5px;
  content: "\f1c4";
  font-weight: 400;
}

.wp-caption-text {
  font-size: 80%;
  font-style: italic;
  padding-top: 5px;
}

#mega-menu-wrap-primary #mega-menu-primary {
  text-align: right;
  padding: 0px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  margin: 0 0px 0 0;
  display: inline-block;
  height: auto;
  vertical-align: middle;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  line-height: 50px;
  height: 50px;
  padding: 0px 20px;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: white;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: normal;
  outline: none;
}

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary .mega-menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

#mega-menu-wrap-primary .mega-menu-toggle {
  z-index: 1;
  cursor: pointer;
  background: var(--color1);
  border-radius: 2px 2px 2px 2px;
  line-height: 60px;
  height: 60px;
  text-align: left;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    background: var(--color1);
    padding: 0px 0px 0px 0px;
    position: absolute;
    width: 100%;
    z-index: 9999999;
    left: auto !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0;
  }
}

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: #070707;
    font-size: 14px;
  }
}

/* ================ TOP BLACK NAV ================ */
.top-navigation {
  background: var(--color8);
  color: var(--color7);
  height: 40px;
  line-height: 39px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  /* padding-left: 60px; */
}

#top-navigation {
  float: right;
  /* padding-right: 75px; */
}

#top-navigation > span {
  vertical-align: middle;
}

.top-menu > li > a,
#menu-top-contact-us-menu > li > a {
  color: var(--color7);
}

#top-navigation ul li.active a {
  color: var(--color4);
}

.top-menu,
#menu-top-contact-us-menu {
  font-size: 14px;
  line-height: 1;
}

@media only screen and (max-width: 330px) {
  .top-menu,
  #menu-top-contact-us-menu {
    display: none !important;
  }

  .fontsizer-wrap {
    padding-left: 10px;
  }
}

#menu-item-2926 > a:hover {
  background-color: transparent;
  color: rgb(255, 255, 255, 0.7);
  text-decoration: none;
}

.fa-home {
  display: none !important;
}

.tagline {
  font-weight: 500;
}

.idaho-logo {
  margin-top: -3px;
}

.img-responsive.logo-col.shadow {
  box-shadow: none !important;
}

.search-toggle {
  text-decoration: none;
  color: var(--color7);
  border-right: solid;
  padding-right: 10px;
  border-right-width: 2px;
  border-color: var(--color5);
}

.search-toggle:hover {
  text-decoration: none;
}

.d-sm-inline {
  text-align-last: end;
}

/* ================ end of TOP BLACK NAV ================ */

/* ================ HEADER ================ */

#masthead img.default-logo {
  max-height: 125px !important;
}

#masthead > .site-branding {
  border: none;
  min-height: 350px;
}

#masthead .logo {
  text-decoration: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#masthead .logo img {
  padding-top: 0px;
}

@media only screen and (min-width: 768px) {
  #masthead .logo img {
    max-height: 250px;
  }
}

#masthead .mobile-nav button {
  border-color: #eee;
  background: var(--color7);
  color: var(--color8);
}

.logo-lift {
  margin-top: -50px;
  margin-bottom: 50px;
  z-index: 9;
}

@media only screen and (max-width: 991px) {
  .logo-lift {
    margin-top: -53px;
  }
}

.agency {
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.1rem;
  font-size: 1.3rem;
  display: block;
}

.agency-logo {
  padding-top: 50px;
  padding-left: 0;
}

.agency-logo > img {
  max-width: 200px;
}

#masthead .header-text {
  padding-top: 70px;
  width: auto;
}

#masthead .header-background {
  background-size: cover !important;
  background-position: center !important;
}

@media only screen and (min-width: 992px) {
  #masthead .header-background {
    height: 350px;
  }
}

.header-text {
  margin-top: 20px;
}

.gsc-control-cse {
  border: 4px solid transparent !important;
  border-radius: 0px !important;
  background: transparent !important;
}

.gsc-input {
  background: none !important;
  text-indent: 0 !important;
}

.site-title {
  color: var(--color7) !important;
  font-size: 1.3rem;
  padding-top: 5px;
  border-top: solid;
  border-top-color: rgba(255, 255, 255, 0.7);
  border-top-width: 2px;
  margin-top: 10px;
}

.site-title.black {
  color: #000 !important;
  border-top-color: rgba(0, 0, 0, 0.5);
}

.tag-title {
  color: var(--color7) !important;
  font-size: 1.35rem;
  margin-bottom: 0;
  display: block;
}

.tag-title.black {
  color: #000 !important;
}

@media only screen and (max-width: 570px) {
  #masthead .tag-title {
    text-align: center;
    display: block;
  }
}

a.img-fluid.stacked-logo.logo {
  color: transparent !important;
}

.fontsizer {
  cursor: pointer;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 1em;
  padding: 0 7px;
}

.fontsizer:hover {
  color: var(--color4);
}

.fontsizer.current {
  text-decoration: underline;
}

.fontsizer.size3 {
  font-size: 1.4em;
}

.fontsizer.size2 {
  font-size: 1.2em;
}

/* ================ end of HEADER ================ */

/* ================ NAVIGATION ================ */
.nav > .active > a {
  color: var(--color8);
}

.link a {
  color: #007ea7 !important;
}

.nav-link {
  display: inline !important;
  padding: 0.65rem 0 0.65rem 0.65rem !important;
  color: var(--color8);
}

.navbar {
  padding: 0px !important;
}

.navbar-toggler {
  background-color: var(--color7) !important;
}

.dropdown-menu {
  border-radius: 0 !important;
  border: none !important;
  background-color: #dddddd !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0rem !important;
}

.dropdown-item {
  background-color: #eeeeee !important;
  border: none !important;
  font-weight: 300;
}

.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
  background-color: #ddd !important;
}

ul.dropdown-menu.show {
  margin-top: 10px !important;
}

ul#menu-top.top-menu.nav > li > a.nav-link {
  padding: 0.5rem !important;
}

.navbar a.nav-link:hover,
.navbar a.nav-link:active {
  background-color: #dcdcdc;
  color: var(--color8);
}

.dropdown-toggle::after {
  margin-right: 0.5rem;
}

.navbar-search.btn-light {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: var(--color7);
  border: 1px solid var(--color7);
  border-radius: 0.25rem;
  cursor: pointer;
  margin-left: 0px;
}

.navbar-search.btn-light:hover {
  background-color: var(--color7);
  border-color: var(--color7);
}

.navbar-light .navbar-nav .nav-link {
  color: var(--color8) !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  float: none;
}

#accordian .btn-link {
  color: var(--color8);
  font-weight: bold;
  text-align: left;
  display: inline-block;
  padding-left: 30px;
  display: inline-block;
  position: relative;
}

.card-header:before {
  font-family: "Font Awesome 6 Free";
  content: "\f13a";
  font-weight: 900;
  font-size: 20px;
  margin-left: -5px;
  display: inline-block;
  position: absolute;
}

.card-header:before > button:not(.collapsed) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.breadcrumbs {
  margin-bottom: 4rem;
}

/* ================ end of NAVIGATION ================ */

/* ================ FOOTER ================ */
.site-footer {
  background: var(--color1);
}

.versioning {
  background: #031a2d;
}

#usa-map,
.header-text {
  float: left;
}

#colophon {
  color: var(--color7);
  padding-top: 3em;
  padding-bottom: 2em;
}

.footer-widget {
  float: left;
}

.footer-widget h2,
.footer-widget h3,
.footer-widget h4,
.footer-widget h5,
.footer-widget h6 {
  color: var(--color7) !important;
}

.row-footer-links a {
  color: #fff;
  margin: 10px;
}

.row-footer-links a:hover {
  text-decoration: none;
}

.row.row-footer-links {
  padding: 20px;
}

.footer-navigation a {
  color: var(--color7) !important;
}

.footer-menu > .menu-item {
  line-height: 2;
}

.footer-menu > .menu-item > a {
  color: var(--color7);
}

.footer-links {
  padding-top: 1em;
  padding-bottom: 1em;
  -webkit-box-align: center;
  align-items: center;
}

.footer-links > a {
  padding-left: 10px;
  padding-right: 10px;
  color: var(--color7) !important;
}

.footer-links a {
  position: relative;
  color: var(--color4);
}

.footer-links a::after {
  content: "|";
  position: absolute;
  right: -5px;
  color: var(--color5);
}

.footer-links a:last-child::after {
  content: "";
}

.row-footer-links {
  text-align: center;
  background-color: var(--color8);
}

.social {
  padding: 5px;
  color: var(--color7);
}

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

.social-area a i,
a[itemprop="url"] img[itemprop="logo"] {
  transition: transform 0.3s ease;
}

.social-area a i:hover,
a[itemprop="url"]:hover img[itemprop="logo"] {
  transform: translateY(-5px);
}

a[itemprop="url"]:hover p,
a[itemprop="url"]:hover strong {
  text-decoration: underline;
  font-style: italic;
}

.footer-links > a:hover {
  color: var(--color7) !important;
}

.entry-footer {
  display: none;
}

.social-area > a > svg:hover {
  color: var(--color4);
}

.footer-navigation a:hover,
#block-10 > a:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--color4) !important;
  color: var(--color4) !important;
}

.footer-links > a:hover {
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  color: var(--color4) !important;
}

/* ================ end of FOOTER ================ */

/* ================ back to top button =========== */
#back-to-top {
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 30px;
  background-color: var(--color2);
  color: var(--color7);
  cursor: pointer;
  border: 1px;
  border-radius: 100%;
  text-decoration: none;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 200%;
  padding-top: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#back-to-top:hover>i {
    background-color: var(--color7);
    color: var(--color2);
}

#back-to-top.show {
    opacity: 1;
}

/* ================ ANNOUNCEMENT BAR ============= */

.notice-area {
  background-color: var(--color6);
  color: var(--color7) !important;
  text-align: left;
  font-size: 1.8em;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  .notice-area > .container {
    padding: 7vh 7vw;
  }
}

.notice-area > div > div > div > section > svg {
  height: 1.5em;
  vertical-align: top;
}

.notice-area > div > div > div > section > b {
  margin-left: 2em;
}

.notice-area p {
  margin-bottom: 0;
  color: var(--color7) !important;
}

.single-line-row {
  display: flex;
  gap: 2em;
  justify-content: center;
}

.single-line-row > .fa-megaphone {
  height: 1.5em;
  vertical-align: top;
  min-width: 1.5em;
}

@media only screen and (max-width: 768px) {
  .fa-megaphone {
    display: none;
  }
}

/* =============== end of Announcement =========== */

/* ================ PRESS RELEASE ================ */
.pr {
  margin-bottom: 30px;
}

.pr-date {
  font-size: smaller;
  padding-bottom: 20px;
}

.custom-card,
.card {
  margin-bottom: 30px;
  position: relative;
  border-radius: 0.375rem;
}

.sidebars aside.widget_recent_entries .card-title {
  margin-bottom: -1rem !important;
}

/*******************************************/
#warning {
  background-color: #feefb3;
  border-color: #fdbd4e;
  color: #7d6502;
  padding: 5px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0px;
  text-align: center;
  margin-top: 80px;
}

.yellow-warning {
  color: #7d6502;
}

.widget-title {
  font-size: 1.3rem;
}

/* ================ Sidebars =================== */
.sidebars aside:not(.widget_recent_entries) ul {
  list-style-type: circle;
  -webkit-padding-start: 25px;
  padding-inline-start: 25px;
}

.sidebars aside:not(.widget_recent_entries) div .card-body {
  padding: 5px 0px 3px 5px !important;
}

.sidebars .card-header,
.sidebars .card-body {
  padding: 1.1rem !important;
}

.sidebar-links {
  margin-top: 0em !important;
  margin-bottom: 0em !important;
  text-decoration: underline;
}

.custom-card-body,
.card-body {
  color: var(--color7);
  padding: 2em;
}

.custom-card-body > small,
.card-body > small {
  color: var(--color4);
}

body .custom-card-body > h3,
.card-body > h3 {
  margin-top: 0em !important;
  margin-bottom: 0em;
}

.custom-card-body > h5,
.card-body > h5 {
  color: var(--color7);
}

.custom-card.bg-light .custom-card-body a {
  color: var(--color9);
}

.custom-card.bg-light .custom-card-body a:not(.btn):hover {
  color: var(--color4) !important;
  text-decoration: underline var(--color4);
}

.custom-card-body > p,
.card-body > p {
  margin-top: 1em;
  margin-bottom: 2em;
}

.custom-card-body > img,
.card-body > img {
  max-width: -webkit-fill-available;
  min-width: -webkit-fill-available;
  max-width: -moz-available;
  min-width: -moz-available;
  margin-bottom: 2em;
}

.card-text,
.card-panel .card-body {
  color: var(--color8);
}

.file-format-info {
  text-align: center;
  font-weight: bold;
  margin-top: 2em;
}

.file-format-info > p:nth-child(1) {
  font-size: 20px;
}

div:nth-child(1) > .card > .card-body,
.home .card > .card-body {
  color: var(--bs-card-color);
}

.column-in-column {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2em;
}

.h5-first {
  margin-top: 2em;
  font-size: 1.25rem;
  color: var(--color6);
}

.h5-second {
  font-size: 1.25rem;
  color: var(--color6);
}

.sidebars h2 {
  font-size: 30px;
}

/* ================ Gutenberg styles ================ */

.advgb-images-slider .advgb-image-slider-item-info .advgb-image-slider-title,
.advgb-images-slider .advgb-image-slider-item-info .advgb-image-slider-text {
  text-align: center;
  width: 100%;
}

.advgb-image-title,
.advgb-image-subtitle {
  width: 100%;
  /*IE fix*/
}

/* ================ End of Gutenberg styles ================ */

/* ================ Mega Menu styles ================ */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  background: var(--color8);
  width: 100vw;
  max-width: 100vw;
  opacity: 0.9 !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: var(--color8);
  color: var(--color7);
  opacity: 0.9 !important;
  font-size: 16px;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  color: var(--color7);
  text-transform: none;
  font-weight: normal;
  padding: 0 10px;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:focus,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:focus,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:focus {
  color: var(--color7);
  font-weight: normal;
  text-decoration: none;
  background: #000;
  opacity: 1 !important;
  padding: 0 10px;
}

.mega-menu-link {
  padding: 0 10px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background: var(--color7);
  color: var(--color8);
  border-color: var(--color7);
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
  border-bottom: none;
}

.mega-sub-menu {
  opacity: 0.9 !important;
}

@media only screen and (min-width: 992px) {
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    > ul.mega-sub-menu
    > li.mega-menu-columns-3-of-12 {
    width: 100%;
  }
}

#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding: 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  display: flex;
  flex-direction: column;
}

.mega-full-width-dropdown > ul {
  display: inline-flex !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  width: 17.5%;
}

.footer-widget p > a:hover {
  font-style: normal;
}

@media only screen and (max-width: 991px) {
  .mega-menu-row {
    translate: none;
  }
}

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 0;
  }
}

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 30%;
  }
}

@media only screen and (max-width: 425px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  #mega-menu-wrap-primary
    #mega-menu-primary[data-effect="fade_up"]
    li.mega-menu-item.mega-menu-megamenu
    > ul.mega-sub-menu,
  #mega-menu-wrap-primary
    #mega-menu-primary[data-effect="fade_up"]
    li.mega-menu-item.mega-menu-flyout
    ul.mega-sub-menu {
    transform: translate(0, 0) !important;
    transition: transform 0ms ease-in !important;
  }
}

/* ================ End of Mega Menu styles ================ */

.card-header > a {
  margin-left: 2em;
}

.card-body em.card-title,
.card-body em.card-title ~ p {
  color: var(--color8) !important;
}

.wp-block-embed iframe,
.embed-responsive-item {
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* Additional responsive adjustments for smaller screens */

.entry-header {
  margin-left: 0;
}

/*.breadcrumb {*/
/*    margin-left: -10px;*/
/*}*/

#main {
  margin-bottom: 0;
}

/*========== Media Query Styles ============*/

@media only screen and (min-width: 1400px) {
  .equal-double-column-first,
  .equal-double-column-second {
    width: 50%;
  }
}

/* (large desktops, 1200px and up) */

@media only screen and (max-width: 1399px) {
  .inner-column-img-div {
    margin-right: 1em;
  }

  .carousel-caption {
    top: 51%;
    left: 20%;
    transform: translate(-5%, -60%);
  }

  .sky-skin {
    padding: 0 5em !important;
  }
}

/*  (desktops, 992px and up) */

@media only screen and (max-width: 1199px) {
  .inner-column-img {
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    margin-right: 1em;
  }

  .btn-primary,
  .btn-primary > a,
  .btn-primary:hover,
  .btn-primary > a:hover {
    font-size: 1em;
  }

  .carousel-caption {
    top: 49%;
    left: 7%;
    transform: translate(6%, -61%);
  }

  .custom-banner-lower-copy {
    padding: 5em 2em;
  }
}

/* (desktops, 768px and up) */

@media only screen and (max-width: 991px) {
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-left: 0;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: var(--color7);
  }

  #top-navigation {
    float: inline-end;
    padding-right: 0;
  }

  .column-in-column {
    display: block;
  }

  .custom-card,
  .card {
    bottom: 0;
    margin-top: 2em;
  }

  .custom-row {
    margin-bottom: 0;
  }

  .inner-column-img {
    min-width: -webkit-fill-available;
    min-width: -moz-available;
  }

  .inner-column-copy {
    margin-top: 3em;
  }

  #mega-menu-wrap-primary .mega-menu-toggle {
    height: 3em;
  }

  .carousel-caption h2 {
    font-size: 2.5em;
  }

  .carousel-caption p {
    font-size: 1.2em;
  }

  .carousel-caption {
    top: 48%;
    left: 7%;
    transform: translate(6%, -61%);
  }

  .custom-banner-lower-copy {
    padding: 4em 0em;
  }

  .footer-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .footer-widget {
    width: 100%;
    margin-bottom: 1em;
  }

  .social-area {
    display: flex;
    justify-content: flex-start;
  }

  .footer-widget,
  .social-area {
    width: auto;
  }

  #usa-map {
    display: none !important;
  }

  #colophon {
    padding-left: 2em;
    padding-right: 2em;
  }

  .footer-navigation a {
    text-decoration: underline !important;
    padding: 0 0.5em 0 0;
  }
}

/* (tablets, 576px and up) */

@media only screen and (max-width: 767px) {
  .tag-title {
    display: inline-flex;
  }

  #top-navigation > span {
    display: inline !important;
  }

  .btn-primary > a {
    font-size: 1em;
  }

  .carousel-item img {
    width: auto;
    height: 100vh;
    object-fit: cover;
  }

  #carouselExampleCaptions {
    margin-top: 3em;
  }

  .carousel-caption h2 {
    font-size: 3em;
  }

  .carousel-caption p {
    font-size: 1.8em;
  }

  .carousel-caption {
    top: 47%;
    left: 13%;
    transform: translate(4%, -61%);
  }

  .custom-banner {
    display: block;
  }

  .custom-banner-icon {
    margin-right: 0em;
    margin-bottom: 2em;
  }

  .equal-double-column {
    display: block;
  }

  .equal-double-column-second {
    margin-top: 7em;
  }

  .custom-checkboxes-radios {
    display: -webkit-inline-box !important;
    margin-right: 15em !important;
  }

  .equal-double-column-bottom {
    display: block;
  }

  .equal-double-column-first-bottom {
    padding-right: 0;
  }

  .equal-double-column-second {
    margin-top: 2em;
  }

  .font-awesome-icons {
    font-size: 3em !important;
  }

  #colophon > div > div > div.col {
    flex: auto;
    display: grid;
  }

  .notice-area > div > div > div > section > b {
    margin-left: 0em;
  }
}

/* (phones, less than 576px) */

@media only screen and (max-width: 576px) {
  #toggle {
    display: none !important;
  }

  .inner-column-img,
  .inner-column-img-div {
    margin-right: 0em;
  }

  .custom-card-body,
  .card-body {
    padding: 2em 1em;
  }

  .carousel-caption h2 {
    font-size: 2em;
  }

  .carousel-caption p {
    font-size: 1.4em;
  }

  .carousel-caption {
    top: 48%;
    left: 14%;
    transform: translate(1%, -61%);
  }

  .custom-banner {
    padding: 2em;
  }

  .custom-banner-copy > h3 {
    font-size: 1.6em;
  }

  .custom-banner-copy > p:nth-child(2) {
    font-size: 1.3em;
  }

  .custom-banner-lower-copy > h3 {
    font-size: 1.6em;
    padding: 0 1em;
  }

  .custom-banner-lower-copy > p {
    padding: 0 1em;
    font-size: 1.3em;
  }

  .equal-double-column-first {
    padding-right: 0 !important;
  }

  .equal-double-column-second {
    margin-top: 6em;
  }

  /* .d-flex {
        display: block!important;
    } */
  .contact-form-wrapper input {
    width: 200%;
  }

  .collapse.show {
    min-width: auto !important;
  }

  .font-awesome-icons {
    font-size: 2.5em !important;
  }

  .equal-double-column-second {
    margin-top: 2em;
  }

  .footer-widget {
    text-align: left !important;
    margin-bottom: 2em !important;
  }

  .tablepress,
  table {
    display: block !important;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (min-width: 990px) {
  #colophon {
    background-repeat: no-repeat;
    background-blend-mode: luminosity;
    background-size: 300px 182px;
    background-position: 75% 100%;
  }

  .navbar {
    min-height: 50px;
    max-height: 100px;
    align-items: flex-start;
  }
}

/* IE10+ CSS here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .align-items-center {
    padding-top: 30px;
  }

  .justify-content-center {
    text-align: center;
    display: block;
    width: 100%;
  }

  #masthead .header-text {
    text-shadow: 0px 0px 5px var(--color8);
  }

  .navbar > .container,
  .navbar > .container-fluid {
    display: block;
    width: 100%;
    text-align: center;
  }

  .tagline {
    font-weight: bold;
  }

  .site-description {
    font-weight: bold;
  }

  .search-form {
    float: none;
  }
}

@media (min-width: 1200px) {
  td.gsc-input {
    min-width: 180px;
  }
}

@media (max-width: 1199px) {
  :not(.tabbed) .nav > li > a {
    padding: 10px 8px;
  }

  h1,
  .h1 {
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media only screen and (min-width: 992px) {
  #mega-menu-wrap-primary {
    background: var(--color1);
    width: 100%;
  }
}

@media all and (max-width: 991px) {
  .hidden-sm {
    display: none;
  }

  .container {
    max-width: 100%;
  }

  #masthead > .site-branding {
    min-height: 250px;
  }

  #masthead .logo {
    padding: 10px;
  }

  .nav > li > a {
    padding: 10px 10px;
  }

  ul#menu-top.top-menu.nav > li > a.nav-link,
  ul#menu-top-menu.top-menu.nav > li > a.nav-link,
  .top-menu > li > .nav-link {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  #main-navigation > .container {
    padding-right: 0px;
  }

  .nav > li {
    display: block;
  }

  ul#menu-main,
  ul#menu-main-menu {
    margin-left: 0em;
    margin-right: 0em;
  }

  #menu-main > li,
  #menu-main-menu > li {
    border-top: 1px solid #ddd;
    z-index: 9999;
  }

  #menu-main > li > a,
  #menu-main-menu > li > a {
    padding-left: 1.5rem !important;
  }

  .nav-link {
    display: block !important;
  }

  .navbar-toggler {
    float: none;
    right: 0.7em;
    padding: 0.25rem 0.75rem;
  }

  .navbar-expand-md {
    border-bottom: solid 2px #ddd;
  }

  .search-form {
    padding-top: 0px;
  }

  .cse .gsc-control-cse,
  .gsc-control-cse {
    padding-bottom: 0.25em;
  }

  ul#menu-main,
  ul#menu-main-menu {
    width: 100%;
  }

  .dropdown-menu {
    margin-top: 0rem !important;
  }

  .dropdown-item {
    padding-left: 2rem;
  }

  .sub-footer-menu {
    padding-left: 0px;
  }

  nav.navbar > .mx-auto {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }

  .entry-title {
    /* padding-bottom: 10px; */
    padding-top: 0px;
  }

  #masthead > .site-branding {
    min-height: 130px;
  }

  #masthead .logo {
    padding: 10px;
    margin-right: auto;
    position: relative;
    float: none;
  }

  .agency {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .logo-col {
    padding-right: 0px;
  }

  #masthead .mobile-nav {
    float: right;
    width: 100%;
    margin-top: 30px;
  }

  #masthead .mobile-nav button {
    position: relative;
    float: right;
  }

  .d-block {
    background-color: transparent;
  }

  .site-footer .footer-navigation ul.footer-menu li a {
    font-size: 14px;
    margin: 10px 10px 0 0;
  }

  .site-footer {
    padding: 20px 0px;
  }

  #footer-widgets {
    text-align: center !important;
  }

  .footer-widget > .social {
    text-align: center !important;
  }

  .footer-links {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tribe-events-list-widget-events {
    width: 90%;
  }
}

@media (max-width: 575px) {
  #masthead .logo img {
    min-width: 50%;
    display: block;
  }

  #masthead .col-10 {
      width: 100%;
  }

  #masthead .header-text {
    padding-top: 0px;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
  }

  .site-branding {
    padding-top: 0px;
  }

  .footer-widget {
    text-align: center;
    margin-bottom: 30px;
  }

  .sidebars {
    margin-top: 20px;
  }

  .nav-tabs > .nav-item {
    padding: 0px !important;
    margin-right: 2px !important;
  }
}

@media screen and (min-width: 576px) {
  .has-mega-menu .container-sm {
    width: 540px;
  }
}

@media screen and (min-width: 768px) {
  .has-mega-menu .container-md {
    width: 720px;
  }
}

@media screen and (min-width: 992px) {
  .has-mega-menu .container-lg {
    width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .has-mega-menu .container-xl {
    width: 1140px;
  }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 2.5rem;
}

/*********** WordPress Gallery ***********/
figure.gallery-item {
  display: inline-block;
  padding-right: 10px;
}

/************* DataTables ***************/
table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: "Font Awesome 6 Free";
}

table.dataTable thead th.sorting:after {
  font-weight: 900;
  content: "\f0dc";
  color: #ddd;
  font-size: 0.8em;
  padding-top: 0px;
}

table.dataTable thead th.sorting_asc:after {
  font-weight: 900;
  content: "\f0de";
}

table.dataTable thead th.sorting_desc:after {
  font-weight: 900;
  content: "\f0dd";
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
  content: "";
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  top: 0px;
}

div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
  position: relative;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
  position: relative;
}

div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before {
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
  font-family: "Font Awesome 6 Free";
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
  position: absolute;
  top: 8px;
  right: 10px;
  display: block;
  font-family: "Font Awesome 6 Free";
}

div.dataTables_paginate a.first:before {
  font-weight: 900;
  content: "\f100";
}

div.dataTables_paginate a.previous:before {
  font-weight: 900;
  content: "\f104";
}

div.dataTables_paginate a.next:after {
  font-weight: 900;
  content: "\f105";
}

div.dataTables_paginate a.last:after {
  font-weight: 900;
  content: "\f101";
}

div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
  position: relative;
  padding-left: 24px;
}

div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
  position: relative;
  padding-right: 24px;
}

div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
  position: absolute;
  top: 6px;
  left: 10px;
  display: block;
  font-family: "Font Awesome 6 Free";
}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
  position: absolute;
  top: 6px;
  right: 10px;
  display: block;
  font-family: "Font Awesome 6 Free";
}

div.dataTables_paginate li.first a:before {
  font-weight: 900;
  content: "\f100";
}

div.dataTables_paginate li.previous a:before {
  font-weight: 900;
  content: "\f104";
}

div.dataTables_paginate li.next a:after {
  font-weight: 900;
  content: "\f105";
}

div.dataTables_paginate li.last a:after {
  font-weight: 700;
  content: "\f101";
}

div.columns div.dataTables_paginate li.first a:before,
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
  top: 0;
}

.dataTables_wrapper table {
  width: 100% !important;
}

.paging_simple .paginate_button.next:after {
  left: 40px !important;
}

.tablepress {
  --head-bg-color: var(--color1) !important;
  --odd-bg-color: var(--color3dimmed) !important;
}

.tablepress > :where(thead, tfoot) > * > th {
  color: var(--color7) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --odd-bg-color: var(--color3dimmed) !important;
  background-color: var(--odd-bg-color);
  color: var(--odd-text-color);
}

.table-bordered tbody td:nth-child(1),
.wp-block-table > table > tbody > tr > td:nth-child(1) {
  font-weight: bold !important;
}

@media (min-width: 576px) {
  table {
    display: table !important;
  }
}

.wp-block-table tr:nth-child(even) {
  --odd-bg-color: var(--color3dimmed) !important;
  background-color: var(--odd-bg-color);
  color: var(--odd-text-color);
}

.wp-block-table tr:nth-child(odd) {
  background-color: #ffffff !important;
}

.wp-block-table th {
  border: none !important;
}

.wp-block-table thead,
.wp-block-table thead tr,
.wp-block-table thead th {
  border: none !important;
}

.dataTables_paginate .paginate_button {
  color: var(--color2) !important;
  text-decoration: underline !important;
}

.dataTables_paginate.paging_simple .paginate_button.previous:before {
  content: "\f0d9" !important;
}

.dataTables_paginate.paging_simple .paginate_button.next:after {
  content: "\f0da" !important;
}

.dataTables_paginate.paging_simple .paginate_button.next:after,
.dataTables_paginate.paging_simple .paginate_button.previous:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  color: var(--color2) !important;
  text-shadow: none !important;
  font-size: 20px !important;
}

.dataTables_paginate.paging_simple .paginate_button.next:after,
.dataTables_paginate.paging_simple .paginate_button.previous:before {
  height: 18px !important;
  width: 9px !important;
}

.previous:hover,
.next:hover {
  color: var(--color6) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.row-hover td {
  border-left: 2px solid rgba(240, 240, 240, 0.9) !important;
}

.row-hover .column-1 {
  font-weight: bold;
  padding-left: 1.1em;
}

th.column-1.sorting_disabled {
  padding-left: 1em;
}

.tablepress > :where(thead, tfoot) > * > th {
  font-size: 1.2em !important;
}

.tablepress-table-name .tablepress-table-name-id-2,
#tablepress-2-name {
  font-size: 2em !important;
}

.dataTables_filter {
  margin-bottom: 1em;
}

.dataTables_filter input {
  padding-left: 0.5em;
}

#tablepress-2_filter > label > input[type="search"] {
  padding: 0.3em 1.9em 0.3em 0.6em;
}

.dataTables_wrapper .tablepress {
  margin-bottom: 1em !important;
}

.table a:hover {
  color: var(--color6) !important;
}

/************* Firefox-specific CSS rules here *************/

@-moz-document url-prefix() {
  .notice-area {
    transform: translateX(-50.1%);
    top: 1px;
  }
}

/************* Accordion *************/

.accordion {
  margin: 6em 0;
  --bs-accordion-border-color: #f0f0f0;
  --bs-accordion-border-width: 2px;
}

.accordion-button:not(.collapsed),
.accordion-button.collapsed {
  background-color: transparent;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
  color: var(--color1);
}

.accordion-body {
  padding: 1em 0;
}

.accordion > h2 {
  font-size: 2em;
  margin-bottom: 0.6em;
}

.accordion-button {
  font-weight: bold;
  font-size: 0.5em;
  padding: 0.4em 0;
  color: var(--color1);
}

#accordionFlushExample .accordion-item:last-child button {
  border-bottom: 2px solid #f0f0f0;
}

#accordionFlushExample .accordion-item {
  background-color: transparent;
  border-width: 1px;
}

.mega-indicator::after {
  font-size: 1.5em;
}

#accordionFlushExample {
  margin: 6em 0em;
}

.accordion {
  margin: 0;
}

body:not(.home) h2.faq-heading,
body.home h2.faq-heading {
  margin-top: 6rem !important;
}

.accordion details {
  font-weight: bold;
  font-size: 1.2em;
  color: var(--color8);
}

.accordion p {
  font-weight: 500;
  font-size: 0.8em;
  padding: 1em 1.3em 0 0;
}

.accordion summary::marker {
  display: none;
}

summary {
  display: flex;
}

.accordion summary::after {
  content: "\f0d7";
  /* Font Awesome icon for 'chevron-down' */
  font-family: "Font Awesome 5 Free";
  /* Ensure you're using the correct Font Awesome font family */
  font-weight: 900;
  /* Font Awesome solid icons require font-weight 900 */
  color: var(--color2);
  /* Use the variable for the color */
  font-size: 20px !important;
  display: inline-block;
  /* Ensure the icon displays correctly */
}

.wp-block-details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  list-style: none;
  width: 100%;
  position: static;
  color: var(--color2);
}

.wp-block-details summary::marker {
  content: none;
}

.wp-block-details summary::after {
  position: relative;
  transition: transform 0.3s;
  min-width: 12px;
}

.wp-block-details[open] summary::after {
  transform: rotate(180deg);
}

.wp-block-group.accordion .wp-block-details {
  border-bottom: 1px solid var(--color8);
  padding-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
}

.wp-block-group.accordion .wp-block-details:first-child {
  border-top: 1px solid #e1e1e1;
  /* Add top border to the first child */
  padding-top: 10px;
  /* Optional: Adjust padding as needed */
}

.wp-block-group.accordion .wp-block-details {
  border-bottom: 1px solid #e1e1e1;
}

.custom-search-bar-page .top-navigation .search-form input[type="search"] {
  border: 1px solid var(--color1) !important;
}

@media only screen and (max-width: 768px) {
  .wp-block-details summary::after {
    right: 0%;
    min-width: 12px;
  }
}

/*************** Bootstrap Tabs ***********/
.nav-tabs {
  margin-bottom: 10px;
}

.nav-tabs .nav-item {
  margin-bottom: 0px !important;
}

.nav-tabs > .nav-item {
  margin-right: 5px;
  padding-bottom: 9px;
}

.nav-tabs > .nav-item > .nav-link {
  background-color: beige;
}

.nav-item > .nav-link.active {
  background-color: #eee !important;
}

.card-img-top {
  -o-object-fit: contain !important;
  object-fit: contain !important;
  height: 8rem !important;
}

.card.card-panel .card-img-top {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

/************** Bootstrap Cards *************/
.no-card-list > li {
  width: auto;
}

.card-body ul.no-card-list {
  max-width: 100%;
}

/************ Recent Posts widget ************/
.widget_recent_entries ul li {
  margin-bottom: 10px;
  list-style: none;
  margin-left: -50px;
}

.widget_recent_entries .post-date {
  display: block;
  font-style: italic;
  font-size: 0.9em;
}

#pr.post-date {
  display: inline;
  font-style: italic;
  font-size: 0.9em;
}

/************* Kingcomposer Override *************/
.fas {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: inherit !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  display: inline-block;
  text-rendering: auto !important;
  speak: none !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 500 !important;
  font-style: inherit !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  display: inline-block !important;
  text-rendering: auto !important;
  speak: none !important;
}

/************************/

.custom-search-bar,
.custom-search-bar > .search-form,
.custom-search-bar > .top-navigation,
.custom-search-bar > .row,
.custom-search-bar > .col-sm-12 {
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.custom-search-bar.active,
.custom-search-bar.active > .search-form,
.custom-search-bar.active > .top-navigation,
.custom-search-bar.active > .row,
.custom-search-bar.active > .col-sm-12 {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 50%;
  width: 100%;
}

.form-control {
  text-align-last: start;
}

.card-header h3,
.card-header h4 {
  margin-left: 1em;
}

.card-header::before {
  display: none !important;
}

.card-header > h4.card-title {
  margin-top: 0 !important;
}

.search-form {
  padding-right: 75px;
  top: 7px;
}

@media only screen and (max-width: 991px) {
  .search-form {
    float: inline-end;
    padding-right: 1em;
  }
}

.search-page-container {
  margin-top: 4em;
  margin-bottom: 4em;
}

a:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
[onclick]:hover,
.footer-navigation a:hover,
.footer-links > a:hover {
  color: var(--color6);
}

.top-menu a:hover,
.top-menu a span:hover,
.top-navigation a:hover,
.top-navigation [onclick]:hover {
  color: var(--color5);
}

.screen-reader-text {
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: relative;
  width: auto;
}

/* --------- BLOG PAGE STYLES ------------- */

.single-post-thumbnail img {
  width: 300px;
}

.post-thumbnail img {
  max-width: none !important;
}

.single-post .site-main .img-fluid {
  width: 100%;
}

.post-template-default .custom-sidebar,
.category .custom-sidebar,
.blog .custom-sidebar {
  margin-top: 4rem;
}

.blog .custom-sidebar h2 {
  color: #fff;
}

.blog .blog-post,
.archive .blog-post {
  display: flex;
  margin: 4rem 0;
  background-color: var(--color9);
  /* Assuming you want a white background */
  padding: 20px 20px 20px 0;
  /* Adds spacing inside each blog post box */
  align-items: center;
  /* Aligns items vertically */
}

.blog .entry-title,
.archive .entry-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-weight: bold;
  line-height: 0.9;
}

.post-thumbnail.single-post-thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* Ensures square shape */
  overflow: hidden;
}

.post-thumbnail.single-post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures image fills square without distortion */
  display: block;
}

.blog .post-thumbnail,
.archive .post-thumbnail {
  flex: 0 0 300px;
  /* Do not grow, do not shrink, base width of 300px */
  margin-right: 20px;
  /* Adds spacing between the image and the text */
}

.blog .post-thumbnail img,
.archive .post-thumbnail img {
  aspect-ratio: 1 / 1;
  border-radius: 0.375em;
  object-fit: cover;
  max-width: 300px;
}

.blog .post-details,
.archive.post-details {
  flex: 1;
  /* Takes the remaining space in the flex container */
}

.blog .entry-title a,
.archive .entry-title a {
  color: var(--color8);
  text-decoration: none;
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.blog .entry-meta,
.archive .entry-meta {
  font-style: italic;
  color: #666;
  /* Lighter text color for meta information */
  margin-bottom: 1rem;
  /* Space below the meta information */
}

.blog .entry-meta time,
.archive .entry-meta time {
  color: #333;
  /* Darker color for the date/time for better readability */
}

.blog p,
.archive p {
  line-height: 1.6;
  /* Improves readability of paragraphs */
  color: var(--color1);
  /* Dark gray color for paragraph text */
}

.blog footer p,
.archive footer p {
  color: var(--color7);
}

.blog .blog-post a.button,
.archive .blog-post a.button {
  background-color: #007bff;
  /* Bootstrap primary button color */
  color: white;
  padding: 10px 15px;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
}

.blog .entry-header,
.archive .entry-header {
  display: flex;
}

.blog .no-text-decoration,
.archive .no-text-decoration {
  text-decoration: none;
}

.blog .posted-on,
.blog .published,
.blog .updated,
.archive .posted-on,
.archive .published,
.archive .updated {
  font-style: normal;
  color: #0056b3 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .single .blog-post {
    padding: 0px 10px;
  }

  .blog .blog-post,
  .archive .blog-post {
    flex-direction: column;
    /* Stacks the image and text vertically on smaller screens */
    padding: 0px !important;
  }

  .blog .post-thumbnail,
  .archive .post-thumbnail {
    flex: 0 0 auto;
    /* Allows the image to adjust based on the container size */
    width: 100%;
    /* Full width images on small screens */
    margin-right: 0;
    /* Removes the right margin */
    margin-bottom: 15px;
    /* Adds space between the image and text */
  }

  .blog .post-details,
  .archive .post-details {
    flex: 1;
    /* Allows the text to take up available space */
  }
}

.custom-blog-page {
  display: flex;
}

.pagination-wrapper {
  text-align: center;
}

.pagination-wrapper a {
  text-decoration: underline;
}

/* General styling for the sidebar */
.custom-sidebar {
  background-color: var(--color1) !important;
  /* Dark background for the sidebar */
  color: var(--color7);
  /* Text color for all content within the sidebar */
  padding: 10%;
  margin-top: 4em;
  /* Top padding to space out elements from the top edge */
  border-radius: 0.375em;
}

/* Specific styling for the search area within the sidebar */
.custom-sidebar .search-wrapper {
  position: relative;
  /* Enables absolute positioning for children, like the search button */
}

.custom-sidebar .sidebar-search-field {
  width: 100%;
  /* Ensures the input takes up all available width */
  padding: 10px;
  /* Space for the search icon inside the input */
  box-sizing: border-box;
  /* Include padding in the width calculation */
  height: auto;
  border-width: 1px;
}

.custom-sidebar .search-btn,
.custom_header_search .search-submit {
  position: absolute;
  /* Position the search button over the input field */
  right: 10px;
  /* Align the button to the right side of the search-wrapper */
  top: 12px;
  /* Align the button to the top of the search-wrapper */
  border: none;
  /* Remove any default button borders */
  background: none;
  /* Remove any default button background */
  color: var(--color6) !important;
  /* Set the icon color to orange */
  cursor: pointer;
  /* Change cursor to pointer to indicate clickable area */
  z-index: 999999999;
}

.custom_header_search .search-submit i {
  color: var(--color6);
  font-size: 22px;
}

.custom_header_search .search-submit i:hover {
  color: var(--color1) !important;
  text-decoration: none !important;
}

/* If there are other elements within .custom-sidebar that need specific styles, add them here */
.custom-sidebar .widget h3 {
  margin-top: 20px;
  /* Add top margin to widget titles for spacing */
}

.custom-sidebar .widget ul {
  list-style-type: none;
  /* Remove default list styling */
  padding: 0;
  /* Remove padding to align list with other content */
}

.custom-sidebar .widget li a {
  color: var(--color7);
  /* Set links color for better visibility */
  text-decoration: none;
  /* Remove underline from links */
}

/* Add this to your CSS file */
.custom-sidebar .entry-title a,
.custom-sidebar h3 {
  font-size: 22px;
}

/* Responsive adjustments if needed */
@media (max-width: 768px) {
  .custom-sidebar {
    padding: 15px;
    /* Adjust padding for smaller screens */
  }
}

/* General styles for the related articles widget */
.custom-sidebar .related-articles-widget {
  margin-top: 20px;
}

.custom-sidebar .related-articles-widget h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  color: white;
}

/* Styling each blog post */
.custom-sidebar .related-articles-widget .blog-post {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  background-color: var(--color1) !important;
  padding: 15px;
  border-radius: 5px;
}

/* Thumbnail styles */
.custom-sidebar .related-articles-widget .post-thumbnail {
  margin-bottom: 10px;
}

/* Post details */
.custom-sidebar .related-articles-widget .post-details {
  color: white;
}

.post-details p {
  color: #000;
}

.custom-sidebar .related-articles-widget .post-details .entry-title,
.custom-sidebar .related-articles-widget .post-details .entry-title a {
  font-size: 22px;
  font-weight: bold;
  color: white;
}

.custom-sidebar .related-articles-widget .post-details h3.entry-title {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.single-post .post-details .entry-title {
  margin-bottom: 0;
}

.single-post .post-details p:nth-child(3) {
  margin-top: 1rem;
}

.custom-sidebar .related-articles-widget .post-details .entry-meta {
  font-size: 14px;
  color: #d1d1d1;
  margin-bottom: 10px;
}

.custom-sidebar .related-articles-widget .post-details a {
  color: var(--color7) !important;
  text-decoration: none;
}

.custom-sidebar .related-articles-widget .post-details a:hover,
.category-widget a:hover {
  color: var(--color4) !important;
  text-decoration: underline var(--color4) !important;
  font-style: italic;
}

.stacked-content {
  display: block !important;
}

.stacked-content .entry-meta {
  font-style: normal !important;
  color: var(--color4) !important;
}

.stacked-content .read-full-article,
.category-widget a {
  text-decoration: underline !important;
}

.stacked-content .read-full-article:hover,
.category-widget a:hover {
  text-decoration: none !important;
}

.no-padding-related-articles .blog-post,
.no-padding-related-articles .related-articles-widget .blog-post,
.stacked-content {
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}

.custom-sidebar .post-thumbnail-link {
  display: block;
  /* Ensures the <a> tag is treated as a block element */
  width: 100%;
  /* Full width of its container */
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio (100% / 16 * 9) */
  position: relative;
  overflow: hidden;
  /* Ensure anything overflowing the container is hidden */
}

.custom-sidebar .post-thumbnail-link .post-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-sidebar .post-thumbnail-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the image covers the entire area */
  object-position: center;
  /* Centers the image */
}

.custom-sidebar .post-details h2,
.custom-sidebar .post-thumbnail-link {
  margin-bottom: 10px !important;
}

.blog .post-details .btn-secondary,
.archive .post-details .btn-secondary,
.single-post .post-details .btn-secondary {
  background: var(--color7) !important;
  color: var(--color3) !important;
}

.sidebars .wp-block-button__link {
  background: var(--color7) !important;
  color: var(--color2) !important;
}

.sidebars .wp-block-button__link:hover {
  background: var(--color7) !important;
  color: var(--color3) !important;
}

.single-post .post-details .btn-secondary {
  width: 90%;
}

.blog .post-details .btn-secondary:hover,
.archive .post-details .btn-secondary:hover,
.single-post .post-details .btn-secondary:hover {
  background: var(--color3) !important;
  color: var(--color7) !important;
}

.blog .btn-secondary,
.archive .btn-secondary {
  padding: 2% 10% !important;
}

.btn:hover {
  border-color: transparent !important;
}

.single-post .site-main .img-fluid {
  width: -webkit-fill-available;
  width: -moz-available;
  /* Adjust to preferred value */
  aspect-ratio: 6 / 4;
  border-radius: 0.375em;
  object-fit: cover;
  object-position: center;
}

.single-post .custom-sidebar .img-fluid,
.single-post .sidebar .img-fluid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0.375em;
}

.blog .entry-meta,
.archive .entry-meta,
.single-post .entry-meta {
  font-style: normal;
  font-size: 14px;
  color: var(--color2) !important;
}

.blog .custom-sidebar .entry-meta,
.archive .custom-sidebar .entry-meta,
.single-post .custom-sidebar .entry-meta {
  color: var(--color4) !important;
}

.single-post .post-navigation .nav-links {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 10px;
}

.single-post .related-articles-bottom .img-fluid {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: 0.375em;
  margin-bottom: 1rem;
}

.related-articles-bottom h3 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
}

.related-articles-bottom .entry-title {
  margin-top: 0 !important;
}

.related-articles-bottom .entry-title a {
  text-decoration: none;
  color: var(--color8);
  font-weight: bold;
  font-size: 22px;
}

.non-hyperlinked,
.non-hyperlinked:hover {
  text-decoration: none;
  color: var(--color8);
}

.bottom-mobile-spacing {
  margin-bottom: 2rem;
}

.centered-button {
  text-align-last: center;
}

.post-thumbnail img:hover,
.entry-title a:hover {
  opacity: 0.7;
}

.entry-title a:hover {
  text-decoration: underline !important;
}

.single-post-thumbnail img:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .blog .entry-header {
    display: block;
  }

  .blog .blog-post {
    padding: 20px;
  }
}

/* ------------------------------ */

/* --------- PRESS RELEASE PAGE STYLES ------------- */

.post-type-archive-pressrelease .page-title {
  margin-bottom: 2rem !important;
}

.post-type-archive-pressrelease .card-header {
  color: var(--color7) !important;
  border-bottom: none !important;
  padding: 0 !important;
  background: var(--color1);
}

.post-type-archive-pressrelease .card-header > a {
  margin-left: 0;
}

.post-type-archive-pressrelease .card-header a {
  color: var(--color7) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 28px !important;
}

.post-type-archive-pressrelease .card-body {
  background: var(--color1) !important;
  border-radius: 5px;
}

.post-type-archive-pressrelease .card-body em.card-title {
  color: var(--color4) !important;
  font-style: normal !important;
}

.post-type-archive-pressrelease .card-body p {
  color: var(--color7) !important;
}

.card-body em.card-title ~ p {
  color: var(--color7) !important;
  margin: 0;
}

.post-type-archive-pressrelease .card-header,
.post-type-archive-pressrelease .card-text {
  margin-bottom: 1rem !important;
}

.card-body a {
  color: var(--color7) !important;
}

.card-body a:hover {
  color: var(--color4) !important;
}

.top-b-none {
  padding-left: 0 !important;
}

.single-pressrelease .pr h2 {
  margin-top: 0 !important;
}

/* ------------------------------ */

/* .fa-solid:hover {
    color: var(--color4) !important;
} */

/* ================ 404 Page ========== */

.error-404.not-found .card-body {
  gap: 2em;
}

.error404 #masthead .header-background {
  display: none;
}

.error404 #main {
  padding: 0;
}

.error404 #colophon {
  margin-top: 0 !important;
}

.error-404.not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
  background: url("img/404-bg-2x-scaled.jpg") no-repeat center center;
  background-size: cover;
  color: #ffffff;
  padding: 0;
  margin: 0;
}

.error-404.not-found h1 {
  font-size: 10rem;
  margin-top: 0;
}

.error-404.not-found h2 {
  margin-top: 0 !important;
}

.error-404.not-found p {
  margin: 20px 0;
}

.error-404.not-found a,
.error-h2 {
  color: var(--color5);
}

.error-404.not-found .card {
  border: 1px solid var(--color7);
  border-radius: 0.375rem;
  margin-top: 6rem;
  background-color: transparent;
}

.error-404.not-found .card-body {
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.error-404 .card-text {
  color: var(--color7);
  text-align: left;
}

.error-404 .error-p {
  font-size: 24px;
}

.error-404 .error-p-initial {
  font-size: initial;
}

.error-p-initial,
.error-404 .card-text a {
  color: var(--color4) !important;
}

.error-404 .card-body i {
  color: var(--color3);
  font-size: 30px;
}

@media (max-width: 700px) {
  .error-404.not-found .card-body {
    gap: 35px;
  }
}

/* ========================== */

/* ================ Search Overlay ========== */

.custom-topp-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--color1) !important;
  opacity: 0.9 !important;
  z-index: 999999999 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-search-bar > .row {
  --bs-gutter-x: 0 !important;
  /* Override the horizontal gutter spacing */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  /* Override other margin properties if needed */
  margin-right: 0;
  margin-left: 0;
}

.custom-search-bar > .row {
  z-index: 999999999 !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.screen-reader-text {
  color: var(--color7);
}

.custom-left-text {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align-last: start;
  font-size: 18px;
  font-weight: 600;
}

.header_search {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.input-group {
  width: 100%;
  height: 2.5em;
}

.search-field,
.search-submit {
  border-radius: 0;
}

.search-field {
  font-family: "Anonymous Pro", monospace;
  color: var(--color8);
}

.search-form {
  padding-right: 0;
}

.sidebar-search-form {
  display: block !important;
}

@media (max-width: 600px) {
  .search-form {
    padding: 0px 10px;
  }
}

body.no-scroll {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

/* ========================== */

/* ================ Global Background Color ========== */

#main,
.no-js,
#primary,
.custom-blog-page > .row > div,
.tribe-events-c-search {
  background: var(--color9);
}

/* ========================== */

.search-results article .entry-title {
  margin-bottom: 2rem;
}

.search-results article .entry-title a:hover {
  color: var(--color6);
}

.custom-search-bar-page {
  margin: 2em 0;
}

.custom-search-bar-page > .top-navigation {
  background: transparent;
  color: var(--color7);
  border-radius: 5px;
  padding-left: 0;
}

.custom-search-bar-page > .top-navigation > .row {
  width: 100%;
  display: block;
  margin: 0;
}

.custom-search-bar-page > .top-navigation .d-sm-inline {
  margin: 0;
  padding: 0;
  display: block !important;
  width: 100%;
}

.custom-search-bar-page .top-navigation .search-form {
  max-width: 100%;
  display: block !important;
}

.custom-search-bar-page .search-form .btn {
  margin-left: 20px !important;
  padding: 8px 5% !important;
  border-radius: 3px !important;
}

.custom-search-bar-page .top-navigation .search-form input[type="search"] {
  border: 1px var(--color3dimmed) solid !important;
}

.custom-search-bar-page .screen-reader-text {
  display: none !important;
}

.notice-area > .container {
  padding: 2em 0em;
  margin-top: 3em;
}

.notice-area p {
  font-size: 28px;
}

.notice-area a.wp-block-button__link {
  font-size: 20px;
  padding: 5px 25px;
}

@media only screen and (max-width: 470px) {
  .notice-area p {
    text-align: center;
  }
}

@media only screen and (max-width: 1199px) {
  .single-line-row {
    flex-direction: column;
    align-items: center;
  }

  .notice-area {
    text-align: center;
  }
}

#block-8,
#block-9,
#block-10 {
  line-height: 1.5rem;
}

.green-headings-section h3 {
  color: var(--color1);
  font-size: 1.2rem;
}

.homepage-events .tribe-events-calendar-list__event-date-tag-daynum {
  font-weight: 700;
}

.homepage-events .tribe-events-calendar-list__event-date-tag-datetime {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.homepage-events .tribe-events-calendar-list__event-date-tag {
  align-content: center;
}

.homepage-events .tribe-events-calendar-list__event-title a {
  color: var(--color1);
  text-decoration: none;
}

.homepage-events .tribe-events-calendar-list__event-title a:hover {
  text-decoration: underline;
}

.homepage-events {
  padding-left: 0% !important;
}

.homepage-events .tribe-events-calendar-list__event-row {
  display: flex;
}

.homepage-events .tribe-events-calendar-list__event-row {
  padding: 1rem 0;
}

.homepage-events .tribe-events-calendar-list__event-wrapper {
  padding: 0 2rem;
}

.homepage-events .tribe-events-calendar-list__event-description p {
  margin-top: 1rem;
}

.homepage-events .tribe-events-calendar-list__event-date-tag {
  min-width: 200px !important;
}

.sidebars {
  background-color: var(--color1) !important;
  color: var(--color7);
  padding: 10%;
  margin-top: 4em;
  border-radius: 0.375em;
}

.sidebars a {
  color: var(--color7) !important;
}

.row > .sidebars {
  background-color: var(--color1) !important;
  color: var(--color7) !important;
  padding: 2% !important;
  margin-top: 0 !important;
  border-radius: 0.375em !important;
  align-self: flex-start;
}

.custom-sidebar h2,
.custom-sidebar h3 {
  font-weight: 700;
  font-size: 22px;
}

.custom-sidebar a {
  text-decoration: none;
}

.custom-sidebar a:hover,
.group-announcements li > a:hover,
.footer-widget a:hover:not(.social),
.sidebars a:hover {
  text-decoration: none;
  color: var(--color4) !important;
  font-style: italic;
}

.card-body > svg {
  min-width: 30px;
  min-height: 30px;
}

.custom-blog-page .sidebars {
  display: none;
}

@media only screen and (max-width: 425px) {
  .homepage-events .tribe-events-calendar-list__event-date-tag {
    display: none;
  }

  .homepage-events .tribe-events-calendar-list__event-wrapper {
    padding: 0;
  }
}

.group-announcements a {
  color: var(--color1);
}

h2,
h3 {
  font-weight: bold !important;
}

.blog .post-details .btn-secondary,
.archive .post-details .btn-secondary,
.single-post .post-details .btn-secondary,
a.wp-block-button__link {
  background: var(--color2) !important;
  color: var(--color7) !important;
}

.wp-block-coblocks-accordion-item__title,
.wp-block-coblocks-accordion-item__title.has-background {
  background-color: var(--color2) !important;
}

.wp-block-button:hover > a {
  background: var(--color3) !important;
  color: var(--color7) !important;
}

.tribe-events-event-meta {
  font-family: "Atkinson Hyperlegible" !important;
}

/*.tribe-events-event-meta a:hover {
    color: var(--color4) !important;
    text-decoration: none !important;
    font-style: italic !important;
}*/

.fa-search {
  color: var(--color7);
}

/* Contact Form 7 Styles */

.wpcf7 label,
.gform_wrapper label,
.gform_wrapper legend {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--color8) !important;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea,
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea,
.gform_wrapper .ginput_container_select .gfield_select {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid var(--color4) !important;
  padding: 10px !important;
  font-family: "Anonymous Pro" !important;
  font-size: 16px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background-color: var(--color7);
}

.gform_wrapper .ginput_container_select .gfield_select {
  font: small-caption;
}

input[type="search"]:hover,
input[type="search"]:focus,
.wpcf7 input:hover,
.wpcf7 select:hover,
.wpcf7 textarea:hover,
.gform_wrapper input:hover,
.gform_wrapper select:hover,
.gform_wrapper textarea:hover,
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus,
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  /* background-color: var(--color4dimmed) !important; */
  border: 1px solid var(--color5) !important;
  box-shadow: 0px 0px 2px 2px var(--color5) inset !important;
}

.gform_wrapper .gfield_select,
.gform_wrapper .ginput_container_fileupload input {
  height: auto !important;
}

.wpcf7 textarea,
.gform_wrapper textarea,
.gform-theme--foundation .gfield textarea.medium {
  height: 120px !important;
}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"],
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border: 2px solid var(--color4) !important;
  background-color: var(--color7) !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  width: 10px !important;
  height: 10px !important;
}

input[type="search"]:hover,
.wpcf7 input[type="radio"]:hover,
.wpcf7 input[type="checkbox"]:hover,
.gform_wrapper input[type="checkbox"]:hover,
.gform_wrapper input[type="radio"]:hover {
  border: 2px solid var(--color5) !important;
  box-shadow: 0px 0px 2px 1px var(--color5) inset !important;
}

.wpcf7 input[type="radio"]:focus,
.wpcf7 input[type="checkbox"]:focus,
.gform_wrapper input[type="checkbox"]:focus,
.gform_wrapper input[type="radio"]:focus {
  box-shadow: none !important;
}

.wpcf7 input[type="radio"],
.gform_wrapper input[type="radio"] {
  border-radius: 50% !important;
  /* Makes radio buttons circular */
}

.wpcf7 input[type="radio"]:checked,
.wpcf7 input[type="checkbox"]:checked,
.gform_wrapper input[type="checkbox"]:checked,
.gform_wrapper input[type="radio"]:checked {
  background-color: var(--color4) !important;
}

.wpcf7 .wpcf7-submit,
.gform_wrapper .gform_button {
  background: var(--color2) !important;
  color: var(--color7) !important;
  transition: color 0.3s ease, background-color 0.3s ease !important;
  font-family: "Atkinson Hyperlegible", sans-serif !important;
  font-size: 20px !important;
  font-weight: bold !important;
  border-radius: 6px !important;
  width: 170px !important;
  height: 52px !important;
}

.wpcf7 .wpcf7-submit:hover,
.gform_wrapper .gform_button:hover {
  background: var(--color3) !important;
  color: var(--color7) !important;
  text-decoration: none !important;
  font-style: normal !important;
  box-shadow: none !important;
}

.wpcf7-list-item {
  display: flex;
  margin: 0;
  gap: 1rem;
  align-items: center;
}

.wpcf7-checkbox,
.wpcf7-radio {
  display: flex;
  gap: 2rem;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  border: 2px solid var(--color4);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--color4);
}

.gform-theme--framework .gform_validation_errors {
  background-color: transparent !important;
  border: 2px solid var(--color4) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Style fieldsets containing checkboxes to align items horizontally */
.gfield_checkbox,
.gfield_radio {
  display: flex !important;
  flex-wrap: wrap !important;
  /* Allow wrapping if there's not enough space */
  flex-direction: row !important;
  align-items: center !important;
  /* Align items vertically in the center */
  gap: 20px !important;
  /* Add spacing between the checkboxes */
  border: none !important;
  /* Optional: remove the default fieldset border */
  padding: 0 !important;
  /* Optional: remove default padding */
}

/* Align individual checkbox choices horizontally */
.gfield_checkbox .gchoice,
.gfield_radio .gchoice {
  display: flex !important;
  align-items: center !important;
  margin-right: 20px !important;
  /* Space between choices */
}

/* Style the checkbox inputs */
.gfield-choice-input {
  margin-right: 8px !important;
  /* Space between checkbox and label */
  width: 20px !important;
  /* Set a custom width */
  height: 20px !important;
  /* Set a custom height */
}

/* Style the labels to be inline with the checkboxes */
.gform-field-label--type-inline {
  display: inline-block !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  /* Make labels bold */
}

.gform_wrapper .gfield_checkbox .gchoice label,
.gform_wrapper .gfield_radio .gchoice label {
  font-weight: 500 !important;
}

/* Google Search Styles */

#___gcse_0 {
  width: 50%;
}

@media (max-width: 576px) {
  #___gcse_0 {
    width: 95%;
  }
}

body .gsc-input-box {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  font-family: "Anonymous Pro", sans-serif;
}

.gsc-search-button-v2 {
  border-color: var(--color7) !important;
  background-color: var(--color7) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 14px 10px !important;
}

/* Target only the button with the .gsc-search-button-v2 class */
.gsc-search-button-v2 svg {
  display: none !important;
  /* Ensure the SVG is hidden */
}

/* Add Font Awesome icon as a pseudo-element to the white button */
.gsc-search-button-v2:before {
  content: "\f002";
  /* Unicode for Font Awesome free search icon */
  font-family: "Font Awesome 5 Free";
  /* Specify the Font Awesome font family */
  font-weight: 900;
  /* Ensure the solid style of Font Awesome icons */
  color: black !important;
  /* Set the icon color to black */
  font-size: 16px !important;
  /* Adjust the size as needed */
  display: inline-block !important;
  /* Ensure it displays inline */
  line-height: 1 !important;
  /* Align with the button's content */
  vertical-align: middle !important;
  /* Align the icon vertically */
}

.gssb_c {
  z-index: 999999999999 !important;
}

.gsc-input::placeholder {
  font-family: "Anonymous Pro", sans-serif !important;
}

/*================ blog  styles================  */
.custom-sidebar .search-btn i {
  color: var(--color6);
  font-size: 22px;
}

.custom-sidebar .search-btn i:hover {
  color: var(--color1) !important;
  text-decoration: none !important;
}

.custom-sidebar input::placeholder {
  color: #000;
}

/*================ top bar ================  */
.top-menu,
#menu-top-contact-us-menu {
  font-size: 16px;
}

@media only screen and (max-width: 907px) {
  .top-menu,
  #menu-top-contact-us-menu {
    font-size: 16px;
  }
}

/*================ events ================  */
/*.tribe-events-calendar-list__event-description,
.tribe-events-calendar-list__event-description p {
    font-size: 16px;
}

.tribe-events-single-section,
.tribe-events-meta-group .tribe-events-single-section-title {
    font-size: 16px;
}

.tribe-common-c-btn .tribe-events-c-search__button:hover {
    background: var(--color7) !important;
    color: var(--color2) !important;
    text-decoration: none !important;
    font-style: normal !important;
    border: 1px solid var(--color2);
}*/

.wp-block-button__link,
.wp-block-button__link > a {
  display: inline-block !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  background: var(--color2) !important;
  color: var(--color7) !important;
  padding: 10px 3rem !important;
  border-radius: 6px;
}

.wp-block-button__link:hover,
.wp-block-button__link:hover > a {
  background: var(--color7) !important;
  color: var(--color3) !important;
  transition: color 0.3s ease, background-color 0.3s ease;
  border-radius: 6px;
}

.wp-block-button__link:hover,
.wp-block-button__link:hover > a {
  background: var(--color3) !important;
  color: var(--color7) !important;
  text-decoration: none !important;
  font-style: normal !important;
  border-radius: 6px;
}

.search-results article .entry-title {
  margin-bottom: 1.2em;
  font-size: 1.5em;
  margin-top: 2em !important;
}

#content > .row {
  background: var(--color9);
}

#its_return {
  top: 90px !important;
}

body.admin-bar #its_return {
  top: 122px !important;
}

@media screen and (max-width: 989px) and (min-width: 783px) {
  body.admin-bar #its_return {
    top: 126px !important;
  }

  #its_return {
    top: 94px !important;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar #its_return {
    top: 140px !important;
  }

  #its_return {
    top: 94px !important;
  }
}

body:not(.home) h4.advgb-accordion-header-title {
  margin-top: 0 !important;
}