/*
	Cafe Catharsis
	A literary skin over the existing layout.
	Paper, ink, wine, and a quiet gold line.
*/

:root {
	--cafe-ink: #1c1410;
	--cafe-ink-soft: #3d3128;
	--cafe-paper: #f4efe6;
	--cafe-paper-deep: #ebe4d8;
	--cafe-card: #fffdf8;
	--cafe-line: #e3d8c8;
	--cafe-wine: #8c3038;
	--cafe-wine-deep: #6d2229;
	--cafe-gold: #b8956a;
	--cafe-gold-soft: #e7d7bc;
	--cafe-cream: #f7f1e7;
	--cafe-muted: #6f6258;
	--cafe-header: #14110f;
	--cafe-header-2: #231c18;
	--cafe-ui: "IranYekan", "IranSans", "DimaYekan", Tahoma, sans-serif;
	--cafe-read: "NotoNaskhArabic", "BNazanin", "IranYekan", serif;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--cafe-paper) !important;
	color: var(--cafe-ink);
	font-family: var(--cafe-ui) !important;
	text-rendering: optimizeLegibility;
}

::selection {
	background: #e7c9c4;
	color: var(--cafe-ink);
}

body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.mvp-nav-menu ul li a,
#mvp-foot-menu ul li a,
.mvp-blog-story-text h2,
.mvp-feat1-feat-text h2,
.mvp-feat1-sub-text h2,
.mvp-feat1-pop-text h2,
.mvp-feat1-list-text h2,
.mvp-widget-feat1-top-text h2,
.mvp-widget-feat1-bot-text h2,
.mvp-widget-dark-feat-text h2,
.mvp-widget-dark-sub-text h2,
.mvp-widget-feat2-left-text h2,
.mvp-widget-feat2-right-text h2,
.mvp-flex-story-text h2,
.mvp-feat2-top-text h2,
.mvp-feat2-bot-text h2,
.mvp-feat3-sub-text h2,
.mvp-feat3-main-text h2,
.mvp-feat4-main-text h2,
.mvp-feat5-text h2,
.mvp-feat5-mid-main-text h2,
.mvp-feat5-small-main-text h2,
.mvp-feat5-mid-sub-text h2,
#mvp-feat6-text h2,
h1.mvp-post-title,
h1.mvp-post-title-wide,
.mvp-drop-nav-title h4,
span.mvp-widget-home-title,
span.mvp-widget-home-title2,
span.mvp-post-cat,
span.mvp-cd-cat,
span.mvp-cd-date,
#mvp-content-main h1,
#mvp-content-main h2,
#mvp-content-main h3,
#mvp-content-main h4,
#mvp-content-main h5,
#mvp-content-main h6,
.mvp-post-add-main h1,
.mvp-post-add-main h2,
.mvp-post-add-main h3 {
	font-family: var(--cafe-ui) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

#mvp-content-main p,
.mvp-post-add-main p,
.mvp-blog-story-text p,
.mvp-feat1-feat-text p,
span.mvp-post-excerpt,
#mvp-content-main blockquote p,
.mvp-post-add-main blockquote p,
.cafe-masthead-tagline,
.cafe-foot-desc {
	font-family: var(--cafe-read) !important;
}

a,
a:visited,
.post-info-name a {
	color: var(--cafe-wine);
}

a:hover {
	color: var(--cafe-wine-deep);
}

#mvp-site-main,
#mvp-main-body-wrap {
	background: var(--cafe-paper);
}

#mvp-main-body-wrap {
	padding-bottom: 80px;
}

.mvp-main-box {
	max-width: 1180px;
}

/* Header */

#mvp-main-head-wrap {
	box-shadow: 0 18px 40px rgba(20, 14, 10, 0.08);
}

#mvp-main-nav-top,
#mvp-fly-wrap,
.mvp-soc-mob-right,
#mvp-main-nav-small-cont {
	background: var(--cafe-header) !important;
}

#mvp-main-nav-top {
	padding: 22px 0 18px !important;
	border-bottom: 1px solid rgba(184, 149, 106, 0.28);
}

.mvp-nav-top-mid {
	line-height: normal;
}

.mvp-nav-logo-reg img,
#mvp-foot-logo img {
	max-height: 78px;
	width: auto;
}

