/*
    Theme Name: Idaho Webmaster v4
    Theme URL: https://training-intranet.idaho.gov/webmaster-resources/
    Description: Official WordPress theme for all Idaho state agency websites. Updated January 2026 with improved design, full accessibility, and speed improvements.
    Author: White Whale Web
    Author URI: https://whitewhaleweb.com/

    Version: 4.2.0
    Text Domain: wm4

    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: .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: .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: .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: 3em;
    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 {
    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;
}

.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 {
    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 {
    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;
}

/* Only zero the padding when the inner link carries it. */
button.btn-primary:has(> a) {
    padding: 0 !important;
}

/* Drop the browser's default button border and match the inner link's corners. */
button.btn-primary {
    border: 0;
    border-radius: 10px;
}

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;
}

input::placeholder {
    font-family: 'Atkinson Hyperlegible', sans-serif;
}

.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;
}

/* .icon-item is added by js/theme.js to any LI whose link shows a
   file-type or external-link icon. The icon replaces the bullet;
   other items in the list keep theirs. */
li.icon-item {
    list-style: none;
    position: relative;
}

/* Pull the icon out of the text flow into the bullet column, in a
   fixed-width box, so every item's text starts at the same spot. */
li.icon-item > a:first-child::before {
    position: absolute;
    left: -1.25em;
    width: 1.25em;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* Extra room between the bullet column and the text. */
ul:has(> li.icon-item) > li {
    padding-left: .5em;
}

a[href*=".pdf"]:not(:has(img)):before,
a[href*=".PDF"]:not(:has(img)):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.internal::before {
    content: "\f0c1";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
} */

a.external::before {
    content: "\f14c";
    /* Unicode for 'square-arrow-up-right' */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

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

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

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

a[href*=".doc"]:not(:has(img)):before,
a[href*=".docx"]:not(:has(img)):before,
a[href*=".DOC"]:not(:has(img)):before,
a[href*=".DOCX"]:not(:has(img)):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"]:not(:has(img)):before,
a[href*=".xlsx"]:not(:has(img)):before,
a[href*=".XLS"]:not(:has(img)):before,
a[href*=".XLSX"]:not(:has(img)):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"]:not(:has(img)):before,
a[href*=".ppsx"]:not(:has(img)):before,
a[href*=".pptx"]:not(:has(img)):before,
a[href*=".PPT"]:not(:has(img)):before,
a[href*=".PPSX"]:not(:has(img)):before,
a[href*=".PPTX"]:not(:has(img)):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;
}

/*styling for non-mega menu navigation */
#main-navigation {
    justify-content: flex-end;
}

#main-navigation .navbar-nav a.nav-link:hover,
#main-navigation .navbar-nav .menu-item.active a.nav-link {
    background-color: var(--color9);
    color: var(--color8);
}

/*END styling for non-mega menu navigation */


#mega-menu-wrap-primary #mega-menu-primary,
#main-navigation .navbar-nav {
    text-align: right;
    padding: 0px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
#main-navigation .navbar-nav > li.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,
#main-navigation .navbar-nav > li.menu-item > a {
    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;
        margin-left: -12px;
        margin-right: -12px;
    }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        background: var(--color1);
        padding: 0 16px;
        position: absolute;
        width: calc(100% + 24px) !important;
        z-index: 9999999;
        left: auto !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: 2;
}

.top-menu .dropdown-toggle::after {
    content: "\f0d7";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 0.5em;
    border: none;
    vertical-align: unset;
}

@media only screen and (max-width: 330px) {

    .top-menu,
    #menu-top-contact-us-menu {
        display: none !important;
    }
}


#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;
}

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

.topbar-custom-nav a.search-toggle:hover {
    text-decoration: none;
}

.topbar-custom-nav a.search-toggle:not(:last-child)::after {
    content: '|';
    padding-left: 20px;
    color: var(--color5);
}

/*.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: .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, .7);
    border-top-width: 2px;
    margin-top: 10px;
}

.site-title.black {
    color: #000 !important;
    border-top-color: rgba(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;
}

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

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

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

#mega-menu-primary .mega-sub-menu a {
    /*color: var(--color4);*/
    text-decoration: none;
}

#mega-menu-primary .mega-sub-menu a:hover {
    color: var(--color7);
    text-decoration: underline;
}

#main-navigation .nav-link,
#masthead .nav-link {
    /* display: inline !important;
    padding: .65rem 0 .65rem .65rem !important; */
    color: var(--color8);
}

