/*
Theme Name:   Rayo Child
Theme URI:    https://www.oceanthemes.site/rayo/
Description:  Make your modifications to [Parent Theme] in this Rayo child theme.
Author:       OceanThemes
Author URI:   http://oceanthemes.site/
Template:     rayo
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  rayo-child
*/

/* =Theme customization starts here
------------------------------------------------------- */
body.single-post {
	--arina-post-shell: 1240px;
	--arina-post-measure: 1040px;
	--arina-post-text: 2.05rem;
	--arina-post-leading: 1.76;
	--arina-post-space: 3.6rem;
	--arina-h1-size: clamp(4rem, 3.2vw, 5.8rem);
	--arina-h2-size: clamp(3rem, 0.9vw + 2.2rem, 4rem);
	--arina-h3-size: clamp(2.45rem, 0.45vw + 1.95rem, 3rem);
	--arina-h4-size: clamp(2.05rem, 0.18vw + 1.92rem, 2.4rem);
}

body.single-post .mxd-article-headline {
	padding-top: clamp(10rem, 10vw, 14rem);
}

body.single-post .mxd-section-article {
	margin-top: clamp(4rem, 6vw, 8rem);
}

body.single-post .rayo-container.mxd-posts-area {
	display: block;
}

body.single-post #primary.mxd-posts-container,
body.single-post #primary.mxd-posts-container.mxd-order-last {
	width: 100%;
}

body.single-post #primary-sidebar {
	display: none;
}

body.single-post .mxd-article__headline {
	max-width: var(--arina-post-shell) !important;
	margin: 0 auto !important;
	text-align: left !important;
}

body.single-post .mxd-article-container {
	width: 100% !important;
	max-width: none !important;
	text-align: left !important;
}

body.single-post .mxd-article__meta {
	gap: 1rem;
	margin-bottom: 2rem;
}

body.single-post .mxd-article__breadcrumbs,
body.single-post .mxd-article__breadcrumbs .breadcrumbs__nav,
body.single-post .mxd-article__data,
body.single-post .mxd-article__tags {
	justify-content: flex-start;
}

body.single-post .mxd-article__breadcrumbs .breadcrumbs__nav {
	gap: 0.8rem;
	opacity: 0.68;
}

body.single-post .mxd-article__data {
	row-gap: 0.8rem;
	column-gap: 1.4rem;
}

body.single-post .mxd-article__data span,
body.single-post .mxd-article__data .meta-date {
	font: normal 500 1.45rem/1.3 var(--_font-default);
	letter-spacing: 0.01em;
}

body.single-post .mxd-article__title {
	margin-bottom: 2.4rem;
}

body.single-post .mxd-article__title h1,
body.single-post .mxd-article__title .h1-small {
	--heading-size: var(--arina-h1-size) !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	font-size: var(--heading-size) !important;
	line-height: 1.02 !important;
	letter-spacing: -0.032em !important;
	text-wrap: initial !important;
	text-align: left !important;
}

body.single-post .mxd-article__title h1 span,
body.single-post .mxd-article__title .h1-small span {
	display: inline;
}

body.single-post .mxd-article__tags {
	gap: 0.8rem;
}

body.single-post article.post .mxd-article-content,
body.single-post .mxd-article-author,
body.single-post .mxd-article-navigation,
body.single-post .mxd-article-comments {
	max-width: var(--arina-post-measure);
	margin-left: auto;
	margin-right: auto;
}

body.single-post article.post .mxd-article-content>* {
	margin-top: 0;
	margin-bottom: 0;
}

body.single-post article.post .mxd-article-content>*+* {
	margin-top: var(--arina-post-space);
}

body.single-post article.post .mxd-article-content p,
body.single-post article.post .mxd-article-content li,
body.single-post article.post .mxd-article-content td,
body.single-post article.post .mxd-article-content th,
body.single-post article.post .mxd-article-content blockquote {
	font-size: var(--arina-post-text);
	line-height: var(--arina-post-leading);
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, 0.82);
}

body.single-post article.post .mxd-article-content p {
	max-width: 100%;
}

body.single-post article.post .mxd-article-content h2,
body.single-post article.post .mxd-article-content h3,
body.single-post article.post .mxd-article-content h4 {
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
	color: var(--t-bright);
	text-wrap: pretty;
	margin-top: 30px !important;
}

body.single-post article.post .mxd-article-content h2 {
	--heading-size: var(--arina-h2-size) !important;
	margin-top: 1.8rem;
	font-size: var(--heading-size) !important;
	line-height: 1.08 !important;
	letter-spacing: -0.03em !important;
}

body.single-post article.post .mxd-article-content h3 {
	--heading-size: var(--arina-h3-size) !important;
	margin-top: 1rem;
	font-size: var(--heading-size) !important;
	line-height: 1.14 !important;
	letter-spacing: -0.024em !important;
}

body.single-post article.post .mxd-article-content h4 {
	--heading-size: var(--arina-h4-size) !important;
	font-size: var(--heading-size) !important;
	line-height: 1.2 !important;
	letter-spacing: -0.016em !important;
}

body.single-post article.post .mxd-article-content ul,
body.single-post article.post .mxd-article-content ol {
	display: grid;
	gap: 1rem;
	padding-left: 2rem;
	margin: 0;
}

body.single-post article.post .mxd-article-content li::marker {
	color: var(--accent);
}

body.single-post article.post .mxd-article-content strong {
	color: var(--t-bright);
	font-weight: 700;
}

