@media(min-width:769px){
body { font-family: 'Pretendard', var(--mwzd-font); }
:is(body.single, body.page) :is(.entry-header, .entry-content) { padding-inline: 15px; }
.inside-article .post-navigation { margin: var(--space-5) -25px !important; width: calc(100% + 50px) !important; box-sizing: border-box !important; }
.main-navigation .inside-navigation { padding-inline: 21px; }
:is(.menu-toggle, .main-navigation.mwzd-stuck .menu-toggle, .main-navigation .menu-bar-item > a, .menu-bar-item.search-item) { display: none !important; }
#right-sidebar { position: relative !important; top: 0; bottom: auto; height: auto !important; background-color: var(--site-content-color); width: calc(30% - 1px); }
.site-content .content-area { width: 70%; background-color: var(--site-content-color); }
.inside-right-sidebar { position: sticky !important; top: 40px !important; z-index: 10; height: fit-content !important; margin-block-start: 10px; }
.inside-navigation { display: flex !important; align-items: flex-end !important; justify-content: space-between; position: relative; z-index: 100; padding-block-end: 0 !important; min-height: 0 !important; }
.navigation-branding { margin-inline-end: auto; align-self: center; }
.main-navigation { .main-nav > ul { display: flex !important; align-items: flex-start; position: relative !important; margin-block-end: 0 !important; > li { border: none !important; width: auto !important; > a { display: flex !important; align-items: center !important; } } } & :is(.is_stuck, .is-sticky) .main-nav > ul { position: static; margin-block-end: 0 !important; } ul ul { display: block !important; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out; pointer-events: none; left: 0; } ul li:hover > ul, ul li.sfHover > ul { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } &:not(.mwzd-stuck) .main-nav .dropdown-menu-toggle { display: inline-flex !important; align-items: center !important; line-height: 0 !important; margin-block-start: 0 !important; padding-block: 0 !important; } &:not(.mwzd-stuck) .gp-icon svg { top: 0 !important; display: block !important; } &.mwzd-stuck { background: transparent !important; box-shadow: none !important; border: 0 !important; overflow: visible !important; .inside-navigation { max-width: var(--mwzd-container-width, 1250px) !important; background: var(--lighter-bg) !important; border: 1px solid var(--border-color) !important; border-block-start: 0 !important; box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important; overflow: visible !important; align-items: center !important; } .main-nav { height: 100% !important; align-items: stretch !important; > ul { height: 100% !important; align-items: stretch !important; margin: 0 !important; > li { height: 100% !important; display: flex !important; align-items: center !important; position: relative !important; > a { height: 100% !important; display: flex !important; align-items: center !important; padding-block: 0 !important; } } } .dropdown-menu-toggle { display: inline-flex !important; align-items: center !important; align-self: center !important; line-height: 0 !important; margin-block-start: 0 !important; padding-block: 0 !important; } ul ul { top: var(--mwzd-nav-height, 45px) !important; } } } &.is_stuck .main-nav > ul { > li, > li > a { height: 100% !important; } > li { position: relative !important; > a { display: flex !important; align-items: center !important; } > ul { top: 100% !important; } } } }
.sticky-enabled .main-navigation.is_stuck { border-inline: 1px solid var(--border-color); border-block-end: 1px solid var(--border-color); box-shadow: 0 5px 15px rgba(0,0,0,.1); }
:is(.single .featured-image.page-header-image-single, .page .featured-image.page-header-image) { aspect-ratio: auto !important; height: auto !important; margin-inline: auto !important; display: block !important; }
:is(.single .featured-image.page-header-image-single img, .page .featured-image.page-header-image img) { width: 100%; max-width: 1250px !important; height: 320px !important; object-fit: cover; object-position: center; margin-inline: auto; display: block; aspect-ratio: 1250 / 320; }
.resize-featured-image .post-image a > img, :is(.archive, .blog, .home, .search) :is(.featured-image a > img, .post-image a > img) { border: 1px solid var(--light-border) !important; border-radius: 2px; display: block; }
body.home.blog:not(.paged) .site-main { display: block; padding: 0 !important; width: 100%; box-sizing: border-box; :is(.paging-navigation, .wp-pagenavi) { width: 100%; border-block-start: none; padding-block-start: 0; display: flex; justify-content: flex-start; padding-inline: 0; box-sizing: border-box; } }
.mwzd-front-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--featured-gap); width: 100%; margin-block: 0 auto !important; padding: 0 var(--space-20) var(--space-30) !important; box-sizing: border-box; contain: layout; background: 0 0 !important; border-block-end: var(--border-double) !important; border-radius: 0; article { background: 0 0 !important; border-radius: 3px; overflow: hidden; display: flex; flex-direction: column; width: 100% !important; height: 100% !important; margin: 0 !important; box-shadow: none !important; &.mwzd-front-hero { grid-column: 1 / -1; margin-inline: -20px !important; width: calc(100% + 40px) !important; padding: 21px var(--space-20) 3px !important; border: none !important; border-block-end: var(--border-double) !important; border-radius: 0; .post-image img { aspect-ratio: 1250 / 420; max-height: 400px; width: 100%; object-fit: cover; border: 1px solid var(--light-border) !important; border-radius: 3px !important; } .entry-summary p:not(.read-more-container), .entry-header { padding-inline: 3px !important; } .entry-header h2.entry-title { font-size: 185%; } .entry-header .entry-meta { padding: 0 !important; margin-block-start: 5px; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start; } footer.entry-meta { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; margin-block-start: 5px !important; > span { display: block !important; width: 100%; margin: 0 !important; } } .read-more { margin-block: 15px 3px !important; } } .inside-article { padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; background: 0 0 !important; } .post-image { margin-block-end: 0 !important; } .entry-header { padding: 9px var(--space-15) 0 !important; margin: 0; } .entry-title { line-height: 1.35; font-weight: 700; margin: 0; border: none !important; text-align: left; a { color: var(--text-color); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-wrap: wrap; text-overflow: ellipsis; width: 100%; &:hover { color: var(--primary-color); text-decoration: underline; } } } .entry-summary { color: var(--text-color); line-height: 1.5; padding: 0 var(--space-15) var(--space-5) !important; height: auto; overflow: visible; flex-grow: 1; display: flex; flex-direction: column; p:not(.read-more-container) { margin-block-start: 0 !important; margin-block-end: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: left; font-size: 1.1rem; } } } }
body.home.blog:not(.paged) .mwzd-front-grid-wrapper article.mwzd-front-hero .entry-summary { padding-inline: 3px !important; }
body.home.blog:not(.paged) .mwzd-front-grid-wrapper article.mwzd-front-hero .entry-summary p:not(.read-more-container) { padding-inline: 0 !important; }
.mwzd-front-grid-item { border: 1px solid var(--border-color) !important; border-radius: 3px; .post-image { border-block-end: 1px solid var(--border-color) !important; border-radius: 0 !important; position: relative; overflow: hidden; z-index: 1; img { aspect-ratio: 2.35 / 1 !important; width: 100%; object-fit: cover; border: 0 !important; border-radius: 0 !important; transition: transform .4s ease !important; } } &:hover .post-image { border-block-end: 1px solid var(--border-color) !important; img { transform: scale(1.03); border: 0 !important; } } .entry-title { font-size: 1.35rem; } .entry-meta { display: inline-flex !important; border-block-start: none; margin-block-start: 5px; font-size: .85em; text-align: left; margin-block-end: 0; :is(.byline, .comments-link) { display: none !important; } } footer.entry-meta { display: none !important; } .read-more { margin-block: 9px 3px !important; } .entry-summary p.read-more-container :is(a.read-more, a.more-link, a.wp-block-post-excerpt__more-link) { min-height: 32px; } .mwzd-post-views-injected { display: none !important; } }
:is(.blog.paged, .archive, .search) article.has-post-thumbnail .inside-article { display: grid; grid-template-columns: minmax(0, 1fr) 260px; grid-template-rows: auto 1fr auto; grid-template-areas: "header header" "summary image" "footer footer"; gap: 0 var(--space-15); align-items: start; > * { min-width: 0; } .entry-header { grid-area: header; margin-block-end: 10px; width: 100%; } .entry-summary { grid-area: summary; margin: 0; width: 100%; } .entry-meta { grid-area: footer; width: 100%; border-block-start: none !important; } .post-image { grid-area: image; margin: 0 !important; width: 100%; height: auto !important; aspect-ratio: 600 / 338 !important; align-self: start; overflow: hidden !important; img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 3px; border: 1px solid var(--light-border); } } }
body.single footer.entry-meta { display: flex !important; flex-direction: column !important; align-items: flex-start !important; > span { width: 100%; display: block; margin-block-end: 3px; } }
.wp-pagenavi { padding-inline-start: 0 !important; margin: 21px 0 21px 21px !important; }
.marketwzd-visitor-counter-mobile-only { display: none !important; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter { width: 100%; display: block; box-sizing: border-box; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi { display: flex; flex-direction: column; width: 100%; }
.widget_marketwzd_visitor_counter_widget .marketwzd-counter-number { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; color: #333; transition: color .3s ease; }
.widget_marketwzd_visitor_counter_widget .marketwzd-counter-label { color: #666; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split { gap: 0; padding: 5px 0; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-item { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.04); line-height: 1.35; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-item:last-child { border-bottom: none; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-label { flex: 1 1 auto; min-width: 0; font-size: 16px; font-weight: 400; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-number { flex: 0 0 auto; font-size: 21px; line-height: 1; text-align: right; white-space: nowrap; }
.mwzd-featured-related-grid { grid-template-columns: repeat(2, 1fr); }
.rank-math-html-sitemap { h2::before { content: none !important; display: none !important; } __list { list-style: none !important; padding-inline-start: 0 !important; margin-inline-start: 0 !important; margin-block-end: 0 !important; .rank-math-html-sitemap__item { display: flex !important; align-items: center; justify-content: space-between; padding-block: 2.75px; border-block-end: none !important; position: relative; padding-inline-start: 15px; transition: background-color .2s; margin: 0 0 8px .25em !important; &:hover { background-color: var(--light-bg); .rank-math-html-sitemap__link { color: var(--primary-color) !important; } } &::before { content: "\2022"; color: var(--primary-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 1; font-size: 1.2em; } } } __link { font-size: 1rem !important; font-weight: 400; color: var(--text-color) !important; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; margin-inline-end: 10px; transition: color .2s ease; &::after { content: ''; position: absolute; inset: 0; z-index: 1; } } __date { font-size: .85rem !important; color: #888; white-space: nowrap; flex-shrink: 0; } }
.mwzd-related-title-text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin-inline-end: 10px; }
.mwzd-related-post-date { font-size: .75em; color: #666; white-space: nowrap; font-weight: 400; flex-shrink: 0; }
:is(.home, .blog, .archive, .search) .entry-meta span.tags-links { max-width: 91% !important; }
}