/**
* CSS
* @version 1.1
* @author Ozhan Binici
* last update: 2025-09-02
*/

.grid {
	width: 100%;
	max-width: 1326rem;
	margin: 0 auto;
	display:block;
	padding: 0rem 3rem 0rem 3rem;
	min-height:560rem;
	/*min-height:100vh;*/
}
.grid .sets {
	width: 100%;
	position:relative;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
}

.grid .sets .preload {
	display:none;
}

.grid .set {
	width: 100%;
	position:relative;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
}


.grid > h2 {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	padding: 15rem 15rem 10rem 15rem;
	font-family: "Adelle";
	font-weight: 700;
	font-size: 23rem;
	line-height: 29rem;
	color: #65887a;
}

.grid .cell {
	height:560rem;
	order: var(--order-at-4);
}

.grid .fold {
	width:330rem;
	padding:15rem;
	position:relative;
}
.grid .fold.highlighted {
	background-color:#fff200;
}

.grid .fold.tag {
	height:250rem;
}

.grid .fold.tag a {
	background-color:#e7e7e5;
	display:flex;
	align-items:center;
	padding:20rem;
	font-family:"Tenso";
	font-weight:400;
	color:#000000;
	font-size:35rem;
	line-height:41rem;
	justify-content:center;
	text-align:center;
}

.grid .fold.tag a:before {
	content:" ";
	display:block;
	background-image:url("/images/layout/manifold-white.svg?v=2");
	background-position:20rem 20rem;
	background-repeat:no-repeat;
	background-size:100rem;
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
}

.grid .fold.type-4,
.grid .fold.type-4G {
	width:660rem;
}

.grid .fold a {
	position:relative;
	display:block;
	width:100%;
	height:530rem;
	background-color:#FFFFFF;
	color:#000000;
	overflow:hidden;
}

.grid .fold.type-1 a {
	height:250rem;
}

.grid .fold a:hover {
	-webkit-box-shadow: 5rem 5rem 5rem 0rem rgba(0,0,0,0.4);
	-moz-box-shadow: 5rem 5rem 5rem 0rem rgba(0,0,0,0.4);
	box-shadow: 5rem 5rem 5rem 0rem rgba(0,0,0,0.4);
}
.grid .fold picture {
	padding-left:15rem;
	width:100%;
	position:relative;
	display:block;
	box-sizing:border-box;
}

.grid .fold.type-1 picture,
.grid .fold.type-1 .background,
.grid .fold.type-1 .out-of-stock {
	padding-left:0rem;
	position:absolute;
	top:0rem;
	left:0rem;
}

.grid .fold.type-1 .background {
	width:100%;
	height:100%;
	background-color:#6aff93;
	z-index:1;
}
.grid .fold.type-1 .background .copyright-holder {
	color: #FFF;
	transform: rotate(270deg);
	transform-origin: right top 0;
	font-weight: 600;
	font-family: "Tenso";
	font-size: 38rem;
	line-height: 42rem;
	text-align: right;
	position: absolute;
	top: 15rem;
	right: 92rem;
	width:225rem;
	width:auto;
}

.grid .fold.type-1 .background .copyright-holder.line-1 {
	right:50rem;
}

.grid .fold.type-1 .background .copyright-holder.line-2 {
	right:92rem;
}

.grid .fold.type-1 .background .copyright-holder.line-3 {
	right:134rem;
}

.grid .fold.type-1 .background .copyright-holder.line-4 {
	right:176rem;
}

.grid .fold.type-1 .out-of-stock {
	z-index:3;
	width:100%;
	height:100%;
	background:transparent;
	overflow:hidden;
}

.grid .fold.type-1.product.out-of-stock .out-of-stock:before {
	transform: rotate(39.6deg);
	transform-origin: left top 0;
	position: absolute;
	top: -9px;
	left: 0px;
	width: 400px;
	height: 15px;
	background-color: #FF0000;
	content: " ";
	display: block;
	z-index:3;
}

.grid .fold.type-4G picture {
	padding-left:0rem;
}
.grid .fold img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.grid .fold.type-4G img {
	width:100%;
	margin-left:0rem;
}


.grid .fold .video-embed {
	padding-left:15rem;
	width:100%;
	position:relative;
	display:block;
}

.grid .fold .video-embed iframe {
	position:relative;
	display:block;
	width:615rem;
	height:345rem;
}

