.page-template-template-activities {

	&.full-width {

		.activities-holder {

			.item {
				width: 22.66%;

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

				&:nth-child(4n) {
					margin-right: 0;
				}
			}//.item
		}//.site-main
	}//&.full-width

	.activities-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-activities

.tax-activities {

	.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-activities

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

		.activities-holder {

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

				&:nth-child(3n) {
					margin-right: 0%;
				}
			}//.item
		}//.site-main
	}//.page-template-template-activities
}//max-width: 767px