label.wp-block-search__label{
    display: none;
}

ul.wp-block-latest-posts li a {
    transition: background 0.1s;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 10px 0 10px 22px;
    display: block;
    color: var(--primary);
    font-size: 1em;
    text-decoration: none;
    line-height: 20px;
}

ul.wp-block-latest-posts li a:hover {
    text-decoration: none;
    font-weight: 600;
    color: var(--secondary);
}

ul.wp-block-latest-posts li{
    position: relative;
}

ul.wp-block-latest-posts li a:before {
    font-family: 'Font Awesome 6 Free';
    content: "\f054";
    font-weight: 900;
    position: absolute;
    top: 10px;
    font-size: 7.2px;
    font-size: 0.45rem;
    opacity: 0.7;
    transform: translate3d(-1px, 0, 0);
    left: 12px;
    
}

 article.post .post-date .year {
    display: block;
    background: var(--grey-500);
    border-radius: 0 0 2px 2px;
    color: var(--dark);
    font-size: 0.8em;
    line-height: 1.8;
    padding: 1px 10px;
    text-transform: uppercase;
}

.post-meta a{
    text-decoration: none;
    color: var(--primary);
}

.post-meta a:hover{
    font-weight: 600;
    text-decoration: none;
    color: var(--secondary);
}
/* post nav */
nav.post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0;
}

nav.post-navigation .nav-links a.span {
  font-size: 0.2rem;
}

/* undo uppercase... */
.text-normal {
  text-transform: none !important;
}

/* table.dataTable td,
table.dataTable th {
    white-space: normal !important;
    overflow-wrap: break-word;
    min-width: 100px; 
    max-width: 300px;
} */

div.dt-container {
        width: 100%;
        margin: 0 auto;
    }

div.dt-container select.dt-input {
    margin-right: 10px;
}

span.dt-column-title{
    font-weight:normal;
}

div.dt-container .dt-search input {
    margin-left: 13px;
}

.text-primary p{
    color: var(--primary);
}

.text-secondary p{
    color: var(--secondary);
}

.text-white :is(h1, h2, h3, h4, h5, h6, a, p, ol, ul, li) {
    color:#fff;
}

.text-dark p{
    color: var(--dark);
}


.text-light :is(h1, h2, h3, h4, h5, h6, a, p, ol, ul, li) {
  color:  #fff!important;
}


/* Swatch styling for ACF radio field */
.acf-field-brand_color .acf-radio-list label {
  display: inline-block;
  cursor: pointer;
}

.acf-field-brand_color .acf-radio-list input {
  display: none; /* hide radio button circles */
}

.acf-field-brand_color .acf-radio-list label span {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 4px;
  border: 2px solid transparent;
  box-sizing: border-box;
}

/* Selected state */
.acf-field-brand_color .acf-radio-list input:checked + span {
  border-color: #000;
}


/* Sidebar Nav */

/* Style for nav-item within side_nav to add a circled arrow before each item */
.side_nav .nav-item {
  position: relative;
  padding-left: 2rem; /* Space for the circle and arrow */
}

/* Create a circle with an arrow using ::before for nav-items in side_nav */
.side_nav .nav-item::before {
  content: "\003E"; /* Unicode for right arrow */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--secondary)!important; /* Bootstrap 5 secondary color */
  color: var(--light)!important; ;  /* White arrow for contrast */
  border-radius: 50%; /* Circular shape */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem; /* Adjust arrow size */
  line-height: 1;
}

/* Nested list items (sub-menu) within side_nav get a smaller circle and arrow */
.side_nav .nav-item .nav-item::before {
  width: 1.2rem;
  height: 1.2rem;
  font-size: 0.7rem;
}

/* Ensure nested lists within side_nav have proper indentation */
.side_nav .nav-item ul {
  padding-left: 2rem; /* Align nested items with parent text */
}

ul.side_nav.nav-list li a {
    padding: 10px 0 10px 1px;
}

ul.side_nav.nav-list li a:hover{
    color: var(--secondary)!important;
    font-weight: 500!important;
}

/* sidenav long title fix */
ul.nav-list-arrows li a:before {
    bottom: 6px !important;
    top: auto !important;
}

ul.nav-list-arrows li a:before {
    color: var(--light);
}

ul.nav-list-arrows li a:after {
    background: var(--secondary)!important;
}

ul.nav-list-arrows li a:hover {
   color: var(--dark)!important;
   font-weight: 700;
}

.custom-nav-list-effect-1 > li > a {
		position: relative;
		transition: ease padding 300ms, ease color 300ms;
}

.custom-nav-list-effect-1 > li > a:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 0;
		height: 0;
		border-top: 4px solid var(--grey-500);
		opacity: 0;
		visibility: hidden;
		transform: translate3d(0, -50%, 0);
		transition: ease opacity 300ms, ease width 300ms;
}

.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
		padding-left: 45px;
		font-weight: 700;
}

.custom-nav-list-effect-1 > li.active > a:before, .custom-nav-list-effect-1 > li.open > a:before, .custom-nav-list-effect-1 > li:hover > a:before {
		width: 30px;
		opacity: 1;
		visibility: visible;
}

.custom-nav-list-effect-1 > li > a:before {
		border-top-color: var(--primary);
}

.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
		color: var(--primary) !important;
}


/* Google Maps Infowindow */
.gm-ui-hover-effect {
    width: 23px !important;  
    height: 23px !important;
    right: 0 !important;  
    top: 0 !important;  
    outline: 0 !important;   
}

.gm-ui-hover-effect span {
    width: 16px !important; 
    height: 16px !important;
    margin: 6px !important;  
    outline: 0 !important;  
}

/* verical tab css fix */
html body .tabs-secondary .nav-tabs li .nav-link.active {
    border-left-color: var(--secondary)!important;
}
html body .tabs-tertiary .nav-tabs li .nav-link.active {
    border-left-color: var(--tertiary)!important;
}
html body .tabs-quaternary .nav-tabs li .nav-link.active {
    border-left-color: var(--quaternary)!important;
}
html body .tabs-dark .nav-tabs li .nav-link.active {
    border-left-color: var(--dark)!important;
}

.table-responsive table th
{
  vertical-align: top;
}



.nav-tabs li .nav-link {
    background: #f8f8f8!important;
}

.nav-tabs li .nav-link.active {
    background: var(--dark)!important;
    color: var(--light)!important; 
}


/* search bg */
#header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full:before {
    background: var(--secondary-rgba-90)!important;
}

#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
    border-bottom-color: var(--light);
}

.testimonial blockquote {
    font-family: unset!important;
    color: var(--light)!important;
}

.testimonial blockquote p {
    color: var(--light);
    font-family: unset;
    font-size: 1.2em;
}

.btn {
   border-color: unset!important;
}