input.search-field {
    outline: none !important;
}
main#main {
    padding: 0;
}
.site-header-custom {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: var(--global--spacing-vertical);
}
.search-form{
margin-left: auto;
}
.search-form .search-field {
height: 40px;
  width: 280px;
  padding-left: 34px;
margin-bottom: 15px;
  margin-top: 15px;
}
svg.bi.bi-search {
  position: absolute;
  margin-top: 30px;
  margin-left: 15px;
color: #a6b0c3;
}
.site-header-custom {
  border-top: 1px solid #999ca130;
  border-bottom: 1px solid #999ca130;
}
.search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a6b0c3;
font-size: 13px;
  font-weight: bold;
  opacity: 1; /* Firefox */
}
.search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a6b0c3;
font-size: 13px;
  font-weight: bold;
}

.search-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #a6b0c3;
font-size: 13px;
  font-weight: bold;
}
input.search-field {
  background-color: #EFF2F5;
  border: none;
  border-radius: 8px;
}
.site-branding {
  margin-left: 15px;
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{
color: rgb(56, 97, 251);
  text-decoration: none;
}
.primary-navigation a:hover, .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover, .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  text-decoration: none;
  color: rgb(56, 97, 251);
}
.login-info {
	display: flex;
	align-items: center;
	text-align: right;
	padding: 8px;
	font-weight: 600;
    color: #fff;
    background-color: #1961c2;
}
.login-with-carousel{
	display: flex;
	justify-content: flex-end;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
background: none;
color: rgb(56 97 251);
outline: none;
transition-duration: 0.4s;
}
.login-info .user-name {
  	margin: 10px;
	max-width: 150px;
	width: 100px; 
	text-align: right;
  	font-weight: 600;
}
/* carousel */
.marquee {
display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
img.index-logo {
  padding-left: 15px;
}
.marquee p {
margin:0;
  padding-left: 100%;
padding-right: 25%;
  animation: marquee 30s linear infinite;
}
.index-down{
color: red;
}
.marquee p:hover{
  animation-play-state: paused;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.smn-img {
display: flex;
flex-direction: column;
justify-content: flex-start;
}

.smn-by {
margin-top: auto;
}
p.card-text.smn-by {
  padding: 0 10px 5px 10px;
  font-weight: 700;
}
.govcon-md-4-title{
padding: 15px;
margin: 0;
font-size: 18px;
font-weight: 600;
}
.govcon-md-4-card-body{
padding: 5px;
}
p.card-text.smn-by-date {
  text-align: right;
padding-right: 10px;
}
.icon-link {
position: relative;
padding-right: 20px; /* Space for the icon */
}

.icon-link .icon::after {
content: ">";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.link-icon-right {
  color: #007bff;  
  text-decoration: none;
margin: 15px;
}

.link-icon-right:hover {
  color: #0056b3;  /* Bootstrap primary hover color */
  text-decoration: none;
}
.card-title-blue{
color: blue;
}
h5.card-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}
.gci-img{
padding: 10px;
}
/* user profile */
.gradient-bg {
  background: linear-gradient(to right, #5562d8, #3c94c6);
  height: 200px;
}
.profile{
  border: 0.5px solid #e3e3e3;
width: auto;
margin: 5px;
padding: 15px;
  border-radius: 8px;
background-color: #fff;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
p.profile-name {
  font-weight: 600;
  font-size: 20px;
}
p.profile-organization {
margin-top: -7px !important;
  color: #919191;
}
p.profile-name, p.profile-organization{
text-align: center;
margin: 0;
}
.profile-image {
margin: 15px auto 15px auto;
width: 150px;
height: 130px;
overflow: hidden;
}
.profile-label {
  font-size: 12px;
  color: #989894;
}
.list-group-item p{
margin: 0;
font-weight: 600;
}
.profile-image img {
width: 100%;
height: auto;
object-fit: cover;
}
.list-group-profile{
	display: flex;
	list-style-type: none;
	padding: 0;
}
.list-group-profile-info{
	flex-direction: row;
}
.profile-image-div{
	width: 130px; 
	height: 130px;
	margin: auto;
	border: 1px solid #ccc; 
	overflow: hidden;
}
.page-id-43 main#main {
  background-color: #F6F6F6;
}
.profile-container{
	margin-top: 30px !important;
	margin-bottom: 50px;
}
.nav-tabs .nav-link {
	border-color: var(--bs-nav-tabs-link-hover-border-color);
	background-color: #fff !important;
	color: #000 !important;
	font-weight: 700;
}
button.nav-link#nav-events-tab, button.nav-link#nav-topics-of-interest-tab, button.nav-link#nav-tag-cloud-tab {
font-weight: 700;
  color: #c9ccce !important;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  /* Add transition */
  transition: color 0.3s ease-in-out;
}

button.nav-link.active#nav-events-tab, button.nav-link.active#nav-topics-of-interest-tab, button.nav-link.active#nav-tag-cloud-tab {
padding-bottom: 9px;
font-weight: 700;
  color: #000 !important;
  border-bottom: none;
}

button.nav-link.active#nav-events-tab:hover, button.nav-link.active#nav-topics-of-interest-tab:hover, button.nav-link.active#nav-tag-cloud-tab:hover {
  color: #000 !important;
}

