/**
 * Theme Name: OAH
 * 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
 */


/* Base Font */
body {
    font-family: 'Atkinson Hyperlegible', sans-serif;
    color: #333;
}

#main {
	background: #fff!important;
}

#content {
	background: #fff!important;
}

#content>.row {
    background: #fff!important;
}

#primary {
	 background: #fff!important;
}

.entry-content p{
	margin-bottom: 1.4rem;
}

/* Headings */
h1 {
    font-size: 3.75em;
    font-weight: bold;
}

h2 {
    font-size: 3.12em;
    font-weight: bold;
}

h3 {
    font-size: 2.5em;
    font-weight: bold;
}

h4 {
    font-size: 1.8em;
    font-weight: bold;
}

h5 {
    font-size: 1.25em;
    font-weight: bold;
}

h6 {
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
}

/* Body Text */
p {
    font-size: 1.15;
    font-weight: normal;
}

.custom-sidebar-widget a:hover {
	color: #555555!important
}

/* Links */
a {
    font-size: 16px;
    font-weight: normal;
    color: #007bff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Intro Text */
.intro {
    font-size: 24px;
    font-weight: normal;
}

/* Meta Links */
.meta-link {
    font-size: 14px;
    font-weight: normal;
    color: #ff4500;
}

/* Input Text */
.input-text {
    font-size: 14px;
    font-weight: normal;
}

/* Department Tag */
.department-tag {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}


@media (max-width: 768px) { 
    .row.justify-content-between {
        flex-wrap: nowrap!important;
    }
}


h4.mega-block-title {
	color: #fff!important;
}
ul.mega-sub-menu .menu-item{
    line-height: 1.4em!important;
}

.mega-sub-menu li {
	list-style: none!important;
}
.mega-menu-item ul {
	padding-left: 0px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
	padding-top: 50px;
	padding-bottom: 50px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    border-left: none!important;
    box-shadow: none!important;
  }


.vertical-tabs-container {
    display: flex;
    align-items: flex-start;
}

.vertical-tabs {
    display: flex;
    flex-direction: column;
    width: 200px;
    border-right: 1px solid #ddd;
}

.vertical-tabs .tab-button {
    background: #f4f4f4;
    padding: 10px;
    border: none;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

.vertical-tabs .tab-button:hover,
.vertical-tabs .tab-button.active {
    background: #007cba;
    color: white;
}

.vertical-tab-content {
    padding: 15px;
    width: 100%;
}

.vertical-tab-content .tab-content {
    display: none;
}

.vertical-tab-content .tab-content.active {
    display: block;
}

/* Styled Buttons  Primary Rest */

.btn-small-primary-rest .wp-element-button {
	padding: 7px 50px!important;
	background: #16628B!important;
	font-size: 20px;
	font-weight: 700;
}

.btn-small-primary-rest .wp-element-button:hover {
	background: #555555!important;
}

/* Styled Buttons Primary Light */

.btn-small-primary-light .wp-element-button {
	padding: 7px 50px!important;
	background: #fff!important;
	color: #555555!important;
	font-size: 20px;
	font-weight: 700;
}

.btn-small-primary-light .wp-element-button:hover {
	background: #555555!important;
}

/* Styled Buttons Secondary Dark (rest) */

.btn-small-secondary-dark .wp-element-button {
	padding: 10px 50px!important;
	background: #16628B!important;
	color: #fff!important;
	font-size: 20px;
	font-weight: 700;
}

.btn-small-secondary-dark .wp-element-button:hover {
	background: #555555!important;
}

/* Styled Buttons Secondary Light */

.btn-small-secondary-light .wp-element-button {
	padding: 10px 50px!important;
	background: #fff!important;
	color: #555555!important;
	font-size: 20px;
	font-weight: 700;
}

.btn-small-secondary-light .wp-element-button:hover {
	background: #555555!important;
}

.home-intro {
	width: 90%;
	display: block;
	margin: 0px auto;
	padding-bottom: 50px;
}

#main {
    margin-bottom: 4em;
}

#main p a{
	text-decoration: underline;
}

footer#colophon {
    background: #F4F3F1;
    color: #555555;
}

.footer-navigation a {
	color: #555555!important;
}

.footer-navigation a:hover {
	color: #264b6b!important;
}