.cafe-masthead-tagline {
	display: block;
	clear: both;
	margin: 10px 0 0;
	color: var(--cafe-gold-soft);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.9;
	text-align: center;
}

.mvp-nav-small .cafe-masthead-tagline {
	display: none;
}

span.mvp-nav-soc-but {
	background: rgba(247, 241, 231, 0.08);
	color: var(--cafe-cream) !important;
	border: 1px solid rgba(231, 215, 188, 0.22);
	width: 36px;
	height: 36px;
	padding-top: 8px;
	font-size: 15px;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mvp-nav-soc-wrap .fa-facebook:hover,
.mvp-nav-soc-wrap .fa-twitter:hover,
.mvp-nav-soc-wrap .fa-instagram:hover,
.mvp-nav-soc-wrap .fa-youtube-play:hover,
.mvp-nav-soc-wrap .fa-location-arrow:hover,
.mvp-nav-soc-wrap .aparat:hover {
	background: var(--cafe-wine) !important;
	color: #fff !important;
}

#mvp-main-nav-bot,
#mvp-main-nav-bot-cont {
	background: var(--cafe-header-2);
	height: auto;
	min-height: 54px;
}

#mvp-main-nav-bot {
	border-bottom: 1px solid rgba(184, 149, 106, 0.22);
}

.mvp-nav-menu {
	height: auto;
}

#mvp-main-nav-bot .mvp-nav-menu ul li > a,
#mvp-main-nav-small .mvp-nav-menu ul li > a {
	color: var(--cafe-cream) !important;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	padding: 16px 14px !important;
}

#mvp-main-nav-bot .mvp-nav-menu ul li > a:hover,
#mvp-main-nav-bot .mvp-nav-menu ul li.current-menu-item > a,
#mvp-main-nav-bot .mvp-nav-menu ul li.current-menu-ancestor > a,
#mvp-main-nav-small .mvp-nav-menu ul li > a:hover {
	color: var(--cafe-gold-soft) !important;
	border-bottom-color: var(--cafe-gold) !important;
}

#mvp-main-nav-bot .mvp-nav-menu ul li ul.sub-menu,
#mvp-main-nav-small .mvp-nav-menu ul li ul.sub-menu {
	background: var(--cafe-card) !important;
	border: 1px solid var(--cafe-line);
	border-radius: 12px;
	box-shadow: 0 18px 40px rgba(28, 20, 16, 0.12);
	overflow: hidden;
	padding: 6px 0;
}

#mvp-main-nav-bot .mvp-nav-menu ul li ul.sub-menu li a,
#mvp-main-nav-small .mvp-nav-menu ul li ul.sub-menu li a,
#mvp-main-nav-bot .mvp-nav-menu ul li:hover ul.sub-menu li a,
#mvp-main-nav-small .mvp-nav-menu ul li:hover ul.sub-menu li a {
	background: transparent !important;
	border-bottom: 0 !important;
	color: var(--cafe-ink) !important;
	display: block;
	float: none;
	font-size: 14px;
	line-height: 1.8 !important;
	padding: 8px 16px !important;
	width: auto !important;
	min-width: 190px;
}

#mvp-main-nav-bot .mvp-nav-menu ul li ul.sub-menu li a:hover,
#mvp-main-nav-small .mvp-nav-menu ul li ul.sub-menu li a:hover {
	background: var(--cafe-paper) !important;
	border-bottom: 0 !important;
	color: var(--cafe-wine) !important;
}

/* Open slide-out menu */

#mvp-fly-wrap,
#mvp-fly-menu-wrap {
	background: var(--cafe-header) !important;
	color: var(--cafe-cream);
}

#mvp-fly-wrap nav.mvp-fly-nav-menu ul li a,
#mvp-fly-wrap nav.mvp-fly-nav-menu ul li:hover a {
	color: var(--cafe-cream) !important;
	border-bottom: 0 !important;
	font-size: 16px;
	line-height: 1.7;
	text-transform: none;
}

#mvp-fly-wrap nav.mvp-fly-nav-menu ul li a:hover,
#mvp-fly-wrap nav.mvp-fly-nav-menu ul li.current-menu-item > a {
	color: var(--cafe-gold-soft) !important;
}

#mvp-fly-wrap nav.mvp-fly-nav-menu ul li.menu-item-has-children:after {
	color: var(--cafe-gold-soft) !important;
}

