/**
 * Theme Name: Idaho Webmaster v4 - Child
 * Template: Webmaster-v4
 * Description: The theme to use and edit for making any changes to a specific site.
 * Author: White Whale Web
 * Author URI: https://whitewhaleweb.com/
 * Version: 1.0.0
 * Text Domain: webmaster-bs4
 */

body {
	background: #fff!important
}
.custom-blog-page {
    display: block!important;
}
.custom-blog-page>.row>div {
	background: #fff;
}
.custom-blog-page {
    display: block;
}
.blog .blog-post {
	background: #fff;
	margin: 0rem 0;
	padding: 0px;
}

.top-breadcrumb {
	margin-bottom: 50px!important
}

.entry-content ul li {
	font-size: 16px;
	color: #000!important
}

.entry-content p{
	font-size: 1.13em!important;
	color: #000;
}

.idaho-announcement-bar {
    background-color: #142c52;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 16px;
	z-index:0!important
}

.announcement-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 2rem;
}

.alert-text strong {
	font-size: 24px;
}

.alert-text p {
	font-weight: 100!important;
	font-size: 24px!important;
}
.entry-header {
    margin-left: 0;
    padding: 0px;
}
.alert-icon {
    width: 36px;
    height: auto;
    flex-shrink: 0;
	float: left;
	margin-right: 20px;
}

.custom-alert-bar {
    display: flex;
    max-width: 1295px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	padding: 20px 0;
}

/* Mobile styles */
@media screen and (max-width: 768px) {
    .custom-alert-bar {
        padding: 30px 15px;
        flex-direction: grid;
        align-items: left;
        text-align: left;
    }
}

.alert-text {
    flex: 1 1 auto;
    min-width: 250px;
}

.alert-text p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #dcdcdc;
}

.alert-button {
    background-color: #ffffff;
    color: #142c52;
    padding: 10px 16px;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.3s ease;
}

.service-box img {
/* 	min-height: 268px!important; */
	height: auto !important;
}

.service-box .card-title{
	background: #186F49;
	color: #fff;
}

.service-box .card-title:hover{
	background: #000000!important
}

.home-3-col {
	padding: 0px 20px;
}

.featured-services-container {
	margin-bottom: 0px
}

p.card-text.mt-2 {
    margin-bottom: 0px;
    margin-top: 2em !important;
    padding: 0px 20px;
}

.card-img-top {
	height:100%!important;
}

.service-box .btn {
    background-color: #203260;
    color: #fff;
	padding: 8px 40px;
    border: none;
	font-size: 20px;
	border-radius: 4px;
}
.service-box .btn:hover {
    background-color: #000;
	font-style: normal!important;
	color: #fff!important;
	text-decoration: none!important
}

.card-body i {
	color: #203260;
	margin: 0px 5px;
}

.card-body p {
	color: #000;
}

.card-body .text-center {
    padding: 0px;
    margin-bottom: 0px;
	color: #000;
}

.staff-member.card.text-center {
    padding: 20px;
}

.card-body a {
	color: #436898!important;
}

@media screen and (max-width: 768px) {
   .mt-auto {
    margin-top: 10px !important;
}
}

@media screen and (max-width: 768px) {
   .card-body .team-email, .team-phone {
    max-width: 100% !important;
}
}

.program-page {
    background: #AE2F25;
    border-radius: 4px;
    padding:9px;
	height: 42px;
    text-align: center!important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.program-page a {
	color: #fff!important
}

.mt-auto a {
	color: #fff!important
}

.card-body .team-email, .team-phone {
	color: #000;
	background: #EFF6FF;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 10px;
    /* margin: 15px; */
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
    transition: transform 0.3s;
    border: 1px solid #D1D1D1;
	height: 42px;
	text-align: center;
}

/* Call-to-Action Button */
.alert-button {
    background-color: #ffffff;
    color: #142c52;
    padding: 10px 18px;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.3s ease;
}

.alert-button:hover {
    background-color: #211A1E;
    color: #fff;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #203260;
    width: 100vw;
    max-width: 100vw;
    opacity: 0.98 !important;
	padding: 5rem 5rem;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-block-title {
	color: #E9E9C8!important;
	text-transform: none!important;
	font-size: 20px!important;
	padding-bottom: 0px!important;
	padding-top: 15px!important;
}

nav.navbar.navbar-expand-lg {
    background: #EDF5FF;
}
#mega-menu-wrap-primary #mega-menu-primary {
	background: #EDF5FF;
}

a.mega-menu-link {
	color: #000000!important;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li a {
	list-style: none;
	color: #fff;
	text-decoration: none!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu ul {
	list-style: none;
	padding-left: 0px;
	line-height: 1.75em;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    display: block;
	z-index:999;
    flex-direction: row;
}

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

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	padding: 2rem 5rem;
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        display: block;
        padding: 10px;
    }
}

@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;
        color: #fff !important;
    }
}

#mega-menu-wrap-primary .mega-menu-toggle {
	background-color: #EDF5FF!important
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
	background: #000!important
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
	background: #000!important
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
	background: #000!important
}

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

@media only screen and (max-width: 991px) {
    #colophon {
        padding-left: 0em;
        padding-right: 0em;
    }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        color: #070707;
        background: #203260!important;
    }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        padding-top: 20px!important
    }
}

@media only screen and (max-width: 991px) {
    .mega-menu-primary #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        background: #203260!important
    }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
	background: #000!important;
	color: #fff!important
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	background: #EDF5FF;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover {
	background: #000!mportant;
}

a.mega-menu-link:hover {
	background: #000!important;
	color: #fff!important
}

.featured-last-3 .service-box .card-title {
    background: #B15F20 !important;
    color: #fff;
}

#custom-events-section {
  max-width: 100%;
  margin: 0 auto;
}

#custom-events-section h2 {
	margin-bottom: 30px;
	font-size: 30px;
}

