.single-trip {

	#primary {
		margin-top: 0;
		margin-bottom: 80px;
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}//#primary

	.site-main {
		display: flex;
		flex: 1;
		flex-wrap: wrap;

		.trip-main {
			width: calc(100% - 370px);
			padding-right: 40px;
		}//.trip-main

		.trip-plans {
			background: #f5f5f5;
			padding: 20px 50px 50px 0;

			ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: flex;
				flex: 1;
				flex-wrap: wrap;

				li {
					width: 25%;
					text-align: center;
					padding: 10px;
					margin-top: 30px;

					.trip-facts-text label {
						display: block;
						font-weight: 600;
						color: #000;
					}

					.trip-plan-text {
						display: block;
						margin-top: 5px;
					}
				}//li
			}//ul
		}//.trip-plans

		.trip-tab-wrap {
			background: #c7c7c7;
			color: #000;
			font-size: 1.125em;
			font-weight: 500;
			padding: 0 20px;

			.trip-tab {
				display: inline-block;
				padding: 10px 0;
				margin-right: 60px;
				cursor: pointer;
				position: relative;

				&:after {
					content: "";
					background: $primary_color;
					width: 30%;
					height: 3px;
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
					opacity: 0;
					visibility: hidden;
					@include transition(all ease 0.35s);
				}

				&:hover:after, &.active:after {
					width: 100%;
					opacity: 1;
					filter: alpha(opacity=100);
					visibility: visible;
				}
			}//.trip-tab
		}//.trip-tab-wrap

		.trip-tab-content-wrap {
			margin-top: 60px;
			padding-right: 60px;
		}//.trip-tab-content-wrap

		.trip-tab-content {
			
			&:not(.active) {
				display: none;
			}

			h4 {
				margin-top: 0;
				font-size: 1.8125em;
				font-weight: 600;
				margin-bottom: 20px;
				line-height: 1.5em;
			}//h4

			table {
				margin-bottom: 0;
				margin-top: 60px;

				tr {
					background: none;
					border-top: 1px solid rgba(0,0,0,0.3);

					&:last-child {
						border-bottom: 1px solid rgba(0,0,0,0.3);
					}
				}

				th {
					background: none;
					color: #000;
					font-weight: 600;
					padding: 15px 15px 15px 0;
				}

				td {
					padding: 15px 0 15px 15px;
				}
			}//table

			ul {
				margin: 0;
				padding-left: 20px;
			}//ul

			.itinerary-list {
				counter-reset: day-count;

				.itinerary-item {
					counter-increment: day-count;
					margin-bottom: 40px;

					&:last-child {
						margin-bottom: 0;
					}

					.itinerary-title {
						position: relative;
						font-size: 1.125em;
						color: $primary_color;
						margin-bottom: 15px;
						z-index: 1;

						&:before {
							content: "Day " counter(day-count) " :";
							font-weight: 600;
							color: #000;
							background: #fff;
							float: left;
							padding-right: 5px;
						}

						&:after {
							content: "";
							background: $primary_color;
							width: 100%;
							height: 1px;
							position: absolute;
							top: 50%;
							@include transform(translate(0, -50%));
							left: 0;
							z-index: -1;
						}

						span {
							background: #fff;
							padding-right: 20px;
							display: inline-block;
						}
					}//.itinerary-title
				}//.itinerary-item
			}//.itinerary-list

			.trip-gallery {

				.owl-nav {
					position: absolute;
					bottom: 25px;
					left: 0;
					right: 0;
					text-align: center;

					&:before {
						content: "";
						background: #fff;
						width: 70px;
						height: 1px;
						position: absolute;
						top: 40%;
						@include transform(translate(0, -50%));
						left: 0;
						right: 0;
						margin: 0 auto;
					}

					button[class*="owl-"] {
						width: 30px;
						text-align: center;
						height: 30px;
						line-height: 32px;
						color: #fff;
						font-size: 2em;
						border: 1px solid #fff;
						border-radius: 100%;
						margin-right: 50px;
						padding: 0;
						background-color: transparent;

						span {
							position: relative;
							top: -5px;
						}

						&:hover {
							background: $primary_color;
							border-color: $primary_color;
						}
					}//button[class*="owl-"]

					button.owl-next {
						margin-right: 0;
						margin-left: 50px;
					}
				}//.owl-nav
			}//.trip-gallery
		}//.trip-tab-content

		.trip-aside {
			width: 370px;
			position: relative;
			top: -170px;
			z-index: 9;
		}//.trip-aside

		.price-block {
			background: $primary_color;
			text-align: center;
			padding: 30px;
			border-radius: 5px 5px 0 0;

			.aside-title {
				font-size: 1em;
				color: #fff;
				font-weight: 700;
				border-bottom: 1px solid #fff;
				padding-bottom: 10px;
				margin-top: 0;
				margin-bottom: 20px;
			}//.aside-title

			.aside-content {
				font-size: 1.75em;
				color: #fff;
				font-weight: 600;

				.old-price {
					display: inline-block;
					margin-right: 10px;
					font-style: italic;
					opacity: 0.5;
				}	
			}//.aside-content
		}//.price-block

		.enquiry-tab-block {
			text-align: center;
			background: #fff;
			border: 1px solid #c7c7c7;
			border-top: none;
			border-radius: 0 0 5px 5px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.2);

			.enquiry-tab-wrap {
				font-size: 1em;
				font-weight: 500;
				display: flex;
				flex: 1;
				flex-wrap: wrap;
				justify-content: center;

				.enquiry-tab {
					background: #e7e7e7;
					padding: 15px;
					display: flex;
					flex: 1;
					justify-content: center;
					flex-direction: column;
					position: relative;
					cursor: pointer;

					&:after {
						content: "";
						background: $primary_color;
						width: 30%;
						height: 3px;
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
						opacity: 0;
						visibility: hidden;
						@include transition(all ease 0.35s);
					}

					&:hover:after, &.active:after {
						width: 100%;
						opacity: 1;
						filter: alpha(opacity=100);
						visibility: visible;
					}
				}//.enquiry-tab
			}//.enquiry-tab-wrap

			.enquiry-tab-content {
				padding: 30px;
				margin-top: 20px;

				.tab-content-block {

					&:not(.active) {
						display: none;
					}
				}//.tab-content-block

				#wte_enquiry_contact_form {
					margin: 0;
					background: none;
					padding: 0;
					flex-direction: column;
					border-radius: 0;

					.package-name-holder {
						margin-top: 20px;

						label {
							text-decoration: underline;
						}

						input[type="text"] {
							text-align: center;
							padding-left: 0;
							padding-right: 0;
							font-size: 1.125em;
							padding-top: 0;
							width: 100%;
						}
					}//.package-name-holder

					h2, 
					.package-name-holder, 
					.msg-holder, 
					.confirm-holder, 
					.submit, 
					.confirm-msg {
						padding: 0;
					}


					.row-repeater {
						width: 100%;
						padding: 0;
					}
				}//#wte_enquiry_contact_form
			}//.enquiry-tab-content
		}//.enquiry-tab-block

		.wte-trip-sidebar {
			margin-top: 60px;
		}//.wte-trip-sidebar
	}//.site-main
}//.single-trip

