/* assets/css/styles.css */

.img-thumbnail {
    cursor: pointer;
}


.fbemail {
	color: #d8d8d8;
}

.contact-stl {  /* Contact Style */
	color: white;
}

.socnet {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Fixed Social Buttons Styling */
.fixed-social-buttons {
    position: fixed;
    top: 65px; /* Adjust according to the height of the navbar */
    width: 100%;
    z-index: 30; /* Ensure it is above other content but below the navbar */
    background-color: transparent !important; /* #f8f9fa; /* Same background color as the navbar */
    padding: 5px 0px;
/*    box-shadow: 0 2px 4px rgba(0,0,0,0.1);	*/
	display:flex;
    justify-content: right;

}

.btn {
    color: white; /* Ensures icons are white */
	margin-left:2px;
	Margin-right:2px
}

.btn-phone {
    background-color: #000000;
}

.btn-envelope {
    background-color: #bfbfbf;
	color: #000000;
}

.btn-facebook {
    background-color: #3b5998;
}

.btn-twitter {
    background-color: #55acee;
}

.btn-instagram {
    background-color: #e4405f;
}

.btn-linkedin {
    background-color: #0077b5;
}

.btn-youtube {
    background-color: #ff0000;
}

.btn-social-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*--------------------------------------------------------------
# Blue Bar
--------------------------------------------------------------*/
.blubar {
	text-align: center;
	background-color: #002060;
	color: white;
	margin-top: 0px;
}

.noborder {
	padding: 0 !important;
	margin: 0 !important;
}

.no-padding {
   padding: 0 !important;
}

.bborder {
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
}

#top-lt {  /*  tl - Top Left */
	position: absolute;
	top: 25%;
	left: 18%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1;
	-webkit-text-stroke: 1px white; /* Add red border around each character for WebKit browsers */
	text-shadow: 
		1px 0 white, 
		-1px 0 white, 
		0 1px white, 
		0 -1px white, 
		1px 1px white, 
		-1px -1px white, 
		1px -1px white, 
		-1px 1px white; /* Fallback for other browsers */
}
.noborder #top-lt {
	color: #6e6e6e;
}

#top-ltb {  /*  tl - Top Left Below*/
	position: absolute;
	top: 33%;
	left: 10%;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	-webkit-text-stroke: 1px #6e6e6e; /* Add grey border around each character for WebKit browsers */
	text-shadow: 
		1px 0 #6e6e6e, 
		-1px 0 #6e6e6e, 
		0 1px #6e6e6e, 
		0 -1px #6e6e6e, 
		1px 1px #6e6e6e, 
		-1px -1px #6e6e6e, 
		1px -1px #6e6e6e, 
		-1px 1px #6e6e6e; /* Fallback for other browsers */
}
.noborder #top-ltb {
	color: red;
}

.overlay-text-br {   /*  br - Bottom Right */
	position: absolute;
	bottom: 0%;
	right: 0%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: calc(1.175rem + 1px);
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(230, 230, 230, 1.4);	/* Add text shadow */
}
.noborder .overlay-text-br {
	color: #000000;
}

.error{
	color: #e1e1e1;
	margin-top: 15px;
	background: #ad3332;
	padding: 5px;
	display: none;
}

.success{
	color: #086508;
	margin-top: 20px;
	background: #c9fdc9;
	padding: 10px;
	display: none;
}

.please-wait{
	text-align: center;
	margin-top: 30px;
	font-weight: 900;
}

/* Contact Form */
form {
	background-color: #eeeeee;
}

.col-bg {
	background: #f8f8f8;
}