.page-template-template-trip_types {

	.trip_types-holder {

		.item {
			border-radius: 5px;
			overflow: hidden;
			position: relative;
			text-align: center;

			.img-holder {
				position: relative;
				border-radius: 5px;

				img {
					width: 100%;
				}

				.title-holder {
					font-size: 1.125em;
					font-weight: 500;
					background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.8));
					background: -moz-linear-gradient(transparent, rgba(0,0,0,0.8));
					background: -ms-linear-gradient(transparent, rgba(0,0,0,0.8));
					background: -o-linear-gradient(transparent, rgba(0,0,0,0.8));
					background: linear-gradient(transparent, rgba(0,0,0,0.8));
					position: absolute;
					bottom: 0;
					text-align: center;
					left: 0;
					right: 0;
					padding: 60px 20px 20px 20px;
					@include transition(all ease 0.35s);
				}
			}//.img-holder

			.text-holder {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: 100%;
				background: rgba(0,0,0,0.8);
				padding: 60px 20px 20px 20px;
				display: flex;
				flex: 1;
				flex-direction: column;
				justify-content: center;
				opacity: 0;
				visibility: hidden;
				@include transition(all ease 0.35s);

				&:after {
					content: "";
					background: $primary_color;
					width: 100%;
					height: 5px;
					position: absolute;
					bottom: 0;
					left: 0;
				}

				.text {
					height: 150px;
					overflow: hidden;
				}

				.title {
					margin-top: 0;
					margin-bottom: 0;
					font-size: 1.125em;
					font-weight: 500;
					color: #fff;
				}

				p {
					color: #fff;
					line-height: 1.6;
					margin-top: 20px;
					margin-bottom: 0;
				}

				.btn-more {
					border: 1px solid #fff;
					color: #fff;
					font-size: 0.875em;
					font-weight: 500;
					margin-top: 20px;
					padding: 5px 15px;
					border-radius: 5px;
					text-decoration: none;
					display: flex;
					align-self: center;

					&:before {
						content: "Read More";
						margin-right: 5px;
					}

					&:hover {
						background: #fff;
						color: $primary_color;
					}
				}//.btn-more
			}//.text-holder

			&:hover .img-holder .title-holder {
				padding-bottom: 40px;
				opacity: 0;
				visibility: hidden;
			}

			&:hover .text-holder {
				padding-top: 20px;
				opacity: 1;
				filter: alpha(opacity=100);
				visibility: visible;
			}
		}//.item
	}//.site-main
}//.page-template-template-trip_types

.tax-trip_types {

	.grid {

		.holder {
			border-radius: 5px;
			overflow: hidden;
			border: 1px solid rgba(0,0,0,0.15);

			.img-holder {
				position: relative;

				.price-holder {
					position: absolute;
					bottom: 0;
					left: 0;
					background: $primary_color;
					color: #fff;
					font-weight: 600;
					padding: 5px 15px;
				}//.price-holder
			}//.img-holder

			.text-holder {
				padding: 20px;

				.title {
					margin-top: 0;
					font-size: 1.125em;
					margin-bottom: 20px;

					a {
						color: #000;

						&:hover {
							color: $primary_color;
						}
					}
				}//.title

				.btn-holder {
					border-top: 1px solid rgba(0,0,0,0.15);
					margin-top: 20px;
					padding-top: 20px;
					text-align: center;
					font-weight: 500;
					font-size: 1em;
				}//.btn-holder
			}//.text-holder
		}//.holder
	}//.grid
}//tax-trip_types

.page-template-template-trip-listing {
	.trip-content-area {
	.grid {
		margin-top: 80px;
		align-items: flex-start;

		.col {
			border-radius: 5px;
			overflow: hidden;
			margin-bottom: 30px;
			margin-right: 3%;
			padding: 0;
			width: 31.33%;
			@include box-shadow(0 0 25px rgba(0,0,0,0));
			@include transition(all ease 0.35s);

			&:nth-child(3n) {
				margin-right: 0;
			}

			&:hover {
				@include box-shadow(0 10px 25px rgba(0,0,0,0.2));
			}

			.img-holder {
				position: relative;

				img {
					width: 100%;
				}

				.price-holder {
					position: absolute;
					bottom: 0;
					left: 0;
					background: $primary_color;
					color: #fff;
					min-width: 80px;
					text-align: center;
					font-size: 1.125em;
					font-weight: 600;
					height: 35px;
					display: flex;
					flex: 1;
					flex-wrap: wrap;
					justify-content: center;
					padding-left: 15px;
					padding-right: 15px;
				}//.price-holder
			}//.img-holder

			.text-holder {
				border: 1px solid rgba(0,0,0,0.2);
				border-radius: 0 0 5px 5px;
				padding: 25px;

				.meta-info > span {
					margin-right: 10px;
					padding-right: 10px;
				}

				.title {
					margin-top: 5px;
					margin-bottom: 0;
					font-size: 1.25em;
				}//.article-title

				.btn-holder {
					margin-top: 20px;

					.btn-more {
						display: inline-block;
						font-size: 1em;
						font-weight: 600;

						svg {
							margin-left: 5px;
						}
					}
				}//.button-wrap
			}//.content-wrap
		}//article
	}//.grid
}//.trip-content-area

}//.page-template-template-trip-listing

@media screen and (max-width: 1024px) {
	.page-template-template-trip-listing {

			.trip-content-area {

				.grid {
					.col {
						width: 48.33%;

						&:nth-child(3n) {
							margin-right: 3%;
						}

						&:nth-child(2n) {
							margin-right: 0;
						}
					}//.col
				}//.grid
			}//.trip-content-area
	}//.page-template-template-trip-listing
}//max-width: 1024

@media screen and (max-width: 767px) {
	.page-template-template-trip_types {

		.trip_types-holder {

			.item {
				width: 100%;
				padding-left: 0;
				padding-right: 0;

				&:nth-child(3n) {
					margin-right: 0%;
				}
			}//.item
		}//.site-main
	}//.page-template-template-trip_types

	.page-template-template-trip-listing {
		.trip-content-area {
			.grid {
				
				.col {
					width: 100%;
					margin-right: 0;
				}//.col
			}//.grid
		}//.trip-content-area
	}//.page-template-template-trip-listing
}//max-width: 767px