.footer-navigation h3.widget-title {
 margin-top: 0px!important;
}

div#usa-map {
opacity: .4
}

/* Sidebar Styling */

.service-box h2.card-title {
	margin-top: 0px!important;
}
.custom-sidebar-widget {
    background-color: #f4f4f2;
    padding: 40px;
    border-radius: 5px;
}

.sidebar-heading {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    border-bottom: 2px solid transparent;
}

.sidebar-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-links li {
    margin-bottom: 5px;
}

.sidebar-links a {
    text-decoration: underline;
    color: #30758D !important;
    font-size: 1rem;
    transition: color 0.3sease;
}

.sidebar-links a:hover {
    color: #005177;
}

.custom-sidebar-widget {
/* 	width:30%!important; */
}

.custom-sidebar-widget h2.wp-block-heading {
	font-size: 30px!important
}

.custom-sidebar-widget a {
	color: #30758D !important;
}

.tablepress>:where(thead,tfoot)>*>th {
	background: #004658!important;
}
.tablepress>:where(thead,tfoot)>*>th:hover {
	background: #16628B!important;
}


/* Leadership Team Container */
.leadership-team {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; 
    justify-content: center;
}
@media (max-width: 767.98px) {
    .content-wrap-leaders {
        margin-top: 10px; /* Adjust for smaller screens if needed */
    }
}

/* Individual Team Member Card */
.team-member {
    background-color: #F4F3F1;
    border-radius: 4px;
    overflow: hidden;
    text-align: left;
    padding: 40px;
}
.team-member:hover {
    background-color: #F4F3F1;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: left;
    padding: 40px;
	transform: translateY(-5px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Image Styling */
.team-member img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px!important;
}

.team-member-left {
    display: flex !important;
    gap: 20px;
    margin-bottom: 20px;
}

/* Name Styling */
.team-member h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 10px 0 5px;
}

/* Job Title Styling */
.team-member p {
    font-size: 14px;
    color: #777;
    margin: 5px 0 10px;
}

/* Biography Styling */
.team-member .bio {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

.team-member .bio span {
	margin-bottom: 20px!important;
	display: block;
}

/* Responsive Design for Small Screens */
@media (max-width: 768px) {
    .leadership-team {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Bio section */
.bio_wrap {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-top: 10px;
}

.bio_wrap.collapse.show {
	height: auto;
}

.row.mb-60 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.bio_wrap.collapse {
    display: block;
    visibility: visible;
    overflow: hidden;
    height: 80px;
    min-height: 100%;
}
.leaders-list img {
	border-radius: 4px;
	width: 100%;
}

.leaders-list h3 {
	font-size: 20px;
	margin-top: 0px!important;
}


/* Expand button styling */
a.show_hide_bio {
    display: inline-block;
    color: #007bff;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.7s ease;
}

a.show_hide_bio:hover {
    color: #0056b3;
}

#main-leader {
	padding-top: 0em!important
}

div#page-wrapper-leaders {
    background: white;
    padding-top: 50px;
	padding-bottom: 50px;
}

div#page-wrapper-leaders .mb-4 {
	margin-bottom: 0px!important;
}

div#page-wrapper-leaders div#content {
	margin-bottom: 0;
}

div#page-wrapper-leaders

.leaders-list h3 {
	color: #30758D;
}
.leaders-lis {
	display: flex!important;
	gap: 2em!important;
}
.leaders-main-cont {
	width: 70%!important
}


ul {
	padding-left: 0px;
}
li {
	list-style: none;
}

.gform_footer input.button {
    background-color: #16628B!important; /* WordPress blue */
    color: #ffffff;
    font-size: 16px;
    padding: 12px 20px;
    border: 0px!important;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.gform_footer input.button:hover {
	background-color: #555555!important;
	border: 0px!important;
}

.gform_wrapper input {
    border: 1px solid #E1E1E1 !important;
}

.gform_wrapper textarea {
	border: 1px solid #E1E1E1 !important;
}

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


h4.mega-block-title {
    font-size: 24px!important;
	margin-bottom: .8em!important;
	text-transform: none!important;
}

.error-404.not-found a, .error-h2 {
	color: #CBEDFF;
}

.error-404.not-found .card {
	border-radius: 4px!important;
}

.error404 #main {
	margin-bottom: 0px!important;
}