#main-navigation .navbar,
#masthead .navbar {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--color7);
    font-size: 16px;
    min-height: 30px;
}

#main-navigation .navbar-toggler,
#masthead .navbar-toggler {
    background-color: transparent;
    border: none;
    padding: 10px 10px 10px 0;
    color: var(--color7);
    align-self: flex-end;
}

#main-navigation .navbar-toggler:focus,
#masthead .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

#main-navigation .navbar-toggler-icon,
#masthead .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media only screen and (max-width: 991px) {

    /* Hide the default Bootstrap navbar toggler when a mega menu is present */
    .navbar-toggler:has(+ .mega-menu-wrap) {
        display: none;
    }

    #main-navigation {
        margin-left: -12px;
        width: calc(100% + 24px);
    }

    #main-navigation .navbar-nav,
    #masthead .navbar-nav {
        align-items: stretch;

    }

    #main-navigation .navbar-nav > li.menu-item,
    #masthead .navbar-nav > li.menu-item {
        width: 100%;
    }

    #main-navigation .navbar-nav > li.menu-item > a,
    #masthead .navbar-nav > li.menu-item {
        width: 100%;
        text-align: left;
    }
}

#main-navigation .dropdown-menu,
#masthead .dropdown-menu,
#top-navigation .dropdown-menu,
#top-navigation-mobile .dropdown-menu {
    border-radius: 0;
    border: none;
    background-color: var(--color9);
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    --bs-dropdown-spacer: 0;
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: 0;
}

#main-navigation .dropdown-menu a.dropdown-item,
#masthead .dropdown-menu a.dropdown-item,
#top-navigation .dropdown-menu a.dropdown-item,
#top-navigation-mobile .dropdown-menu a.dropdown-item {
    background-color: var(--color9);
    color: var(--color8);
    border: none;
    font-weight: 300;
}

#main-navigation .dropdown-menu a.dropdown-item:hover,
#main-navigation .dropdown-menu a.dropdown-item:focus,
#main-navigation .dropdown-menu a.dropdown-item:active,
#masthead .dropdown-menu a.dropdown-item:hover,
#masthead .dropdown-menu a.dropdown-item:focus,
#masthead .dropdown-menu a.dropdown-item:active,
#top-navigation .dropdown-menu a.dropdown-item:focus,
#top-navigation .dropdown-menu a.dropdown-item:active,
#top-navigation .dropdown-menu a.dropdown-item:hover,
#top-navigation-mobile .dropdown-menu a.dropdown-item:focus,
#top-navigation-mobile .dropdown-menu a.dropdown-item:active {
    background-color: var(--color1);
    color: var(--color7);
}

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

#main-navigation a.nav-link:hover,
#main-navigation a.nav-link:active,
#masthead a.nav-link:hover,
#masthead a.nav-link:active {
    background-color: var(--color7);
    color: var(--color8);
}

#top-navigation-mobile a:focus,
#top-navigation-mobile a:active {
    color: var(--color7);
}

#main-navigation .dropdown-toggle::after,
#masthead .dropdown-toggle::after {
    margin-right: .5rem;
}

.navbar-search.btn-light {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: var(--color7);
    border: 1px solid var(--color7);
    border-radius: .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);
}

.footer-navigation ul {
    list-style: none;
    padding-left: 0;
}

.versioning {
    background: #031a2d;
}

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

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


.footer-widget {
    float: left;
}

.footer-navigation h2,
.footer-navigation h3,
.footer-navigation h4,
.footer-navigation h5,
.footer-navigation h6,
.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;
}

.footer-navigation h3.widget-title {
    color: #fff !important
}

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

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

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

.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,
#back-to-top:hover > i {
    background-color: var(--color7);
    color: var(--color2);
}

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


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

.announcement-bar {
    background-color: var(--color3);
    color: var(--color7);
    text-align: center;
    padding: 10px 20px;
    position: relative;
    /*     font-weight: 600; */
    font-size: 1.25rem;
    line-height: 1.5;
    z-index: 999;
}

.announcement-bar .announcement-content {
    max-width: 1295px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#mini-announcement-bar .announcement-content {
    justify-content: center;
    gap: 20px;
}

.announcement-content a {
    color: var(--color7);
    text-decoration: underline;
}

.announcement-content a:hover {
    color: var(--color8);
    text-decoration: none;
}

