/* Pagination */

.pagination {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.pagination .page-numbers {
	color: #2D2926;
	border: none;
    border-bottom: 1px transparent solid;
    padding-top: 1px;
    font-size: 20px;
    position: relative;
    background: none;
}
.pagination .page-numbers.current {
    border-bottom: 1px #2D2926 solid;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	display: block;
    height: 48px;
    width: 48px;
    color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pagination .page-numbers.prev {
    background-image: url('../svg/arrow-left-mobile.svg');

}
.pagination .page-numbers.next {
    background-image: url('../svg/arrow-right-mobile.svg');
}
/* ---- */
/* 
.facetwp-pager .facetwp-page.active {
    font-weight: 400;
    border-bottom: 1px #2D2926 solid;
}

.facetwp-pager .facetwp-page.prev,
.facetwp-pager .facetwp-page.next {
    display: block;
    height: 48px;
    width: 48px;
    color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.facetwp-pager .facetwp-page.prev.active,
.facetwp-pager .facetwp-page.next.active {
    border-bottom: none;
}

.facetwp-pager .facetwp-page.prev {
    background-image: url('../svg/arrow-left-mobile.svg');
}

.facetwp-pager .facetwp-page.next {
    background-image: url('../svg/arrow-right-mobile.svg');
}

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

	/* Outside Custom Post */ 
	.blog #main-wrap .post-loop article.custom-post { 
		padding: 50px 0 0;
		margin: 0;

		flex-direction: column-reverse;
	}

	/* Inside Custom Post */
	.blog #main-wrap .post-loop .custom-post .post-loop-details {
		position: relative;
	}
	
	.blog .post-loop .custom-post .post-loop-details h2 {
		margin-top: 15px;
		margin-bottom: 22px;

		font-size: 25px;
		line-height: 1;
		font-weight: 300;
		text-align: center;
		text-transform: none;
	}

	.blog .post-loop .custom-post .post-loop-details .excerpt {
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 25px
	}

	.blog .post-loop .custom-post .post-loop-details .excerpt p {
		margin-bottom: 0;
	}

	.blog .post-loop .custom-post .post-loop-details .excerpt p br {
		display: none;
	}

	.blog .post-loop .custom-post .post-loop-details a.styled-link {
		margin-top: 0;
		align-self: center;
		font-size: 20px;
		line-height: 27px;
	}

	.blog #main-wrap .post-loop .custom-post .post-loop-details .post-date-wrapper {
		flex-direction: column;
		width: 100%;
		padding: 0;

		top: -24px !important;
		left: 0;
		align-items: center;
	}

	.blog #main-wrap .post-loop .custom-post .post-date-wrapper .design-line {
		width: 100%;
		max-width: 254px;
		height: 1px;
		flex: 1 1 1px;
		margin: 0;
		background: #A5A5A5;
	}


	/* Coloring */


	/* Outside Custom Post */ 
	.blog #main-wrap .post-loop article.custom-post::before {
		display: none;
	}
	.blog #main-wrap .post-loop article.custom-post { 
		background: #FFF;
	}
	
	.blog #main-wrap .post-loop article.custom-post a.styled-link::after {
		background: #2D2926;
	}

	.blog #main-wrap .post-loop article.custom-post h2,
	.blog #main-wrap .post-loop article.custom-post a.styled-link,
	.blog #main-wrap .post-loop article.custom-post .post-date-wrapper .post-date { 
		color: #2D2926;
	}


	.blog #main-wrap .post-loop article.custom-post:nth-child(2n) { 
		background: #2D2926;
	}
	.blog #main-wrap .post-loop article.custom-post:nth-child(2n) a.styled-link::after {
		background: #FFF;
	}

	.blog #main-wrap .post-loop article.custom-post:nth-child(2n) h2,
	.blog #main-wrap .post-loop article.custom-post:nth-child(2n) a.styled-link,
	.blog #main-wrap .post-loop article.custom-post:nth-child(2n) .post-date-wrapper .post-date { 
		color: #FFF;
	}


	/* Pagination */


	.pagination {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.pagination .page-numbers {
		display: none;
	}

	.pagination .page-numbers.prev {
		margin-right: 25px;

	}
	.pagination .page-numbers.next {
	    background-image: url('../svg/arrow-right-mobile.svg');
	    margin-left: 0;
	}
}


/* SINGLE BLOG */

.single-post article.post .plus-icon{
	display: none;
}

@media only screen and (max-width: 767px) {
	.single-post article.post {
		padding-top: 56px;
		margin: 0;
	}

	.single-post article.post::before {
		top: 0;
		left: 0;
		width: 100%;
		height: 470px;
	}
	.single-post article.post .container {
		padding: 0;
		margin: 0 36px;
	}

	.single-post article.post header {
		margin-bottom: 22px;
	}
	.single-post article.post header .blog-title {
		max-width: 250px;

		font-size: 25px;
		font-weight: 300;
		line-height: 1;
		text-align: center;
	}
	.single-post article.post header .date {
		display: none;
	}

	.single-post article.post .summary .blog-p-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		color: #A5A5A5;

		margin-bottom: 28px;
	}

	.single-post article.post .blog-p-wrapper p {
		display: block;
		display: -moz-box;
		display: -webkit-inline-box;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		
		overflow: hidden;
		text-overflow: ellipsis;
		
		height: calc(20px * 5);
		
		margin-bottom: 45px;
	}

	.single-post article.post .blog-p-wrapper.active p {
		display: block;
		height: auto;
		
		margin-bottom: 15px;
	}

	.single-post article.post .blog-p-wrapper .plus-icon {
		display: block;
		
	}

	.single-post article.post .plus-icon #Path_916 {
		transform: translate(29%, 49%) rotate(-90deg);
		transition: transform 0.3s ease-out;
	}

	.single-post article.post .blog-p-wrapper.active .plus-icon #Path_916 {
		transform: translate(49%, 29%) rotate(0deg);
	}

	.single-post article.post .bottom-section .blog-p-wrapper .plus-icon {
		filter: grayscale(1) invert(1);
	}


	/* Images */
	.single-post article.post .summary .blog-img-pos-1-wrapper {
		margin-bottom: 5px;
	}

	.single-post article.post .summary .blog-double-img-wrapper .spacer {
		width: 7px;
	}

	.single-post article.post .summary .blog-double-img-wrapper {
		margin-bottom: 40px;
	}

	/* Bottom Section */
	.single-post article.post .summary .bottom-section {
		padding-top: 40px;
	}

	.single-post article.post .summary .bottom-section .blog-img-pos-4-wrapper {
	    margin-bottom: 40px;
	}


}