/**
Theme Name: Doksut
Author: Ahmad Rosid
Author URI: https://rosid.work/
Description: Doksut is a Child Theme of the Astra WordPress Theme used for the site https://smkdrsutomo-tmg.sch.id/.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doksut
Template: astra
*/

/* ##### GLOBAL ##### */
/* Astra Breadcrumbs */
.ast-breadcrumbs-wrapper{
	padding-top: 15px;
	border-top: 1px solid var(--ast-global-color-5);
}

/* ##### HEADER ##### */
#masthead{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
/* Site Logo */
#ast-mobile-header .ast-site-identity{
	padding: 0 !important;
}
/* Mega Menu */
ul.astra-megamenu li .ast-mm-custom-content{
	margin: 0 !important;
	padding: 0;
}
/* Toggle Button Mobile Menu */
#ast-mobile-header .ast-button-wrap .menu-toggle.main-header-menu-toggle{
	padding: 11px;
}

/* ##### FOOTER ##### */
.footer-menu ul li{
	padding: 6px 0;
}
.footer-menu ul li a:hover{
	color: var(--ast-global-color-0) !important;
}

/* ##### Post Archive ##### */
/* Primary Container */
.blog .site-content #primary, .archive .site-content #primary, .search .site-content #primary{
	padding: 60px 0;
}
/* Content Grid */
.blog .site-content #primary #main .ast-row, .archive .site-content #primary #main .ast-row, .search .site-content #primary #main .ast-row{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	margin: 0;
}
.blog .site-content #primary #main .ast-row article, .archive .site-content #primary #main .ast-row article, .search .site-content #primary #main .ast-row article{
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
}
.blog .site-content #primary #main .ast-row article:first-child, .archive .site-content #primary #main .ast-row article:first-child, .search .site-content #primary #main .ast-row article:first-child{
	grid-column: span 2;
}
/* Content Grid Item */
.blog .site-content #primary #main .ast-row article .ast-article-inner, .archive .site-content #primary #main .ast-row article .ast-article-inner, .search .site-content #primary #main .ast-row article .ast-article-inner{
	padding: 25px;
}
.search .site-content #primary #main .ast-row article .ast-article-inner{
	border-radius: 10px;
	overflow: hidden;
}
.blog .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section, .archive .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section, .search .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section{
	margin-bottom: 25px;
}
.blog .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section img, .archive .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section img, .search .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section img{
	object-fit: cover;
}
.blog .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-title, .archive .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-title, .search .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-title, .blog .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-header, .archive .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-header, .search .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-header{
	margin-bottom: 15px;
}
.blog .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-title a:hover, .archive .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-title a:hover, .search .site-content #primary #main .ast-row article .ast-article-inner .post-content .entry-title a:hover{
	color: var(--ast-global-color-0);
}
.blog .site-content #primary #main .ast-row article:first-child .ast-article-inner .post-content .entry-title, .archive .site-content #primary #main .ast-row article:first-child .ast-article-inner .post-content .entry-title, .search .site-content #primary #main .ast-row article:first-child .ast-article-inner .post-content .entry-title{
	font-size: 24px;
}

/* ##### Single Post ##### */
.single-post .site-content #primary{
	border-right: none;
}
.single-post .site-content #primary #main > article{
	margin-top: 2em;
	margin-bottom: 2em;
}
.single-post .site-content #primary #main > article .ast-post-social-sharing{
	margin-top: 2em;
}
.single-post .site-content #primary #main > article .ast-post-social-sharing .ast-social-sharing-heading{
	margin-bottom: 20px;
}
.single-post .site-content #primary #main .ast-single-related-posts-container .ast-related-posts-title-section{
	padding-bottom: 0;
}
.single-post .site-content #primary #main .ast-single-related-posts-container .ast-related-posts-wrapper .ast-related-post-content img{
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.single-post .site-content #primary #main .ast-single-related-posts-container .ast-related-posts-wrapper .ast-related-post-content .entry-title a:hover{
	color: var(--ast-global-color-0);
}
/* .single-post .site-content #primary #main .ast-single-related-posts-container .ast-related-posts-wrapper .ast-related-post-content .entry-meta{
	margin: 0;
} */
.single-post .site-content #primary #main .ast-single-related-posts-container .ast-related-posts-wrapper .ast-related-post-content .entry-meta a{
	color: var(--ast-global-color-0);
}
.single-post .site-content #primary #main .ast-single-related-posts-container .ast-related-posts-wrapper .ast-related-post-content .entry-meta a:hover{
	color: var(--ast-global-color-1)
}
.single-post .site-content #primary #main .comment-reply-title{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
}
.single-post .site-content #primary #main #comments #respond{
	padding-bottom: 0;
}
.single-post .site-content #secondary{
	border-left: none;
	margin-left: 60px;
}