#mvp-fly-wrap nav.mvp-fly-nav-menu ul li ul.sub-menu {
	background: transparent;
	border-top-color: rgba(231, 215, 188, 0.18);
}

#mvp-fly-wrap nav.mvp-fly-nav-menu ul li ul.sub-menu li a,
#mvp-fly-wrap nav.mvp-fly-nav-menu ul li:hover ul.sub-menu li a {
	color: var(--cafe-gold-soft) !important;
	font-size: 15px;
}

#mvp-fly-wrap span.mvp-fly-soc-head {
	color: var(--cafe-gold) !important;
}

#mvp-fly-wrap ul.mvp-fly-soc-list li a {
	background: rgba(247, 241, 231, 0.08);
	color: var(--cafe-cream) !important;
}

.mvp-nav-top-right .mvp-nav-search-but,
#mvp-main-nav-small span.mvp-nav-search-but,
.mvp-nav-bot-right .mvp-nav-search-but {
	color: var(--cafe-gold-soft) !important;
}

.mvp-fly-but-wrap span,
#mvp-main-nav-small .mvp-fly-but-wrap span,
#mvp-fly-wrap .mvp-fly-but-wrap span {
	background: var(--cafe-gold-soft) !important;
}

#mvp-search-wrap {
	background: rgba(20, 16, 14, 0.94);
}

#searchform input,
.mvp-search-box input {
	color: var(--cafe-cream);
	font-family: var(--cafe-read) !important;
}

/* Homepage sections */

.mvp-widget-home {
	margin-top: 72px;
}

h4.mvp-widget-home-title {
	margin-bottom: 28px;
}

h4.mvp-widget-home-title:before {
	background: linear-gradient(90deg, transparent, var(--cafe-gold), transparent);
	height: 1px;
}

span.mvp-widget-home-title {
	background: var(--cafe-paper) !important;
	color: var(--cafe-wine) !important;
	transform: none !important;
	border-radius: 0;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.8;
	padding: 0 22px;
}

h4.mvp-widget-home-title2 {
	border-bottom-color: var(--cafe-line);
}

span.mvp-widget-home-title2 {
	border-bottom: 2px solid var(--cafe-wine);
	color: var(--cafe-ink);
	font-size: 1rem;
	line-height: 1.8;
	padding-bottom: 6px;
}

span.mvp-cd-cat,
span.mvp-post-cat,
span.mvp-feat1-pop-head {
	background: transparent;
	color: var(--cafe-wine) !important;
	transform: none !important;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.6;
	padding: 0;
}

span.mvp-post-cat {
	background: var(--cafe-wine) !important;
	color: #fff !important;
	border-radius: 999px;
	padding: 5px 14px 6px;
}

span.mvp-cd-date {
	color: var(--cafe-muted) !important;
}

.mvp-feat1-feat-text h2,
.mvp-feat1-sub-text h2,
.mvp-feat2-top-text h2,
.mvp-feat3-main-text h2,
.mvp-feat3-sub-text h2,
.mvp-feat4-main-text h2,
.mvp-widget-dark-feat-text h2,
.mvp-widget-dark-sub-text h2,
.mvp-widget-feat1-top-text h2,
.mvp-widget-feat2-left-text h2,
#mvp-feat6-text h2 {
	color: #fff;
	line-height: 1.55 !important;
	font-weight: 800;
	text-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.mvp-feat1-list-text h2,
.mvp-feat1-pop-text h2,
.mvp-feat2-bot-text h2,
.mvp-feat5-mid-sub-text h2,
.mvp-feat5-small-main-text h2,
.mvp-widget-feat2-right-text h2,
.mvp-widget-feat1-bot-text h2,
.mvp-flex-story-text h2 {
	color: var(--cafe-ink);
	line-height: 1.7 !important;
	font-weight: 700;
}

.mvp-feat1-left-wrap span.mvp-cd-cat,
.mvp-feat1-feat-text span.mvp-cd-cat,
.mvp-feat1-sub-text span.mvp-cd-cat,
.mvp-widget-feat1-top-story span.mvp-cd-cat,
.mvp-widget-feat2-left-cont span.mvp-cd-cat,
.mvp-widget-dark-feat span.mvp-cd-cat,
.mvp-widget-dark-sub span.mvp-cd-cat,
.mvp-feat2-top-text span.mvp-cd-cat,
.mvp-feat3-main-story span.mvp-cd-cat,
.mvp-feat3-sub-story span.mvp-cd-cat,
.mvp-feat4-main-text span.mvp-cd-cat,
.mvp-vid-wide-text span.mvp-cd-cat {
	color: var(--cafe-gold-soft) !important;
}

