/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/

embed, iframe, object {
	max-width: 100%;
}

body .st-number-wrapper span {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.btn-mpopup {
	padding: 15px 35px 15px 35px;
}

.stt-icon-tag:before {
	content: "\e99c";
	font-size: 25px;
	margin-right: 15px;
}

.radius-100 {
	border-radius: 100px;
}

.d-inline-block {
	display: inline-block;
}

.st-checkout-page.style-2 .text-center .btn.btn-primary {
	margin-bottom: 30px;
}

/*fix header */
header {
	background: transparent !important;
}

body.error404 .header__left .logo img {
	filter: brightness(0);
}

body.error404 .header__center #st-main-menu .main-menu li.menu-item-has-children .fa,
body.error404.stt-menu-transparent header.header .header__right ul li a.dropdown-toggle .fa:not(.input-icon),
body.error404.stt-menu-transparent header.header .header__right ul li a.dropdown-toggle,
body.error404 .header__center #st-main-menu .main-menu > li > a {
	color: #000 !important;
}

.header__center #st-main-menu .main-menu a:hover .fa,
.header__center #st-main-menu .main-menu > li.active > a,
.header__center #st-main-menu .main-menu > li:hover > a,
.header__center #st-main-menu .main-menu > li.current-menu-item > a {
	color: #c5aa81 !important;
}

.header__left .logo img {
	max-width: 89px;
	max-height: 80px;
}

body .payment-select .btn-select,
form.form.form-check-availability-hotel .submit-group .btn-v2 {
	display: none;
	visibility: hidden;
	opacity: 0;
}

body .payment-select .payment-choose {
	display: inline-block !important;
	position: initial;
	margin-top: 0px;
	margin-bottom: 40px;
	border: none;
	box-shadow: none;
	width: auto;
}

body .payment-select .payment-choose #input-payment {
	margin: 0px;
	padding: 0px;
}

body .payment-select .payment-choose #input-payment li {
	margin-top: 0;
	padding: 5px 10px !important;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	cursor: pointer;
	float: left;
}

body .payment-select .payment-choose #input-payment li:first-child {
	margin-right: 10px;
}

body .payment-select .payment-choose #input-payment li:hover {
	background-color: transparent;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

body .payment-select #input-payment li .img_pay {
	min-width: auto;
}

/* Customized single listing template css */
.single .st-fixed-form-booking .st-form-booking-action,
.single .st-fixed-form-booking .st-form-head-book,
.single .st-fixed-form-booking .st-wrapper-form-booking .nav {
	padding-left: 16px;
	padding-right: 16px;
}

#st-content-wrapper .st-gallery.style-masonry .st-list-item-gallery {
	display: grid;
	overflow: hidden;
	grid-template-columns: 75% 25%;
	grid-template-rows: repeat(2,35vh);
}

#st-content-wrapper .st-gallery.style-masonry .item-gallery {
	width: auto;
	height: auto;
}

#st-content-wrapper .st-gallery.style-masonry .item-gallery:nth-child(1) {
	height: auto;
	grid-column: 1/2;
	grid-row: 1/3;
}

#st-content-wrapper .st-gallery.style-masonry .item-gallery:nth-child(3),
#st-content-wrapper .st-gallery.style-masonry .item-gallery:nth-child(5) {
	padding-right: 5px;
}

#st-content-wrapper .st-gallery.style-masonry.has_virtual_tour .brk--image {
	position: relative;
	background-color: #f1f1f1;
	background-size: cover;
	background-position: 50%;
	box-shadow: inset 0 0 0 4px #fff;
	grid-column: 1/2;
	grid-row: 1/3;
}

#st-content-wrapper .st-gallery.style-masonry.has_virtual_tour .brk--image iframe {
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
}

#st-content-wrapper .st-gallery.style-masonry.has_virtual_tour .item-gallery:nth-child(1) {
	padding-right: 0px;
}

