.classic-layout {

	.site-main {

		article {
			border-radius: 5px;
			overflow: hidden;
			margin-bottom: 60px;
			@include box-shadow(0 0 25px rgba(0,0,0,0));
			@include transition(all ease 0.35s);

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

			.content-wrap {
				border: 1px solid rgba(0,0,0,0.2);
				border-radius: 0 0 5px 5px;
				padding: 30px;

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

				.entry-content {
					margin-top: 0;

					p {
						margin-top: 20px;
						margin-bottom: 0;
					}
				}//.entry-content

				.button-wrap {
					margin-top: 20px;

					.btn-readmore {
						display: inline-block;
						font-size: 1.125em;
						font-weight: 600;

						svg {
							margin-left: 5px;
						}
					}
				}//.button-wrap
			}//.content-wrap
		}//article
	}//.site-main
}//.classic-layout

.grid-layout {

	.site-main {
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		margin-bottom: 30px;

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

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

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

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

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

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

				.entry-content {
					margin-top: 0;

					p {
						margin-top: 20px;
						margin-bottom: 0;
					}
				}//.entry-content

				.button-wrap {
					margin-top: 20px;

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

						svg {
							margin-left: 5px;
						}
					}
				}//.button-wrap
			}//.content-wrap
		}//article
	}//.site-main

	&.full-width {

		.site-main {

			article {
				width: 31.33%;

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

				&:nth-child(3n) {
					margin-right: 0;
				}
			}//article
		}//.site-main
	}//.full-width
}//.grid-layout

.grid-modern-layout {

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

		article {
			width: 48.33%;
			margin-right: 3%;
			margin-bottom: 35px;
			border-radius: 5px;
			overflow: hidden;
			position: relative;

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

			.post-thumbnail {

				
			}//.post-thumbnail

			.trip-price {
				position: absolute;
				background: $primary_color;
				color: #fff;
				min-width: 100px;
				text-align: center;
				font-size: 1.125em;
				font-weight: 600;
				letter-spacing: 1px;
				display: flex;
				flex: 1;
				flex-direction: column;
				justify-content: center;
				height: 40px;
				bottom: 30px;
				right: -30px;
				border-bottom-left-radius: 5px;
				@include transform(rotate(-90deg));
				}//.trip-price

				.content-wrap {
					padding: 20px;
					background: rgba(0,0,0,0.6);
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					width: calc(100% - 40px);
			}//.content-wrap

			.entry-title {
				margin: 0 0 10px 0;
				font-size: 1.125em;

				a {
					color: #fff;

					&:hover {
						color: $primary_color;
					}
				}
			}//.entry-title
		}//article
	}//.site-main

	&.full-width {

		.site-main {

			article {
				width: 31.33%;

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

				&:nth-child(3n) {
					margin-right: 0;
				}
			}
		}//.site-main
	}//&.full-width
}//.grid-modern-layout

.list-layout {

	.site-main {

		article {
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			border-radius: 5px;
			overflow: hidden;
			margin-bottom: 60px;
			@include box-shadow(0 0 25px rgba(0,0,0,0));
			@include transition(all ease 0.35s);

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

			.post-thumbnail {
				width: 35%;
				border-radius: 5px 0px 0 5px;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}//.post-thumbnail

			.content-wrap {
				border: 1px solid rgba(0,0,0,0.2);
				border-left: none;
				border-radius: 0 5px 5px 0;
				padding: 30px;
				width: 65%;

				.entry-title {
					margin-top: 0;
					margin-bottom: 0;
					font-size: 1.5em;
					line-height: 1.3;
				}//.article-title

				.entry-content {
					margin-top: 0;

					p {
						margin-top: 20px;
						margin-bottom: 0;
					}
				}//.entry-content
			}//.content-wrap

			.entry-footer {

				.trip-rating {
					margin-right: 20px;
				}//.trip-rating
			}//.entry-footer
		}//article
	}//.site-main
}//.list-layout

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

	.grid-layout.full-width, .grid-modern-layout.full-width {
		.site-main {

			article {
				width: 48.33%;

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

				&:nth-child(2n) {
					margin-right: 0;
				}
			}
		 }//.site-main
	}//.grid-layout.full-width
}//max-width: 1024px

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

	.grid-layout {

		.site-main {
			flex-direction: column;

			article {
				width: 100%;
				margin-right: 0;
			}//article
		}//.site-main

		&.full-width {

			.site-main {

				article {
					width: 100%;
					margin-right: 0;
				}
			}//.site-main
		}//.full-width
	}//.grid-layout

	.grid-modern-layout {

		.site-main {
			flex-direction: column;

			article {
				width: 100%;
				margin-right: 0;
			}//article
		}//.site-main

		&.full-width {

			.site-main {

				article {
					width: 100%;

					&:nth-child(2n) {
						margin-right: 0;
					}
				}
			}//.site-main	
		}//&.full-width
	}//.grid-modern-layout

	.list-layout {

		.site-main {

			article {
			    flex-direction: column;

			    .post-thumbnail {
				    width: 100%;
				    border-radius: 5px 5px 0 0;
				}//.post-thumbnail

				.content-wrap {
				    width: 100%;
				    border-left: 1px solid rgba(0,0,0,0.2);
				    border-top: none;
				    border-radius: 0px 0 5px 5px;
				}//.content-wrap
			}//article
		}//.site-main
	}//.list-layout
}//max-width: 767px