.search-container {
    position: relative;
    display: inline-block;
}
.search-icon {
    cursor: pointer;
}
.search-bar {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    max-width: 100vw;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* For static site transition point */
@media screen and (max-width: 989px) {
	.container-fluid .search-container {
		margin-left: -25px;
		margin-right: -33px;
	}
	.container-fluid .search-icon {
		margin-left: 25px;
	}
	.container-fluid .search-bar {
		right: auto;
		left: 0;
		width: min(300px, 80vw);
		max-width: 300px;
		position: static;
	}
	.container-fluid .close-icon {
		color: lightgray;
	}
}

/* For WP  site transition point */
@media screen and (max-width: 1024px) {
	.home .search-container {
		margin-left: -25px;
		margin-right: -33px;
	}
	.home .search-icon {
		margin-left: 25px;
	}
	.home .search-bar {
		right: auto;
		left: 0;
		width: min(300px, 80vw);
		max-width: 300px;
		position: static;
	}
	.home .close-icon {
		color: lightgray;
	}
}



.close-icon {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}
/* Adjust the Google search bar styles */
.gsc-control-cse {
    padding: 0 !important;
    border: none !important;
}
.gsc-search-button-v2 {
    display: none !important;
}

#idSearchbarNote,
#idSearchbarNoteWpMobile {
	font-size:70%;
	margin-left:0px;
	margin-top:8px;
}
 #idSearchbarNote a:hover,
 #idSearchbarNoteWpMobile a:hover {
	color:darkblue !important;
 }