#st-content-wrapper .st-gallery.style-masonry.has_virtual_tour .item-gallery:nth-child(2) {
	padding-top: 5px;
	padding-bottom: 7px;
}

.single #st-content-wrapper.st-style-elementor .wistlist-single .service-add-wishlist,
.st-service-header2 .right .shares .share-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* fix feautre button on rental */
.feature_class, .featured-image .featured {
	background: #c2b59b !important;
}

/*listing card home page*/
.services-item.item-elementor .item .content-item .amenities .amenity {
	margin-right: 15px;
}

/* display avatar */
.services-item.item-elementor a.service-avatar {
	display: none !important;
}

.daterangepicker .table-condensed .td-date.not_available.disabled.off {
	pointer-events: none !important;
}

/*display colour header */
#st-content-wrapper.st-style-elementor .st-bg-feature::after {
	background-color: #0f1520 !important;
}

/*hotels stars*/
#st-content-wrapper.st-style-elementor .st-stars i {
	font-size: 20px !important;
	color: #c2b59b !important;
}

.service-list-wrapper.service-tour .services-item.item-elementor .reviews i {
	color: #c2b59b !important;
}

.reviews i {
	color: #c2b59b !important;
}

/*reviews */
.single #st-content-wrapper.st-style-4 .review-box .st-summany .item .progress {
	width: 30% !important;
}

.single #st-content-wrapper.st-style-4 .review-box .st-review-box-top i.stt-icon-star1 {
	font-size: 22px;
	color: #c2b59b !important;
}

/* remove hotel owner info */
.single.single-hotel #st-content-wrapper.st-style-elementor .widgets .st-border-radius {
	display: none !important;
}

.single #st-content-wrapper.st-style-elementor .owner-info .media .media-left a img {
	width: 100% !important;
}

/*hotel and rental size */
.st-banner-search-form .multi-search .nav-item a {
	font-size: 24px;
}

/* Display cancellation policy detail
 * on single listing page frontend */

.st-attributes .item p {
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 1.5;
}

.contentWrap {
	border-top: 3px solid;
	padding-top: 15px;
	position: relative;
	height: 100%;
}

.addCircle {
	position: relative;
}

.addCircle::before,
.contentWrap:before {
	content: "";
	position: absolute;
	top: -14px;
	left: -24px;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: #fff;
	border: 3px solid;
	z-index: 9;
}

.addCircle::before {
	left: auto;
	right: 25px;
	top: -11px;
}

.contentWrap:after {
	content: "";
	position: absolute;
	top: 7px;
	left: -13px;
	height: 90%;
	border: 1px solid;
	z-index: 3;
}

.checkinStatus .item {
	height: 50px;
}

.contentWrap.borderBlue:before,
.contentWrap.borderBlue:after,
.contentWrap.borderBlue {
	border-color: #6161c8;
}

.contentWrap.borderOrange:before,
.contentWrap.borderOrange:after,
.contentWrap.borderOrange {
	border-color: #f5ad14;
}

.addCircle::before,
.contentWrap.borderRed:before,
.contentWrap.borderRed:after,
.contentWrap.borderRed {
	border-color: #c81b1b;
}

/* CSS for policies in sidebar widget area */
#sideAreaPolicies {
	padding-top: 16px;
}

#sideAreaPolicies p {
	margin: 0px;
}

#sideAreaPolicies>hr {
	background-color: rgb(174, 174, 178);
	margin-bottom: 16px;
}

#sideAreaPolicies .policyDetails {
	width: 100%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	gap: 16px;
}

#sideAreaPolicies .daysText {
	height: 50px;
	width: 60px;
	border-radius: 4px;
	background-color: #effcf6;
	background-image: linear-gradient(to bottom, #d4ede1 50%, #effcf6 50%);
}

#sideAreaPolicies .daysText.diffBg {
	background-color: #fef8ea;
	background-image: linear-gradient(to bottom, #fff1d4 50%, #fef8ea 50%);
}

