@media (max-width: 980px) {
	.yr-has-sidebar .yr-content-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.yr-sidebar-left .yr-main,
	.yr-sidebar-left .yr-sidebar {
		grid-column: auto;
		grid-row: auto;
	}

	.yr-footer-widgets__grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yr-home-grid,
	.yr-home-featured {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	body.admin-bar {
		--yr-admin-offset: 46px;
	}

	.yr-topbar__date {
		display: none;
	}

	.yr-topbar__inner {
		justify-content: center;
	}

	.yr-branding-row__inner {
		min-height: 92px;
	}

	.yr-branding__tagline {
		display: none;
	}

	.yr-menu-toggle {
		display: inline-flex;
		min-height: 54px;
	}

	.yr-primary-nav__inner {
		position: relative;
		display: block;
	}

	.yr-primary-menu {
		display: none;
		align-items: stretch;
		padding-block-end: 0.75rem;
		flex-direction: column;
	}

	.yr-primary-nav.is-open .yr-primary-menu {
		display: flex;
	}

	.yr-primary-menu > li > a {
		min-height: 44px;
		padding-inline: 0;
	}

	.yr-primary-menu .sub-menu {
		position: static;
		display: block;
		min-width: 0;
		background: rgba(255, 255, 255, 0.08);
		box-shadow: none;
	}

	.yr-primary-menu .sub-menu a {
		color: #fff;
		padding-inline: 1rem;
	}

	.yr-post-card {
		grid-template-columns: 1fr;
	}

	.yr-post-list--grid {
		grid-template-columns: 1fr;
	}

	.yr-post-list--compact .yr-post-card {
		grid-template-columns: 150px minmax(0, 1fr);
	}

	.yr-post-card__media {
		aspect-ratio: 16 / 9;
	}

	.yr-related__grid {
		grid-template-columns: 1fr;
	}

	.yr-home-feature {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 380px;
	}

	.yr-footer-credits__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.yr-footer-menu ul {
		justify-content: flex-start;
	}
}

@media (max-width: 560px) {
	.yr-container {
		width: min(calc(100% - 24px), var(--yr-container));
	}

	.yr-site-content {
		padding-block-start: 1rem;
	}

	.yr-topbar__nav ul {
		gap: 0.7rem;
	}

	.yr-branding__title {
		font-size: 1.5rem;
	}

	.yr-search-toggle {
		width: 40px;
		height: 40px;
	}

	.yr-breaking__inner {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.yr-breaking__controls {
		display: none;
	}

	.yr-post-list--compact .yr-post-card,
	.yr-home-grid,
	.yr-home-featured {
		grid-template-columns: 1fr;
	}

	.yr-home-feature {
		min-height: 330px;
	}

	.yr-article,
	.yr-panel,
	.yr-widget,
	.yr-page-header,
	.comments-area,
	.post-navigation {
		border-radius: 10px;
	}

	.yr-author-box {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.yr-author-box__avatar {
		width: 64px;
	}

	.yr-footer-widgets__grid--2,
	.yr-footer-widgets__grid--3,
	.yr-footer-widgets__grid--4 {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}


/* Yorocker 0.5 responsive publishing blocks */
@media (max-width: 980px) {
	.yr-home-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yr-home-split {
		grid-template-columns: 1fr;
	}

	.yr-home-split__lead .yr-home-feature {
		min-height: 420px;
	}

	.yr-home-video-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.yr-primary-nav {
		position: relative;
		z-index: 50;
	}

	.yr-primary-nav.is-open::before {
		content: "";
		position: fixed;
		z-index: 48;
		inset: 0;
		background: rgba(0,0,0,.56);
		backdrop-filter: blur(2px);
	}

	.yr-primary-nav .yr-primary-menu {
		position: fixed;
		z-index: 49;
		top: var(--yr-admin-offset, 0px);
		left: 0;
		bottom: 0;
		width: min(86vw, 360px);
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding: 76px 22px 28px;
		background: var(--yr-secondary);
		box-shadow: 12px 0 40px rgba(0,0,0,.28);
		transform: translateX(-105%);
		visibility: hidden;
		transition: transform .28s ease, visibility .28s ease;
	}

	.yr-primary-nav.is-open .yr-primary-menu {
		transform: translateX(0);
		visibility: visible;
	}

	.yr-primary-nav.is-open .yr-menu-toggle {
		position: relative;
		z-index: 52;
	}

	.yr-primary-menu > li > a {
		border-bottom: 1px solid rgba(255,255,255,.09);
		padding: .65rem .25rem;
	}

	.yr-home-slider__track {
		min-height: 430px;
	}
}

@media (max-width: 560px) {
	.yr-home-grid,
	.yr-home-video-grid {
		grid-template-columns: 1fr;
	}

	.yr-home-slider__track {
		min-height: 380px;
	}

	.yr-home-slider__control {
		width: 38px;
		height: 44px;
	}

	.yr-home-slider__dots {
		right: 16px;
		bottom: 14px;
	}

	.yr-home-split__lead .yr-home-feature {
		min-height: 330px;
	}

	.yr-home-headline {
		grid-template-columns: 92px minmax(0,1fr);
	}
}


/* Yorocker 0.7 mobile header variants */
@media (max-width:782px){
	.yr-mobile-header-logo-center .yr-branding-row__inner{justify-content:center;text-align:center}
	.yr-mobile-header-logo-center .yr-branding{justify-content:center}
	.yr-mobile-header-logo-center .yr-branding__logo,
	.yr-mobile-header-logo-center .custom-logo{max-height:58px}
	.yr-mobile-header-logo-center .yr-primary-nav__inner{min-height:50px}
	.yr-mobile-header-compact .yr-topbar{display:none}
	.yr-mobile-header-compact .yr-branding-row__inner{min-height:66px}
	.yr-mobile-header-compact .yr-branding__logo,
	.yr-mobile-header-compact .custom-logo{max-height:44px}
	.yr-mobile-header-compact .yr-branding__title{font-size:1.35rem}
	.yr-mobile-header-compact .yr-primary-nav__inner{min-height:48px}
	.yr-mobile-header-compact .yr-menu-toggle{min-height:48px}
	.yr-mega-menu--grid .yr-mega-menu__grid,
	.yr-mega-menu__compact{grid-template-columns:1fr}
	.yr-mega-menu__lead-layout{grid-template-columns:1fr}
	.yr-mega-menu__lead img{aspect-ratio:16/9}
	.yr-menu-badge{margin-inline-start:auto}
}


/* Yorocker 2.0 mobile submenu disclosure overrides */
@media (max-width:782px){
	.yr-primary-nav .yr-primary-menu .menu-item-has-children>.sub-menu,
	.yr-primary-nav .yr-primary-menu .yr-menu-item--mega>.yr-mega-menu{display:none}
	.yr-primary-nav .yr-primary-menu .menu-item-has-children.is-submenu-open>.sub-menu,
	.yr-primary-nav .yr-primary-menu .yr-menu-item--mega.is-submenu-open>.yr-mega-menu{display:block}
	.yr-primary-menu .menu-item-has-children>a,
	.yr-primary-menu .yr-menu-item--mega>a{padding-inline-end:46px}
}