.error-404.not-found {
	background: url(/wp-content/uploads/2025/02/404_bg.png) no-repeat center center;
	background-size: cover;
}

ul.mega-sub-menu .menu-item{
    line-height: 1.4em!important;
}

.mega-sub-menu li {
	list-style: none!important;
}
.mega-menu-item ul {
	padding-left: 0px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
	padding-top: 50px;
	padding-bottom: 50px;
}

.top-navigation nav {
	display: inline-block;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
	background: #264b6b;
	opacity: 1!important;
}

.mega-sub-menu a {
	color: #fff;
}

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



/* General Modal Styling */
.modal-body {
    background: #f4f3f1;
    margin: 17%;
    padding: 5% 8%;
}

.modal-header {
    border-bottom: none;
    padding: 10px 15px;
    text-align: center;
	display: block;
}

.modal-title {
    font-size: 30px;
    font-weight: bold;
    color: #3C3C3C;
	text-align-last: center;
}

/* Close Button */
.custom-modal-close-button {
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 36px;
    color: #3C3C3C;
    position: absolute;
}

/* Popular Topics Section */
.popular-topics {
    margin-top: 30px;
}

.header_search {
	max-width: 780px;
}

.section-title {
    font-size: 18px;
    font-weight: bold;
    color: #3C3C3C;
    text-align-last: center;
}

.screen-reader-text {
	color:#f4f3f1;
}

/* Topic Box Styling */
.custom-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 180px!important; 
    background-color: #16628B;
    text-decoration: none;
    padding: 15px;
	line-height: 1.2em;
    transition: background-color 0.3s ease;
}

.custom-box:hover {
	background: #555555
}

.custom-box i {
    margin-bottom: 10px;
    color: var(--color4);
}

.search-blocks a:hover {
	font-style: normal!important;
	text-decoration: none!important;
}

.custom-box span {
    font-size: 20px;
    font-weight: bold;
    color: var(--color7);
}
.boxtext:hover {
	font-style: normal!important;
	text-decoration: none!important;
}

.boxtext {
    text-align: center !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    line-height: 1.2em !important;
}

.custom-box .text-center {
    text-align: center;
}


.custom-box i {
    font-size: 30px; 
    margin-bottom: 10px;
    color: var(--color4);
}

.custom-box span {
    font-size: 20px;
    font-weight: bold;
    color: var(--color7);
}

.custom-box .text-center {
    text-align: center;
}

.custom-box:hover {
    background-color: var(--color8);
}

.custom-box i {
    transition: none;
}

.custom-box:hover i {
    color: inherit;
}

i.fa.fa-external-link.external-link {
    font-size: 1em;
    display: flex;
    width: 100%;
    float: right;
    text-align: right;
    justify-content: end;
	position: static;
}

/* External Link Icon */
.external-link {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 12px;
    color: #F8F8F5;
}

@media (max-width: 768px) {
    .row {
        flex-direction: column;
        align-items: center;
    }
    
    .custom-box {
        width: 90%;
    }
}

.search-blocks {
    width: 800px;
    margin: 0 auto;
}

.search-blocks p {
	text-align-last: center;
}

/* Tablet-friendly (768px and up) */
@media (max-width: 1024px) and (min-width: 768px) {
    .custom-box i {
        margin-bottom: 8px; 
		font-size: 1.5em;
    }
}

/* Mobile-friendly (less than 768px) */
@media (max-width: 767px) {
    .custom-box i {
        margin-bottom: 6px; 
        text-align: center; 
        display: block!important; 
		font-size: 1.5em!important;
    }
}

/* Tablet-friendly (768px and up) */
@media (max-width: 1024px) and (min-width: 768px) {
    .boxtext {
        font-size: 14px !important; /* Slightly smaller font size for tablets */
    }
}

/* Mobile-friendly (less than 768px) */
@media (max-width: 767px) {
    .boxtext {
        font-size: 24px !important; 
        padding: 10px;
    }
}

@media screen and (max-width: 1024px) {
	.modal-body {
		margin: 7%;
		overflow-y: scroll;
        max-height: 90vh;
	}
}

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