#sideAreaPolicies .daysWrap {
	text-align: center;
	position: relative;
	display: grid;
	grid-template-rows: 8px 24px 8px;
	align-items: center;
}

#sideAreaPolicies .daysWrap .topText,
#sideAreaPolicies .daysWrap .endText {
	font-size: 6px;
	line-height: 16px;
	letter-spacing: 1.5px;
	font-weight: 400;
	text-transform: uppercase;
	color: #1d1d1d;
}

#sideAreaPolicies .daysWrap .midText {
	font-size: 24px;
	line-height: 32px;
	font-family: "DomaineDisplayNarrow", "Times New Roman", serif;
	text-transform: initial;
	font-weight: 500;
	color: #1d1d1d;
}

#sideAreaPolicies .policyContent {
	font-size: 13px;
	line-height: 20px;
	text-transform: initial;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: #1d1d1d;
}

/* ************************
 *
 * All custom media queries
 *
 * ************************/
@media only screen and (min-width: 1280px) {
	#sideAreaPolicies .policyDetails {
		max-width: initial;
	}
}

@media (max-width: 767px) {
	#st-content-wrapper .st-gallery.style-masonry .st-list-item-gallery {
		grid-template-columns: 100%;
		margin-bottom: 75px;
	}

	.shares.dropdown {
		bottom: 15px;
		width: 90%;
	}

	.st-gallery.st-border-radius.style-masonry.has_virtual_tour{
		text-align: center;
	}

	.btn-grid
	{
		margin:10px;
		font-size: 16px;
	}

	.modal-dialog {
		margin: auto;
	}
	.st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .form-date-field {
		flex-direction: column;
	}
	.st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .form-date-field .date-item-wrapper.checkin,
	.st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .form-date-field .date-item-wrapper.checkout {
		justify-content: start;
		width: 100%;
	}
	.stt-icon-arrow-right-1:before {
		content: "";
	}
	.st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .form-date-field .date-item-arrow {
		width: 100%;
		border-top: 1px solid #83929d47;
	}
	.elementor-71 .elementor-element.elementor-element-3f126353:not(.elementor-motion-effects-element-type-background), .elementor-71 .elementor-element.elementor-element-3f126353 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.elementor-widget-container .elementor-button-wrapper .elementor-button-content-wrapper .elementor-button-text {
		line-height: 1.6rem;
	}
	#mc4wp-form-1 .mc4wp-form-fields .stt-mailchimp-form{
		position: inherit;
		display: flex;
		flex-direction: column;
	}
	#mc4wp-form-1 .mc4wp-form-fields .stt-mailchimp-form.stt-mailchimp-form input[type=submit] {
		position: inherit;
		margin: 5px;
	}
}


@media (max-width: 575.98px) {
	.contentWrap {
		padding-bottom: 10px;
		min-height: 75px;
		padding-left: 10px;
	}

	.addCircle::before {
		left: -12px;
		right: auto;
		top: 40px;
	}

	.addCircleLast::before {
		left: -12px;
		right: auto;
		top: 80px;
	}

	.returnPercent {
		flex-direction: column;
		position: absolute;
		top: 60px;
		left: 160px;
		max-width: 130px;
	}

	.checkinStatus {
		flex-direction: column;
		gap: 30px;
		max-width: 150px;
		height: 350px;
		margin-top: 60px;
	}

	.checkinStatus .item.changeHeight {
		height: 60px;
	}

	.checkinStatus .item.autoHeight {
		height: auto;
	}

	.mt--12 {
		/*margin-top: -12px;*/
		margin-top: 15px;
	}


	.btn-grid
	{
		margin:10px;
		font-size: 16px;
	}

	.modal-dialog {
		margin: auto;
	}

}


/* CODE TO ADD TO THE NEW WEBSITE grid button */
/* Center align the buttons */
.col-md-g6 {
	width:50%
}

.btn-grid {
	text-align: center;
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
	background-color: var(--e-global-color-primary) !important;
	border-radius: 10px;
}