a.announcement-button,
a.announcement-btn {
    background-color: var(--color7);
    padding: 8px 50px;
    border-radius: 4px;
    color: var(--color8);
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
}

a.announcement-button:hover,
a.announcement-btn:hover {
    background-color: var(--color8);
    color: var(--color7);
}

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

.idaho-announcement-bar {
    background-color: var(--color3);
    color: var(--color7);
    text-align: center;
    padding: 10px 0px;
    /*     font-weight: 600; */
    font-size: 1.2rem;
    line-height: 1.4;
    position: relative;
    z-index: 999;
}

.idaho-announcement-bar .announcement-content {
    max-width: 1295px;
    margin: 0 auto;
    display: flex;
    height: 150px;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.idaho-announcement-bar .announcement-content .announcement-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    gap: 20px;
}

/* One row: icon, text, button, close. Long text wraps inside its own column and the button stays on the right. */
@media (min-width: 769px) {
    .idaho-announcement-bar .announcement-text {
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
    }

    .idaho-announcement-bar .announcement-icon,
    .idaho-announcement-bar .announcement-btn,
    .idaho-announcement-bar .announcement-close {
        flex-shrink: 0;
    }
}

.announcement-content .announcement-close {
    background: none;
    border: 0;
    appearance: none;
    font-family: inherit;
    cursor: pointer;
    font-size: 2rem;
    line-height: 1;
    color: var(--color7);
    padding: 0px 10px;
    margin-top: -5px;
}

.announcement-content .announcement-close:hover {
    color: var(--color8);
    transition: background-color 0.2s ease-in-out;
}

.notice-area {
    background-color: var(--color6);
    color: var(--color7);
    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);
}

.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;
    }
}

.idaho-announcement-bar {
    background-color: var(--color3);
}

.announcement-content img {
    height: 54px;
    width: auto;
}

.idaho-announcement-bar {
    font-size: 1.5em;
}

.idaho-announcement-bar .announcement-content {
    height: auto;
    min-height: 150px;
}

@media (max-width: 768px) {
    .idaho-announcement-bar .announcement-content {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        padding: 15px;
    }

    .announcement-bar {
        flex-direction: column;
    }

    .site-footer {
        text-align: center;
    }

    nav.site-menu {
        margin-top: 30px !important;
    }

    .footer-widget {
        text-align: center !important;
        margin-bottom: 2em !important;
        display: flex !important;
        gap: 20px;
        align-content: center;
        justify-content: center;
        margin-top: 30px;
    }

    /* Stack the widgets of a footer column. In one row they run off a phone screen. */
    .footer-widget:not(.social-area) {
        flex-direction: column;
        align-items: center;
    }

    .row-footer-links [role="navigation"] a {
        text-decoration: none;
        position: relative;
        padding: 10px;
    }
}


@media (max-width: 576px) {
    .footer-widget {
        text-align: center !important;
        margin-bottom: 2em !important;
        display: flex !important;
        gap: 20px;
        align-content: center;
        justify-content: center;
        margin-top: 30px;
    }
}


/* =============== 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;
}

/* CUSTOM SIDEBAR START */
.sidebar {
    padding: 30px;
    border-radius: 5px;
}

.sidebar h1 {
    color: #fff;
    margin-top: 0px !important
}

.sidebar h3,
.sidebar h4,
.carousel-caption h4,
.card-body h4 {
    color: #fff;
    margin-top: 0em !important
}

/* Every H4 has no top margin, unlike the other heading levels. Existing pages are laid out with it, so it stays.
   Keep this apart from the white colour above, which is for dark areas only. */
h4 {
    margin-top: 0em !important
}

.sidebar p {
    color: #fff
}

.sidebar .wp-block-image {
    margin: 20px 0px !important
}

/* CUSTOMSIDEBAR END */

/*******************************************/
#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;
}

.card-body h3 {
    color: #fff;
}

.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;

}

#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);
    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;
}


@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: .7em;
        padding: .25rem .75rem;
    }

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

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

    .cse .gsc-control-cse,
    .gsc-control-cse {
        padding-bottom: .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;
}


nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
    font-size: 19px;
    content: "\f0d7" !important;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 3px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator::after {
    content: "\f0da" !important;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 0.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 {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.custom-search-bar.active {
    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:not(.dropdown-item) span:hover,
.top-navigation a:hover,
.top-navigation [onclick]:hover {
    color: var(--color5);
}

.top-navigation .top-menu {
    background: transparent !important;
}

.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;
}

.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: 0;
    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: .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,
.blog .post-thumbnail-link,
.archive .post-thumbnail-link {
    flex: 0 0 300px;
    /* Do not grow, do not shrink, base width of 300px */
}

.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 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: 7px;
    /* Align the button to the right side of the search-wrapper */
    top: 10px;
    /* 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 */
}

/* Overlay submit only: must sit above the focused input inside the search overlay.
   Kept off .custom-sidebar .search-btn so the sidebar icon stays below the overlay. */
.custom_header_search .search-submit {
    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: 8px 50px !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);
    margin-bottom: 1rem;
    display: flex;
    gap: 16px;
}

.blog .entry-meta .post-categories,
.archive .entry-meta .post-categories,
.single-post .entry-meta .post-categories {
    display: flex;
    gap: 16px;
    text-transform: uppercase;
}

.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 {
    border: none !important;
    border-radius: 5px !important;
    margin-bottom: 2rem !important;
    display: flex;
    flex-direction: row;
    background: var(--color1);
}

.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-image {
    width: 25%;
}

.post-type-archive-pressrelease .card-image .pressrelease-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5px 0 0 5px;
}

.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;
}

.post-type-archive nav {
    padding: 0;
}

.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;
}

@media (max-width: 768px) {
    .post-type-archive-pressrelease .card {
        flex-direction: column;
    }

    .post-type-archive-pressrelease .card-image {
        width: 100%;
    }

    .post-type-archive-pressrelease .card-image .pressrelease-img {
        border-radius: 5px 5px 0 0;
    }
}

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


/* .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;
    color: var(--color7);
}

.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: 99999;
    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: 100000;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.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);
}

.standard-search {
    margin: 2em 0;
}

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


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

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

.search-title-wrapper {
    margin: 40px 0 50px;
}

.search-title {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.searchform-wrapper form {
    max-width: 100%;
    display: flex;
    height: 60px;
    /*padding: 15px 10px 15px 20px;*/
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border: 1px solid #999;
    background: var(--color7);
}

.searchform-wrapper .search-field {
    border: none;
    width: 100%;
    height: 100%;
    padding: 15px 10px 15px 20px;
    font-size: 1rem;
    line-height: 1.625;
    color: var(--color1);
    background: var(--color7);
}

.searchform-wrapper .submit {
    background: var(--color7);
    color: var(--color2);
    font-size: 30px;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.searchform-wrapper .submit:hover {
    text-decoration: none;
    color: var(--color3);
}

.search-results article .entry-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 400;
}

.search-results .search-result-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: 10px;
    display: block;
}

.search-result-row {
    margin-bottom: 50px;
}

.search-pagination {
    display: flex;
    gap: 10px;
}

.page-numbers {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.page-numbers svg {
    height: 18px;
    width: 10px;
}

/*.page-numbers.next::after {*/
/*    content: url(url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"%3E%3Cpath fill="currentColor" d="M112 96L256 256 112 416l-48 0L64 96l48 0z"/%3E%3C/svg%3E'));*/
/*    height: 18px;*/
/*    width: 10px;*/
/*}*/

#per_page_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0%200%20320%20512'><path d='M320%20240L160%20384%200%20240l0-48%20320%200%200%2048z' fill='%23000'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1em;
    cursor: pointer;
    padding: 7px 33px 7px 10px;
    border-radius: 0;
}

.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;
    }
}


.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;
}

/* The sidebar has the dark --color1 background, so headings need the light colour too */
.sidebars h1,
.sidebars h2,
.sidebars h3,
.sidebars h4,
.sidebars h5,
.sidebars h6 {
    color: var(--color7);
}

/* Search block in the sidebar: input and button in one row, same height.
   WordPress does not load its own search block styles for widget areas. */
.sidebars .wp-block-search__inside-wrapper {
    display: flex;
    align-items: stretch;
}

.sidebars .wp-block-search__input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px;
}

.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 .widget h2,
.custom-sidebar .widget h3 {
    font-weight: 700;
    font-size: 22px;
    color: var(--color9);
    line-height: normal;
    margin-bottom: 15px;
}

.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 #999 !important;
    padding: 10px !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;
}

.gfield_checkbox label {
    margin-left: 5px !important
}

.gfield_radio label {
    margin-left: 5px !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 #999 !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: 4px !important;
    width: auto !important;
    border: none !important;
    padding: 8px 50px !important;
    line-height: 1em !important;
    box-shadow: none !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;
    border: 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 #999;
}

