/*
Theme Name: Dr. Rao
Author: Davor
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.1
Version: 1.0.3
*/

* {
	box-sizing: border-box;
}

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

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	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;
}

/**
 * Utily classes
 *
*/

.width--full,
.width--full img {
	width: 100%;
	max-width: 100%;
}

.aspect-ratio--16-9 img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.object-position--top img {
	object-position: top;
}

.align-content--center {
	align-content: center;
}

.position--relative {
	position: relative;
}

.text-wrap--balance {
	text-wrap: balance;
}


.position--sticky {
	position: sticky;
	top: 2em;
}

@media (max-width: 48rem) {

	.hidden--mobile {
		display: none !important;
	}
}

@media (min-width: calc(48rem + 1px)) {

	.hidden--desktop {
		display: none;
	}
}


/* Various elements */

.books-table td:nth-child(2) {
	opacity: .5;
}

.hero-center-section {
	min-height: calc(100vh - var(--wp--preset--spacing--50) - 5rem);
}

.hero-image {
	grid-row: 1 / 2;
	grid-column: 1 / 5;
	display: flex;
}

.hero-text-group {
	grid-column: 1 / -1;
	grid-row: 1 / 2;
}

.hero-text-group h1 {
	text-align: center;
	width: 100%;
}

.hero-subheading {
	padding-left: 35%;
	padding-bottom: 1em;
}

.footer-center-section {
	min-height: calc(100vh - 2 * var(--wp--preset--spacing--50));
}

.footer-image {
	display: flex;
	max-height: calc(100vh - 2 * var(--wp--preset--spacing--50));
	overflow: hidden;
}

/* intialy hide to prevent flash of unstyled content */
.hero-content,
.hero-subheading,
.hero-image,
.hero-heading,
.hero-dates {
	opacity: 0;
}

/**
 * Layout
 */

.wp-block-group.is-layout-grid {
	gap: var(--wp--preset--spacing--column-gap);
}

@media (max-width: 64rem) {
	.wp-block-group.is-layout-grid {
		grid-template-columns: 1fr;
	}

	.wp-block-group.is-layout-grid>* {
		grid-column: 1 / -1;
	}

	.section-heading-group {
		display: flex !important;
		flex-direction: column-reverse;
	}

	.section-heading-group .has-text-align-right {
		text-align: left;
	}

	.footer-text-group {
		padding: 0 var(--wp--style--root--padding-right);
	}

	.overflow--hidden-mobile {
		overflow: hidden;
	}

	.hero-subheading {
		padding-left: 5%;
		padding-bottom: 0;
	}

	.hero-text-group h1 {
		text-align: left;
		font-size: 12vw !important;
		padding-bottom: 5%;
		padding-left: 5%;
	}

	.hero-date-section {
		padding-left: 0 !important;
		align-items: flex-start !important;
	}

	.hero-dates {
		text-align: left;
		padding-left: 5%;
	}

}