/* ======== content section starts =========== */

/* ------   Global CSS Start  ------------- */

table, td, th { 
  border: 1px solid var(--border-color-neutral) !important;
  text-align: left;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 15px;
}

table th {  
	background-color: var(--Bg-light-gray);
}

/* ----------    Data Table start  ---------- */
table.dataTable {
  border-collapse: collapse !important;
  width: 100% !important;
  margin-bottom:16px !important;
}

table.dataTable, table.dataTable td, table.dataTable th {
  border: 1px solid var(--border-color-neutral) !important;
  text-align: left;
  box-sizing: border-box !important;	
}

table.dataTable th, table.dataTable td {
  padding: 15px;
  vertical-align: top;
}

table.dataTable td ul {
  padding: 15px;
}

table.dataTable th {  
    padding: 10px 20px;
    background: #ECF3FA;
    border-color: #AFADAD;
    color: color: #34556F;
    border-style: solid;
    border-width: 0 1px 1px 0;
    overflow: visible;	
}

.dataTables_wrapper .dataTables_filter {
	float:left !important;
}


.dataTables_wrapper .dataTables_filter {
	width:55%;
	margin-bottom:16px;
}

.dataTables_filter label {
	width:100%;
	display:flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: 600;
}

.dataTables_filter [type=search] {
    width: 100%;
    padding: 10px 16px;
    border: 1px solid var(--Black-Shades-300);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 16px;
	font-weight: normal;
    outline: none !important;
    background: var(--white);
    box-shadow: none;		
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	background: var(--white);
	border: 1px solid var(--Primary--Navy-Blue-500) !important;
	color: var(--Black-Shades-500);
	text-align: center;
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px !important;
    font-size: 16px !important;
    height: auto !important;
    line-height: normal !important;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    padding: 8px 16px !important;
    margin: 4px 4px !important;	
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--Primary--Navy-Blue-500) !important;
    color: var(--white) !important;
    border-radius: 8px;
}

table.dataTable thead .sorting_desc {
	background-image: url(/wp-content/uploads/2025/06/sort_desc.png) !important;
	background-position: 100%;
	background-repeat: no-repeat;
}
table.dataTable thead .sorting_asc {
    background-image: url(/wp-content/uploads/2025/06/sort_asc.png) !important;
		background-position: 100%;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 991px) {
	table#purchasing-database-table {
		overflow: scroll;
		width: 100%;
		display: inline-block;
	}
	.dataTables_filter [type=search] {
		width: auto;
	}	
	table.dataTable {
		overflow:scroll;
		display:block;
	}
	
	.ctasection table {
		overflow: scroll;
		display: block;
	}	
}


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

	.dataTables_wrapper .dataTables_length {
		text-align: left !important;
	}
	
	.page-template-template-purchasing-database .dataTables_wrapper .dataTables_filter {
		width: 100%;
	}
	
    .dataTables_filter [type=search] {
        width: 100%;
		margin-left: 0px !important;
		margin-top: .5em;
    }	
	
	.dataTables_wrapper .dataTables_length select {
		width: 100px;
		margin-left: 20px;
		margin-right: 8px;
		padding: 2px;
	}	
	
	.page-template-template-purchasing-database .dataTables_filter label {
		flex-direction: column;
		text-align: left !important;
		align-items: flex-start;
	}		
}

/* Meeting & Events table in body section start */
.bmc-event-table.dataTable th {
  text-align:left;
  padding:8px;
}

.bmc-event-table.dataTable td {
	padding:8px;
	font-size:14px;
}

.bmc-event-table.dataTable td p.paraxdate {
	min-width: 80px;
}

.bmc-event-table.dataTable ul {
	list-style:none;
	font-size:14px;
	padding:0px;
}
/* Meeting & Events table in body section End */

/* ----------    Data Table  End  ---------- */

hr {
	height: 1px;
    margin: 1.2rem 0 !important;
    background-color: var(--Black-Shades-300) !important;
    border: 0;
}

.content-ariya ul li {
	margin-bottom:10px;
}

.lead {
    font-weight: 400 !important;
}

.lead-text {
    color: var(--Black-Shades-500);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

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

.ctabtn {
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	border: 1px solid var(--Black-Shades-300);
	color: var(--Primary--Navy-Blue-500);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */	
	text-decoration: none;	
	transition: all 0.3s ease-in-out;
}

a.ctabtn:after {
    content: "\f105";
    font: normal normal normal 16px / 1 FontAwesome;
    padding-left: 8px;
}

.card-hover-zoom {
    margin-bottom: 24px;
}

.page-title {
color: var(--White-Shades-500);
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.29); 
background-color: rgba(0, 0, 0, 0.01);
font-family: Roboto;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 48px */	
display:inline-block;
width:70%;
}

.anchor-heading20 {
color: var(--Primary--Navy-Blue-500);
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 125%; 
letter-spacing: 0.09px;
text-decoration: none;
}
.anchor-heading20:hover {
text-decoration-line: underline;
color: var(--Primary--Navy-Blue-500);	
}

#breadcrumbs {
	padding: 16px 0px;
	margin: 0px 0px 16px 0px;
	color: var(--Black-Shades-400);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */	
}

#breadcrumbs a {
	text-decoration: none;
	color: var(--Black-Shades-500);
	/* Body/16/16-Medium */
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 22.4px */
}

ul.unorder-list-style li {
    padding-left: 0px;
    display: flex;	
}	
	
ul.unorder-list-style li:before {
    content: "\f05d";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	padding-right: 8px;
}

.inline-list-style {
	display: flex;	
	list-style: none;
	margin: 0px;
	padding: 0px;
	flex-wrap: wrap;
}		
	
.inline-list-style li {
  margin-bottom: 16px;
}	
	
.accordion-ul-list {
    padding: 24px 36px 8px 36px;
}

.primary-heading {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */	
margin-bottom: 20px;
display:block;
}	  
	
.secondary-heading {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */	
margin-bottom: 20px;
}		  

.tertiary-heading {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */
letter-spacing: 0.1px;	
margin-bottom: 20px;
}		  
		  	  	  
.btn-primary-outline-1 {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    background: var(--white);
    padding: 8px 20px;
    border: 1px solid var(--Primary--Navy-Blue-500) !important;
	color: var(--Primary--Navy-Blue-500) !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    transition: 0.5s !important;
	font-weight: 600;
}
	  
.btn-primary-outline-1:hover {
    background: var(--Primary--Navy-Blue-500) !important;
    border: 1px solid var(--Primary--Navy-Blue-500) !important;
    color: var(--white) !important;
}

@media only screen and (max-width: 1180px) {
	#breadcrumbs {
		visibility:hidden;
		line-height: 0;
        padding: 0;
	}
}  

@media only screen and (max-width: 600px) {
	.btn-primary-outline-1 {
		background: var(--Primary--Navy-Blue-500) !important;
		border: 1px solid var(--Primary--Navy-Blue-500) !important;
		color: var(--white) !important;
		width:100%;
		padding: 8px 10px !important;
	}
	

	.page-title {
		width:100%;
		font-size: 32px !important;
	}	
	
	.primary-heading {
	font-size: 20px !important;
	}	  

	.secondary-heading {
	font-size: 18px !important;
	}		  
	
}	

/* Square box model cards */
.info-card { 
display: table-cell;
padding: 16px;
flex-direction: column;
align-items: flex-start;
background: var(--white);
margin-bottom: 24px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
}
		
.info-card .secondary-heading {
	margin-bottom: 10px
}
		
.info-card-list {
	display: flex;	
	list-style: none;
	margin: 0px;
	padding: 0px;
	flex-wrap: wrap;
}		
	
.info-card-list li {
  margin-bottom: 16px;
  width: 50%;
}	
		
.info-card-list li>i{
  margin-right: 8px;
}	

@media only screen and (max-width: 600px) {
	.info-card-list li {
	  width: 100%;
	}	
}	
	