.mvp-feat1-feat-img img,
.mvp-feat1-sub-img img,
.mvp-feat1-list-img img,
.mvp-feat1-pop-img img,
.mvp-widget-feat2-right-img img,
.mvp-widget-dark-feat-img img,
.mvp-widget-dark-sub-img img,
.mvp-widget-feat1-top-img img,
.mvp-widget-feat1-bot-img img,
.mvp-flex-story-img img,
#mvp-post-feat-img img {
	border-radius: 16px;
}

.mvp-feat1-feat-img,
.mvp-feat1-sub-img,
.mvp-blog-story-img,
.mvp-widget-feat1-top-img,
.mvp-widget-dark-feat-img {
	border-radius: 16px;
}

.mvp-blog-story-wrap:hover .mvp-blog-story-img img,
.mvp-blog-story-col:hover .mvp-blog-story-img img,
.mvp-feat1-sub-cont:hover .mvp-feat1-sub-img img,
.mvp-widget-feat2-right-cont:hover .mvp-widget-feat2-right-img img {
	opacity: 1;
	transform: scale(1.035);
}

/* Story list */

.mvp-blog-story-wrap {
	border-top: 0;
	border-bottom: 1px solid var(--cafe-line);
	margin-top: 0;
	padding: 26px 0;
}

ul.mvp-blog-story-list .mvp-blog-story-wrap:first-child {
	margin-top: 0;
	padding-top: 6px;
}

.mvp-blog-story-img {
	background: var(--cafe-paper-deep);
	border-radius: 16px;
}

.mvp-blog-story-text {
	margin-top: 8px;
}

.mvp-blog-story-text h2 {
	float: none;
	color: var(--cafe-ink);
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.75 !important;
}

.mvp-blog-story-col .mvp-blog-story-text h2 {
	font-size: 1.2rem;
	line-height: 1.7 !important;
}

.mvp-blog-story-wrap:hover .mvp-blog-story-text h2,
.mvp-blog-story-col:hover .mvp-blog-story-text h2 {
	opacity: 1;
	color: var(--cafe-wine);
}

.mvp-blog-story-text p {
	float: none;
	color: var(--cafe-ink-soft);
	font-size: 1.05rem;
	line-height: 2;
	margin-top: 8px;
}

.mvp-blog-story-col {
	background: var(--cafe-card);
	border: 1px solid var(--cafe-line);
	border-radius: 18px;
	box-sizing: border-box;
	height: auto;
	min-height: 0;
	padding: 12px 12px 18px;
	box-shadow: 0 10px 30px rgba(28, 20, 16, 0.04);
}

.mvp-blog-story-col .mvp-blog-story-img {
	max-height: none;
	border-radius: 12px;
}

/* Sidebar */

#mvp-side-wrap a {
	color: var(--cafe-ink);
	font-weight: 600;
}

#mvp-side-wrap a:hover {
	color: var(--cafe-wine) !important;
}

.mvp-side-widget {
	background: var(--cafe-card);
	border: 1px solid var(--cafe-line);
	border-radius: 18px;
	box-sizing: border-box;
	padding: 18px 18px 8px;
	box-shadow: 0 10px 28px rgba(28, 20, 16, 0.04);
}

.mvp-side-widget:first-child {
	margin-top: 0;
}

#mvp-home-widget-wrap .mvp-flex-row,
.mvp-widget-home .mvp-flex-row {
	border-top-color: var(--cafe-line);
}

/* Article */

#mvp-post-main {
	margin-top: 28px;
}

h1.mvp-post-title,
h1.mvp-post-title-wide,
#mvp-post-content h1.mvp-post-title {
	color: var(--cafe-ink);
	font-weight: 800;
	line-height: 1.55 !important;
}

h1.mvp-post-title {
	font-size: 2.5rem;
}

span.mvp-post-excerpt {
	color: var(--cafe-ink-soft);
	font-size: 1.2rem;
	line-height: 2.05;
}

.mvp-author-info-text,
.mvp-author-info-text a {
	color: var(--cafe-muted) !important;
	line-height: 1.7;
}

