/* Default font for the whole website */
p {
  font-size: 1.1rem;
}

.text-shadow {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  }

.text-orange {
	color: #FFB131;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  font-family: 'Lato', sans-serif;
  color: #000000;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.bg-black {
	background-color: #000000;
	color: white;
	min-height: 10vh;
}

.btn-white {
	background-color: #FFFFFF;
	font-weight: 600;
	padding: 10px 20px;
	border-radius: 15px;
	border: none;
	box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8);
	transition: box-shadow 0.2s ease;
}
.btn-white:hover {
	box-shadow: 4px 4px 22px rgba(255, 255, 255, 0.9); /* Slightly stronger shadow on hover */
}
/* For the Container */
.custom-container {
  position: relative;  /* Make sure the text is positioned relative to the container */
  width: 100%;
  height: auto; /* Let the container adjust based on the image size */
  overflow: hidden; /* Ensure the content doesn't overflow */
}

/* For Image */
.custom-image {
  width: 100%;
  height: auto;  /* Maintain aspect ratio on mobile */
}

/* For Desktop and Tablet (custom-jumbo-desktop) */
.custom-jumbo-desktop {
  position: absolute;
  top: 50%;        /* 50% from the top */
  right: 20%;      /* 20% from the right */
  transform: translateY(-50%); /* Center the text vertically */
  color: white;    /* Text color */
  text-align: left; /* Align the text to the right */
  width: auto;     /* Let the text block size adapt to content */
}

.custom-jumbo-desktop h5, .custom-jumbo-desktop p, .custom-jumbo-desktop a {
  margin: 0;
  padding: 0;
}

/* For Mobile (custom-jumbo-mobile) */
.custom-jumbo-mobile {
  text-align: center;  /* Center text horizontally */
  margin-top: 15px;    /* Add some space from the image */
  width: 100%;         /* Ensure full width on smaller screens */
}

.custom-jumbo-mobile h5, .custom-jumbo-mobile p, .custom-jumbo-mobile a {
  margin: 0;
  padding: 0;
}

/* Additional Styling for Responsiveness */
@media (max-width: 768px) {
  .custom-jumbo-desktop {
	display: none; /* Hide desktop version on small screens */
  }

  .custom-jumbo-mobile {
	display: block; /* Show mobile version on small screens */
  }
}

@media (min-width: 768px) {
  .custom-jumbo-mobile {
	display: none; /* Hide mobile version on tablets and larger screens */
  }

  .custom-jumbo-desktop {
	display: block; /* Show desktop version on tablets and larger screens */
  }
}





/* Specific class using Oooh Baby font */
.ooh-baby {
  font-family: 'Oooh Baby', sans-serif;
}

.logo {
	width: 50px;
}

.rb {
	border-radius: 25px;
	box-shadow: 5px 5px 5px gray;
}
.carousel-item {
	position: relative;
  }

  .carousel-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);  /* Dark overlay with transparency */
	z-index: 1;  /* Ensure it stays behind the text */
  }

  /* Ensure the text is above the overlay */
  .carousel-caption {
	z-index: 2;  /* Text should be above the overlay */
  }

.table-narrow {
	max-width: 800px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.table-light {
	background-color: #ffffff; /* White table background */
	border-radius: 10px; /* Rounded corners for the table */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
	overflow: hidden; /* Hide overflow for rounded corners */
}

	.table-light thead th {
		background-color: #f8f9fa; /* Light grey header background */
		border-bottom: 1px solid #dee2e6; /* Light border for header */
		padding: 1rem; /* Add padding to header cells */
		font-weight: 600; /* Semi-bold font for header */
	}

	.table-light tbody td {
		padding: 1.2rem; /* Add padding to body cells */
		border-bottom: 1px solid #e9ecef; /* Light border for body cells */
	}

	.table-light tbody tr:last-child td {
		border-bottom: none; /* Remove border from last row */
	}

	.table-light th, .table-light td {
		vertical-align: top; /* Align content to the top */
		text-align: left; /* Align text to the left */
	}

	/*Contact Us Page*/
.contact-container {
	background-color: #f7f7f7; /* Light gray background */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	color: #333; /* Dark gray text color */
}

.custom-border {
	border-color: #e0e0e0; /* Light gray border */
	border-width: 1px;
	border-radius: 10px; /* Softer rounded corners */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Soft shadow */
	overflow: hidden;
}

.custom-heading {
	font-weight: 600;
}

.custom-btn-primary {
	background-color: #000000; /* Microsoft blue for the button */
	border-color: #000000;
	color: #FFFFFF;
}

	.custom-btn-primary:hover {
		background-color: gray;
		border-color: #000000;
	}

.social-icon {
	color: #000000; /* Matching color with the button */
}

	.social-icon:hover {
		color: #006bb3; /* Hover effect for icons */
	}

.form-control-custom {
	border-radius: 5px; /* Rounded input fields */
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Soft inner shadow for inputs */
}

	.form-control-custom:focus {
		border-color: #0078d4; /* Blue focus border */
		box-shadow: 0 0 5px rgba(0, 120, 212, 0.5);
	}

.custom-muted-text {
	color: #aaa !important; /* Lighter text color for secondary text */
}

.subscribe {
	max-width: 500px;
}