/* Rectangular box model cards */
.info-card-block {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
border: 1px solid var(--Bg-light-gray, #EBEDEF);
background: var(--White-Shades-500, #FFF);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
margin-bottom: 24px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
}
		
.info-card-block .secondary-heading {
	margin-bottom: 10px
}
	
.info-card-block ul {		
    margin-left: 0px;
    padding-left: 16px;		
}
	
.appendix-list { 
	list-style: none;
	margin: 0px;
	padding: 0px;
}		
.appendix-list li a { 
	text-decoration: none;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	display: block;
	padding: 4px;
}	

.appendix-list li a:hover { 
	text-decoration: underline;
}	

/* Unordered list items */	
.unordered-lists li {
	margin-bottom: 8px;
}

/* CTA link button */
ul.cta-list {
    list-style: none;
	 padding: 0;
}

/* CTA link button */
ul.cta-list li {
    margin: 0px 8px 8px 0px;
}

.border-light {
border: 1px solid var(--Black-Shades-300);
	opacity:1 !important;
}

.border-sharp-gray {
	border: 1px solid #ccc;
}

.fig-cation-bottom {
	padding:16px;
	border-top:1px solid #ccc;
	text-align:center;
}

.contentbox-model {
	border: 1px solid var(--bg-light-gray);
	background: var(--white);
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
	padding: 16px;
	margin-bottom: 24px;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.gallery-section {
  border: 1px solid #ccc;
}

.gallery-section:hover {
  border: 1px solid #828282;
}

.gallery-section img {
  width: 100%;
  height: auto;
}

.gallery-section div.desc {
  padding: 15px;
  text-align: center;
  font-size:18px;
  font-weight:500;
}

.col-lg-9 ol li, .col-lg-9 ul li {
	margin-bottom:8px;
}

.align-left {
    float: left;
}

 .alternep:nth-child(even) {
    border-bottom: none !important;
}
/* ------   Global CSS End  ------------- */


/* ------ Upcoming Meetings & Events Start -------  */
.events-section {
   padding: 56px;
   background-color: var(--Alice-Blue);
}

.events__list {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Event Card */
.event-card {
	background: white;
	padding: 15px;
	margin-bottom: 22px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px solid var(--border-color-neutral);
	width: 100%;
	min-height: 120px;
	text-align: left;
	transition: transform 0.2s ease-in-out;
}

.event-card:hover {
	transform: translateY(-5px);
}

.event-card-date {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--Black-Shades-400);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */	
	margin-bottom: 8px;
}

.event-card__icon {
    font-size: 16px;
}

.btn-primary1 {
background: var(--Primary--Navy-Blue-500);
color: var(--white);
border: none;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: 0.09px;		
cursor: pointer;	
display: inline-flex;
height: 56px;
padding: 16px 24px;
justify-content: center;
align-items: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
text-decoration:none;
position: relative !important;
overflow: hidden;
z-index:9;
transition: all 0.3s ease-in-out;	
}

.btn-primary1:hover, .btn-primary1:focus, .btn-primary1.active, .btn-primary1:first-child:active, .btn-primary1:not(.btn-check)+.btn-primary1:active {
background: var(--Primary--Navy-Blue-500) !important;
color: var(--white) !important;
}

.btn-primary1:hover {
	color: white;
}

.events-button {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
	.event-card {
		padding: 10px;
	}	
	.event-card-date {
		font-size: 15px;
		align-items: baseline;
	}	
}


@media screen and (max-width: 600px) {
	.events-section {
		padding: 32px 0px;
	}
	.events-button {
		margin-top: 16px;
	}	
	
	.btn-primary1 {
		min-width: max-content;
	}
}

/* ----------  Upcoming Meetings & Events End --------------  */


/* -------- News & Announcements & ABOUT BMC  Start --------  */
.news-about-section .views-all-btn {
	text-align:center;
	padding:32px 0px 0px 0px;
}

.news-about-section {
	padding:56px 0px;
}

.news-card img {
	border-radius: 8px 8px 0px 0px;	
	object-fit:cover;
	width:100%;
	height:240px;
}

.card-title {
	color: var(--Black-Shades-500, #18191B);
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0.12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;	
	text-decoration:none;
	min-height:50px;
}

a.card-title:hover {
	text-decoration:underline;
	color: var(--Primary--Navy-Blue-500);
}

.sub-heading1 {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */
letter-spacing: 0.12px;	
}

.products-links ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.products-links ul li {
	width:50%;
	margin-bottom:5px;
}

.products-links ul li a {
color: var(--Primary--Navy-Blue-500);	
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
}

.products-links ul li a:hover {
	color: var(--Primary--Navy-Blue-500);
	text-decoration-line: underline;
}

.news-card {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);	
	height:100%;
}

.news-card-content {
    padding: 16px 16px;
}

.about-bmc-cantainer {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
	padding:16px 16px;
	max-height:100%;
	min-height: 332px;
}

.about-bmc-cantainer .our-mission {
	padding-bottom: 16px;
}

.flex-height-boxes {
    display: flex;
    height: 100%;
}

.flex-box-stretch-content {
	height: max-content;
    display: flex;
    flex-direction: column;
}

.news-announcements .btn-primary1, .about-bmc .btn-primary1 {
        min-width: 200px;
	    margin-top: 40px;
}

@media only screen and (min-width: 1500px) {
	.about-bmc-cantainer .our-mission {
		padding-bottom:0px;
	}
	
	.about-bmc-cantainer {
		padding: 32px 32px;
	}	
}

@media screen and (max-width: 1900px) and (min-width: 1500px) {
	
	.about-bmc-cantainer {
		padding: 32px 32px;
	}
}

@media screen and (max-width: 991px) {
	.news-card img {
		border-radius: 8px 8px 0px 0px;
		object-fit: cover;
		width: 100%;
	}
	.news-announcements .news-card {
		margin-bottom: 42px;
	}
	
	.products-links ul li a {
		text-decoration:underline;
	}
	
	.news-card {
		height: initial;
	}
	
	.news-about-section .order-1-sm {
		order:1;
	}
	.news-about-section .order-2-sm {
		order:2;
	}
	.news-about-section .order-3-sm {
		order:3;
	}
	.news-about-section .views-all-btn {
		padding: 0px 0px 32px 0px;
		width: 92%;
		margin: 0 auto;		
	}	
	
	.news-announcements .btn-primary1 {
		margin-top:0px !important;
	}
	
	.news-announcements {
		margin-bottom:40px;
	}
	
}

@media screen and (max-width: 600px) {
	.card-title {
		font-size: 18px;
	}
	.event-card {
		min-height: auto !important;
	}
	
	.sub-heading1 {
	font-size: 20px;
	}
	
}
/* ------  News & Announcements & ABOUT BMC  End --------  */


/* -------The BMC Impact start  --------- */
.bmc-impact {
	text-align: center;
	padding: 56px 0px;
	background: var(--Bg-light-gray);
}

.section-title {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	border-bottom: 3px solid #1E3A5F;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

.impact-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
	padding: 10px 0px;
}

.impact-item {
	text-align: center;
    min-width: 17%;
	display: flex;
    flex-direction: column;
    align-items: center;	
}

.impact-icon {
	width: 50px;
	height: auto;
	margin-bottom: 10px;
}
.impact-title {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}
.impact-links {
	list-style: none;
	padding: 0;
}
.impact-links li {
	margin-bottom: 5px;
}
.impact-links a {
	text-decoration: none;
	color: var(--Primary--Navy-Blue-500);
	font-size: 14px;
}
.impact-links a:hover {
	text-decoration: underline;
	color: var(--Primary--Navy-Blue-500);
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {	
	.impact-container {
		justify-content: space-between !important;
	}		
}

@media only screen and (max-width: 1024px) {
	.impact-container {
	   justify-content: flex-start;
	}	
	
    .impact-item {
        min-width: 47%;
    }	
	
}

@media screen and (max-width: 767px) and (min-width: 600px) {
    .impact-item {
        min-width: 45% !important;
    }
}

@media only screen and (max-width: 580px) {
	.impact-item {
		align-items: flex-start;
	}
	.impact-links {
		text-align: left;
	}
}

/* ------------ The BMC Impact End -------------------- */


/* -------------  POWERED BY BMC Start ------------- */
.powered-by-bmc {
	text-align: left;
	padding: 56px 0px;
}
.section-title {
	font-size: 20px;
	font-weight: bold;
}

.underline {
	width: 50px;
	height: 3px;
	background-color: #0C2D52;
	margin: 5px 0 20px 0;
}

.bike-to-work {
	background-color: #00A9A3;
}
.gosmartmd {
	background-color: #4E6C69;
}
.the-pulse {
	background-color: #3D6C99;
}
.small-text {
	font-size: 10px;
	vertical-align: super;
}

.powered-by-bmc .bmc-links a {
    padding: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid var(--border-color-neutral);
}


@media screen and (max-width: 600px) {
	.bmc-links a, .bmc-links a img {
		min-width: 100%;
		margin:8px 0px 0px 0px;
	}
}
/* ----------------------  POWERED BY BMC End ------------------- */


/* ============================ content section End ===================== */


/* -------  carousel slider start ------------- */

.carousel-wrapper  {
	position:relative;
}

.carousel-wrapper .home-banner {
	height: 548px;
	object-fit:cover;
}

.carousel-wrapper .carousel.slide {
	width: 558px;
	min-height: 170px;
	display:flex;
	align-items:center;	
	box-sizing:border-box;
	padding:0px 25px 15px 25px;
	
border-radius: 12px 0px 0px 12px;
background: linear-gradient(91deg, rgba(255, 255, 255, 0.95) 41.46%, rgba(255, 255, 255, 0.06) 99.46%);	
}


.carousel-wrapper .carousel-item img {
	width:106px !important;
	height: 109px;
	object-fit: cover;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.carousel-wrapper .carousel-caption {
	right: 8% !important;
	left: 28% !important;
	text-align: left !important;
	color: var(--Black-Shades-500);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 33.6px */
	letter-spacing: 0.12px;	
	bottom:0px !important;
	padding:0px !important;
	height: 100%;
}

.carousel-wrapper .carousel-caption p {
 margin-bottom:0px;
}

.carousel-wrapper .carousel-caption a {
	color: var(--Black-Shades-500);
	text-decoration:none;
}

.carousel-wrapper .carousel-caption a:hover {
	text-decoration:underline;
}

.carousel-caption {
	position:relative;
}

.carousel-wrapper .container-fluid {
	position: absolute;
}

.carousel-wrapper h1 {
color: var(--white);
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
background-color: rgba(0, 0, 0, 0.01);
font-family: Roboto;
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 70.4px */
margin-bottom:32px;
display:inline-block;
}

.carousel-wrapper .carousel-indicators [data-bs-target] {
    background-color: #003764 !important;
}

.carousel-wrapper .carousel-indicators {
    justify-content: flex-start;
    margin-right: 0;
    margin-left: 4%;
	margin-bottom: 0.5rem;	
}

.carousel-wrapper .carousel-indicators [data-bs-target] {
    border-radius: 100%;
    width: 10px;
    height: 10px;
}
.carousel-indicators .active {
	width: 20px !important;
    height: 10px;
	border-radius: 12px;
}

.carousel-indicators [data-bs-target] {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
}

.carousel-wrapper .carousel-indicators [data-bs-target] {
background-color: var(--Primary--Navy-Blue-500) !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.carousel-wrapper .container-fluid {
	top: 2% !important;
	height: 100%;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 991px) {
	.carousel-wrapper h1 {
		font-size: 40px;
	}
}

@media screen and (max-width: 580px) {
	.carousel-wrapper .carousel.slide {
		width: 100%;
		min-height: 152px !important;
		max-height:100%;
		padding: 0px 12px 12px 16px !important;
	}
	
	.carousel-wrapper .carousel-caption {
        right: 0% !important;
        left: 40% !important;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: 0.09px;
        text-decoration-line: underline;
	}	
	.carousel-wrapper .carousel-indicators {
		margin-left: 7%;
	}	
	
	.carousel-wrapper .home-banner {
		max-height: 440px;
	}	
	
}	
	
/* -------  carousel slider End ------------- */	
	
	
	
/* ===========   Publication  Start ============ */

.int-banner {
	background-size: cover;	
	background-repeat: no-repeat;
	color: var(--white);
	text-align: left;
	box-sizing:border-box;
	min-height:348px;
	display:flex;
	align-items:center;
	position:relative;
}

.int-banner:before {
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 88%);
	height:100%;
	width:70%;
}

.int-banner .container {
	position:relative;
}

/* Search Bar */
.search-container {
    margin-bottom: 20px;
}

.search-input {
	width: 100% !important;
	padding: 10px 38px !important;
	border: 1px solid var(--Black-Shades-300) !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	font-size: 16px !important;
	background: white url(/wp-content/uploads/2025/04/search-icon.png) no-repeat 8px 8px;;	
}

/* Publication Card */
.publication-card {
	padding: 15px;
	transition: transform 0.2s ease-in-out;
	margin-bottom:24px;
	border: 1px solid var(--Bg-light-gray);
	background: var(--white-Shades-500);
    border:1px solid var(--border-color-neutral);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.publication-card:hover {
    transform: translateY(-5px);
}

/* Publication Title */
.publication-title {
	margin: 10px 0 0;
	color: var(--Black-Shades-500);
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 25.2px */
	letter-spacing: 0.09px;	
	display: -webkit-box;
	max-width: 400px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;	
	min-height:50px;
}

.publication-title a {
	color: var(--Black-Shades-500);
	text-decoration:none;
}

.publication-title a:hover {
	color: var(--Primary--Navy-Blue-500);
	 text-decoration: underline;
}

/* Publication Category Tags */
.publication-tag {
	padding: 3px 8px;
	display: inline-block;
	font-weight: bold;	
	color: var(--Black-Shades-500);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 19.6px */	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	background: var(--Bg-light-gray);	
}

.publication-tag[style="background-color:#003764;"] {
        color: var(--white);
}
  
/* ===========   Publications  End  ==================== */


/*  --------  Sidebar  start ---------------  */

/* Sidebar Filters start */
.filter-sidebar {
	width: 100%;
	background: var(--white-Shades-500);
	border: 1px solid var(--Black-Shades-300);
	display: flex;
	flex-direction: column;
	align-items: flex-start;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	margin-bottom:24px;
}
.filter-sidebar .accordion-button {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.filter-sidebar ul {
	list-style:none;
	padding:0px 16px;
}

.filter-title {  
color: var(--Black-Shades-500);
background: var(--Bg-light-gray);	
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */
padding:12px;
width:100%;
border-radius: 8px 8px 8px 8px;	
}

.filter-subtitle {
color: var(--Black-Shades-500) !important;
background: var(--white) !important;	
font-family: Roboto;
font-size: 17px !important;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: 0.09px;
}

.filter-option {
    display: flex;
    padding: 6px 0px;
    gap: 6px;
    background: var(--white);
    align-items: baseline;
    margin: 0;
    width: 100%;
}

label.filter-option.mfloptions {
    gap: 0px;
}

.filter-option input[type=radio] {
    accent-color: var(--Primary--Navy-Blue-500);
}

.filter-option input[type="checkbox"] {
	min-width:16px;
	height:16px;
	accent-color: var(--Primary--Navy-Blue-500);
	/* width:10%; */
}

.filter-option span {
	width:90%;
    padding: 0px 3px;	
}

.filter-sidebar .accordion .accordion-item {
    margin: 0px !important;
}

.filter-sidebar .accordion {
	width:100%;
}

.filter-sidebar .accordion-item:first-of-type {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
}

.filter-sidebar .accordion-item:not(:first-of-type) {
    border-top: 0;
    border-left: none;
    border-right: none;
}

.filter-sidebar .accordion-item:last-of-type {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border: none;
}

.filter-sidebar .accordion-item {
	border: 1px solid rgba(130, 130, 130, 0.4);
	border-left: 0px;
    border-right: 0px;
}

.filter-sidebar .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.filter-sidebar .accordion-body {
    /* padding: 1rem 1.25rem 1rem 1.25rem !important; */
	padding: 0rem 1.25rem 1rem 1.25rem !important;
    box-shadow: none;
    outline: none;
	border:none !important;
    background-color: var(--white);	
}

.filter-sidebar .accordion-button::after {
        position: absolute !important;
        display: block !important;
        top: 22px !important;
        right: 23px !important;
        width: 2px !important;
        height: 11px !important;
        content: "" !important;
        border: none !important;
        background-color: var(--Black-Shades-500);
        vertical-align: 0 !important;
        transition: all 200ms linear !important;
 }

.filter-sidebar .accordion-button::before {
    position: absolute !important;
    display: block !important;
    top: 22px !important;
    right: 23px !important;
    width: 2px !important;
    height: 11px !important;
    content: "" !important;
    border: none !important;
    background-color: var(--Black-Shades-500);
    vertical-align: 0 !important;
    transition: all 200ms linear !important;	
	transform: rotate(90deg);
}

.filter-sidebar .accordion-button:not(.collapsed)::before {
    position: absolute;
    display: block;
    top: 15px;
    right: 17px;
    width: 11px;
    height: 2px;
    content: "";
    border: none;
    background-color: var(--Black-Shades-500);
    vertical-align: 0;
    outline: none !important;
}

.filter-sidebar .accordion-button:not(.collapsed)::after {
        transform: rotate(90deg);
        opacity: 1;
}

.filter-sidebar .accordion-button:not(.collapsed) {
    color: var(--Black-Shades-500) !important;
	background-color: var(--white) !important;	
	box-shadow: none !important;
	border: none !important;
}

.filter-sidebar .accordion-button {
	border: 1px solid var(--Bg-light-gray) !important;
    /* box-shadow: none !important; */
}

.filter-sidebar ul.eventfllist {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.filter-sidebar ul.eventfllist a, .videogroup a {
	color: var(--Black-Shades-400);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	padding: 8px 0px;
	display: block;
	text-decoration: none;	
}

.filter-sidebar ul.eventfllist a:hover, .videogroup a:hover {
    color: var(--Primary--Navy-Blue-500);
    font-weight: 600; 
}


@media only screen and (max-width: 1024px) {
	.ordersm1 {
		order: 1;
	}			
	.ordersm2 {
		order: 2;
	}		
	.ordersm3 {
		order: 3;
	}
	
	.ordersm2 .filter-sidebar {
		margin-bottom:24px;
	}	
	
	
	.ordersm2 .filter-title {
		position:relative;
	}	
	
	.ordersm2 .filter-title:before {
		content: "\f107" !important;
		display: inline-block;
		font: normal normal normal 14px / 1 FontAwesome;
		font-size: inherit;
		position:absolute;
		right: 16px;
        top: 16px;
	}
	
	.filter-sidebar {
		margin-bottom:24px;
	}
	
}


@media screen and (max-width: 1366px) and (min-width: 1180px) {
	.page-template-page-publications .ordersm2 .filter-sidebar {
		margin-top: -25%;
	}
	.post-type-archive-publications  .ordersm2 .filter-sidebar {
		margin-top: -25%;
	}		
}


@media only screen and (min-width: 1400px) {
	.page-template-page-publications .ordersm2 .filter-sidebar{
		margin-top: -21%;
	}	
	
	.post-type-archive-publications  .ordersm2 .filter-sidebar {
		margin-top: -21%;
	}	
}


@media screen and (max-width: 1180px) and (min-width: 1025px) {
	.ordersm2 .filter-sidebar {
		/* margin-top: -30% !important; */
		margin-top: 0px;
	}	
}

@media only screen and (min-width: 992px) {
	.filter-title {
		border-radius: 8px 8px 0px 0px !important;
	}	
}


.bout-us-aside {
	margin-bottom: 24px;
	padding:0px !important;
}	

.bout-us-aside ul.sidebar-nav-list {
	list-style: none;
	margin: 0px;
	padding: 0rem 1.25rem 1rem 1.25rem;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.bout-us-aside ul li a {		
	color: var(--Black-Shades-400);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */	
	padding: 10px 0px;
	display: inline-block;	
	text-decoration: none;
}


.bout-us-aside ul li a:hover {	
	color: var(--Primary--Navy-Blue-500);
	font-weight: 600;		
}

.bout-us-aside ul li a.activelink {
	color: var(--Primary--Navy-Blue-500);
	font-weight: 600;	
}

.sidebar {
display: flex;
flex-direction: column;
width: 100%;	
}

.sidebar-section {
background: var(--white);
padding: 1rem;
border-radius: 8px;
border: 1px solid var(--Bg-light-gray);
background: var(--white);
border:1px solid var(--border-color-neutral);
margin-bottom: 24px;
}

.sidebar-title {
    color: var(--Black-Shades-500);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.09px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
    width: fit-content;
}
	  
.sidebar-title:before {
    content: '';
    height: 5px;
    background: var(--Primary--Navy-Blue-500);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 50%;
}	

.sidebar .sidebar-section .doc-list .doc-item {
	margin-bottom:0px;
}

.sidebar .sidebar-section a[href] {
    word-break: break-word;
}

/* --------------------------- */
.event-list, .news-list, .doc-list, .report-list, .contact-list {
	height: 100%;
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
	background-color: var(--white);
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: var(--Black-Shades-500);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 22.4px */		
}

.event-list, .news-list, .doc-list {
	margin-bottom:12px;
}

/*Thin Scrollbar Styling (Webkit Browsers) */
.event-list::-webkit-scrollbar, .news-list::-webkit-scrollbar, .doc-list::-webkit-scrollbar, .report-list::-webkit-scrollbar, .contact-list::-webkit-scrollbar {
  width: 6px;
}

.event-list::-webkit-scrollbar-track, .news-list::-webkit-scrollbar-track, .doc-list::-webkit-scrollbar-track, .report-list::-webkit-scrollbar-track, .contact-list::-webkit-scrollbar-track {
  background: transparent;
}

.event-list::-webkit-scrollbar-thumb, .news-list::-webkit-scrollbar-thumb, .doc-list::-webkit-scrollbar-thumb, .report-list::-webkit-scrollbar-thumb, .contact-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

/* Hide scrollbar buttons (arrows) in webkit */
.event-list::-webkit-scrollbar-button, .news-list::-webkit-scrollbar-button, .doc-list::-webkit-scrollbar-button, .report-list::-webkit-scrollbar-button, .contact-list::-webkit-scrollbar-button {
  height: 0;
  display: none; 
}
/* -------------------------------- */
	  
.event-item, .news-item, .doc-item, .contact-item {
  padding-bottom: 0rem;
  margin-bottom: 12px;
  border-bottom: 1.4px solid var(--Bg-light-gray);
}
	  
.event-list li:last-child.event-item, .news-list li:last-child.news-item, .doc-list li:last-child.doc-item, .contact-list li:last-child.contact-item {
border-bottom: none;
}	

.contact-list .contact-item {
	border-bottom: none;
	margin-bottom: 0px;
	padding: 0px;
}
	  
.contact-list .contact-item	p {
  margin: 0px;
}
	  
.contact-list .contact-item i.fa-circle-user {
	font-size: 42px;
}

.meta-date {
color: var(--Black-Shades-400);
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}	
	  
.meta-date i.fa-calendar-days {
	 margin-right: 8px;	
}

.sidebar-list-text {
	padding: 12px 0px;
	display: flex;
	align-items: baseline;
}	  
	  
.sidebar-section i.fa-file-pdf,  .sidebar-section i.fa-file-word {
	margin-right: 8px;
	font-size: 18px;
	color: var(--Primary--Navy-Blue-500);
}	  
	  
.contact-item i.fa-envelope, .contact-item i.fa-phone {
	font-size: 17px;
	margin-right: 8px;
}	  
	 
.contact-item .sidebar-list-text {
	padding: 8px 0px;
}

.contact-item .sidebar-list-text i.fa-solid, .contact-item .sidebar-list-text i.fa-regular {
color: var(--Primary--Navy-Blue-500);	
}

.contact-item .sidebar-list-text a {
font-weight: 400;
color: var(--Primary--Navy-Blue-500);
text-overflow: ellipsis;
font-family: Roboto;
font-size: 16px;
}	  
	  
.sidebar-list-text a {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 22.4px */
text-decoration:none;
word-break:break-word;	
}	  

.sidebar-list-text a:hover {	  
	color: var(--Primary--Navy-Blue-500);	
	text-decoration: underline;
}


.sidebar-section .view-btn:hover,.ctabtn:hover, .read-more:hover {
	background: var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;
}

/* Media Contact starts */
.role-title {
color: var(--Black-Shades-400);
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
}

.contact-person {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 125%; 
letter-spacing: 0.09px;
}

.contact-profile .contact-person, .contact-profile .role-title {
	margin-bottom:0px;
}
.contact-profile {
	margin-bottom:8px;
}
/* -------- Media Contact End -----------*/

/*  ----  Sidebar  End -----------  */

/* publication page loader Start */
.results-container {
	position: relative;
	min-height: 200px;
}

#loader {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
	display: none;
}
#loader i {
	font-size: 75px;
	color: var(--Primary--Navy-Blue-500);
} 
/* Publication page loader End */



/* ---- Pagination Start ----  */
.pagination {
	display: flex;
	justify-content:center;
	align-items: center;
	margin:16px 0px;
}

.pagination a, .page-numbers.current, .pagination li.page-item.disabled .page-link {
	color: black;
	float: left;
	padding: 8px 16px;
	/* margin:4px 8px; */
	margin:3px 3px !important;
	text-decoration: none;
	border-radius: 8px;
	border: 1px solid var(--Black-Shades-300);
	background: var(--White-Shades-500);	
	color: var(--Black-Shades-500);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */	
}

.pagination li.page-item.disabled span.page-link {
    margin-left: 0px;
}

.pagination li a.active {
	color: var(--white) !important;
	border-radius: 8px;
	border: 1px solid var(--Primary--Navy-Blue-500);
	background: var(--Primary--Navy-Blue-500);	
}

.pagination li.page-item.active .page-link {
	color: white;
	border-radius: 8px;
	border: 1px solid var(--Primary--Navy-Blue-500);
	background: var(--Primary--Navy-Blue-500);
}

.pagination li.page-item.active .page-link.dots {
	border-radius: 8px;
	border: 1px solid var(--Primary--Navy-Blue-500);
	background: var(--Primary--Navy-Blue-500);	
}

.pagination li.page-item .page-link.dots {
	border-radius: 8px;;
	line-height:25px;
	margin-right:8px;
}

.pagination li.page-item, .pagination li.page-item .page-link {
color: var(--Black-Shades-500);
text-align: center;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
border-radius:8px;
}

.pagination li span:not(.active), .pagination li a:not(.active), .pagination li.page-item.disabled .page-link {
	background: var(--white);
	border: 1px solid var(--Primary--Navy-Blue-500);
}

.pagination li span:hover:not(.active), .pagination li a:hover:not(.active) {
	background: var(--Primary--Navy-Blue-500);
	color: var(--white);	
	border-radius: 8px	 
}

.pagination .page-numbers.current {
    background: var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;
}

@media only screen and (max-width: 991px) {
	.pagination a, .page-numbers.current {
		margin: 4px 2px;
	}
	.pagination {
		flex-wrap: wrap;
		justify-content: center;
	}
	.pagination li.page-item, .pagination li.page-item .page-link, .pagination li.page-item .page-link.dots {
		margin-right: 2px;
	}	
	
	.pagination li.page-item.disabled span.page-link {
		margin-left: 0px;
		margin-right: 2px;
	}	
}
/* --- Pagination End ----  */


/*--------- Accordion start --------------*/
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.accordion-button:not(.collapsed) {
	border-radius: 8px 8px 0px 0px !important;
	background: var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 28px */
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") !important;
}	

.accordion-body {
	border:1px solid var(--border-color-neutral);
	border-top:0px;
	background: var(--white) !important;
	border-radius: 0px 0px 8px 8px;
}

.accordion-button {
	border:1px solid var(--border-color-neutral) !important;
	background: var(--white);
	color: var(--Black-Shades-500) !important;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 28px */	
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;	
}	

.accordion-item {
	margin-bottom: 16px;
	margin-top: 16px;
	border: none !important;
}	

.accordion-item:last-of-type .accordion-collapse ul {
	list-style:none;
	padding:12px 0px;
	margin-bottom:0px;
}

.profile-photo {
	display: flex;
	align-items: center !important;
	gap: 1.5rem;
	margin-bottom: 16px;
}

.profile-name {
	overflow: hidden;
	color: var(--Black-Shades-500) !important;
	text-overflow: ellipsis;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0.09px;
}

.social-icons {
	display: flex;
	gap: 1rem;
	margin-top: 0.5rem;
}

.social-icons ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.social-icons ul li {
	margin: 0px 0px;
} 	  

.social-icons ul li a {
	text-decoration: none;
}  

.social-icons ul li a > i.fa-brands {
	background-color: var(--Bg-light-gray) !important;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	display: flex;
	color: var(--Primary--Navy-Blue-500) !important;
	transition: 0.5s !important;
} 

.social-icons ul li a:hover > i.fa-brands {
	background-color: var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;
}

.btn-primary-outline-1 {
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	background: var(--white);
	padding: 8px 20px !important;
	border: 1px solid var(--Primary--Navy-Blue-500) !important;		
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s !important;
}

.btn-primary-outline-1:hover{
	background: var(--Primary--Navy-Blue-500) !important;
	border: 1px solid var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;
}


.btn-primary-outline-1 > i.fa.fa-angle-right {
	padding-left: 10px;
}

@media screen and (max-width: 600px) {
   .profile-card {
    flex-wrap:wrap;
	flex-direction:column;
  }
}
/* ------------ Accordion End ---------------*/


/* ===========   Careers page Start ==========   */
.job-card {
background: var(--white);
border:1px solid var(--border-color-neutral);
padding: 24px;
margin-bottom: 24px;
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
}
	  
.job-description {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
min-height:100px;
}

.job-description p {
    display: inline-block;
}

.benefits-section {
  padding: 36px 0px 16px 0px;
}
	  
.benefits-section .benefits-intro {
	margin-bottom: 42px;
}
	  	  
.benefit-card {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: var(--white);
border:1px solid var(--border-color-neutral);
padding: 1rem;
margin-bottom: 24px;
min-height: 300px;
display: table-cell;
}
  	  	  
.benefit-card .tertiary-heading	{
    display: flex;
    align-items: baseline;
}	
	  
.benefit-card .tertiary-heading i.fa-solid {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 25px;
    font-size: 14px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-right: 10px;
}	
	  		  
.benefit-list {
  padding: 0px 0px 0px 7px;
  list-style: none;
  display: table-cell;
}

.benefit-list li {
color: var(--Black-Shades-400);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
margin-bottom:20px;
}	  
	  
.holidays-section {
	margin-bottom:50px;
}

.holidays-section .container {
background: var(--white);
border:1px solid var(--border-color-neutral);	
padding: 36px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
}
	  
.holidays-section .primary-heading {
	text-align: center;
	margin-bottom:30px;
 }
	  
.equal-height-columns {
display: table;
margin-bottom: 24px;
}

.equal-height-cell {
display:table-cell;
}

	  
.holiday-card {
	min-height: 50px;
	border: 0.5px solid var(--Black-Shades-300);
	background: var(--white);
	margin-bottom: 16px;
	font-size: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px 12px;	
}	  
	  	  
/* ---   Careers page End ---   */


/* ============ Blog page start ============== */
.intro-section {
	padding:24px 0px;
}
.s-services {
	padding-top:8px;
}
/* ============  Blog page End =============== */


/* --------------  BRTC Commissioners Start ------------- */
		
.commissioner-card {
display: table-cell;
padding: 16px;
flex-direction: column;
align-items: flex-start;
border: 1px solid var(--Bg-light-gray);
background: var(--White-Shades-500, #FFF);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
margin-bottom: 24px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
}	
.commissioner-name {
overflow: hidden;
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: 0.09px;
}

.commissioner-info {
	list-style: none;
	padding: 0;
	margin: 0;
	color: var(--Black-Shades-400);
	/* Body/16/16-Regular */
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
}

.commissioner-info li {
  margin-bottom: 16px;
  display: flex;
	align-items: baseline;
}	
		
.commissioner-info li>i{
  margin-right: 8px;
}
/* --------------  BRTC Commissioners End ------------- */

/* *******************************************************************   */

/* -------------- BRTB Members Start ------------  */
	  
.brtb-members-info ul li {
  margin-bottom: 12px;
}	
		  
.member-card {
border-radius: 8px;
border: 1px solid var(--Bg-light-gray);
background: var(--white);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
padding: 16px;	
margin-bottom: 24px;
position: relative;
}	  
	  
.badge-area {
background: var(--Bg-light-gray);
color: var(--Black-Shades-400);
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */	
display: inline-flex;
padding: 2px 8px;
justify-content: center;
align-items: center;
gap: 10px;	
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;	
font-size: 14px;
}
	  
.member-card .w-badge {
	position: absolute;
	top: 16px;
	right: 16px;
}	  
	  
.member-card .members-list ul {
	list-style: none;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}
	  
.member-card .members-list ul li {
	margin-bottom: 12px;
	display:flex;
	align-items: baseline;
}

.member-card .members-list ul li a {
	color: var(--Primary--Navy-Blue-500);	
	text-decoration: none;
}
	  
.member-card .members-list ul li a:hover {
	text-decoration: underline;
}	  
	  	  
.member-card .members-list ul li > i {
	margin-right: 8px;
}
	  
.member-card .members-list ul li .badge-area {
  margin-left: 5px;
}	  
	  
.member-card .members-list .tertiary-heading {
  margin-bottom: 16px;
} 

@media only screen and (max-width: 600px) {
	.member-card .members-list .tertiary-heading {
		word-break: break-word !important;
		display: inline-flex;
		width: 70%;	
	}
}	
/* -------------- BRTB Members End ------------  */

/* Maryland Travel Survey page Start */
.page-id-518 .ctasection {
border: 1px solid var(--Bg-light-gray);
background: var(--white);
border: 1px solid var(--border-color-neutral);
padding: 20px 24px;
margin-bottom: 24px;
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
}

.formsection .get-contact-form .sub-heading1 {
	background: var(--Bg-light-gray);
	padding: 16px 24px;
	margin:0px;
    border-radius: 8px 8px 0px 0px;
	border: 1px solid var(--border-color-neutral);
	border-bottom:none;
}

.formsection .get-contact-form .formcontent {
	padding: 16px 24px 24px 24px;
	background: var(--white);
	border-radius: 0px 0px 8px 8px;
	border: 1px solid var(--border-color-neutral);
}

.formsection .get-contact-form input[type="text"], .formsection .get-contact-form input[type="tel"], .formsection .get-contact-form input[type="email"], .formsection .get-contact-form .textarea {
	border: 1px solid rgba(130, 130, 130, 0.60);
	background: var(--white);	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	display: flex;
	min-height: 48px;
	align-items: center;	
	margin-bottom:16px;
}

.formsection .get-contact-form select {
	border: 1px solid rgba(130, 130, 130, 0.60);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
	background-image: var(--gf-ctrl-select-icon-focus);	
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-position-y: center;
	display: flex;
	height: 48px;
	align-items: center;	
	margin-bottom:16px;
}

.formsection .get-contact-form .gform_fields .gsection {
    margin-bottom: 16px;
    padding: 0;
}

.formsection .get-contact-form .gform_fields {
    row-gap: 8px !important;	
}


.formsection .get-contact-form .gform_required_legend {
	display:none;
}

.gform-body .gfield {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: 0.09px;	
}

.formcontent .gform-footer .button {
display: flex;
min-width: 180px !important;
height: 48px !important;
padding: 16px 24px !important;
justify-content: center;
align-items: center;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border-radius: 8px !important;
background: var(--Primary--Navy-Blue-500) !important;	
color: var(--white) !important;
font-family: Roboto !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 150%; 	
}

.gform-body .gfield .ginput_container + div.validation_message {
	margin-top:-5px !important;
	margin-bottom:5px !important;
}

.gform-body .gfield .ginput_recaptcha + div.validation_message {
	margin-top:5px !important;
}

.gform-body .gfield label.gform-field-label {
    color: var(--Black-Shades-500);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
/* Maryland Travel Survey page End */


/* ---------------  Committee page Start  --------------  */
.committee-section .secondary-heading {
	margin-bottom: 24px;
}
.committee-section a {
padding: 16px 16px;
border: 1px solid var(--bg-light-gray);
background: var(--white);
border:1px solid var(--border-color-neutral);
display: block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
margin-bottom: 16px;
text-decoration: none;
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: 0.09px;	
transition: transform 0.2s ease-in-out;
}

.committee-section a:hover {
	text-decoration: underline;
	color: var(--Primary--Navy-Blue-500);
	 transform: translateX(8px);
}
	  	  
@media only screen and (max-width: 991px) {
	  .order-md-1 {
		order: 1 !important;
	  }

	  .order-md-2 {
		order: 2 !important;
	  }		
}	
/* ---------------  Committee page End  --------------  */

.bmc-counties:hover, .bmc-counties.active {
    fill: #ff7f2f;
    cursor: pointer;
}
.bmc-counties {
    fill: #003764;
    stroke: #FFFFFF;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    transition: fill 0.5s;
}


/*  ----------- Meeting & Event details page Start -------------   */

.eventmetawrapper {
border-radius: 10px;
border: 1px solid #4EA685;
background: var(--white);
width: 100%;
padding: 16px;	
}

.eventmetawrapper .tribe-events-c-subscribe-dropdown__button, .eventmetawrapper .tribe-events .tribe-events-c-subscribe-dropdown__container {
	min-width:100%;
	max-width:100%;
} 

.eventmetawrapper .tribe-common svg {
    overflow: hidden;
    display: none;
}

.emapsection {
    padding: 16px 0px;
}

.edatemonth {
    border-radius: 10px;
    min-height: 112px;
	padding: 30px 0px 24px 0px;
	box-sizing:border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.edatemonth .event-day-number {
	color: var(--Black-Shades-500);
	font-family: Roboto;
	font-size: 50px;
	font-style: normal;
	font-weight: 800;
	line-height: 30px;
	margin-bottom:12px;
}

.edatemonth .event-month-name {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 125% */
}

.event-time-group {
    padding: 16px 0px;
    margin-bottom: 16px;	
    border-bottom: 1px dashed #9B9B9B;
}

.event-time-group p {
color: var(--Black-Shades-400);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */	
margin-bottom:0px;
text-align: center;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-events .tribe-events-c-subscribe-dropdown {
    margin: 0 !important;
}

.event-format-label {
color: var(--Black-Shades-400);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */	
text-align:center;
}

.eventmetawrapper .tribe-common .tribe-common-c-btn-border {
    border-radius: 6px;
    background: var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;	    
}

.eventmetawrapper .tribe-common button {
	outline: none !important;
}
.tribe-events-single .tribe-events-content p {
	font-size:16px;
}

.tribe-events-content a, .tribe-events-content a:hover {
	border-bottom:none;
	text-decoration: underline;
    color: var(--Primary--Navy-Blue-500);
}

.tribe-events-content a.ctabtn {
    border-bottom: 1px solid var(--Black-Shades-300);
	text-decoration:none;
}


.meeting-details-card {
    margin-bottom: 24px;
}

.tribe-events-series-relationship-single-marker {
    display: none;
}

.eventmetawrapper .edatemonth[style="background: #003764"] > h3.event-day-number, .eventmetawrapper .edatemonth[style="background: #003764"] > span.event-month-name {
    color: var(--white);
}

/*  ----------- Meeting & Event details page End -------------   */




/* ===== News Grid start ===== */

.label-press {
    background: var(--Primary--Navy-Blue-500);	
	color: var(--white);
}
	
.label-community { 
	background: var(--Orange-Color); 
	color: var(--Black-Shades-500);
}
	
.label-transportation { 
	background: var(--Green-Color);
	color: var(--Black-Shades-500);
}
	
.label-environment { 
	background: var(--Lime-Green); 
	color: var(--Black-Shades-500);
}	

.label-purchasing { 
	background: var(--Yellow-Color);
	color: var(--Black-Shades-500);	
}

/* ----- News Block ------ */
.news-block {
	border-radius: 8px;
	border-top: 1px solid var(--Primary--Navy-Blue-500, #003764);
	border-right: 1px solid var(--Primary--Navy-Blue-500, #003764);
	border-bottom: 4px solid var(--Primary--Navy-Blue-500, #003764);
	border-left: 1px solid var(--Primary--Navy-Blue-500, #003764);
	background: var(--White-Shades-500, #FFF);
	position: relative;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin-bottom: 24px;
}

/* ----- Labels ------ */
.news-block-labels {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 6px;
  z-index: 2;
}

.label-category {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	padding: 4px 12px;
} 
	
.label-category[style="background-color:#003764;"] {
    color: var(--white);
}

/* ------- Image Section ------ */
.news-block-image-wrapper {
  position: relative;
}

.news-block-image {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
  border-radius:8px 8px 0px 0px / 8px 8px 0px 0px;	
  transition: transform 0.3s ease;
}
.news-block:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
}

.zoom-image-container {
	overflow: hidden;
	border-radius:8px 8px 0px 0px / 8px 8px 0px 0px;
}
.news-block:hover img.news-block-image {
	 transform: scale(1.1);	 
	 border-radius:8px 8px 0px 0px / 8px 8px 0px 0px;
}

/* ------ Date Badge -------- */
.news-block-date {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: var(--Primary--Navy-Blue-500);
	color: var(--white);
	padding: 5px 10px;
	width: 44px;
	height: 44px;	
	border-radius: 0px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	line-height: 1.2;
}

.news-block-date-month {
  display: block;
  font-size: 12px;
}

.news-block-date-day {
  display: block;
  font-size: 16px;
}

/* ------- News Content ------- */
.news-block-content {
  padding: 16px 16px;
}

.news-block-title {
color: var(--Black-Shades-500);
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 22.5px */
letter-spacing: 0.09px;	
margin-bottom: 8px;
transition: color 0.3s ease;
display:inline-block;
max-width: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;	
}

.news-block-title a {
text-decoration: none;	
}
	
.news-block-title a:hover {
text-decoration: underline;	
}	

.news-block-description {
  font-size: 0.875rem;
  color: #555;
  line-height: 1.4;
}



/* ----- Responsive ------ */
@media (max-width: 991px) {
	.news-block:hover, .news-block:hover img.news-block-image {
		transform: none !important;
	}	
}

@media (max-width: 480px) {
  .news-block-date {
    left: 8px;
    padding: 4px 8px;
  }

  .news-block-title {
    font-size: 0.95rem;
	display: initial;  
  }

  .news-block-description {
    font-size: 0.8rem;
  }
		
}

/* ===== News Grid End  ===== */

/* News Details */
.news-details .news-dblockwrpr .label-category {
	color: var(--white);
	background-color: var(--Primary--Navy-Blue-500);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.news-details .img-fluid {
	margin-bottom:8px;
}

.news-details .news-dblockwrpr .label-category[style="background-color: #ff7f2f"], .news-details .news-dblockwrpr .label-category[style="background-color: #4ea685"], .news-details .news-dblockwrpr .label-category[style="background-color: #95d600"] {
	color: var(--Black-Shades-500) !important;
}

.news-details img {
    max-width: 100%;
    height: auto !important;
}
/* ------ Modal popup Start ---- */
#loader i {
    margin-top: 2rem;
	z-index:999;
}
#eventModal #loader {
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	position:absolute;
	top: 0%;
} 

.modal .modal-header {
    padding: 1rem;
    border: 1px solid #AFADAD;
    border-bottom: none;
}
div#eventModal .modal-content .modal-body {
    padding: 0rem !important;
}

.modal .modal-content {
    padding: 1rem;
    border: 1px solid #AFADAD !important;
}

.modal .modalresponse .weekcontainer {
	border-radius: 0px 0px 4px 4px !important;
	width: 100%;
	max-height: 310px;  
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: thin;        /* Firefox */
	-ms-overflow-style: none;     /* IE 10+ */	
}

.modal .modalresponse .weekcontainer .week-event-card {
    border-top: 1px dashed #DAD4D4;
}

.modal .modalresponse .week-event-date {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* ------ Modal popup End ---- */

/* BRTB Members page (sidebar box-shadow) */
body.page-id-515 .sidebar-section {
box-shadow:none !important;
background: var(--white-Shades-500);
border: 1px solid var(--Black-Shades-300);	
}

/* ------------   Staff List Start   ------------------ */
.search-box {
	margin-bottom: 15px;
}

.search-input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.alphabet-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	margin: 20px 0px;
	padding:0px 16px;
	list-style:none;
	border-radius: 8px;
	border: 1px solid var(--Bg-light-gray, #EBEDEF);
	background: var(--Bg-light-gray, #EBEDEF);	  
}

.alphabet-filter li {
	padding: 6px 0px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	margin-bottom:0px !important;
}

.alphabet-filter li a.alpha-btn.active {
	color: var(--Primary--Navy-Blue-500);
	font-weight:600;
}	

.alphabet-filter li a {	
	color: var(--Black-Shades-400);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
	text-decoration:none;
}

.alphabet-filter li a:hover {	
	color: var(--Primary--Navy-Blue-500);
	font-weight:600;
}

.alphabet-filter li:after {
	content: "|";
	padding-left: 8px;
	padding-right: 8px;
}

.alphabet-filter li:last-child:after{
	display:none;
}

.staff-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
}

.staff-card {
	padding: 20px;	
	margin:10px 0px;	
	border-radius: 8px;
	background: var(--white);
	border:1px solid var(--border-color-neutral);	
	transition: transform 0.2s ease-in-out;
}

.staff-card:hover {
	transform: translateY(-5px);
}	

.staff-card-full {
	text-align: left;
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom:24px !important;
}

.staff-card-image {	
	display: flex;
	justify-content: center;
	align-items:center;
}	

.staff-card-full .staff-card-image img {
	width: 168px;
	height: 188px;
}

.staff-card-image img {
    width: 120px;
    height: 140px;
    object-fit: scale-down;
}

.staff-card-details {
	flex: 1;
}

.staff-name {
	color: var(--Black-Shades-500);
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; 
	letter-spacing: 0.09px;
	margin-top: 10px;
}

.staff-title, .staff-info {
	display: flex;
	align-items: baseline;
	margin: 4px 0;
	color: var(--Black-Shades-400, #444);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.staff-title i, .staff-info i {
	margin-right:8px;
}

.staff-title a:hover i, .staff-info a:hover i {
	text-decoration: none !important;
}	

.staff-info {
	color: var(--Black-Shades-400, #444);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
	margin: 4px 0;
}

.staff-info a {
	color: var(--Primary--Navy-Blue-500);
	text-overflow: ellipsis;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
	text-decoration: none;
	display: flex;
	align-items: baseline;
	word-break: break-word;
}

.staff-info a:hover {
	text-decoration: underline;
}

.staff-committees {
	margin-top: 10px;
}

.staff-committees .tag-committee {
	display: inline-block;
	background: #e0ecff;
	color: #1d4ed8;
	font-size: 13px;
	padding: 3px 6px;
	border-radius: 6px;
	margin: 3px 0;	
}

.staff-committees p {
	margin: 0px 0px 4px 0px;
}	


@media only screen and (max-width: 767px) {
	.staff-card {
		display: flex;
		margin:0px;
	}

	.staff-card-full {
		gap: 0px;
		flex-direction: column;
	}
	
	.staff-card-image, .staff-card-full .staff-card-details {
		width: 100%;
	}
	
	.staff-card-full .staff-card-image img {
		width: 100px;
		height: 100px;
	}	
	
}

@media only screen and (min-width: 1420px) {
	.alphabet-filter li a {	
		font-size: 16px;
	}
	
	.alphabet-filter li:after {
		content: "|";
		padding-left: 10px;
		padding-right: 10px;
	}	
	
}
/* ------------   Staff List End   ------------------ */

/* ------  Find a Park & Ride Lot page Start  -----------  */
.parkride-card {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: var(--White-Shades-500, #FFF);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
box-sizing: border-box;
padding: 16px;
}	

@media only screen and (max-width: 991px) {
	.parkride-card div[class|="col-sm-12"] {
		width: 100% !important;
	}
	.parkride-card div[class|="col-sm"] {
		width: 50%;
	}
}
/* ------  Find a Park & Ride Lot page End  -----------  */

/* -----------  Interactive Mapping Start -----------  */

.threecards {
    background: var(--white);
    border:1px solid var(--border-color-neutral);
    padding: 15px;
    margin: 0 auto;
    min-height: 350px;
}

.threecards .card-icon img.cart-gallery-icon {
	object-fit:cover;
	width:100%;
	height:260px;
}

@media only screen and (max-width: 991px) {
	.threecards .card-icon img.cart-gallery-icon {
		height: 180px;
	}
}

@media only screen and (min-width: 1400px) {
	.threecards .card-copy.text-left {
		min-height: 100px;
	}
}

@media screen and (max-width: 1300px) and (min-width: 992px) {
	.threecards .card-copy.text-left {
		min-height: 120px;
	}	
}
/* -----------  Interactive Mapping End -----------  */

/* Contact Us page start */
ul.contactus-listing-bmc {
    margin-bottom: 32px;
	display:flex;
    list-style:none;
	padding:0px;	
}

.contactus-listing-bmc li {
    display: flex;
	margin:0px 16px 8px 0px;
}

.contactus-listing-bmc li i {
    margin-right: 8px;
	font-size:18px;
}

.contactus-listing-bmc li p {
	margin:0px;
}

@media screen and (max-width: 991px) {	
	ul.contactus-listing-bmc {
		flex-direction: column;
		justify-content:flex-start;
	}
	
	.contactus-listing-bmc li.hex-cell {
		padding: 8px 8px;
		width: 100%;
	}
	
	.contactus-listing-bmc li {
		width: 100%;
	}	
}
/* Contact Us page End */


/*  ------ Contract Awards Start ----------  */
.contractawards, .contractawards table {
    width: 100%;
}

.contractawards table tr td, .contractawards table tr th {
    min-width: 100px;
    word-break: keep-all;
    vertical-align: top;
	font-size:14px;
}

.contractawards table tr td.awardsupplier, .contractawards table tr td.sorting_1, .contractawards table tr td {
    overflow-wrap: break-word;
    word-break: break-word;	
}
/*  ------ Contract Awards End ----------  */


/* Requests for Proposals start */
.rfpdoctitle {
    color: var(--Black-Shades-500);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.09px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
    width: fit-content;
}

.rfpdoctitle:before {
    content: '';
    height: 5px;
    background: var(--Primary--Navy-Blue-500);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 60%;
}

ul.rfpdoclist {
	list-style: none;
	padding:0px 0px 0px 2px;
}

ul.rfpdoclist li a {
padding:2px 0px;
display:flex;
text-decoration: none;
}

ul.rfpdoclist li a:hover {
text-decoration: underline;
}

ul.rfpdoclist li a:before {
    font-family: "Font Awesome 6 Free";
    content: "\f1c1";
    padding-right: 8px;
}
.gform_heading .gform_required_legend {
	display:none;
}

form#gform_3 .gfield--input-type-name, form#gform_3 .gfield--input-type-email {
	width:70% !important;
}
.gform-theme--foundation .gform_fields {
    grid-row-gap: 16px !important;
}

form#gform_3 .gfield--input-type-name input[type="text"] {
border-radius: 8px;
border: 1px solid rgba(130, 130, 130, 0.60);
background: var(--White-Shades-500, #FFF);	
}

form#gform_3 .gfield--input-type-email input[type="email"] {
border-radius: 8px;
border: 1px solid rgba(130, 130, 130, 0.60);
background: var(--White-Shades-500, #FFF);	
}

.gform-theme .gform_fields input[type="email"],  .gform-theme .gform_fields input[type="text"] {
	border: 1px solid rgba(130, 130, 130, 0.60);
	background: var(--white);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: flex;
	min-height: 48px;
	align-items: center;
	margin-bottom: 16px;
}

.gform_button.button {
	display: flex;
	min-width: 180px !important;
	height: 48px !important;
	padding: 16px 24px !important;
	justify-content: center;
	align-items: center;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	background: var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;
	font-family: Roboto !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 150%;	
}


.gform-body .gfield .ginput_container + div.validation_message {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.gform_confirmation_message {
color:#127801 !important;
font-weight:600;
}

@media only screen and (max-width: 767px) {
	form#gform_3 .gfield--input-type-name, form#gform_3 .gfield--input-type-email {
		width: 100% !important;
	}
}

/* Requests for Proposals End */



/* ------   Sitemap start  -------  */
.sitemap-section {
  margin-bottom: 0px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

span.sitemap-group-btn {
	display: inline-flex;
	padding: 12px;
	margin-bottom:24px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #E7EFF8;
	color: var(--Black-Shades-500, #18191B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 25px */
	letter-spacing: 0.1px;
	text-transform: uppercase;	
}

li.sitemapsectitle {
    margin-bottom: 16px;
}

.sitemap-list a {
color: var(--Black-Shades-400);
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
text-decoration:none;
margin-bottom:8px;
display: inline-block;
}

.sitemap-list a:hover {
  text-decoration: underline;
}

li.sitemapsectitle > a {
color: var(--Primary--Navy-Blue-500);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 22.4px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
text-decoration:none;
}

.sitemap-columns .sitemap-list {
    list-style: none;
    padding-left: 16px;
}

.sitemap-columns .sitemap-list .sitemapsectitle > .sitemap-list {
	padding-left: 0px !important;
}


@media only screen and (max-width: 991px) {
  .sitemap-list a {
    text-decoration:underline !important;
	  padding: 3px;
	  display: block;
  }
}
/* ------   Sitemap End  -------  */


/*-----   Page Not Found 404 page Start --------*/
.error-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 5% 0%;
  text-align:center;
}

.error-page-content {
  padding: 0% 5%;
}

.error-page-image-wrapper {
  width: 100%;
}

.error-page-image {
  width: 100%;
  height: auto;
}

.error-page-code {
  font-size: 72px;
  font-weight: 900;
  color: var(--Primary--Navy-Blue-500) !important;
  font-family: Roboto;
}

.error-page-title { 
	color: var(--Black-Shades-500, #18191B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 33.6px */
	letter-spacing: 0.12px;  
	margin-bottom: 10px;
}

.error-page-description {
	color: var(--Black-Shades-400);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
	margin-bottom: 15px;
}

.error-page-button {
  display: inline-block;
  padding: 12px 24px;
  font-size: 16px;
  color: #fff;
  background-color: #003e6b;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.error-page-button:hover {
  background-color: #005a9e;
}

/*-----   Page Not Found Start --------*/


/* ------ Home slider Start ---------*/

/*News & Announcements*/
.news-card, .about-bmc-cantainer {
    box-shadow: none !important;
    border:1px solid var(--border-color-neutral);
}


/* SLIDERE */
@media only screen and (min-width: 1200px) {
	.carousel-wrapper .carousel.slide {
		width: 620px !important;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%) !important;
	}
.carousel-wrapper .carousel-caption {
    left: 22% !important;
    display: flex;
    align-items: center;
}	
	
.carousel-wrapper .carousel-caption a {
     max-width: 100% !important; 
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}	
	
}
/* Home slider End */


/* Search Results Start */
ul.search-results {
    list-style: none;
    padding: 0px;
}


ul.search-results li {
margin-bottom:20px;
}

ul.search-results li p {
    line-height: normal;
}

ul.search-results li a {
    text-decoration: none;
	display: inline-flex;
	word-break: break-all !important;
}

ul.search-results li a > h4 {
	margin-bottom:4px;
	font-size:20px;
	font-weight: normal;
}

ul.search-results li a:hover {
    text-decoration: underline;
}

.search-results .pagination a.page-numbers {
    margin: 3px 3px !important;
}

.search-results .pagination a.page-numbers:hover {
    background: var(--Primary--Navy-Blue-500) !important;
    color: var(--white) !important;
}


@media only screen and (max-width: 991px) {
	ul.search-results li a {
		text-decoration: underline;
	}
}

div.is-ajax-search-details, div.is-ajax-search-result {
    border: 1px solid var(--Primary--Navy-Blue-500);
    padding: 0px !important;
	border-radius:8px;
}

div.is-ajax-search-details, div.is-ajax-search-result {
	background-color: var(--white) !important;
	padding:0px !important;
}

.simplebar-mask {
    border-radius: 8px !important;
}

.is-show-more-results {
    border-radius: 0px 0px 8px 8px !important;
    background-color: var(--Primary--Navy-Blue-500) !important;
    color: var(--white) !important;
}


div.is-ajax-search-details, div.is-ajax-search-result {
    background-color: var(--Primary--Navy-Blue-500) !important;
	color: var(--white) !important;
}

.is-ajax-search-result .is-ajax-search-post:hover {
background-color: #E9EDF1 !important;
}

.is-ajax-search-no-result {
    color: var(--Black-Shades-500) !important;
	font-size:24px !important;
	padding:16px !important;
}

@media only screen and (min-width: 1200px) {
	.is-ajax-search-result {
		min-width:1075px !important;
	}
}

/* search results End */



/* ------- Share content on social media start  -------- */
.sticky-social-wrapper {
  position: fixed;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  z-index: 9;
}

.sticky-social-box {
  display: flex;
  align-items: center;
}

.sticky-social-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  transform: translateX(-20%);
}

.sticky-social-box ul li a {
  color: #003764;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.3s;
}

.sticky-social-box ul li a > i.fab:before, .sticky-social-box ul li a > i.fa-brands:before {
    padding-left: 8px;
    padding-right: 3px;
}

.sticky-social-box ul li a:hover i.fab:before, .sticky-social-box ul li a:hover i.fa-brands:before {
    padding-left: 3px;
}

@media only screen and (min-width: 1140px) {	
	.sticky-social-box ul li a:hover i {
		transform: scale(1.1);
	}
}	
	
@media only screen and (max-width: 991px) {
	.sticky-social-wrapper {
		position: relative;
	}	
	.sticky-social-box ul {
    transform: translateX(0%); 
    flex-direction: row;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid var(--border-color-neutral);
	gap: 6px;
	align-items: center;	
	}
	
	.sticky-social-wrapper {
		display: block !important;
	}
	
	.social-icon:hover {
		transform: none !important;
	}		
	.sticky-social-box ul li.d-lg-none {
		font-size: 24px;
		font-weight: 500;
	}
	.sticky-social-box ul li a > i.fab:before, .sticky-social-box ul li a > i.fa-brands:before {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}		
}

	
/* Container for the social icons */
.social-bar {
  position: fixed;
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px;
}

/* Basic icon style */
.social-icon {
  width: 36px;
  height: 32px;
  background-color: var(--white) !important;
  color: var(--Primary--Navy-Blue-500);	
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 5px 5px 0;
  transition: all 0.3s ease;
  position: relative;
  text-decoration: none;
  font-size: 18px;
  border: 0.5px solid #003764;
}

/* Hover effects */
.social-icon:hover {
  transform: translateX(8px) scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  color: var(--white) !important;	
}

/* Brand hover background colors */
.social-icon.facebook:hover {
  background-color: #3b5998 !important;
}

.social-icon.twitter:hover {
  background-color: #000 !important;
}

.social-icon.linkedin:hover {
  background-color: #0077b5 !important;
}

/* Optional: tooltip on hover */
.social-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  font-size: 12px;
  transition: opacity 0.3s ease;
}

.social-icon:hover::after {
  opacity: 1;
}

@media (max-width: 991px) {
  .social-icon {
    width: 44px;
    height: 44px;
    font-size: 20px;
    border-radius: 50%;
  }

  .social-icon::after {
    display: none; /* Hide tooltip on mobile */
  }
}


@media (max-width: 400px) {
  .social-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

/* ------- Share content on social media End  -------- */


/* Pre defined blocks layout start */
.downloadsblock .downloadsmr .card {
    display: flex;
    align-items: center;
    text-align: center;
	padding: 1.2rem 1rem 0.5rem 1rem;
	border: 1px solid var(--border-color-neutral);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;	
	margin-bottom: 16px;
}

.downloadsblock .downloadsmr .card ul {
	margin:0px;
}

.downloadsblock .downloadsmr .card ul li.icon-container-layout > i {
	font-size:32px !important;
	color: var(--Black-Shades-500) !important;
}


.bmctableblock table, .bmctableblock table td, .bmctableblock table th {
  border: 1px solid var(--border-color-neutral) !important;
}

.bmctableblock table {
	width: 100%;
}

.bmctableblock .table>:not(:first-child) {
    border-bottom: 0px !important;
	border-top: 0px !important;
}

/*gallery section*/

.galleryitem {
    height: 200px;
	margin-bottom:24px;
	padding:1px;
    position: relative;	
	border: 1px solid var(--border-color-neutral);
}

.galleryitem img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.galleryitem .fa-magnifying-glass {
    position: absolute;
    color: var(--Black-Shades-500);
    top: 50%;
	font-size:18px;
}

.galleryitem a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.galleryitem a:hover i {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.galleryitem a i {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    font-size: 24px;
    color: var(--Black-Shades-500);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--white) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
	display: flex;
	justify-content: center;
	align-items: center;
}

.galleryitem a:before {
	background: rgba(0,0,0,0.5);
	visibility:hidden;
	content:'';
	height:100%;
	width:100%;
	position: absolute;
	left:0px;
	top:0px;
	transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.galleryitem a:hover:before {
	visibility:visible !important;
}
/* Pre defined blocks layout End */