.events-filters {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 50px;
}

input#filter-virtual {
    margin-top: 35px;
}

.filter-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.filter-group select {
  padding: 6px 10px;
  border-radius: 0px;
	border: 1px solid #D1D1D1;
	width: 100%!important
}

.filter-group {
    width: 30%;
}



.event-card {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.event-date {
  width: 190px;
height: 190px;
  background: #472c74;
  color: #fff;
  text-align: center;
  padding: 10px 5px;
  margin-right: 20px;
  border-radius: 4px;
}

#event-filter-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.filter-group {
    display: flex;
    flex-direction: column;
    font-size: 0.95rem;
}

.filter-group label {
    font-weight: 600;
    margin-bottom: 4px;
}

.filter-group select {
    padding: 0.45rem 0.75rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 200px;
    font-size: 1rem;
}

.checkbox-group {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.6rem;
}

.checkbox-group label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0;
    font-weight: 500;
}

.video-icon {
    font-size: 1.1rem;
    margin-left: 4px;
}

@media (max-width: 640px) {
    #event-filter-form {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-group select {
        width: 100%;
    }
}

.date-block {
  display: flex;
    flex-direction: column;
    align-items: center;
    vertical-align: super;
    justify-content: center;
    height: 100%;
}

.event-month {
  font-size: 24px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.event-day {
  font-size: 50px;
  font-weight: bold;
  line-height: 1.2;
}

.event-year {
  font-size: 16px;
  margin-top: 4px;
}

.month-day {
  font-size: 24px;
  font-weight: bold;
}

.year {
  font-size: 14px;
  margin-top: 5px;
}

.event-content {
  flex: 1;
}

.event-content h3 {
  font-size: 30px;
  margin: 0 0 10px;
}

.event-content p.event-meta {
	font-size: 24px!important
}

.event-meta, .event-location {
  font-size: 16px;
  color: #444;
}

.virtual-icon {
  margin-left: 5px;
}

.event-desc {
  margin-top: 10px;
  font-size: 14px;
}

.event-image img {
  width: 300px;
  height: auto;
  border-radius: 6px;
  margin-left: 20px;
}

.view-all-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background: #102b57;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
}

.custom-post-list h3 {
	font-size: 20px;
}

