/*
Theme Name: Khan 2025
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: khan-2025


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .2em;
}

body {
-webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p, li {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

footer.wp-block-template-part {
	margin-top: 0;
}

.wp-site-blocks {
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	row-gap: clamp(48px, 5vw, 104px);
}

.wp-site-blocks main {
	flex-grow: 1;
}

/* current & fixed NAV */

@media (min-width: 768px) {
	.wp-site-blocks main {
		padding-top: calc(clamp(0px, 5vw, 104px) + 133px);
	}

	header.wp-block-template-part {
		position: fixed;
		width: 100%;
		z-index: 10;
	}
}


.current-menu-item a.wp-block-navigation-item__content {
	text-decoration: underline;
}

/* Turn off transition entirely */
.wp-block-navigation__responsive-container.is-menu-open {
    animation: none;
}


/* CV SHIT OMG */

.cv h2 {
	font-size: var(--wp--preset--font-size--large);
	margin-top: 3rem;
	margin-bottom: 1em;
	font-weight: 500;
}

.cv h3 {
	margin: .5em 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: bold;
	line-height: 1.5;
	font-weight: 600;
}

.cv ul {
    margin-top: .5em;
    list-style: none;
    padding-left: 0;
		margin-bottom: 1.5em;
}

.cv li {
    margin-bottom: 8px;
		margin-top: 0;
}

@media (min-width: 768px) {

    .cv:after {
			clear: both;
    }

    .cv h2 {
			width: 28%;
			float: left;
			clear: both;
			margin: 3em 0 -1.1em 0
    }

    .cv h3,
		.cv p {
			width: 14%;
			float: left;
			clear: left;
			margin: 0 0 1em 30%;
			padding-right: 5px
    }

    .cv ul {
			float: left;
			margin: 0 0 .5em 0;
			width: 50%
    }

    .cv h2+ul {
        margin-left: 30%;
        clear: left;
        width: 70%
    }
}