.modal-content button
{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.services-item.item-elementor .item .content-item .st-stars
{
	color: #c2b59b !important;
}

.room-item .content .btn-show-price
{
	border-radius: 10px !important;
}


/* CODE TO ADD TO THE NEW WEBSITE grid button */
/* Center align the buttons */
.col-md-g6
{
	width:50%
}

.btn-grid {
	text-align: center;
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
	background-color: var(--e-global-color-primary) !important;
	border-radius: 10px;
}

.modal-content button
{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.services-item.item-elementor .item .content-item .st-stars
{
	color: #c2b59b !important;
}

.room-item .content .btn-show-price
{
	border-radius: 10px !important;
}


/* CODE FOR 360 icon */
.white_triangle {

	position: absolute;
	top: -23px;
	left: 21%;
	width: 0px;
	height: 0px;
	border-top: 0px solid white;
	border-right: 0px solid transparent;
	background: transparent;
	transform: translate(121%, -57%) rotate(183deg) scale(5);
	border-width: 59px 80px 57px 41px;
}

.icon_360 {
	overflow: visible;
	position: absolute;
	z-index: 2;
	width: 35px;
	height: 35px;
	top: -40px;
	right: 12px;
}

@media (max-width: 319px)
{

	.white_triangle {
		left: 20%;
	}
}

@media screen and (min-width: 320px) and (max-width: 335px)
{

	.white_triangle {
		left: 28%;
	}
}


@media screen and (min-width: 336px) and (max-width: 375px)
{

	.white_triangle {
		left: 32%;
	}

	.icon_360
	{
		right: 5%;
		scale: 1.3;
	}

}

@media screen and (min-width: 376px) and (max-width: 425px)
{
	.white_triangle {
		left: 37%;
	}

	.icon_360
	{
		right: 5%;
		scale: 1.3;
	}

}

@media (min-width: 426px) and (max-width: 540px)
{


	.white_triangle {
		left: 37%;
	}

	.icon_360
	{
		right: 5%;
		scale: 1.3;
	}

}

@media screen and (min-width: 540px) and (max-width: 720px)
{


	.white_triangle {
		left: 37%;
	}

	.icon_360
	{
		right: 5%;
		scale: 1.3;
	}
}


@media (min-width: 721px) and (max-width: 992px)
{
	.white_triangle {
		left: 36%;
	}

	.icon_360
	{
		right: 5%;
		scale: 1.2;
	}

}

@media screen and (min-width: 993px) and (max-width: 1024px)
{

	.white_triangle {
		left: 42%;
		top: -13px;
	}

	.icon_360
	{
		right: 5%;
		top: -58px;
		scale: 1.5;
	}

}

@media (min-width: 1025px)
{



}


/* STARS */
.st-icheck-item label .fa
{
	color: #C2B59B;
}



/* Check-in-ou */

@media only screen and (max-width: 767px) {
	.st-header-9 .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .form-date-field .date-item-wrapper .item-inner .render {
		display: flex !important;
	}


	.st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .form-date-field {
		flex-direction: revert !important;
	}
}

.btn-v2.btn.btn-green {
	color: #FFFFFF !important;
}

.explore-cabins {
	margin: 40px 0;
}
.cabin-toggle {
	margin-bottom: 20px;
}
.toggle-button {
	background-color: #007bff;
	color: #fff;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	font-size: 18px;
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
}
.toggle-button:hover {
	background-color: #0056b3;
}
.cabin-details {
	border: 1px solid #ccc;
	padding: 20px;
	background-color: #f9f9f9;
}
.cabin-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.cabin-column {
	flex: 1;
	padding: 10px;
}
.cabin-info p {
	margin: 0 0 10px;
	font-size: 16px;
}
.cabin-info i {
	margin-right: 10px;
}

/* Responsive Styles */
@media (max-width: 768px) {
	.cabin-row {
		flex-direction: column;
	}
	.cabin-column {
		width: 100%;
		padding: 0;
	}
	.vr-column {
		margin-bottom: 20px;
	}
}