.custom-post-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.post-item {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.thumb {
  flex-shrink: 0;
}

.thumb img {
  max-width: 300px;
  height: auto;
  display: block;
}

.no-thumb {
  width: 300px;
  height: 300px;
  background: #ccc;
}

.content h3 {
  margin: 0 0 5px;
}

.post-date {
  font-size: 0.7em;
  color: #666;
  margin-bottom: 5px;
}

.read-btn {
  display: inline-block;
  background: #001f4d;
  color: #fff;
  padding: 8px 15px;
  margin-top: 10px;
  text-decoration: none;
  border-radius: 4px;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 0px!important
}

.elementor-container.elementor-column-gap-default {
    gap: 100px;
}

.elementor-section .elementor-container {
	margin-bottom: 20px;
	gap: 20px!important
}

.all-sidebar {
	background: #F6F6F6!important;
	border-radius: 4px;
}

.widget-headings {
  font-weight: 600;
  font-size: 24px!important;
  color: #ffffff!important;
  text-align: left;
  padding-top: 12px;
  padding-bottom: 12px;
}

.widget-headings i {
	font-size: 30px!important;
	color: #000!important
}

.widget-headings {
	color: #000!important
}

p.widget-headings {
    padding-left: 20px;
}

.elementor-widget-container h3.elementor-heading-title.elementor-size-default {
	margin-top: 0px!important
}

.elementor-widget-container a {
	color: #436898;
}

.elementor-widget-container ul li a {
	color: #436898;
}

/* Events Grid Styling */
/* 4-column grid for events */
.events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.event-card {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 8px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.event-date .date-block {
  text-align: center;
  background: #472c74;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
}

.event-month {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}

.event-day {
  font-size: 28px;
  font-weight: bold;
}

.event-year {
  font-size: 12px;
  margin-top: 2px;
}

.event-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.event-meta,
.event-location,
.event-desc {
  font-size: 14px;
  margin-bottom: 8px;
}

.event-image img {
  max-width: 100%;
  border-radius: 4px;
  margin-top: 10px;
}

/* Inner Page Widget Styling */

.global-widget-pg-inner {
	padding: 0px 20px!important;
}

.global-widget-main {
	background: #F6F6F6;
	border-radius: 4px;
	border: 1px solid #F4F4F4;
}

/* .widget-boxes {
	background: #F6F6F6;
	border-radius: 4px;
	border: 1px solid #F4F4F4;
} */

.global-widget-main a.read-more-modal {
	background-color: #203260;
    color: #fff!important;
    padding: 8px 40px;
    border: none;
    font-size: 20px;
    border-radius: 4px;
}
.global-widget-main a.read-more-modal:hover {
	background: #1A1A1A;
	color: #fff;
	font-style: normal;
}

.global-widget-main p.read-more {
    margin-top: 40px;
    margin-bottom: 30px;
}

.vertical-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.vertical-links a {
	color: #436898!important;
	display: block;
	padding-bottom: 8px;
  margin-bottom: 0px; /* optional spacing */
	border-bottom: 1px solid #ddd;
}

.vertical-links p {
	margin-bottom: 0rem
}

.vertical-links i.type.fa-share-square-o.fa-solid {
	display: none;
}

.quick-tips-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.vertical-links br {
	display: none!important;
}

.vertical-links.one-line-style a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.vertical-links.one-line-style .label {
  font-weight: bold;
  flex-shrink: 0;
  margin-right: 10px;
}

.vertical-links.one-line-style .text {
  flex-grow: 1;
}

.quick-tips-content-col {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Stay Educated Widget Button */

.educate-button {
  display: block;
  width: 100%;
  background-color: #1a6b49;
  color: white!important;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  font-size: 24px!important;
  transition: background-color 0.3s ease;
  font-weight: 700;
}

.educate-button i {
  margin-right: 8px;
}

.educate-button:hover {
  background-color: #145239;
	text-decoration: none!important;
	font-style: normal;
}


.learning-section {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  max-width: 800px;
  margin: 20px auto;
}

.text-content p {
  max-width: 300px;
  line-height: 1.6;
  color: #333;
}

.pointer-box {
  position: relative;
  background-color: #146848;
  color: white;
  padding: 15px;
  max-width: 300px;
  text-align: center;
}


.pointer-box a {
  color: white!important;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.6;
  display: block;
}

.pointer-box:hover {
  background-color: #0f5237;
}

.pointer-box:hover::before {
  border-color: #0f5237 transparent transparent transparent;
}

/* Quote Styling */

.quote-box {
  border-left: 4px solid #176f49;
  padding: 16px 24px;
  background-color: #f9f9f9;
  margin: 20px 0;
  font-style: italic;
  font-family: Georgia, serif;
  position: relative;
}

.quote-text {
  color: #333;
  font-size: 1.5rem;!important;
  margin: 0 0 10px;
  font-weight: 500;
}

.quote-author {
  display: block;
  text-align: right;
  font-size: 20px;
  color: #666;
  font-style: normal;
}

/* Crisis Hotline CTA Styling */
.crisis-cta {
  background-color: #b15f20;
  color: #ffffff!important;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	margin-bottom:20px
}

.crisis-cta a {
  color: #ffffff!important;
  font-weight: 600;
  text-decoration: underline;
}

.crisis-cta a:hover {
	color: #000000!important
}

.crisis-cta strong {
  display: block;
  font-size: 22px;
  margin-top: 8px;
}

.smp-image-wrap {
  border: 1px solid #ddd;
  padding: 12px;
  max-width: max-content;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  margin: 20px 0;
  border-radius: 6px;
}


/* Staff styling Page */
/* Base Layout */
.staff-page {
  color: #222;
  padding: 1rem;
}

.title-bar {
  background: #f8f9fa;
  padding: 2rem 1rem;
  border-bottom: 1px solid #ddd;
}

.intro {
  margin: 2rem 0;
}

.intro-image img {
  width: 100%;
  border-radius: 8px;
}

.intro-content {
  padding: 1rem;
}

/* Tabs */
.staff-tabs {
  margin: 2rem 0;
  border-bottom: 2px solid #ccc;
}

.tab-item {
  text-align: center;
}

.tab-link {
  display: block;
  padding: 0.75rem;
  background: #e9ecef;
  color: #333;
  text-decoration: none;
  border: 1px solid transparent;
}

.tab-link.active {
  background: #fff;
  border-color: #ccc #ccc #fff;
  font-weight: bold;
}

/* Tab Panels */
.tab-pane {
  padding: 2rem 0;
  border-top: none;
}

.card {
  margin-bottom: 2rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}

.card-header h5 {
  margin: 0;
  padding: 1rem;
  background: #f1f1f1;
}

#icoa-commissioners .card-body {
   display: grid;
  grid-template-columns: repeat(1, 1fr); /* Mobile default: 1 column */
  gap: 20px; /* Spacing between cards */
  padding: 20px;
}

/* Desktop: 4 columns */
@media (min-width: 992px) {
  #icoa-commissioners .card-body {
    grid-template-columns: repeat(4, 1fr);
  }
}

#icoa-administration .card-body {
   display: grid;
  grid-template-columns: repeat(1, 1fr); /* Mobile default: 1 column */
  gap: 20px; /* Spacing between cards */
  padding: 20px;
}

/* Desktop: 4 columns */
@media (min-width: 992px) {
  #icoa-administration .card-body {
    grid-template-columns: repeat(4, 1fr);
  }
}

#stay-at-home .card-body {
   display: grid;
  grid-template-columns: repeat(1, 1fr); /* Mobile default: 1 column */
  gap: 20px; /* Spacing between cards */
  padding: 20px;
}

/* Desktop: 4 columns */
@media (min-width: 992px) {
  #stay-at-home .card-body {
    grid-template-columns: repeat(4, 1fr);
  }
}

#stay-safe .card-body {
   display: grid;
  grid-template-columns: repeat(1, 1fr); /* Mobile default: 1 column */
  gap: 20px; /* Spacing between cards */
  padding: 20px;
}

/* Desktop: 4 columns */
@media (min-width: 992px) {
  #stay-safe .card-body {
    grid-template-columns: repeat(4, 1fr);
  }
}

#stay-healthy .card-body {
   display: grid;
  grid-template-columns: repeat(1, 1fr); /* Mobile default: 1 column */
  gap: 20px; /* Spacing between cards */
  padding: 20px;
}

/* Desktop: 4 columns */
@media (min-width: 992px) {
  #stay-healthy .card-body {
    grid-template-columns: repeat(4, 1fr);
  }
}

#stay-informed .card-body {
   display: grid;
  grid-template-columns: repeat(1, 1fr); /* Mobile default: 1 column */
  gap: 20px; /* Spacing between cards */
  padding: 20px;
}

/* Desktop: 4 columns */
@media (min-width: 992px) {
  #stay-informed .card-body {
    grid-template-columns: repeat(4, 1fr);
  }
}

.card-body .team-phone strong {
	color: #000;
}

.program-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 1rem;
	display: none;
}

.staff-member .area, .name {
	color: #000!important;
	font-weight: 700;
	display: grid;
    text-align: center;
    width: 100%;
    justify-content: center;
}

.staff-member .name img {
	width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
	border-radius: 999px
}

.staff-member .name img {
  display: inline-block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 50%;
}