/* Mobile Responsiveness */
@media (max-width: 768px) {
    .search-blocks {
        width: 100%;
		flex-direction: column!important;
        align-items: center!important;
        text-align: center!important;
        text-align-last: center;
    }

    .input-group {
        flex-direction: row;
        width: 100%;
    }

    .search-field {
        font-size: 14px;
    }

    .row {
        flex-direction: column;
        align-items: center;
    }
    
    .custom-box {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 20px;
    }
	
	.search-blocks .col-md-3.col-12.mb-3{
		padding: 0px!important;
	}
}

/* span.d-none.d-md-inline-block {
    display: inline-block !important;
} */

.w-auto {
    width: auto !important;
}
.d-sm-inline {
    text-align-last: end;
}
.align-self-end {
    align-self: flex-end !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
@media only screen and (max-width: 991px) {
    #top-navigation {
        float: inline-end;
        padding-right: 0;
    }
}

.top-navigation {
    background: #1A1A1A;
    color: var(--color7);
    height: 40px;
    line-height: 39px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    /* padding-left: 60px; */
}
@media (max-width: 768px) { /* Adjust for tablets and smaller screens */
    .align-self-end {
        margin-top: -38px; /* Reduce negative margin for better layout */
    }
}

@media (max-width: 480px) { /* Adjust for mobile screens */
    .align-self-end {
        margin-top: -10px; /* Further reduce negative margin */
    }
}

@media (max-width: 768px) {
    .row {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 768px) { /* Adjust for tablets and smaller screens */
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        padding-top: 20px; /* Add some space for better touch interaction */
        padding-bottom: 20px;
    }
}

@media (max-width: 480px) { /* Adjust for mobile screens */
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        padding-top: 20px; /* Further adjust spacing for touch-friendliness */
        padding-bottom: 20px;
    }
}

@media (max-width: 768px) { /* For tablets and smaller screens */
    h4.mega-block-title {
        margin-bottom: 0px; /* Add slight spacing for better readability */
    }
}

@media (max-width: 480px) { /* For mobile screens */
    h4.mega-block-title {
        margin-bottom: 0px; /* Increase spacing for better touch interaction */
    }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	background: #264b6b!important;
	opacity: 1!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: none;
}
.has-text-align-left {
	text-align: left;
    margin-top: 0em !important;
}


@media (max-width: 768px) { /* For tablets and smaller screens */
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	background: #264b6b!important;
	opacity: 1!important;
	   width: 100%;
}
}

@media (max-width: 480px) { /* For mobile screens */
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	background: #264b6b!important;
	opacity: 1!important;
	width: 100%;
}
}

.tablepress br {
	display:none;
}

.search-bar-wrapper a {
    background: var(--color7);
	color: transparent;
    border-right: none;
    padding-right: 0;
    border-right-width: 0;
    border-color: transparent;
}

.search-bar-wrapper a i {
    color: var(--color2);
	transition: color 0.3s ease;
	font-size: 30px;
}

.search-bar-wrapper a i:hover {
    color: #004658;
}

.search-bar-wrapper {
    background: var(--color7);
    padding: 10px 20px;
}

.search-bar-wrapper .fa-search:before {
    vertical-align: middle;
}

.center-content {
    align-content: center;
	display: grid!important;
}

.center-content {
    align-content: center;
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .center-content {
    display: flex;
    align-content: center;
	display: grid!important;
  }
}

.search-bar input {
    width: 94%;
    border: none;
}

.search-bar {
    line-height: 0px;
    margin-bottom: 0px;
    display: flex;
}

.site-footer .textwidget p {
	color: #555555!important;
}

.tablepress>:where(tbody.row-striping)>:nth-child(2n)>* {
	background: #CBEDFF;
}

.tablepress {
	    --border-color: none!important;
}

#tablepress-2_wrapper input, select {
	border: 1px solid #E1E1E1;
}


/* OAH News Styling  */

.custom-posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.custom-posts-container h3.custom-post-title {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 20px;
}


.custom-posts-container .custom-post-title a {
	line-height: 0px!important;
}

.custom-post-item {
    width: calc(25% - 20px); /* 4 per row */
    overflow: hidden;
    text-align: left;
    transition: transform 0.3s ease;
	margin-bottom: 50px;
}

.custom-post-item:hover {
    transform: translateY(-5px);
}

.custom-post-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.custom-post-meta {
    font-size: 14px;
    color: #666;
    margin: 10px 0;
	color: #16628B;
}

