.itinerary-planner-page .well { 
	border-radius: var(--border-radius);
	background: var(--bg-parks-beige-light);
	padding: 2rem;

	h2 { margin-bottom: 1rem;}
	input { 
		color: var(--text-parks-black);
		border-radius: var(--border-radius);
		border: 2px solid var(--border-parks-beige-medium);
	}
}

.itinerary-planner-page .btn-primary { 
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--colour-instant);
	color: var(--text-parks-white);
	border-radius: .375rem;
	border-width: 1px;
	border-style: solid; 
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 700;
	padding: 1rem 1.5rem;
	width: fit-content;
	text-transform: uppercase;

	@media (min-width: 1024px) {
		padding: 1rem 2rem;
		font-size: 1.25rem;
		line-height: 1.75;
	}
}
.itinerary-planner-page .be-gadget-col-btn .input a { background:var(--colour-instant); font-weight:400; }
.itinerary-planner-page .be-gadget-col-btn .input a span { font-weight:700; }
.itinerary-planner-page .itinerary-planner-items-wrapper .itinerary-planner-no-items { margin-top: 4rem;}

.itinerary-planner-controls {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;

	.itinerary-planner-control { 
		padding: initial;
		a { padding: initial; }
	}

	i { border-radius:100px; background: rgb(var(--parks-sa-green-medium)); color:#fff; font-size:24px; }
}
 
.itinerary-planner-items:before { background: rgb(var(--parks-sa-green-medium)); }
.itinerary-planner-items-dayitems { min-height:220px; }
.itinerary-planner-item { 
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 4px rgb(var(--parks-sa-beige));

	h3.itinerary-planner-item-title { 
		font-size: var(--h3-font-size);
		font-weight: var(--h3-font-weight); 
		margin: initial; 
		margin-top: .5rem;
		padding: initial; 
		min-height: initial; 
	}

	a { color: var(--colour-instant); }

}
.itinerary-planner-item a { color:var(--colour-instant); }
.itinerary-planner-item .btn-primary.btn-booknow { background: var(--colour-instant); }
.itinerary-planner-item-number { font-weight:bold; font-size:22px; }
.itinerary-planner-item-number:before { border-color: rgb(var(--parks-sa-green-medium)); }
.itinerary-planner-item-remove {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem;
    width: 1.25rem;
    background: var(--colour-instant);
    color: var(--text-parks-white);
    border-radius: var(--border-radius);
    font-size: 1rem;
    right: .5rem;
    top: .5rem;
    cursor: pointer;

	a { color: var(--text-parks-white); }
}
.itinerary-planner-item-image { margin: -10px; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); overflow: hidden; }
.itinerary-planner-item img { height:auto !important; aspect-ratio: 16 / 9; }
.itinerary-planner-item-type,
.itinerary-planner-item-address { color: var(--text-parks-black); font-weight:500; margin: 0 1rem 2rem 0; }
.itinerary-planner-item-type i,
.itinerary-planner-item-address i { color: rgb(var(--parks-sa-green-medium)); font-size: 1.25rem; }
.itinerary-planner-item-description { font-size:14px; }
.itinerary-planner-item-contacts { 
	display: flex; 
	justify-content: space-between;
	gap: 1rem;
	margin-top: 2rem;

	a { padding: initial; text-wrap: nowrap;}
}
.itinerary-planner-item-contact i { font-size:16px; }
.itinerary-planner-addday { background:#fff;}
.itinerary-planner-emptyday .btn-primary { background: rgb(var(--parks-sa-black)); }
.map-total { font-size: 33px; font-weight: 700; color: var(--colour-instant); }

#tripBookerGadget { padding:50px 0 0 0; }

@media (min-width: 768px) {
	body .itinerary-planner-item h3 { margin-top: initial; }
	body .itinerary-planner-item img { height:auto !important; aspect-ratio: 3 / 2; border-radius: var(--border-radius); }
	body .itinerary-planner-item .btn-primary.btn-booknow { margin: 0 0 2rem 0; }
	body .itinerary-planner-item-number { left: -20px; top: -20px; }
	body .itinerary-planner-item-contacts { 
		display: flex; 
		justify-content: start;

		a { text-wrap: nowrap; padding: initial;}
	}
	/* body .itinerary-planner-item-remove a { color:#fff; font-weight:700; font-size: 20px; } */
	/* #content .itinerary-planner-item img { height:auto !important; aspect-ratio: 1.5; } */
}



.table-availability { margin-top:15px; }
.table-availability > thead > tr > th { text-align:center; font-weight:normal; font-size:12px; background:#f3f3f4; padding:4px 2px; vertical-align:middle; border:none; }
.table-availability > tbody > tr > td { text-align:center; font-weight:bold; font-size:18px; background:#fff; padding:12px 4px; border-right:solid 1px #f3f3f4; border-bottom:solid 1px #f3f3f4; border-top:none; border-left:none; }
.table-availability > thead > tr > th:first-child,
.table-availability > tbody > tr > td:first-child { border-left:solid 1px #f3f3f4; }

.table-availability .day, .table-availability .month { text-transform:uppercase; font-size:14px; line-height:1; }
.table-availability .date { font-size:16px; line-height:1; }

.table-availability .data-date { color:var(--colour-request); }
.table-availability .trip-day-not-available { color:#c3c3c3; font-weight:500; }