.staff-member {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  padding: 20px;
/*   margin: 15px; */
  max-width: 300px;
  display: inline-block;
  vertical-align: top;
  transition: transform 0.3s;
	border: 1px solid #D1D1D1;
}

.staff-member .staff-image img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto;
}

.staff-member .staff-name {
  font-size: 1.2rem;
  margin-top: 10px;
}

.staff-member .staff-title,
.staff-member .staff-area {
  font-size: 0.9rem;
  color: #666;
}

.staff-contact-icons {
  margin-top: 12px;
}

.staff-contact-icons a {
  margin: 0 8px;
  color: #333;
  font-size: 1.2rem;
  transition: color 0.2s;
}

.staff-contact-icons a:hover {
  color: #0056b3;
}
.staff-member .staff-image img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto;
}

.staff-member .staff-name {
  font-size: 1.2rem;
  margin-top: 10px;
}

.staff-member .staff-title,
.staff-member .staff-area {
  font-size: 0.9rem;
  color: #666;
}

.staff-contact-icons {
  margin-top: 12px;
}

.staff-member .area p {
  font-size: 14px;
  color: #888;
  margin-bottom: 12px;
}

.staff-member .phone-email {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.staff-member .phone,
.staff-member .email {
  font-size: 18px;
  color: #4a90e2;
  transition: transform 0.2s ease;
}

.staff-member .phone:hover,
.staff-member .email:hover {
/*   transform: translateY(-3px); */
  color: #1c6dd0;
}

.collapse:not(.show) {
    display: block;
}

.staff-member i {
	color: #203260;
	margin: 0px 10px;
}

.staff-member .title {
  display: block;
  font-size: 16px;
  color: #666;
	font-weight: 700;
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 10px
	
}

.phone-email {
  margin-top: 0.5rem;
}

.phone-email a {
  margin-right: 1rem;
  font-size: 1.2rem;
  color: #007bff;
  text-decoration: none;
}

.phone-email a:hover {
  color: #0056b3;
}

/* Team Contact Info */
.team-email,
.team-phone,
.program-page {
/*   margin-top: 1rem; */
  font-size: 0.95rem;
}

.program-page a {
  text-decoration: underline;
  color: #0056b3;
}

.tab-content {
    display: block;
}

.staff-page h5.mb-0 {
    padding: 20px;
    margin: 0;
}

.staff-page .tab-pane {
	margin: 0px;
	padding: 0px;
}

.staff-page .card-header {
	margin: 0px;
	padding: 0px;
}

.staff-page .container.full-width {
	padding: 0px
}

.staff-list .card-header {
/* 	padding: 20px; */
}

.staff-list .card-body h2{
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0px;
}

.staff-member {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  padding: 30px 20px;
  text-align: center;
  transition: all 0.3s ease;
}

.staff-member:hover {
/*   transform: translateY(-5px); */
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.staff-avatar {
  margin-bottom: 15px;
}

.staff-avatar img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #eaeaea;
}

.staff-name {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin-bottom: 4px;
}

.staff-title {
  font-size: 15px;
  color: #666;
  margin-bottom: 10px;
}

.staff-area {
  font-size: 14px;
  color: #999;
  margin-bottom: 12px;
}

.staff-contact {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 10px;
}

.staff-contact a {
  color: #176f49;
  font-size: 18px;
  transition: color 0.2s ease;
}

.staff-contact a:hover {
  color: #0e4d32;
}

/* Container for nav-tabs */
.nav-tabs.nav-justified {
  border-bottom: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

/* Nav items - equal width */
.nav-tabs .nav-item {
  flex: 1 1 15%; /* Adjust percentage to control width on desktop */
  display: flex;
}

/* Nav links - centered text */
.nav-tabs .nav-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px!important;
  font-weight: 600;
  text-align: center;
  background-color: #f0f0f0;
  border: none;
  border-radius: 4px;
  color: #333;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.staff-list .d-table {
	display: flex!important
}

.nav-tabs .nav-link:hover {
  background-color: #e2e2e2;
}

.staff-list .nav-tabs .nav-link.active {
  background-color: #176f49;
  color: #000;
}

/* Stack vertically on mobile */
@media (max-width: 767px) {
  .nav-tabs.nav-justified {
    flex-direction: column;
  }

  .nav-tabs .nav-item {
    flex: 1 1 100%;
  }
}

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

.program-footer-box {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 20px;
  margin-top: 30px;
  width: 100%;
}

.program-footer-box .team-email,
.program-footer-box .team-phone,
.program-footer-box .program-page {
  margin-bottom: 10px;
  font-size: 0.95rem;
}

.program-footer-box i {
  margin-left: 8px;
  color: #333;
  transition: color 0.2s;
}

.program-footer-box a:hover i {
  color: #0056b3;
}

.program-footer-box .program-page a {
  display: inline-block;
  margin-top: 5px;
  font-weight: bold;
  text-decoration: none;
  color: #0056b3;
}
.staff-list .nav-tabs>.nav-item>.nav-link {
	background: #203260;
	color: #fff;
}

.staff-list .nav-tabs .nav-link.active {
	background: #EDF5FF!important;
	color: #000!important
}

.partner-search-wrapper label {
	font-weight: 600;
    margin-bottom: 0.5rem;
    color: #264B6B;
}

.partner-search-wrapper {
  border-radius: 4px;
}

#partner-search-form {
	margin-bottom: 2rem
}

.partner-search-wrapper h1 {
	font-size: 3.75rem!important;
}
.partner-search-wrapper form .form-group {
  margin-bottom: 1rem;
}

.partner-entry {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
	    border: 1px solid #ddd;
  align-items: center;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  gap: 20px;
	align-items: center!important
}

.partner-searh-wrapper label {
	font-weight: 600!important;
    margin-bottom: 0.5rem;
    color: #264B6B!important;
}

.partner-logo img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px;
  border-radius: 4px;
}