.custom-posts-container .custom-post-title a {
    font-size:20px;
    font-weight: bold;
    color: #555555!important;
}

.custom-post-title a:hover {
    color: #0073e6;
}

.custom-post-excerpt {
    font-size: 14px;
    color: #555;
    margin: 10px 0;
}

.custom-post-button {
    display: inline-block;
    background: #16628B;
    color: #fff!important;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s ease;
}

.custom-post-button:hover {
    background: #555555!important;
	color: #fff!important;
	font-style: normal!important;
	text-decoration: none!important
}

/* Load More Button */
.custom-load-more-container {
    text-align: center;
    margin-top: 20px;
}

.custom-load-more-container button#load-more-posts {
	padding: 7px 50px !important;
    background: #16628B !important;
	display: inline-block !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.custom-load-more-container button#load-more-posts:hover {
	background: #555555 !important;
}

#load-more-posts {
    background: #0073e6;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

#load-more-posts:hover {
    background: #005bb5;
}

/* Responsive: 2 per row on tablets, 1 per row on mobile */
@media screen and (max-width: 1024px) {
    .custom-post-item {
        width: calc(50% - 20px); /* 2 per row */
    }
}

@media screen and (max-width: 768px) {
    .custom-post-item {
        width: 100%; /* Stack on mobile */
    }
}



/* Topbar Navigation */
.topbar-custom-nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Navigation list */
.top-menu.nav {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Navigation items */
.top-menu.nav .nav-item,
.search-toggle {
    position: relative;
    display: flex;
    align-items: center;
}

/* Add separator before all items except the first one */
.top-navigation .top-menu.nav .nav-item:not(:first-child)::before,
.top-navigation .search-toggle:not(:first-child)::before {
    content: "|";
    color: #4d4d4d;  /* Gray separator */
    margin-right: 10px;
    font-size: 14px;
}

/* Links styling */
.top-menu.nav .nav-link {
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 16px;
}

/* Ensure separator appears before text size buttons */
.fontsizer-wrap {
    display: flex;
    align-items: center;
}

/* Separator before text-size buttons */
.top-navigation  .fontsizer-wrap::before {
    content: "|";
    color: #4d4d4d;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
}

/* Styling for text size buttons */
.fontsizer-wrap button {
    background: none;
    border: none;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

/* Adjust spacing for better alignment */
.search-toggle {
    display: inline;
	margin-top: 2px;
    align-items: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .topbar-custom-nav {
        flex-wrap: wrap;
        justify-content: center;
    }

    .top-menu.nav {
        flex-wrap: wrap;
    }

    .top-menu.nav .nav-item::before,
    .fontsizer-wrap::before {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.search-toggle {
	border: none!important;
	padding-right: 0px!important;
}

.top-navigation .fa-search:after {
    content: "|";
    color: #4d4d4d;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
}

.top-navigation i.fa-search.fa-solid {
    margin-top: 13px;
}

.top-navigation .nav-link {
	padding: 2px!important;
}

/* Initially hide additional fields */
.additional-fields {
    display: none;
}

div#contact-form .modal-header {
    border-bottom: none;
    padding: none;
    text-align: left;
	display: flex;
	border-bottom: 1px solid #dee2e6!important;
}

div#contact-form .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 20px!important;
	margin: 0px!important;
	background: none!important
}

div#contact-form h5#contact-modal {
    margin-top: 0px;
}

.modal-dialog {
    display: flex;
    align-items: center;
    min-height: 100vh; /* Full height of the viewport */
}

.modal.show .modal-dialog {
    transform: translate(0, 0); /* Prevents Bootstrap's default centering issues */
}

.gform-theme--foundation .gform_fields {
	row-gap: 20px!important;
}
select#input_1_8 {
border: 1px solid #dddddd !important;
}

.important-links a {
	font-size: 18px;
}

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

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

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

@media only screen and (max-width: 991px) {
    #top-navigation {
        float: inline-end;
        padding-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    #top-navigation > span {
        display: inline !important;
    }
}

@media (max-width: 768px) {
    .topbar-custom-nav {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: -40px;
    }
}

.breadcrumb {
	gap: 10px;
	font-size: 16px;
}

li.breadcrumb-item a{
	font-size: 16px!important;
}
.breadcrumb-item+.breadcrumb-item::before {
	padding-right: 10px!important;
}