button.nav-link#nav-events-tab:hover, button.nav-link#nav-topics-of-interest-tab:hover, button.nav-link#nav-tag-cloud-tab:hover  {
color: #87898b !important;
}
@keyframes fadeIn {
0%   { opacity: 0; }
100% { opacity: 1; }
}

div#nav-topics-of-interest p, div#nav-events p, div#nav-my-news-feed p {
animation: fadeIn .5s;
}
.row.profile-settings-section {
  padding: 35px;
}
button.nav-link {
  padding: 18px !important;
}
.form-profile-container {
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.tab-content{
	padding: 0 15px 15px 15px; 
}
.form-profile-container form {
flex: 1; /* Allow the form to take up remaining vertical space */
display: flex;
flex-direction: column;
}

.form-profile-container .form-btn {
text-align: center;
margin: 25px auto 0 auto;
width: 50vh;
}
.form-profile-container .btn {
background-color: #00517c !important;
padding: 15px;
width: 50vh;
}
.row.topics-of-interest-section label {
  font-size: 13px !important;
}
input.checkbox {
  border-radius: 4px;
}
.list-group-item{
	flex: 1;
	padding: 0px !important;
}
.profile-list-group-item {
	border: 0;
	display: flex;
	align-items: center;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.profile-list-group-item label {
    margin: 0;
}
ul.list-group.list-group-flush.list-group-profile input {
	color: #00527d !important;
    border: none;
	font-weight: 600;
    font-size: 18px;
	background-color: #fff0 !important;
}
ul.list-group.list-group-flush.list-group-profile label {
    font-size: 15px;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus{
	outline: none;
	box-shadow: none;
}
input.checkbox, .profile-list-group-item label {
    cursor: pointer;
}
input#user_login {
    background-color: #fff0;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.image-button {
    bottom: 0px;
    right: 0;
	width: 30px; 
    height: 30px; 
}
.image-button img {
    max-width: 100%;
    max-height: 100%;
}
/* user profile */

body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.content {
	flex-grow: 1;
}
.banner {
	z-index: 9999;
	width: 100%;
	position: sticky;
	bottom: 0;
	background: radial-gradient(circle, rgb(26, 103, 204), rgb(15, 47, 122) 70%, rgb(2, 22, 48));
	color: #fff;
	padding: 15px;
	text-align: center;
	max-height: 360px; /* Add max-height to control the expanded height */
	overflow: hidden; /* Hide the content that overflows */
	transition: max-height 0.5s ease-in-out; /* Apply a smooth transition */
}
.banner-mh {
	max-height: 50px;
}
.banner.expanded {
  max-height: none; /* Set max-height to none to allow full content display */
}
.banner-info{
	margin-bottom: 10px;
}
p.brr-banner-title {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0;
    font-size: 30px;
    font-weight: bold;
}
.brr-banner-span{
	margin-bottom: 10px;
	margin-top: 35px;
}
.brr-banner-span, .banner-form-check-label, .p-terms{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.banner-head-start {
	font-size: 20px;
    padding: 5px 5px 8px 5px;
	transition: opacity 0.5s ease-in-out;
    opacity: 1;
}
.banner-btn, .banner-input-email, .form-check-input {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.brdr-radius, .banner-user-btn {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* .banner-head-start.hidden {
    opacity: 0;
  } */
.form-group {
	justify-content: center;
  	display: flex;
}
.form-group input[type="email"],#otpfield {
	border: none;
    border-radius: 4px;
  	width: 300px;
  	flex-grow: 0;
  	margin-right: 10px;
}
.form-group .btn {
	width: 200px;
	flex-grow: 0;
	border-radius: 6px;
}
.banner-btn {
	border-radius: 0;
    background-color: #fff !important;
    color: #0045b8 !important;
}
.banner-btn:hover {
    background-color: #0045b8 !important;
    color: #fff !important;
    border: 1px solid;
}
.banner-form{
	margin-top: 25px;
}
.banner-form-check-label{
	padding: 4px;
	margin: 0;
}
.form-check-input {
	outline: none !important;
    border-color: #fff !important
}
.p-terms{
	margin-bottom: 40px;
	margin-top: -20px;
	font-size: 12.5px;
}
.transition-content {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.fade-in {
  opacity: 1;
}
.banner-user-btn {
    width: 150px;
    margin: auto;
	margin-top: 15px;
}
.list-group-info{
	margin: 5px;
	padding: 0 !important;
}
.brdr-radius{
	border-radius: 4px !important;
}
.info-btn {
	margin-bottom: 30px;
    background-color: #fff !important;
    color: #000 !important;
    padding: 15px;
    width: 200px;
}
.info-btn:hover {
    background-color: #0045b8 !important;
    color: #fff !important;
}
.brr-banner-info-title {
    margin-top: -10px !important;
}
/* brr banner */
/* spinner */
.loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div#loading-spinner {
	z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: #999999b5;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* mobile version */
@media (max-width: 768px) {
	.tab-content {
		padding: 0;
	}
	.profile-container{
		margin-bottom: 0;
	}
	.profile-container .tag-cloud{
		width: 355px !important;
	}
	button#update-profile-submit-button{
		margin-top: 25px;
	}
	.back-btn{
		top: 8px;
	}
	.banner-head-start{
		font-size: 16px;
		padding: 0px;
	}
	.brr-banner-span{
		margin-top: 47px;
	}
	.up-down-btn{
	}
	.banner {
		padding-top: 15px;
		overflow: auto;
	}
	button.nav-link {
		padding: 10px !important;
}
	.form-btn button, .form-profile-container .form-btn {
    width: 100% !important;
}
    footer#colophon {
    position: fixed;
    bottom: 0;
    z-index: 2;
	}
		.form-btn {
			padding-bottom: 15px !important;
		}
	  .backtotop{
		  bottom: 115px !important;
	  }
	/* user profile nav */
	  .profile-toi-nav {
    padding: 10px !important;
    font-size: 12px !important;
	}
	  .user-interests{
		border-top: 0.5px solid #e3e3e3;
		box-shadow: none;
		margin-top: 45px;
		border-bottom: none;
		border-right: none;
		border-left: none;
	}
	  .border-bottom-p-5{
		  border-bottom: 0.5px solid #e3e3e3;
	  }
	.banner-chckbx {
		display: flex;
	}
	label.banner-form-check-label {
		width: 100vh;
	}
	.form-check-input {
		width: 85px;
	}
	label.banner-form-check-label {
		text-align: left;
	}
	.form-check-input {
		width: 50px !important;
		margin-left: 2px;
	}
	.banner{
		height: auto;
	}
	.list-group-profile{
		margin: 0;
	}
	p.brr-banner-title.brr-banner-info-title {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.list-group-profile{
		display: inline;
	}
	.user-registration{
		justify-content: center;
	}
	.list-group-info{
		margin-bottom: 10px;
	}
	.margin-b-n5{
		margin-bottom: -5px;
	}
}
header#masthead{
	align-items: center;
}
.display-none{
	display: none;	
}
.back-btn {
    position: absolute;
    left: 10px;
    cursor: pointer;
	font-size: 35px !important;
}
li.profile-toi-list{
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	background-color: #fff0;
    color: #fff;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.user-profile-toi-list input {
    margin-right: 5px;
    margin-left: 8px;
}
.user-profile-toi-list input, li.profile-toi-list input{
	width: 20px;
    height: 20px;
	border: 2px solid;
}
li.profile-toi-list input{
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	border-color: #fff;
    background-color: #fff0;
	border: 2px solid #fff;
}
.topics-of-interest-section-popup{
	background-color: #0821511f;
	margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
}
.profile-toi-list input:checked {
    background-color: #fff;
}
.up-down-btn{
	z-index: 1;
	position: absolute;
    right: 20px;
    cursor: pointer;
    font-size: 35px !important;
}
.banner-chckbx {
    margin-top: 8px;
    margin-bottom: 25px;
}
.brr-banner-toi-title{
	margin-top: 39px !important;
}
span.toi-list-title {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin-top: 10px;
    text-align: left;
    font-weight: 800;
	text-decoration: underline
}
.user-profile-toi-list-select{
	color: #00527d;
	padding-bottom: 15px;
    font-weight: 600;
    font-size: 18px;
}
.user-profile-toi-list-title {
	cursor: pointer;
	font-size: 14px !important;
	margin: 0px;
	padding: 4px 2px !important;
    text-decoration: underline;
    font-weight: 600;
}
.form-check-title input {
    width: 20px !important;
    height: 20px;
    border: 2px solid #000 !important;
    box-shadow: none;
}
i.fa.fa-plus {
    padding: 6px 6px 6px 2px;
	cursor: pointer;
	color: #1193cf;
}
i.fa.fa-minus {
    color: #1193cf;
}
.form-check.form-check-title {
    text-align: left !important;
	margin: 0 !important;
}
.navbar-nav .dropdown:hover .dropdown-menu {
	display: block;
}
.dropdown-item{
	display: block !important;
}
ul.dropdown-menu.drpdwn-list.show {
    right: 0;
    top: 30px;
    border-radius: 0;
}
.profile.user-interests {
    padding: 0;
}
.nav-tabs {
    background-color: #00527d;
    border-radius: 8px 8px 0 0;
}
.profile-toi-nav{
	margin-top: 5px;
    margin-left: 5px;
}
button#update-profile-submit-button{
	width: 190px;
	border-radius: 8px;
}
span.user-welcome {
    text-align: right;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
    z-index: 1000; /* Ensure the overlay stays on top */
 
}

/* Additional styles for the overlay content (if any) */
.overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}