.partner-info h3 {
  font-weight: 600;
  margin-top: 0!important;
}

.partner-info p {
  margin-bottom: 0.4rem;
}

@media (max-width: 767px) {
  .partner-entry {
    flex-direction: column;
    text-align: center;
  }
  .partner-logo {
    margin-bottom: 10px;
  }
}

.partners-list h3 {
	margin-top: 0px!important
}

.partner-entry{
	display: flex; 
	padding: 20px; 
	margin-bottom: 30px; 
	gap: 20px;
}

#partner-search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
  background: #f8f9fa;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  justify-content: space-between;
}

#partner-search-form .form-block {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  flex: 1 1 200px;
}


#partner-search-form select,
#partner-search-form input[type="text"] {
  padding: 9px 12px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#partner-search-form select:focus,
#partner-search-form input[type="text"]:focus {
  border-color: #6c63ff;
  box-shadow: 0 0 0 0.2rem rgba(108, 99, 255, 0.15);
  outline: none;
}

#partner-search-form button[type="submit"] {
  padding: 10px 20px;
  background-color: #203260;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#partner-search-form button[type="submit"]:hover {
  background-color: #1A1A1A;
}

#partner-search-form .form-label {
	font-weight: 600!important;
    margin-bottom: 0.5rem;
    color: #264B6B!important;
}

.form-block {
  display: flex;
  flex-direction: column;
}

.news-item {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: box-shadow 0.2s ease;
}

.news-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.news-date {
  background: #203260;
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  text-align: center;
  line-height: 1.2;
}

.news-content {
  flex-grow: 1;
}

.news-title {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  color: #000000;
}

.news-content h3.news-title {
  margin-top: 0px!important;
}

.event-content {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  color: #333;
}

body.modal-open {
  overflow: visible !important;
}

.modal {
  overflow-y: auto;
}

.modal-dialog {
  max-width: 800px;
  margin: 2rem auto;
}

.modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

/* News and Alerts form styling */
.form-group .read-btn {
  background: #203260!important;
  color: #fff;
}

.form-group .read-btn:hover {
  background: #000!important;
  color: #fff;
}

button.btn.btn-outline-dark.mt-3:hover {
  background: #203260!important;
}



.filter-form {
  background: #f9f9f9;
  padding: 1.5rem;
  border-radius: 4px;
  border: 1px solid #ddd;
  margin-bottom: 2rem;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  align-items: end;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #264B6B;
}

.form-control {
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 1rem;
  background: #fff;
}

.form-control:focus {
  outline: none;
  border-color: #276099;
  box-shadow: 0 0 0 2px rgba(39, 96, 153, 0.15);
}

.full-width {
  grid-column: span 3;
}


/* Stack items vertically on screens below 600px */
@media (max-width: 600px) {
  .form-grid {
    display: block;
    flex-direction: column;
  }

  .full-width {
    width: 100%;
  }
}

.btn-primary {
  padding: 0.5rem 1rem;
  background: #276099;
  border: none;
  color: white;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.btn-primary:hover {
  background: #1e4c77;
}

#county-filter-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 400px;
  margin: 2rem 0;
}

#county-filter-form label {
  font-weight: 600;
  color: #333;
  font-size: 1rem;
}

#county-filter-form select {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
  color: #222;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}

#county-filter-form select:focus {
  border-color: #0073aa;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
  background-color: #fff;
}

.col-md-auto.form-block {
    align-self: end!important;
}

.crisis-form-top {
    gap: 20px;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    margin-bottom: 20px;
}

.crisis-form-top .read-btn {
  font-family: 'Atkinson Hyperlegible', sans-serif!important;
  padding: 6px 15px!important;
}

.crisis-form-top .read-btn:hover {
  background: #000;
  color: #fff;
}

h5 a::before {
  content: none !important;
  display: none !important;
}


#event-filter-form label {
  font-weight: 600;
  font-size: 1rem;
  color: #333;
}

#event-filter-form select {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  transition: border-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
}

#event-filter-form select:hover,
#event-filter-form select:focus {
  border-color: #0073aa;
  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
  outline: none;
}

.tribe-events-calendar-list__event-date-tag.tribe-common-g-col {
	background: #542971;
  color: white;
  width: 100px;
  height: 200px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'Arial', sans-serif;
  text-align: center;
}
.tribe-events-calendar-list__event-date-tag-month {
	font-size:24px;
}
.tribe-events-calendar-list__event-date-tag-daynum {
	font-size:50px;
}

.tribe-events-calendar-list__event-date-tag-year {
	font-size:16px;
}

.staff-programs span.staff-program-name {
	color: #000!important;
	border-bottom: 1px solid #D1D1D1!important;
	padding-bottom: 7px;
	font-size: 16px !important;
	padding-top: 7px;
}

.staff-member .name {
	    font-size: 1.2rem;
}

.staff-programs span.staff-program-name:last-child {
	border-bottom: 1px solid #D1D1D1!important;
}

.staff-programs {
    display: grid;
}