.secondary-trip-info {

	button.check-availability {
		color: #fff;
		margin-top: 20px;
		font-size: 1.3333em;

		&:hover {
			color: $primary_color;
		}

		+ .book-submit {
			margin-top: 10px;
		}
	}

	.price-from {
		display: block;
		text-decoration: underline;
	}//.price-form

	.prev-price {
		color: #333;
		font-size: 1.5em;
		font-weight: 500;
		margin-bottom: 20px;
		display: block;
		line-height: 1.3;
	}//.prev-price

	.total-amt {
		margin-top: 20px;
		color: #333;
		font-size: 1.125em;
		font-weight: 500;

		> b {
			margin-right: 5px;
		}
	}//.total-amt
}//.secondary-trip-info

@media screen and (max-width: 1199px) {
	.single-trip {

		.site-main {
			
			.trip-plans {
				
				ul li {
					width: 33.33%;
				}
			}//.trip-plans
		}//.site-main
	}//.single-trip
}//max-width: 1199px

@media screen and (max-width: 1024px) {
	.single-trip {

		.site-main {
			flex-direction: column;

			.trip-main {
				width: 100%;
				padding-right: 0;
			}//.trip-main

			.trip-plans {
				background: none;
				padding-right: 0;
			}//.trip-plans

			.trip-tab-content-wrap {
				padding-right: 0;
			}//.trip-tab-content-wrap

			.trip-tab-wrap {

				.trip-tab {
					margin-right: 20px;
				}//.trip-tab
			}//.trip-tab-wrap

			.trip-aside {
				width: 100%;
				top: 0;
				margin-top: 60px;
			}//.trip-aside
		}//.site-main
	}//.single-trip
}//max-width: 1024

@media screen and (max-width: 767px) {
	.single-trip {

		.site-main {

			.trip-plans {

				ul li {
					width: 50%;
					margin-top: 10px;
				}
			}//.trip-plans

			.trip-tab-content-wrap {
				margin-top: 40px;
			}//.trip-tab-content-wrap

			.trip-tab-content {

				table {
					margin-top: 40px;

					th {
						display: block;
						padding-bottom: 0;
						padding-left: 15px;
					}

					td {
						display: block;
						padding-right: 15px;
					}
				}//table
			}//.trip-tab-content
		}//.site-main
	}//.single-trip
}//max-width: 767px