/** CSS RELATED TO HOMEPAGE GOES HERE */

@import url("variables.css"); /* Import variables.css */
@import url("global.css"); /* Import global.css */

/* Search css starts here */

.search_field {
	border: none;
	width: 50%;
}

/* Search css ends here*/

/* destinations with image */
.destinations {
	padding: 3rem;
}

@media screen and (max-width: 400px) {
	.destinations {
		padding: 1rem;
	}
}

/* Timeline Css starts here */
ul.timeline {
	list-style-type: none;
	position: relative;
	padding-left: 1.5rem;
}

/* Timeline vertical line */
ul.timeline:before {
	content: " ";
	background: var(--secondary-background-color);
	display: inline-block;
	position: absolute;
	left: 16px;
	width: 4px;
	height: 100%;
	z-index: 400;
	border-radius: 1rem;
}

li.timeline-item {
	margin: 20px 20px;
}

/* Timeline item arrow */
.timeline-arrow {
	border-top: 0.5rem solid transparent;
	border-right: 0.5rem solid var(--primary-border-color);
	border-bottom: 0.5rem solid transparent;
	display: block;
	position: absolute;
	left: 2rem;
}

/* Timeline item circle marker */
li.timeline-item::before {
	content: " ";
	background: var(--secondary-text-color);
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 3px solid var(--primary-text-color);
	left: 11px;
	width: 14px;
	height: 14px;
	z-index: 400;
	box-shadow: 0 0 5px var(--primary-shadow-color);
}
/* timeline css ends here */

/* about us css starts here */
.about-authors-container {
	display: flex;
	justify-content: center;
}
.author {
	border-radius: 100px;
	border: 5px solid var(--light-background-color);
	position: relative;
}

.author-image-one {
	background-image: url("https://luxuryhotel.guru/temp/user/29.jpg?1=1");
	z-index: 1;
	background-size: cover;
	min-width: 100px;
	height: 100px;
}

/*   for second author */
.author-image-two {
	right: 2%;
	background-image: url("https://luxuryhotel.guru/temp/user/9978.jpg?1=1");
	background-size: cover;
	min-width: 100px;
	height: 100px;
}
@media screen and (max-width: 990px) {
	.author-image-two {
		right: 5%;
	}
}

/* about us css ends here */

/* ? ************************* BOOTSTRAP CSS OVERRIDES STARTS HERE  ************************* */

.card-img-overlay {
	background: var(--primary-shadow-color);
	border-radius: 0 !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	top: 80%;
}

.card-img:hover {
	opacity: 0.9;
}

.btn-secondary {
	border-radius: 100px;
	min-width: 6rem;
}

.btn-link {
	text-decoration: none;
	border-radius: 100px;
	color: var(--primary-text-color);
}
.btn-link:hover {
	color: var(--secondary-text-color);
}

/* input overrides */
.input-group {
	justify-content: center;
}

.input-group-text {
	border: none;
	background-color: var(--light-background-color);
}

/* ? ************************* BOOTSTRAP CSS OVERRIDES ENDS HERE  ************************* */