@media (max-width: 768px) {
  .staff-member {
    max-width: 100% !important;
    display: block;
  }
}
.pagination {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.pagination a,
.pagination span {
  padding: 8px 12px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
}
.pagination .current {
  background: #203260;
  color: #fff;
  border-color: #203260;
}

.error-404 .card-text {
	color: #000!important
}
p.error-p {
	color: #fff!important
}

.error-404 .card-text a {
	color: var(--color2) !important;
}

h4.elementor-heading-title.elementor-size-default {
    color: #fff;
}

.iconlist {
    list-style-type: none;
    padding: 0px 10px !important;
    margin: 20px;
}

.resource-pagination {
  text-align: center;
}
.resource-pagination .page-numbers {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #264B6B;
  text-decoration: none;
}
.resource-pagination .current {
  background: #264B6B;
  color: #fff;
  border-color: #264B6B;
}

@media (min-width: 990px) {
    .navbar {
        min-height: 50px;
        max-height: 100px;
        align-items: flex-start;
        gap: 5px;
    }
}

.navbar {
        gap:10px!important;
    }


.top-navigation a {
	color: #fff!important
}

.top-navigation a:hover {
	color: #ff8266!important
}

/* Blog archive styling */
.news-archive {
  max-width: 100%;
  margin: auto;
  padding: 0rem;
}

.news-archive-post {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding-bottom: 2rem;
}

.news-archive-post h2 {
	margin-top: 0px!important
}

.news-thumbnail {
  flex: 0 0 200px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.news-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-content {
  flex: 1;
}

.news-title a {
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.news-meta {
  font-size: 0.85rem;
  color: #333;
  margin: 0.5rem 0;
}

.news-meta span {
  margin-right: 0.5rem;
  font-weight: bold;
  text-transform: uppercase;
}

.news-excerpt {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 1rem;
}

.news-button {
  background-color: #0a2b57;
  color: #fff;
  padding: 0.6rem 1.2rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.news-button:hover {
  background-color: #063469;
}

/* Responsive: stack image and content on mobile */
@media screen and (max-width: 768px) {
  .news-archive-post {
    display: grid;
    grid-template-columns: 1fr;
  }

  .news-thumbnail {
    width: 100%;
  }

  .news-content {
    width: 100%;
  }
}

#partner-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.partner-card {
      display: flex;
    flex-direction: row;
    gap: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

/* Wrap the form in a visually distinct container */


#partner-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
	margin-bottom: 20px;
	background: #f9f9f9;
    padding: 1.5rem;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 2rem;
}


#partner-filter-form select:focus {
  border-color: #007b5e;
  outline: none;
}

/* Responsive stacking on smaller screens */
@media (max-width: 600px) {
  #partner-filter-form {
    flex-direction: column;
  }

  #partner-filter-form select {
    flex: 1 1 100%;
  }
}

.partner-card-image {
  flex: 0 0 150px;
  margin-right: 40px;
}

.partner-card-image img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

.partner-card-content {
  flex: 1;
}

.partner-card-content h3 {
  margin-top: 0!important;
  font-size: 1.2rem;
}

.partner-card-content p {
  margin: 6px 0;
  font-size: 0.95rem;
}

.partner-card-content a {
  color: #007b5e;
  text-decoration: none;
}

.partner-card-content a:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .partner-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .partner-card-image {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.event-label {
  border-radius: 3px;
  font-weight: bold;
  color: white;
	margin-right: 10px;
  font-size: 0.9em;
	padding-left: 10px;
	padding-right: 5px;
}

.event-alert {
  background-color: #dc3545; /* Bootstrap red */
}

.event-news {
  background-color: #28a745; /* Bootstrap green */
}

.event-event {
  background-color: #007bff; /* Bootstrap blue */
}

.filter-instructions {
    display: block;
    width: 100%;
}

.partner-card .d-flex.gap-4 {
	align-items: center;
}
@media only screen and (min-width: 768px) {
    #masthead .logo img {
        max-height: 150px;
        width: 250px!important;
        margin: 50px 0px!important;
    }
}

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

.partner-card {
  border: 1px solid #ddd;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 8px;
  background-color: #fafafa;
}
.partner-logo img {
  max-width: 150px;
  height: auto;
  margin-bottom: 1rem;
}
.partner-link {
  color: #0073aa;
  text-decoration: underline;
}
.partner-link:hover {
  text-decoration: none;
}

#partner-county-form {
  background-color: #f8f9fa;
  padding: 1.5rem;
  border-radius: 4px;
  border: 1px solid #dee2e6;
  width: 100%;
  margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

#partner-county-form label {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #333;
}

#partner-county-form select {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid #ced4da;
  background-color: #fff;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

#partner-county-form select:focus {
  border-color: #80bdff;
  outline: none;
  box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
}

.breadcrumbs a {
	color: var(--color2)!important;
}

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

.custom-date-box {
	background-color: #5B2C8B;
            color: white;
            text-align: center;
            padding: 1rem 0.8rem;
            min-width: 150px;
            min-height: 150px;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-weight: bold;
}

.custom-date-box .month {
	font-size: 24px!important;
	font-weight: 100;
}

.custom-event-content a {
	color: #000;
	font-size: 30px!important;
	text-decoration: none;
	font-style: normal;
	line-height: 20px
}

.custom-date-box .day {
	font-size: 50px!important;
	font-weight: 700;
}

.custom-date-box .year {
	font-size: 16px!important;
	font-weight: 100;
}

.resource-map-wrapper {
  padding: 0rem;
}

.dropdown-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.dropdown-row .form-group {
  width: calc(50% - 10px); /* 50% minus half the gap */
  box-sizing: border-box;
}
.dropdown-row select {
  width: 100%;
}

.form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.form-group select {
  width: 100%;
  padding: 0.4rem;
}

.resource-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
	height: auto;
}


/* On screens 768px and below, reverse the columns */
@media (max-width: 768px) {
  .resource-grid {
    flex-direction: column-reverse;
    gap: 1.5rem;
  }
}

.office-card {
  flex: 1 1 30%;
  background: #203260;
  color: #fff;
  padding: 2rem;
  border-radius: 4px;
}

.office-card a {
  color: #fff;
  text-decoration: underline;
}

.map-container {
  flex: 1 1 55%;
  text-align: center;
}

.map-sector {
  fill: #153a6d;
  cursor: pointer;
  transition: fill 0.3s ease;
}

.map-sector:hover {
  fill: #285ea8;
}

.office-inner h3 {
	margin-top: 20px;
	font-size: 20px;
}

p.address-one {
	 display: flex;
  align-items: center;
  gap: 8px; /* Optional: adds space between icon and text */
  color: white; /* Match your background style */
  font-size: 16px;
}


