html {
	font-feature-settings: "kern" 1;
    font-kerning: normal;
}
body{
	line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
main li {
    line-height: 150%!important;
}	
.agency-footer li{
	       line-height: 150% !important;
}
.hero{
	background-image: url('/assets/images/semarc_hero.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
	background-position: top;
	box-shadow: 0px 12px 48px -12px rgba(32, 41, 79, 0.25);
} 
.btn:hover {
  background-color: #0d4082 !important;
  border-color: #0d4082 !important;
  color: #fff !important; /* optional but recommended for contrast */
}

.navbar-logo {
  max-height: 70px;   /* adjust as needed */
  height: auto;
  width: auto;
}
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-toggler {
  border-color: white;
}

.heroCopyOverlay {
    z-index: 3;
    text-align: center;
}
/* Default: mobile = auto */
.h-md-220,
.h-md-250,
.h-md-375,
.h-md-400 {
  height: auto;
}

/* Desktop and up */
@media (min-width: 768px) {
  .h-md-220 { height: 220px; }
  .h-md-250 { height: 250px; }
  .h-md-375 { height: 375px; }
  .h-md-400 { height: 400px; }
}

.max250 {
	max-width: 200px; 
	height:auto;
	object-fit: cover;
}
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", serif; font-feature-settings: 'clig' off, 'liga' off;}
.georgia {font-family: Georgia, "Times New Roman", serif;}
.color_darkblue{color: #041d5a!important;}
.homeContentBump{
	border-top: 6px solid #fff;
    margin-top: -6px;
    position: relative;
    border-radius: 3px;
	background:#ffffff;
}
header{background: #073070;border-bottom: 2px solid #FFF;}
.overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(235 243 255 / 71%);
        z-index: 1;
      }
.btn.semarc_blue {
    background: #041d5a;
    color: #fff;
    border: 3px solid #fff;
    transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

/* Softer hover: light fade instead of full inversion */
.btn.semarc_blue:hover,
.btn.semarc_blue:focus {
    background: #0d4082;      /* slightly lighter navy */
    color: #f5f5f5;           /* softer white */
    border-color: #f5f5f5;
}

/* Active: gentle press effect */
.btn.semarc_blue:active {
    background: #02133a;      /* deeper shade */
    color: #eaeaea;
    border-color: #eaeaea;
}
/*////////////////////breadcrumb//////////////////////////////*/
.breadcrumbList {
	list-style: none; padding: 0; margin: 0; display: flex; gap: 0.5rem;
}
/*////////////////////ABOUT//////////////////////////////*/
.semarcCallout {
	border-left: 8px solid #203b74;
	background: #dfefff;
}
 /* Mobile: no border */
.border-callout {
    border-left: none;
}

/* Desktop: restore your thick colored border */
@media (min-width: 768px) {
    .border-callout {
        border-left: 8px solid #203b74!important;
    }
}
.bg-callout {
    background-color: #dfefff;
}
/*home column split borders*/
/* MOBILE (default): top border only */
.border_column_layout {
  border-top: 1px solid #dee2e6;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

/* DESKTOP (md+): left + bottom only */
@media (min-width: 768px) {
  .border_column_layout {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
  }
}

/*////////////////////News page//////////////////////////////*/
/* Container spacing */
#news-pagination {
    margin-top: 2rem;
    text-align: center;
}

/* Page items */
#news-pagination .page-item {
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    font-size: 1.125rem;
}

/* Remove weird pseudo-element */
#news-pagination .page-item:before {
    content: none;
}

/* Page links */
#news-pagination .page-link {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 6px;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Hover + focus */
#news-pagination .page-link:hover,
#news-pagination .page-link:focus {
    color: #0073eb;
    border-color: #0073eb;
    background-color: #f0f7ff;
}

/* Active page */
#news-pagination .page-item.active .page-link {
    background-color: #0073eb;
    color: #fff;
    border-color: #0073eb;
    cursor: default;
}

/* Remove Bootstrap default background override */
#news-pagination .page-item a {
    background-color: transparent;
}

.views-list .title {
    font-size: 1.5625rem;
    margin-bottom: .625rem;
}.views-list .title a {
    color: #00257d;
	text-decoration: none;
}.view-row hr {
    margin-bottom: 2.25rem;
    margin-top: 2.125rem;
}.views-list .categories-date {
    color: #555;
    margin-bottom: .625rem;
}.views-list .categories-date .categories, .views-list .categories-date .category {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    margin-right: 2.1875rem;
}.views-list .categories-date .date {
    font-size: .75rem;
    font-weight: 900;
    margin-bottom: .75rem;
    text-transform: uppercase;
}

/*accordion*/
/* Base accordion item */
.accordion-item {
  border: none;
  border-bottom: 1px solid #e5e5e5;
}

/* Default header (closed) */
.accordion-button {
  background: #fff;
  color: #041d5a;
  font-weight: 600;
  padding: 1rem 1.25rem;
  box-shadow: none;
}

/* Hover (subtle) */
.accordion-button:hover {
  background: #f8f9fa;
}

/* Active/open header */
.accordion-button:not(.collapsed) {
  background: #f2f2f2; /* light grey */
  color: #041d5a;
  border-bottom: 1px solid #d0d0d0;
  box-shadow: none;
}

/* Remove Bootstrap focus ring */
.accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}

/* Body default */
.accordion-body {
  background: #fff;
  color: #000;
  padding: 1rem 1.25rem;
}

/* Body when open */
.accordion-collapse.show .accordion-body {
  background: #f2f2f2;
}

/* -------------------------------------- */
/* Chevron circle using Bootstrap's arrow */
/* -------------------------------------- */

/* Base circle behind arrow */
.accordion-button::after {
  background-color: #e6e6e6;   /* light grey circle */
  border-radius: 50%;
  padding: 6px;
  width: 14px;
  height: 14px;
  background-size: 10px;       /* arrow size */
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.2s ease;
}

/* Active circle */
.accordion-button:not(.collapsed)::after {
  background-color: #041d5a;   /* your brand color */
  background-size: 10px;
  filter: brightness(2);       /* makes arrow white */
}