.grid .fold .text {
	padding-left:15rem;
	position:relative;
}
.grid .fold.type-1 .text {
	position:absolute;
	left:0rem;
	top:0rem;
	z-index:2;
}
.grid .fold.type-4G .text {
	width: 275rem;
	top: 185rem;
	left: 175rem;
	text-align: center;
	position: absolute;
	z-index: 2;
	color: #FFF;
	margin-left:0rem;
}

.grid .fold .authors-date {
	width:285rem;
	padding-top:27rem;
	margin-bottom:-7rem;
	font-size:0;
}

.grid .fold .authors-date .author,
.grid .fold .authors-date .author-separator {
	font-weight: 600;
	font-family: "Tenso";
	font-size: 13rem;
	line-height: 16rem;
	margin-right: 10rem;
	display: inline-block;
	white-space: nowrap;
}

.grid .fold .authors-date .author-separator {
	margin-left:-9rem;
	margin-right:3rem;
}

.grid .fold .authors-date .date {
	font-weight: 400;
	font-family: "Tenso";
	font-size: 13rem;
	line-height: 16rem;
}

.grid .fold .titles {
	width:270rem;
	margin-top:27rem;
	margin-bottom:-16rem;
}
.grid .fold .headtitle,
.grid .fold .subtitle {
	font-family: "Adelle";
	font-weight: 700;
	font-size: 17rem;
	line-height: 23rem;
	margin-bottom: 5rem;
	width:100%;
}
.grid .fold .title {
	font-family: "Adelle";
	font-weight: 700;
	font-size: 23rem;
	line-height: 29rem;
	margin-bottom: 5rem;
	width:100%;
}

.grid .fold .excerpt {
	font-family: "Tenso";
	font-size: 16rem;
	line-height: 21rem;
	padding-top: 27rem;
	padding-bottom:6rem;
	width: 275rem;
}

.grid .fold .excerpt i {
	font-style:italic;
}

.grid .fold.type-4 .excerpt {
	position:absolute;
	top:0rem;
	right:10rem;
}


.load-more,
.other-posts-by-author {
	padding:10rem 18rem 15rem 18rem;
	position:relative;
	display:block;
}

.load-more .load-more-inner,
.other-posts-by-author .inner {
	position:relative;
	display:block;
	background-color:#bdcac7;
	width:100%;
	height:35rem;
}

.other-posts-by-author .inner {
	background-color:#65887a;
}

.load-more .load-more-inner.hovered {
	background-color:#65887a;
}

.load-more a,
.other-posts-by-author span {
	font-family:"Tenso";
	font-size:16rem;
	line-height:30rem;
	width:240rem;
	position:absolute;
	top:0rem;
	z-index:1;
	left: calc(50% - 120rem);
	display:block;
	text-decoration:underline;
	color:#000;
	background-color:#bdcac7;
	text-align:center;
}

.other-posts-by-author span {
	text-decoration:none;
	background-color:#65887a;
	color:#FFF;
}

.load-more .hovered a {
	text-decoration:none;
	background-color:#65887a;
	color:#FFF;
}

.load-more .line,
.other-posts-by-author .line {
	width: calc(100% + 2rem);
	height:30rem;
	background-color:#d4e0dd;
	position:absolute;
	z-index:0;
	top:-1rem;
	left:-1rem;
	display:block;
}

.load-more .gap,
.other-posts-by-author .gap {
	width: 30rem;
	height:6rem;
	background-color:#d4e0dd;
	position:absolute;
	z-index:0;
	bottom:-1rem;
	left: calc(50% - 15rem);
	display:block;
}

@media (max-width:1199px){
	
	.grid {
		padding:0rem;
	}
	
	.grid .cell {
		order: var(--order-at-3);
	}
}

@media (max-width:799px){
	
	.grid {
		padding:0rem 15rem;
	}
	
	.grid .cell {
		order: var(--order-at-2);
	}
}

@media (max-width:479px){
	.grid {
		padding:0rem;
	}
	
	.grid .fold {
		padding:10rem 10rem 5rem 10rem;
	}
	
	.grid .cell {
		order: var(--order-at-1);
	}
	
	.grid .fold.type-4, 
	.grid .fold.type-4G {
		width:330rem;
	}
	
	.grid .fold .video-embed iframe {
		width:315rem;
		height:160rem;
	}
	
	.grid .fold.type-4 .excerpt {
		position:relative;
		top:auto;
		right:auto;
		
	}
	
	.grid > h2 {
		padding:15rem 10rem 11rem 10rem;
	}
}