body.single-post article.post .mxd-article-content a {
	color: var(--t-bright);
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.22);
	text-underline-offset: 0.22em;
}

body.single-post article.post .mxd-article-content .wp-block-table {
	margin: 2rem 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 2.4rem;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.03);
}

body.single-post article.post .mxd-article-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}

body.single-post article.post .mxd-article-content .wp-block-table td,
body.single-post article.post .mxd-article-content .wp-block-table th {
	padding: 1.8rem 2rem;
	border-color: rgba(255, 255, 255, 0.08);
	vertical-align: top;
	font-size: 1.8rem;
	line-height: 1.55;
}

body.single-post article.post .mxd-article-content .wp-block-table tr:first-child td,
body.single-post article.post .mxd-article-content .wp-block-table tr:first-child th {
	background: rgba(255, 255, 255, 0.04);
	color: var(--t-bright);
	font-weight: 700;
}

body.single-post article.post .mxd-article-content .wp-block-image img,
body.single-post article.post .mxd-article-content figure img {
	border-radius: 2rem;
}

body.single-post article.post .mxd-article-content .wp-block-image figcaption,
body.single-post article.post .mxd-article-content figcaption {
	margin-top: 1.2rem;
	font-size: 1.35rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.48);
	text-align: center;
}

body.single-post article.post .mxd-article-content .wp-block-quote,
body.single-post article.post .mxd-article-content blockquote {
	margin: 0;
	padding: 2.6rem 0 2.6rem 2.4rem;
	border-left: 2px solid rgba(255, 255, 255, 0.18);
	color: rgba(255, 255, 255, 0.92);
}

body.single-post article.post .mxd-article-content blockquote p {
	font-size: clamp(2.15rem, 0.4vw + 1.9rem, 2.5rem);
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
}

body.single-post .mxd-article-author,
body.single-post .mxd-article-comments {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 3.4rem;
}

body.single-post .mxd-article-author {
	display: none !important;
}

body.single-post .mxd-article-comments textarea {
	min-height: 18rem;
}

@media only screen and (max-width: 991px) {
	body.single-post {
		--arina-post-shell: 100%;
		--arina-post-measure: 100%;
		--arina-post-text: 1.88rem;
		--arina-post-leading: 1.72;
		--arina-post-space: 3rem;
		--arina-h1-size: clamp(3.6rem, 5.2vw, 5rem);
		--arina-h2-size: clamp(2.8rem, 0.7vw + 2.1rem, 3.5rem);
		--arina-h3-size: clamp(2.3rem, 0.3vw + 1.95rem, 2.7rem);
		--arina-h4-size: clamp(1.98rem, 0.12vw + 1.86rem, 2.25rem);
	}

	body.single-post .mxd-article-headline {
		padding-top: 11rem;
	}

	body.single-post .mxd-section-article {
		margin-top: 3.2rem;
	}

	body.single-post .mxd-article__title h1,
	body.single-post .mxd-article__title .h1-small {
		--heading-size: var(--arina-h1-size) !important;
		width: 100% !important;
		max-width: none !important;
		font-size: var(--heading-size) !important;
		line-height: 1 !important;
	}

	body.single-post article.post .mxd-article-content,
	body.single-post .mxd-article-author,
	body.single-post .mxd-article-navigation,
	body.single-post .mxd-article-comments {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	body.single-post {
		--arina-post-text: 1.74rem;
		--arina-post-leading: 1.68;
		--arina-post-space: 2.6rem;
		--arina-h1-size: clamp(3.3rem, 6.8vw, 4.4rem);
		--arina-h2-size: 2.65rem;
		--arina-h3-size: 2.2rem;
		--arina-h4-size: 1.95rem;
	}

	body.single-post .mxd-page-content.inner-page-content {
		padding-top: 5.4rem;
	}

	body.single-post .mxd-section.padding-pre-title {
		padding-bottom: 8rem;
	}

	body.single-post .mxd-article__meta {
		margin-bottom: 1.6rem;
	}

	body.single-post .mxd-article__title {
		margin-bottom: 2rem;
	}

	body.single-post .mxd-article__title h1,
	body.single-post .mxd-article__title .h1-small {
		--heading-size: var(--arina-h1-size) !important;
		font-size: var(--heading-size) !important;
		line-height: 1 !important;
		letter-spacing: -0.035em !important;
	}

	body.single-post article.post .mxd-article-content h2 {
		--heading-size: var(--arina-h2-size) !important;
		font-size: var(--heading-size) !important;
	}

	body.single-post article.post .mxd-article-content h3 {
		--heading-size: var(--arina-h3-size) !important;
		font-size: var(--heading-size) !important;
	}

	body.single-post article.post .mxd-article-content h4 {
		--heading-size: var(--arina-h4-size) !important;
		font-size: var(--heading-size) !important;
	}

	body.single-post article.post .mxd-article-content .wp-block-table td,
	body.single-post article.post .mxd-article-content .wp-block-table th {
		padding: 1.5rem 1.6rem;
		font-size: 1.55rem;
	}

	body.single-post article.post .mxd-article-content .wp-block-table {
		border-radius: 1.8rem;
		overflow-x: auto;
	}

	body.single-post article.post .mxd-article-content .wp-block-table td,
	body.single-post article.post .mxd-article-content .wp-block-table th {
		min-width: 180px;
		padding: 1.5rem 1.3rem;
	}
}