/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.simplified-travel{
	display: flex; 
	gap: 50px; 
	justify-content: center;
	margin-bottom: 100px;
}
.simpleified-travel-form{
	flex-basis: 33.33%; 
	gap: var(--wp--preset--spacing--50);
}

.simplified-travel-results{
	flex-basis: 66.66%; 
	height: 1000px; 
	overflow: scroll; 
	display: none;
}

 #itinerary-daily > .accordion-item{
	background-color: inherit;
 }

#itinerary-daily > .accordion-item .accordion-button:not(.collapsed){
	background-color: #036067;
	color: #fff;
 }

#itinerary-daily > .accordion-item .accordion-button:not(.collapsed)::after{
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#itinerary-daily > .accordion-item .accordion-button{
	background: #667D31;
	color: #FFFFFF;
}

#itinerary-daily > .accordion-item .accordion-button::after{
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#itinerary-activity > .accordion-item .accordion-button:not(.collapsed){
	background-color: #036067;
	color: #fff;
 }

 #itinerary-activity > .accordion-item .accordion-button{
	background: #667D31;
	color: #FFFFFF;
}

.starsOn svg,
.starsOff svg{
	fill: #ED5B29;
}

.itinerary .spinner-border{
	color: #ED5B29;
	width: 100px;
	height: 100px;
}

.itinerary fieldset{
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 20px;
	background-color: #ffffff;
}

.itinerary fieldset dl{
	margin-bottom: 0;
}

.itinerary fieldset dd::before{
	content:"";
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 10px;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64L0 216zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;

}

@media screen and (max-width: 782px) {

	.simplified-travel{
		flex-direction: column;
	}
	.simpleified-travel-form{
		flex-basis: 100%; 
		/* gap: var(--wp--preset--spacing--50); */
	}

	.simplified-travel-results{
		flex-basis: 100%; 
		/* height: 1000px;  */
		/* overflow: scroll;  */
		/* display: none; */
	}
}