/* Tablet Logo */
@media (max-width: 768px) {
    .logo img {
        width: 200px; /* Smaller for tablets */
    }
}

/* Mobile Logo */
@media (max-width: 480px) {
    .logo img {
        width: 150px; /* Adjusted for mobile */
    }
}


/* Mobile-Friendly Adjustments */
@media (max-width: 768px) {
    .vertical-tab-menu {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
    }
    .vertical-tab-title {
        padding: 10px;
        display: inline-block;
    }
}


@media (max-width: 480px) {
    .search-bar-wrapper {
    margin-bottom: 20px;
}
}

@media (max-width: 768px) {
    .search-bar-wrapper {
    margin-bottom: 20px;
}
}


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

.custom_header_search .search-submit i {
	color: #16628B!important;
}

.custom_header_search .search-submit i:hover {
	color: #004658!important;
}


@media (max-width: 480px) {
    .social-area {
    margin-top: 20px;
}
}

@media (max-width: 768px) {
 .social-area {
    margin-top: 20px;
}
}

@media (max-width: 480px) {
.carousel-item img {
		width:20%!important;
		height: 40%!important;
	}
}

@media (max-width: 768px) {
.carousel-item img {
		width:20%!important;
		height: 40%!important;
	}
}


@media (max-width: 480px) {
div#carouselExample {
		overflow: hidden;
	}
}

@media (max-width: 768px) {
div#carouselExample {
		overflow: hidden;
	}
}
@media (max-width: 480px) {
.carousel-box {
		padding: 30px!important;
	height: 230px;
	}
}

@media (max-width: 768px) {
.carousel-box {
		padding: 30px!important;
	height: 230px;
	}
}

@media (max-width: 480px) {
.carousel-title {
    font-size: 24px!important;
    font-weight: bold;
    color: #fff !important;
}
}

@media (max-width: 768px) {
.carousel-title {
    font-size: 26px!important;
    font-weight: bold;
    color: #fff !important;
}
}


@media (max-width: 480px) {
.next-btn {
		    position: absolute;
    right: -5px!important; /* Move right arrow outside */
	background: url('/wp-content/uploads/2025/02/Caret-right-1.png') no-repeat center center;
    background-size: contain;
	height: 40px;
	top: 110px!important
	}
}

@media (max-width: 768px) {
.prev-btn {
		  position: absolute;
    left: -5px!important; /* Move left arrow outside */
	background: url('/wp-content/uploads/2025/02/Caret-left.png') no-repeat center center;
    background-size: contain;
	height: 40px;
	top: 110px!important
	}
}

.flex-wrap {
    flex-wrap: nowrap!important;
}

swiper-container {
    width: 80%;
    height: auto;
}

/* swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #16628B!important;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} */

swiper-slide img {
    width: 30px;
    height: auto;
    margin-bottom: 10px; /* Ensures space between the image and the title */
}

swiper-slide{
    background: #16628B;
    justify-content: center;
    text-align: center;
    padding: 30px 20px;
    color: #fff;
	height: 140px!important;
}


            .mySwiper {
                width: 100%;
                height: auto;
            }

            .swiper-slide {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                background: white;
                padding: 15px;
                border-radius: 10px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            }

            .swiper-slide img {
                width: 30px;
                height: auto;
                border-radius: 8px;
                margin-bottom: 10px;
            }

            swiper-slide h2 {
                margin: 0;
                font-size: 19px!important;
                color: #fff;
            }

            /* Custom Navigation Buttons */
            .custom-prev, .custom-next {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 50px;
                height: 50px;
                background-color: rgba(0, 0, 0, 0.5);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                z-index: 10;
            }

            .custom-prev {
                left: -60px;
            }

            .custom-next {
                right: -60px;
            }

            .custom-prev img, .custom-next img {
                width: 25px;
                height: auto;
            }

.swiper-container {
  margin-top: 50px;
  position: relative;
}

pagination {
	display: none!important;
}

1

