/* Desktop-specific styles */
@media screen and (min-width: 768px) {
	html {
		font-size: 14px !important;
	}

	h1 {
		/* font-size: 32px; */
	}
}


#header00 {
	width: 100%;
	height: 100%;
	object-fit: cover; 
	filter: blur(8px); 
	transform: scale(1.1);
}

#head-left {
	position:absolute;
	left:0;
	top:1rem;
	z-index:2;
}

#head-left #logo {
	display:inline-block;
	width:14rem;
	position:Relative;
	top:0;
	margin-left:0;
}

#head #head-left #head-socials {
	display:inline-block;
	margin: 1.1rem 1.5rem 0 2.5rem;
	vertical-align:top;
}

#head-right {
	position:relative;  /* for desktop a must */
}

.nav-socials a {
	background-size: 22px;
	margin-left: 0.1rem;
}

.card {
	margin-bottom: 40px;
}

.col.d_2 .card {
	aspect-ratio: 10/12;
}

.col.d_4 .card {
	
}




.col.d_2 .card .card-title {
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
	overflow:hidden;
	
	font-size:1.48rem;
	height: 9rem;
}

.col.d_4 .card .card-title {
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
	overflow:hidden;
	font-size:1.82rem;
	line-height: 2.32rem;
	height: 4.64rem;
}

.col.d_6 .card .card-title {
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
	overflow:hidden;
	font-size:1.82rem;
	
	height: 4.64rem;
}

body .mazsihisz-hero {
	aspect-ratio: 2.67/1; /* 16/6 */
}

.nav-toggle-label {
	display:none;
}



.main-nav {
	text-align:center;
}

.main-nav li {
	display:inline-block;
	padding-top:2.5rem;
}

.main-nav li a {
	padding: 0.6rem 1.2rem;
	font-size:1.125rem;
	border:none;
	min-height:initial;
	line-height: 1;
	border-radius: 5rem;
	
	margin-bottom: 2.2rem;
}

.main-nav li li {
	display:block;
	padding:0;
}

#head .main-nav ul li ul li a {
	margin:0;
	padding:0;
	border-radius:0;
	font-size:1.25rem;
	line-height:4.2rem;
	border-bottom: 1px solid #ccdff4;
}

.secondary-nav {
	float:right;
	margin-top:-4.75rem;
	padding-right:1.5rem;
}

.secondary-nav ul {
	display: inline;
}

.secondary-nav ul li {
	display: inline;
}

#head-right .secondary-nav ul li a {
	display:inline-block;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}


#weekly #now {
	display:block;
	text-transform:uppercase;
	line-height: 2.5;
}

#weekly #weekly-upcoming {
	margin-left: 0;
	line-height: 2.5;
}



/* PAGINATION */

.pagination {
	clear:both;
	margin: 2rem 0;
	text-align:left;
}

.page-numbers {
	font-size: 1.48rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height:2.5rem;
	margin-right:2rem;
}

body .toggle-box-on-mobile  {
	
}

body .toggle-box-on-mobile .toggle-box--content{
	max-height:initial;
}



/* DEV ONLY TEMP */
.sub-menu {
	display:none;
}