/* ##### Single Page ##### */
/* Page Hero */
.p-hero-section .gspb_meta p{
	margin-bottom: 0;
}
.p-hero-section .ast-breadcrumbs-wrapper{
	margin-top: 30px;
	padding-top: 20px;
}


@media (max-width: 921px){
	/* ##### HEADER ##### */
	/* Mobile Menu */
	 .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{
		padding: 20px;
		line-height: 1em;
		right: 0;
		top: 0;
		border: none;
		box-shadow: none;
		border-radius: 0;
		outline: none;
	}
	.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle svg{
		margin-left: 0;
		margin-top:0
	}
	#ast-mobile-popup .ast-mobile-popup-inner .ast-mobile-popup-content .ast-builder-layout-element{
		padding: 0;
	}
	#ast-mobile-popup .ast-mobile-popup-inner .ast-mobile-popup-content .ast-header-search input::placeholder, #ast-mobile-popup .ast-mobile-popup-inner .ast-mobile-popup-content .ast-header-search .icon-search{
		color: var(--ast-global-color-3);
	}
	#ast-mobile-popup .ast-mobile-popup-inner .ast-mobile-popup-content .ast-header-search .search-form{
		overflow: visible;
	}

	/* ##### Post Archive ##### */
	/* Search Archive - Hero */
	.search .ast-archive-entry-banner h1 span{
		font-size: 34px !important;
	}
	/* Primary Container */
	.blog .site-content #primary, .archive .site-content #primary, .search .site-content #primary{
		padding: 50px 0;
	}
	/* Content Grid */
	.blog .site-content #primary #main .ast-row, .archive .site-content #primary #main .ast-row, .search .site-content #primary #main .ast-row{
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 25px;
		grid-row-gap: 25px;
	}
	/* Content Grid Item */
	.blog .site-content #primary #main .ast-row article .ast-article-inner, .archive .site-content #primary #main .ast-row article .ast-article-inner, .search .site-content #primary #main .ast-row article .ast-article-inner{
		padding: 20px;
	}
	.blog .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section, .archive .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section, .search .site-content #primary #main .ast-row article .ast-article-inner .post-content .ast-blog-featured-section{
		margin-bottom: 20px;
	}
	
	/* ##### Single Post ##### */
	.single-post .site-content #primary{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.single-post .site-content #primary #main > article{
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	.single-post .site-content #primary #main > article .ast-post-social-sharing{
		margin-top: 1.5em;
	}
	.single-post .site-content #primary #main .comment-reply-title{
		font-size: 22px;
	}
	.single-post .site-content #primary #main #comments #respond{
		padding-top: 1.5em;
		padding-bottom: 0;
	}
	.single-post .site-content #secondary{
		margin-top: 0;
		margin-bottom: 50px;
		padding-bottom: 0;
		margin-left: 0;
	}
}

@media (max-width: 544px){
	/* ##### HEADER ##### */
	/* Toggle Button Mobile Menu */
	#ast-mobile-header .ast-button-wrap .menu-toggle.main-header-menu-toggle{
		padding: 6px;
	}
	/* Mobile Menu */
	 .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{
		padding: 15px 20px;
	}
	
	/* ##### Post Archive ##### */
	/* Search Archive - Hero */
	.search .ast-archive-entry-banner h1 span{
		font-size: 30px !important;
	}
	/* Primary Container */
	.blog .site-content #primary, .archive .site-content #primary, .search .site-content #primary{
		padding: 40px 0;
	}
	/* Content Grid */
	.blog .site-content #primary #main .ast-row, .archive .site-content #primary #main .ast-row, .search .site-content #primary #main .ast-row{
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0;
		grid-row-gap: 25px;
	}
	.blog .site-content #primary #main .ast-row article:first-child, .archive .site-content #primary #main .ast-row article:first-child, .search .site-content #primary #main .ast-row article:first-child{
		grid-column: span 1;
	}
	/* Content Grid Item */
	.blog .site-content #primary #main .ast-row article:first-child .ast-article-inner .post-content .entry-title, .archive .site-content #primary #main .ast-row article:first-child .ast-article-inner .post-content .entry-title, .search .site-content #primary #main .ast-row article:first-child .ast-article-inner .post-content .entry-title{
		font-size: 20px;
	}
	
	/* ##### Single Post ##### */
	.single-post .site-content #primary{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.single-post .site-content #secondary{
		margin-top: 0;
		margin-bottom: 40px;
		padding-bottom: 0;
	}
}