.mvp-author-info-thumb img {
	border: 2px solid var(--cafe-gold-soft);
}

#mvp-post-feat-img {
	margin-bottom: 34px;
}

#mvp-content-main p,
.mvp-post-add-main p {
	color: #2a221c;
	font-size: 1.18rem;
	font-weight: 400;
	line-height: 2.15;
	margin-bottom: 22px;
}

#mvp-content-main p a,
.mvp-post-add-main p a {
	color: var(--cafe-wine-deep);
	box-shadow: inset 0 -1px 0 var(--cafe-gold) !important;
	background: transparent;
}

#mvp-content-main p a:hover,
.mvp-post-add-main p a:hover {
	background: #f3e4dc !important;
	color: var(--cafe-wine-deep);
}

#mvp-content-main h2,
#mvp-content-main h3,
.mvp-post-add-main h2,
.mvp-post-add-main h3 {
	color: var(--cafe-ink);
	line-height: 1.7;
	margin: 1.4em 0 0.5em;
}

#mvp-content-main blockquote,
.mvp-post-add-main blockquote {
	background: linear-gradient(180deg, #fbf7f1 0%, #f6efe4 100%);
	border: 1px solid var(--cafe-line);
	border-inline-start: 3px solid var(--cafe-gold);
	border-radius: 16px;
	margin: 28px 0;
	padding: 8px 8px 4px;
}

#mvp-content-main blockquote p,
.mvp-post-add-main blockquote p {
	color: var(--cafe-ink);
	font-size: 1.28rem;
	font-weight: 500;
	line-height: 2.15 !important;
	margin: 16px 6% 18px;
	width: 88%;
}

#mvp-content-main ul,
#mvp-content-main ol,
.mvp-post-add-main ul,
.mvp-post-add-main ol {
	line-height: 2;
}

.mvp-post-tags a,
.mvp-post-tags a:visited {
	background: var(--cafe-paper-deep);
	border-radius: 999px;
	color: var(--cafe-ink-soft) !important;
	margin: 0 0 8px 8px;
	padding: 6px 12px;
}

.mvp-post-tags a:before {
	content: none;
}

.mvp-post-tags a:hover {
	background: var(--cafe-wine);
	color: #fff !important;
}

#mvp-comments-button span.mvp-comment-but-text,
a.mvp-inf-more-but,
span.mvp-cont-read-but {
	background: var(--cafe-header) !important;
	border-radius: 999px;
	color: var(--cafe-cream) !important;
}

#mvp-comments-button:hover span.mvp-comment-but-text,
a.mvp-inf-more-but:hover,
span.mvp-cont-read-but:hover {
	background: var(--cafe-wine) !important;
}

/* Lists, search, pages */

.archive h1.mvp-post-title,
.search h1.mvp-post-title,
.page h1.mvp-post-title {
	font-size: 2.1rem;
	line-height: 1.6 !important;
}

.pagination span,
.pagination a {
	background: var(--cafe-card);
	border: 1px solid var(--cafe-line);
	border-radius: 10px;
	color: var(--cafe-ink-soft);
	font-family: var(--cafe-ui) !important;
	text-transform: none;
}

.pagination .current,
.pagination a:hover {
	background: var(--cafe-wine) !important;
	border-color: var(--cafe-wine) !important;
	color: #fff !important;
}

/* Footer */

#mvp-foot-wrap {
	background: var(--cafe-header) !important;
	color: var(--cafe-cream);
	border-top: 1px solid rgba(184, 149, 106, 0.35);
}

#mvp-foot-top {
	padding: 54px 0 36px;
}

.cafe-foot-tagline,
.cafe-foot-desc {
	text-align: center;
}

.cafe-foot-tagline {
	margin: 18px 0 0;
	color: var(--cafe-cream);
	font-family: var(--cafe-ui) !important;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.8;
}

.cafe-foot-desc {
	margin: 4px 0 0;
	color: var(--cafe-gold-soft);
	font-size: 1rem;
	line-height: 1.9;
}

ul.mvp-foot-soc-list li a {
	background: rgba(247, 241, 231, 0.08);
	border: 1px solid rgba(231, 215, 188, 0.2);
	color: var(--cafe-cream) !important;
	width: 40px;
	height: 40px;
	padding-top: 10px;
	box-sizing: border-box;
}

