/*--------------------------------------------------------------
# max-width: 992px
--------------------------------------------------------------*/
@media screen and (max-width: 992px) {

	/* layout.css */	
	
	/* custom.css */
	.wp-block-latest-posts__list {
		padding: 1.5em;
		grid-gap: 1.5em; 
		grid-template-columns: repeat(2, 1fr);
	}

	.central {
		margin: 0 10vw;
	}

	.page:not(.home) .post-thumbnail img {
		border-radius:  0;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 3vh 20px;
		font-size: smaller;
	}

}


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

	/* layout.css */
	.navbar-container .home-icon {
		display: none;
	}

	.custom-logo-link img {
		height: calc(var(--headerM) - 5px);
	}

	.nav-left,
	.nav-right {
		display: none;
	}

	nav.main-navigation {
		justify-content: center;
	}

	.menu-toggle {
		display: flex;	
	}

	/* custom.css */
	.central {
		margin: 0 5vw;
	}

	.comment-list > li {
		gap: 0.5em;
    	grid-template-columns: 1fr;
	}

	.comment-list .children {
    	padding-right: 2em;
	}

	.single-post .entry-content {
		padding: 2em;
	}

	.post-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.cards-group {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.math-media-posts article {
		grid-template-columns: 1fr;
		grid-template-areas: "media" "content"; 
	}

	.math-media-posts article:nth-child(even) {
		grid-template-areas: "media" "content";
	}

	#section-code .wp-block-group {
		grid-template-columns: 1fr;
	}

}


/*--------------------------------------------------------------
# max-width: 480px
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {

	/* layout.css */
	.nav-previous,
	.nav-next {
		margin: auto;
	}

	.entry-meta {
		gap: 0;
		flex-direction: column;
	}

	.entry-meta	.separator {
		display: none;
	}

	.comments-area .comment-tabs {
		flex-direction: column;
	}

	.comments-area .comment-tabs button {
		width: 50%;
		margin: auto;
	}

	/* custom.css */
	.wp-block-latest-posts__list {
		padding: 1em;
		grid-gap: 1em; 
		grid-template-columns: repeat(1, 1fr);
	}

	.central {
		margin: 0 10px;
	}

	.central.fluid {
		margin: 0;
	}

	.single-post .entry-content,
	.single-cinema-post .entry-content,
	.single-code-post .entry-content,
	.archive .entry-content {
		padding: 1em;
	}

	.single-post .entry-header .entry-title,
	.single-cinema-post .entry-header .entry-title,
	.single-code-post .entry-header .entry-title,
	.archive .entry-header .entry-title {
		background-color: var(--clrMC);
	}

	.post-list {
		display: block;
	}

	.wp-block-categories {
		align-items: center;
		flex-direction: column-reverse;
		
	}

	.navbar-container .bt-modal .wp-block-search .wp-block-search__inside-wrapper {
		flex-direction: column;	
	}

	.kt-blocks-info-box-link-wrap {
		flex-direction: column;
		align-items: flex-end !important;
	}

	.kt-blocks-info-box-media-container,
	.kt-blocks-info-box-media {
		padding: 0 !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}
	
}


/*--------------------------------------------------------------
# max-width: 600px
--------------------------------------------------------------*/
@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 10vh 10px;
	}
}