.counties-serverd {
	margin-top: 30px;
}

.office-inner a {
	color:#fff!important
}

.office-inner img {
	width: 100%;
    display: block;
    max-width: 410px;
    border-radius: 4px;
}

.office-inner h3 {
	color: #fff!important
}

.office-inner p {
	color: #fff!important
}

.icon-blue {
  color: #6C92CB;
}

#interactive-idaho-map {
  width: 100%;
  height: 700px;
  background: radial-gradient(circle at center, #b8c9e8 0%, #1a3a78 100%);
  border-radius: 4px;
  padding: 2rem;
  display: block;
}
path.map-region.map-current.northern-idaho {
  fill: #203260!important;
}


path.map-region.map-current.nci  {
  fill: #b15f20;
}

path.map-region.map-current.sw-i  {
  fill: #186f49;
}

path.map-region.map-current.sc-i  {
  fill: #ae2f25;
}

path.map-region.map-current.e-i  {
  fill: #436898!important;
}

path.map-region.map-current.se-i  {
  fill: #542971!important;
}


path.map-region.map-current.northern-idaho:hover {
  fill: #3F833F!important;
}
path.map-region.map-current.nci:hover {
  fill: #3F833F!important;
}
path.map-region.map-current.sc-i:hover {
  fill: #3F833F!important;
}
path.map-region.map-current.e-i:hover {
  fill: #3F833F!important;
}
path.map-region.map-current.sw-i:hover {
  fill: #3F833F!important;
}
path.map-region.map-current.se-i:hover {
  fill: #3F833F!important;
}

#interactive-idaho-map path.map-region {
    stroke-width: 4px!important;
    cursor: pointer;
    transition: fill 0.2s;
    stroke: #fff!important;
}

#office-info {
  transition: opacity 0.3s ease-in-out;
}

/* On screens 768px and below, reverse the columns */
@media (max-width: 768px) {
  .post-item {
	flex-direction: column;
  }
}

.placeholder-message {
  font-size: 1.5rem!important;
  color: #fff!important;
  padding: 1rem 0;
	text-align: center;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
	margin: 20px 0px!important
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    display: flex
;
    flex-direction: column;
    height: 100%;
    padding-top: var(--tec-spacer-0);
    text-align: center;
    justify-content: center;
}

span.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
	color: #fff!important;
	font-size: 50px;
}

span.tribe-events-calendar-list__event-date-tag-weekday {
	color: #fff!important;
	font-size: 24px!important;
}

.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
	background: #203260!important
}

.tribe-events-c-search {
	background: #fff!important
}

.tribe-events .datepicker .day.active {
	background: #203260!important;
	color: #fff!important
}

.tribe-events-single-event-description {
	font-family: 'Atkinson Hyperlegible', sans-serif;
}
.tribe-events-back a {
	font-family: 'Atkinson Hyperlegible', sans-serif;
}

.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a {
	font-family: 'Atkinson Hyperlegible', sans-serif;
}

@media (max-width: 768px) {
  #partner-search-form {
	display: block;
  }
}

@media (max-width: 768px) {
  .staff-page {
	padding: 0px;
  }
}

.row.buttons i {
	color: #fff!important
}

#interactive-idaho-map .map-region.active {
  fill: #3F833F; /* or any highlight color you want */
  stroke: #ffffff;
  stroke-width: 2;
}

/* Footer Styling */

.site-footer {
	background:#EDF5FF!important
}

.site-footer a {
	color: #000!important
}

.site-footer p {
	color: #1A1A1A!important
}

#usa-map img {
  fill: #6c92cb;
  stroke: #ffffff;
  stroke-width: 2;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-block-title {
	padding-bottom: 15px !important;
    padding-top: 20px !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #203260!important;
    color: #fff!important;
    opacity: 1 !important;
    font-size: 16px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
	background: #000!important
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	width: 300px;
}

@media (max-width: 768px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	width: 100%;
  }
}


@media (max-width: 768px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	padding: 0px;
	background: none!important;
  }
}


.about-us-main .elementor-widget-container {
	color: #fff!important;
	padding-bottom: 100px!important;
}
.about-us-main .elementor-widget-container p {
	color: #fff!important
}
.staff-area {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  color: #444;
}

.program-footer-box .row > div {
  margin-bottom: 1rem;
  text-align: center;
}

@media (max-width: 768px) {
  .program-footer-box .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.team-email, .team-phone, .program-page {
    width: 33%;
}

@media (max-width: 768px) {
  .dropdown-row {
    display: block;
  }
}

@media (max-width: 768px) {
  .dropdown-row .form-group {
    width: calc(100% - 10px);
    box-sizing: border-box;
}
}


.team-phone {
	background: #203260!important;
	color: #fff;
}

.program-page {
	background: #19704a!important;
	color: #fff;
}

.team-email {
	color: #fff;
    background: #ae2f25!important;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 10px;
    /* margin: 15px; */
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
    transition: transform 0.3s;
    border: 1px solid #D1D1D1;
    height: 42px;
    text-align: center;
}

.row.buttons {
    gap: 20px;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    background: #f1f1f1;
    margin: 0px;
	border-top: 1px solid #eae9e9
}

.row.buttons::before {
	margin-left: 10px;
}

.row.buttons .row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.row.buttons > div {
  flex: 1 1 0; /* Equal width columns */
  min-width: 200px;
  text-align: center;
  padding: 1rem;
  border-radius: 5px;
  background: #f5f6fa;
  display: block;
  flex-direction: column;
  justify-content: center;
  height: 100%; /* Equal height within flex */
}

.row.buttons .program-page {
  background-color: #a52a2a; /* brick red */
	padding: 27px;
}

.row.buttons .program-page a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.row.buttons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-weight: bold;
	margin-left: 10px;
	text-decoration: none;
}