.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: #999;
}

.gform-theme--framework .gform_validation_errors {
    background-color: transparent !important;
    border: 2px solid #999 !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: 0px !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: 'Atkinson Hyperlegible', 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,
.topbar-custom-nav {
    font-size: 16px;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.top-menu:not(.mobile-only),
.custom-top-nav-content:not(.mobile-only),
.topbar-custom-nav:not(.mobile-only) {
    display: flex;
}

.custom-top-nav-content li {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.custom-top-nav-content > ul:not(.dropdown-menu) > li:after {
    content: "|";
    color: var(--color5);
    margin-top: -2px;
}

.custom-top-nav-content .dropdown-menu li {
    padding-right: 0;
    text-align: right;
}

.top-menu a,
.custom-top-nav-content a {
    padding: 0;
}

.top-menu .dropdown-menu a,
.custom-top-nav-content .dropdown-menu a {
    padding: 0 20px;
}

#top-navigation.desktop-only {
    display: block;
}

#top-navigation-mobile.mobile-only {
    display: none;
}

.wm4-other-desktop .dropdown-item.wm4-other-child {
    padding-left: 1.75rem;
    font-size: 0.95em;
    opacity: 0.95;
}

@media only screen and (max-width: 991px) {
    #top-navigation.desktop-only {
        display: none !important;
    }

    #top-navigation-mobile.mobile-only {
        display: block !important;
    }

    /*.top-menu,*/
    /*.custom-top-nav-content {*/
    /*    gap: 5px;*/
    /*    padding-left: 5px;*/
    /*}*/
    .top-navigation .search-toggle::after {
        margin-left: 5px;
        margin-right: 5px;
    }

    .custom-top-nav-content li:after {
        right: 0;
    }

    .top-menu,
    .custom-top-nav-content,
    .topbar-custom-nav {
        gap: 10px;
    }

    .custom-top-nav-content li {
        gap: 10px;
    }

    /* Makes child items look nested without needing nested dropdowns */
    #top-navigation-mobile .dropdown-item.wm4-other-child {
        padding-left: 1.75rem;
        font-size: 0.95em;
        opacity: 0.95;
    }
}

@media only screen and (max-width: 907px) {

    .top-menu,
    .custom-top-nav-content {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {

    /*.top-navigation .search-toggle::after {*/
    /*    margin-left: 0;*/
    /*    margin-right: 0;*/
    /*}*/
    #top-navigation,
    .top-menu {
        width: 100%;
        background: transparent !important
    }

    .topbar-custom-nav {
        width: 100%;
    }

    .custom-top-nav-content li:last-child {
        padding-right: 0;
    }

    .custom-top-nav-content li:last-child::after {
        display: none;
    }

    ul.top-menu {
        justify-content: flex-end;
    }
}


/*================ 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: 8px 50px !important;
    border-radius: 4px;
    line-height: 1em;
}

.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;
}

.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;
}

#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;
}

/* tiny tooltip for color copy */

.color-box[data-copied] {
    position: relative;
}

.color-box[data-copied]::after {
    content: attr(data-copied);
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 999;
}

/* Optional: Tooltip style */
.color-tooltip {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease-out;
    z-index: 10;
}

.color-tooltip.show {
    opacity: 1;
}

.sr-only {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

/* STICKY AAA */

.sticky-resizer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: var(--color8);
    transition: top 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 10px 5px;
}

.admin-bar .sticky-resizer {
    top: 32px
}

.sticky-resizer:before {
    display: none;
}

.topbar .gt_selector {
    border: none;
    padding: 0;

    color: var(--color7);
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: var(--color8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M31.3 192h257.4c28.4 0 42.7 34.5 22.6 54.6L182.6 375.3c-12.5 12.5-32.8 12.5-45.3 0L8.7 246.6C-11.4 226.5 2.9 192 31.3 192z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px;
    width: 75px;
}

/* Use Font Awesome caret-down instead of native arrow - doesn't work on most browsers */
/*.topbar .gt_selector::after {*/
/*    content: "\f0d7";*/
/*    font-family: "Font Awesome 6 Free";*/
/*    font-weight: 900;*/
/*    position: absolute;*/
/*    right: 8px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    pointer-events: none;*/
/*    color: var(--color7);*/
/*    font-size: 0.9em;*/
/*}*/