:root {
    --swiper-theme-color: #B9FF66 !important;
}
.swiper-button-next, .swiper-button-prev {
                position: absolute;
                top: var(--swiper-navigation-top-offset, 50%);
                width: 40px;
                height: 40px;
                z-index: 10;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                color: transparent; /* Hide default icon */
            }

            .swiper-button-prev {
                left: -60px;
                background-image: url('path-to-your-left-arrow.png'); /* Replace with your own left arrow */
            }

            .swiper-button-next {
                right: -60px;
                background-image: url('path-to-your-right-arrow.png'); /* Replace with your own right arrow */
            }

    :root {

  /* navigation arrows */
  --swiper-navigation-color: #ffffff;

  /* pagination buttons */
  --swiper-pagination-color: #ffffff;
  --swiper-pagination-bullet-inactive-color: #ffffff;
}

a.broken_link {
    text-decoration: none!important;
}

/* Event short Code Styling */

.tribe-events-calendar-list__event-date-tag {
    background: var(--color1);
    width: 200px !important;
    height: 200px;
    border-radius: 5px;
}

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

.tribe-events-calendar-list__event-date-tag-month {
    font-weight: 500 !important;
    font-size: 26px !important;
	color: #fff;
}

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

.tribe-events-calendar-list__event-date-tag-year {
    font-size: 17px !important;
    font-weight: 500 !important;
	color: #fff;
}

.tribe-events-calendar-list__event-title a {
    font-size: 30px !important;
	font-weight: 700;
}

.tribe-events-calendar-list__event-datetime {
    font-size: 22px !important;
}

header.tribe-events-calendar-list__event-header h3 {
	margin-top: 0px!important;
}

.wp-block-list li {
	margin-left: 20px;
	list-style: disc;
}

ol.wp-block-list.steps-in-hearing 
 {
	padding-left: 0px!important;
}

.has-special-link li {
	list-style: none;
	margin-left: 0px!important
}

.gform_wrapper .ginput_container_select .gfield_select {
  font-family: 'Atkinson Hyperlegible', sans-serif !important;
}

.breadcrumbs {
    margin-bottom: 0rem!important;
	padding-left: 0px;
}

.blog-post .entry-header {
	padding: 0px;
}


.related-articles-bottom.container {
	padding: 2rem!important;
}

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

.sidebars h2.wp-block-heading {
	color: #000!important;
	margin-top: 30px;
}

.sidebars .widget_text {
	color: #000!important
}


.sidebars .widget_text a {
	color: #30758D!important
}

.sidebars aside:not(.widget_recent_entries) ul {
	padding-inline-start: 0!important;
}

.post-type-archive-tribe_events .sidebars {
	display: none;
}

.post-type-archive-tribe_events #primary {
	width: 100%
}

.custom-search-bar-page input#s-1 {
    border: 1px solid black!important;
}

.custom-search-bar-page button.submit.search-submit.btn.btn-primary {
	background: #16628B!important;
	border: none!important
}
.custom-search-bar-page button.submit.search-submit.btn.btn-primary:hover {
	background: #555555!important;
}


.search-results h2.entry-title a {
	font-size: 24px;
	font-weight: 700
}

.search-results h2.entry-title {
	margin-top: 0px!important;
}

.search-result-row a.submit.search-submit.btn.btn-primary {
	background: #16628B!important;
	border: none!important;
	padding: 5px 20px!important;
	font-size: 16px!important
}

.search-result-row a.submit.search-submit.btn.btn-primary:hover {
	background: #555555!important;
}

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

.swiper-container-outer {
      position: relative;
      padding: 2rem 4rem;
    }

    .swiper-container-wrapper {
      overflow: hidden;
    }

    .swiper-container {
      width: 100%;
    }

   .swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: transparent;
  color: #16628B;
  border: none;
  font-size: 2rem;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #000;
  border-radius: 50%;
}

.swiper-button-next:after {
	display: none;
}
.swiper-button-prev:after {
	display: none;
}

    .swiper-button-prev {
      left: 10px;
/* 		top: 120px; */
    }

    .swiper-button-next {
      right: 10px;
/* 		top: 10px; */
    }

    .swiper-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .swiper-slide img {
      max-width: 100px;
      margin-bottom: 10px;
    }

    .swiper-slide h2 {
      font-size: 1rem;
    }

.service-box h2.card-title {
    margin-top: 0px !important;
    height: 90px;
    justify-content: center;
    align-items: center;
    display: flex;
}

a.external::before {
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}

.post-1450 .has-special-link li {
    list-style: disc;
    margin-left: 20px !important;
}