ul.mvp-foot-soc-list .fa-facebook:hover,
ul.mvp-foot-soc-list .fa-twitter:hover,
ul.mvp-foot-soc-list .fa-instagram:hover,
ul.mvp-foot-soc-list .fa-youtube-play:hover,
ul.mvp-foot-soc-list .fa-location-arrow:hover,
ul.mvp-foot-soc-list .aparat:hover,
ul.mvp-foot-soc-list li a:hover {
	background: var(--cafe-wine) !important;
}

#mvp-foot-menu ul li a {
	color: #d9cbb8 !important;
}

#mvp-foot-menu ul li a:hover {
	color: #fff !important;
}

#mvp-foot-bot {
	background: #0e0c0b;
	border-top: 1px solid rgba(184, 149, 106, 0.18);
}

#mvp-foot-copy,
#mvp-foot-copy p,
#mvp-foot-copy a {
	color: #b7a898 !important;
	line-height: 1.8;
}

.mvp-fly-top {
	background: var(--cafe-header);
	border-radius: 50%;
	color: var(--cafe-gold-soft);
	box-shadow: 0 10px 24px rgba(20, 14, 10, 0.25);
}

.mvp-fly-top:hover {
	background: var(--cafe-wine) !important;
	border-color: var(--cafe-wine) !important;
}

/* Comments */

#comments,
#mvp-comments-button,
.comment-reply-title {
	font-family: var(--cafe-ui) !important;
}

#comments .comment-inner,
#respond {
	background: var(--cafe-card);
	border: 1px solid var(--cafe-line);
	border-radius: 16px;
	box-sizing: border-box;
	margin-bottom: 14px;
	padding: 16px 18px;
}

#respond input[type="text"],
#respond input[type="email"],
#respond textarea,
.protected-post-form input {
	background: #fff;
	border: 1px solid var(--cafe-line);
	border-radius: 10px;
	color: var(--cafe-ink);
	font-family: var(--cafe-read);
	padding: 10px 12px;
}

#respond input[type="submit"],
.protected-post-form input[type="submit"] {
	background: var(--cafe-wine);
	border: 0;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font-family: var(--cafe-ui);
	padding: 10px 22px;
}

#respond input[type="submit"]:hover {
	background: var(--cafe-wine-deep);
}

/* Random posts on the home page */

.cafe-random {
	clear: both;
	float: none;
	margin: 64px 0 8px;
	width: 100%;
}

.cafe-random-list {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cafe-random-card {
	background: var(--cafe-card);
	border: 1px solid var(--cafe-line);
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(28, 20, 16, 0.04);
	overflow: hidden;
}

.cafe-random-card a {
	color: inherit;
	display: block;
}

.cafe-random-img {
	aspect-ratio: 16 / 10;
	background:
		linear-gradient(145deg, #efe6d8, #e4d3c0);
	overflow: hidden;
}

.cafe-random-img img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
	transition: transform 0.35s ease;
}

.cafe-random-card:hover .cafe-random-img img {
	transform: scale(1.04);
}

.cafe-random-text {
	padding: 14px 16px 18px;
}

.cafe-random-text .mvp-cd-cat {
	display: inline-block;
	float: none;
}

.cafe-random-text h2 {
	color: var(--cafe-ink);
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.75 !important;
	margin-top: 6px;
}

.cafe-random-card:hover h2 {
	color: var(--cafe-wine);
}

@media screen and (max-width: 900px) {
	.cafe-random-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 767px) {
	#mvp-main-nav-top {
		padding: 14px 0 12px !important;
	}

	.mvp-nav-logo-reg img {
		max-height: 52px;
	}

	.cafe-masthead-tagline {
		font-size: 13px;
		margin-top: 6px;
	}

	h1.mvp-post-title,
	#mvp-post-content h1.mvp-post-title {
		font-size: 1.7rem;
		line-height: 1.65 !important;
	}

	#mvp-content-main p,
	.mvp-post-add-main p {
		font-size: 1.08rem;
		line-height: 2.05;
	}

	.mvp-blog-story-text h2 {
		font-size: 1.2rem;
	}

	.mvp-side-widget {
		padding: 14px 14px 4px;
	}

	.cafe-random {
		margin-top: 40px;
	}

	.cafe-random-list {
		grid-template-columns: 1fr;
	}
}