.row.buttons > div {
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.staff-list li {
	margin-right: 0px!important
}

a.elementor-button.elementor-button-link.elementor-size-sm {
background-color: #203260 !important;
    color: #fff;
    padding: 10px 40px;
    border: none;
    font-size: 20px;
    border-radius: 4px;
}
a.elementor-button.elementor-button-link.elementor-size-sm:hover {
	background-color: #000!important;
}

p.wm4-slider-text {
color: #fff!important
}

.results-vid {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 8px;
	font-size: 1.5rem


}

.results-vid h5 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  color: #155724; /* Bootstrap text-success fallback */
}

.results-vid a {
  color: #007bff;
  text-decoration: underline;
  word-break: break-word;
}

.results-vid a:hover {
  text-decoration: none;
}

.results-vid .resource-description {
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  color: #333;
  line-height: 1.4;
}

.results-vid p {
  font-size: 1rem;
  margin: 0.5rem 0;
  color: #000;
}

.results-vid strong {
  color: #000;
}

/* Responsive: extra fine-tuning for small screens */
@media screen and (max-width: 480px) {
  .results-vid {
    padding: 0.875rem;
	  width: 100%;
  }

  .results-vid h5 {
    font-size: 1rem;
  }

  .results-vid .resource-description{
    font-size: 0.875rem;
	  width: 90%
  }
}

#partner-filter-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px;
  background: #f8f9fb;
  border-radius: 8px;
  align-items: start;
}

#partner-filter-form label {
  font-weight: 600;
  color: #18335a;
  display: block;
  margin-bottom: 6px;
}

#partner-filter-form .form-group {
  display: flex;
  flex-direction: column;
}

#partner-filter-form select,
#partner-filter-form input[type="text"] {
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  transition: border-color 0.3s ease;
}

#partner-filter-form select:focus,
#partner-filter-form input[type="text"]:focus {
  outline: none;
  border-color: #3a6da8;
  box-shadow: 0 0 0 2px rgba(58, 109, 168, 0.2);
}


@media only screen and (max-width: 991px) {
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        display: block;
        padding: 5px;
    }
}

.crisis-button {
    display: inline-block;
    background-color: #fff; /* red for urgency */
    color: #1A1A1A;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
    transition: background-color 0.3s ease;
	font-style: normal!important;
	text-decoration: none!important
}

.crisis-button:hover {
    background-color: #1A1A1A;
	font-style: normal!important;
	color: #fff!important;
	text-decoration: none!important
}

.row.buttons strong {
	display:block;
}

.search-field {
	font-family: 'Atkinson Hyperlegible', sans-serif;
}

.custom-search-bar-page input#s-1 {
    border: 1px solid #ddd !important;
    margin-bottom: 0px !important;
	border-radius: 4px;
}

.custom-search-bar-page .entry-title a {
	color: #203260!important
}

.search-results article .entry-title {
    margin-bottom: 1.2em;
    font-size: 1.5em;
    margin-top: 0em !important;
	color: #203260
}
.search-result-row a.submit.search-submit.btn.btn-primary {
    background: #203260 !important;
    color: var(--color7) !important;
    border: none !important;
    padding: 5px 20px !important;
    font-size: 16px !important;
}

.custom-search-bar-page button.submit.search-submit.btn.btn-primary {
    background: #203260 !important;
    border: none !important;
	color: #fff !important;
}

.custom-search-bar-page .col-sm-12.col-md-12 {
    margin: 0;
	padding: 0px!important
}

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

.quick-tips-content-left h3{
	margin-top: 0px!important
}

h2.elementor-heading-title.elementor-size-default {
margin-top: 0px;
}

ul.rss-aggregator.wpra-item-list.wpra-item-list--bullets.wpra-item-list--default {
    margin: 0px;
    padding: 0px;
}


@media (max-width: 768px) {
  .filter-group {
    width: 100%!important;
}
}


@media (max-width: 768px) {
  .custom-event-row {
    display: grid!important
}
}

.custom-event-row {
	display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 2rem; gap: 1.5rem; flex-wrap: wrap;
}

.custom-event-left {
	flex: 1 1 60%; display: flex; align-items: start;"
}

@media (max-width: 768px)  {
	.custom-event-left {
    display: grid !important;
}}

@media (max-width: 768px)  {
	.custom-event-image img {
    width: 100%!important;
}}

@media (max-width: 768px)  {
	.slide-content h3 {
    font-size: 2.2rem;
}}

@media (max-width: 768px)  {
	.slide-content h4 {
    font-size: 1.5rem;
	text-transform: none;
}}




.custom-event-image{
	flex: 1 1 30%; text-align: right;
}

/* News and Alerts */
.news-alerts-wrapper {
    display: grid;
/*     grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); */
    gap: 2rem;
    margin-top: 2rem;
}

.news-alert-card {
    display: flex;
    flex-direction: row;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

a.wp-block-button__link.wp-element-button {
    background: #264b6b !important;
}

.news-alert-card:hover {
    transform: translateY(-4px);
}

.news-alert-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.news-alert-content {
    padding: 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-alert-content h3 {
    font-size: 1.2rem;
    color: #203260;
    margin-bottom: 0.75rem;
}

.news-alert-content p {
    flex-grow: 1;
    color: #444;
    font-size: 0.95rem;
    margin-bottom: 1rem;
}

.read-more-btn {
    padding: 0.5rem 1rem;
    background-color: #264B6B;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    align-self: flex-start;
    font-size: 0.95rem;
    transition: background 0.3s ease;
}

.read-more-btn:hover {
    background-color: #1e3a56;
}
.tab-arrow::before {
	display: none!important
}

.card-body.text-center.d-flex.flex-column {
    margin-bottom: 30px;
}

.card-body  .mt-auto {
    margin-top: 10px!important;
}