@media(max-width:768px){
body { margin-block-start: 0 !important; background-color: var(--white) !important; }
.widget_simple_quotes_widget .sqm-widget-actions { opacity: 1; top: -14px; right: -5px; }
.widget_simple_quotes_widget .sqm-action-btn { width: 32px; height: 32px; min-width: 32px; min-height: 32px; }
.widget_simple_quotes_widget blockquote { padding: 12px 15px !important; font-size: .95em; }
.site-header { margin-block-start: 0 !important; }
.site-content .content-area { background-color: var(--site-content-color, #fafafa); }
#wpadminbar { position: fixed !important; top: 0 !important; z-index: 999999 !important; display: block !important; }
:is(#right-sidebar, .sidebar, .widget-area.sidebar, #mobile-header) { display: none !important; }
.main-navigation:not(#mobile-header) { display: block !important; width: 100% !important; }
.main-navigation .inside-navigation, .main-navigation.mwzd-stuck .inside-navigation { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-inline-start: 12px !important; padding-inline-end: 5px !important; box-sizing: border-box; min-height: 45px !important; }
.navigation-branding, .main-navigation.mwzd-stuck .navigation-branding { height: 45px !important; display: flex !important; align-items: center !important; order: 1; margin-inline-end: auto; .main-title > :is(.marketwzd-text-logo-container, div.marketwzd-text-logo-container) { align-items: center !important; } }
.main-navigation:not(#mobile-header) :is(.navigation-branding, .site-logo.mobile-header-logo) { height: 45px !important; align-self: center !important; align-items: center !important; padding-block: 0 !important; }
.main-navigation:not(#mobile-header) :is(.navigation-branding, .site-logo.mobile-header-logo) :is(.main-title, .main-title a) { height: 45px !important; display: flex !important; align-items: center !important; line-height: 45px !important; margin: 0 !important; }
.main-navigation:not(#mobile-header) .navigation-branding .main-title > :is(.marketwzd-text-logo-container, div.marketwzd-text-logo-container) { align-items: center !important; }
.main-navigation:not(#mobile-header) :is(.navigation-branding, .site-logo.mobile-header-logo) img { padding-block: 0 !important; max-height: 45px !important; align-self: center !important; }
.main-navigation:not(.mwzd-stuck):not(#mobile-header) .navigation-branding { align-items: center !important; }
.main-navigation:not(.mwzd-stuck):not(#mobile-header) .navigation-branding :is(.main-title, .main-title a) { align-items: center !important; line-height: 45px !important; }
.main-navigation:not(.mwzd-stuck):not(#mobile-header) .navigation-branding .main-title > :is(.marketwzd-text-logo-container, div.marketwzd-text-logo-container) { align-items: center !important; }
.main-navigation .menu-bar-items, .main-navigation.mwzd-stuck .menu-bar-items { display: inline-flex !important; height: 45px !important; align-items: center !important; order: 2; }
.menu-toggle, .main-navigation.mwzd-stuck .menu-toggle { height: 45px !important; display: flex !important; align-items: center !important; justify-content: center !important; order: 3; margin-inline-start: 0; width: 50px !important; padding: 0 !important; margin: 0 !important; }
.main-navigation .main-nav > ul { display: none; }
.main-navigation.toggled { .main-nav > ul { display: block !important; position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--lighter-bg) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.08); padding: 0; margin: 0 !important; z-index: 10001; border-block: 1px solid #d1d1d1; max-height: 80vh; overflow-y: auto; > li:last-child { border-block-end: none !important; } } .inside-navigation { align-items: center !important; } .main-nav li { position: relative; display: block; float: none; border-block-end: 1px solid var(--light-border); box-shadow: none; width: 100%; &.current-menu-item > a { background-color: var(--lighter-bg) !important; color: var(--primary-color) !important; text-decoration: none !important; font-weight: 700; } } .main-nav a { font-size: 1.1rem; font-weight: 600; color: var(--text-color); padding: 18px 25px; display: block; line-height: 1.2; background-color: var(--lighter-bg); transition: background-color .2s ease, color .2s ease; text-decoration: none; &::before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: var(--primary-color); margin-inline-end: 8px; vertical-align: middle; position: relative; top: -1px; } &:hover, &:active { background-color: #f1f1f1 !important; color: var(--primary-color) !important; text-decoration: underline !important; } } .sub-menu { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; float: none !important; height: auto !important; width: 100% !important; background-color: var(--lighter-bg) !important; box-shadow: none; border-block-start: 1px solid var(--light-border); margin: 0 !important; padding: 0 !important; pointer-events: auto !important; border-block-end: none !important; li { border-block-end: 1px solid #e6e6e6; box-shadow: none; &:last-child { border-block-end: none !important; } a { padding: 16px 16px 16px 45px; font-size: 0.95rem; font-weight: 600; color: #444; background-color: var(--lighter-bg); &:hover, &:active { background-color: #f1f1f1 !important; color: var(--primary-color) !important; text-decoration: underline !important; } } } } .dropdown-menu-toggle { display: none !important; } }
.main-navigation .menu-bar-item > a, .main-navigation.mwzd-stuck .menu-bar-item > a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 44px; height: 45px; .gp-icon { padding: 0; } }
.admin-bar .main-navigation.mwzd-stuck { top: 46px !important; }
.main-navigation.mwzd-stuck { z-index: 10005 !important; border-block-end: 1px solid var(--border-color) !important; position: fixed !important; width: 100% !important; display: block !important; top: 0; left: 0; right: 0; background: var(--lighter-bg) !important; transform: translateY(-125%) !important; opacity: 0; visibility: hidden; pointer-events: none; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease, visibility 0.3s; &.mwzd-visible { transform: translateY(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease, visibility 0.4s; } }
.site-header { position: relative; z-index: 10000 !important; background: var(--lighter-bg); }
.sticky-enabled .main-navigation.is_stuck { border-inline: 0; border-block-end: 1px solid var(--border-color); box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.inside-navigation .menu-bar-items .icon-search { display: inline; }
.inside-article { padding-inline: 15px; }
:is(.blog.paged, .archive, .search) :is(.page-header, article.post .inside-article) { padding-inline: 15px !important; box-sizing: border-box !important; }
:is(.blog.paged, .archive, .search) article.has-post-thumbnail:not(.mwzd-front-hero) .inside-article { padding: 15px 15px 5px !important; }
:is(.blog.paged, .archive, .search) article:not(.has-post-thumbnail) .inside-article { padding: 15px !important; }
.resize-featured-image .post-image a > img, :is(.archive, .blog, .home, .search) :is(.featured-image a > img, .post-image a > img), .wp-singular :is(.featured-image, .page-header-image-single img, .page-header-image img) { border-radius: 0 !important; border-inline: 0 !important; border-block-end: 0 !important; border-block-start: 1px solid var(--light-border) !important; }
:is(.single .featured-image.page-header-image-single, .page .featured-image.page-header-image) { height: auto !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; padding: 0 !important; display: block !important; img { width: 100% !important; height: 100% !important; object-fit: cover !important; margin: 0 !important; display: block !important; } }
header.entry-header .entry-meta { padding-block-start: 5px !important; font-size: 95%; }
:is(.home, .blog, .archive, .search) .post-image { height: auto !important; aspect-ratio: auto !important; overflow: hidden !important; display: block !important; > a { height: 100% !important; display: block !important; img { height: 100% !important; object-fit: cover !important; width: 100% !important; display: block !important; } } }
.taxonomy-description { padding: 15px 20px 15px 35px !important; font-size: 1rem; &::before { top: -10px; left: 0; font-size: 10rem; } }
body.home.blog:not(.paged) .site-main { padding-inline: 0 !important; margin-inline: 0 !important; }
.mwzd-front-grid-wrapper { display: block !important; width: 100%; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; article { display: block !important; width: 100% !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: 0 0 !important; border: none !important; border-block-end: var(--border-double) !important; .read-more { margin-block: 15px 10px !important; font-size: 95%; } 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; line-height: 1.25 !important; padding-block-end: 0 !important; max-height: 24px; } } .entry-title { font-size: var(--mwzd-mob-title) !important; } } }
.mwzd-front-hero { margin-inline: 0 !important; width: 100% !important; margin-block-end: 0 !important; border-inline: none; border-block-start: none; border-radius: 0; .inside-article { display: block !important; border-block-end: none !important; } .post-image { margin-block-end: 9px !important; aspect-ratio: 2.35 / 1 !important; display: block !important; width: 100% !important; > a { display: block !important; width: 100% !important; height: 100% !important; } img { aspect-ratio: 2.35 / 1 !important; max-height: none !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 3px !important; border: 1px solid var(--light-border) !important; display: block !important; } } .entry-header { padding: 0 !important; margin-block-start: 0 !important; h2.entry-title { font-size: 175% !important; } } .entry-meta { display: flex !important; flex-direction: row !important; align-items: center !important; margin-block-start: 3px !important; padding: 0 !important; } .entry-summary { padding: 0 !important; display: block !important; p:not(.read-more-container) { margin-block-end: 10px !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-align: left !important; margin-block-start: 0 !important; padding: 0 !important; } } }
:is(.blog.paged, .archive, .search) article .entry-meta > span { margin: 0 !important; line-height: 1.25 !important; padding-block-end: 0 !important; }
body.mwzd-menu-open { overflow: hidden !important; }
body:not(.single) header.entry-header { margin-block-end: .65em !important; }
.mwzd-front-grid-item, :is(.blog.paged, .archive, .search) article.post { border: none !important; border-block-end: var(--border-double) !important; border-radius: 0 !important; margin-block-end: 0 !important; .inside-article { border-block-end: none !important; } }
.mwzd-front-grid-item .entry-meta .comments-link { display: flex !important; }
:is(.mwzd-front-grid-item, :is(.blog.paged, .archive, .search) article.has-post-thumbnail:not(.mwzd-front-hero)) { .inside-article { display: grid !important; grid-template-columns: minmax(0, 1fr) 135px !important; grid-template-rows: auto auto auto !important; grid-template-areas: "header header" "summary image" "footer footer" !important; gap: 0 10px !important; align-items: start !important; padding-block-end: 5px; padding-block-start: 15px !important; .entry-header { grid-area: header !important; width: 100% !important; margin-block-end: 8px !important; padding: 0 !important; margin-block-start: 0 !important; } .entry-title { font-size: var(--mwzd-mob-title) !important; line-height: 1.35em !important; margin: 0 !important; word-break: keep-all !important; overflow-wrap: break-word !important; } .entry-summary { grid-area: summary !important; margin: 0 !important; padding: 0 !important; p:not(.read-more-container) { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.65em !important; margin-block-end: 0 !important; color: var(--gray); word-break: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; } } .post-image { grid-area: image !important; margin: 0 !important; width: 100% !important; height: auto !important; aspect-ratio: 135 / 90 !important; overflow: hidden !important; display: block !important; visibility: visible !important; > a, picture { display: block !important; width: 100% !important; height: 100% !important; } img { aspect-ratio: 135 / 90 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 3px !important; border: 1px solid var(--light-border) !important; margin: 0 !important; max-height: none !important; display: block !important; } } footer.entry-meta { grid-area: footer !important; margin-block-start: 3px !important; } } }
:is(.mwzd-front-grid-item, :is(.blog.paged, .archive, .search) article:not(.mwzd-front-hero)) { &.has-post-thumbnail .read-more-container { display: none !important; } &:not(.has-post-thumbnail) { .inside-article { display: block !important; } .read-more-container { display: block !important; margin-block-start: 12px !important; margin-block-end: 5px !important; } } }
body.home.blog:not(.paged) .mwzd-front-grid-wrapper { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
body.home.blog:not(.paged) :is(.site, .site-content, .site-main, .mwzd-front-grid-wrapper) { overflow-x: clip !important; }
body.home.blog:not(.paged) .mwzd-front-hero { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-block-end: var(--border-double) !important; }
body.home.blog:not(.paged) .mwzd-front-hero .inside-article { display: block !important; padding: 0 15px 5px !important; margin: 0 !important; border: 0 !important; }
body.home.blog:not(.paged) .mwzd-front-hero .post-image { display: block !important; width: calc(100vw + 2px) !important; max-width: none !important; margin: 5px calc(50% - 50vw - 1px) 0 !important; aspect-ratio: 2.35 / 1 !important; }
body.home.blog:not(.paged) .mwzd-front-hero .post-image :is(a, picture, img) { display: block !important; width: 100% !important; height: 100% !important; }
body.home.blog:not(.paged) .mwzd-front-hero .post-image img { object-fit: cover !important; border-radius: 0 !important; border-inline: 0 !important; border-block-start: 1px solid var(--light-border) !important; border-block-end: 1px solid var(--light-border) !important; }
body.home.blog:not(.paged) .mwzd-front-hero :is(.entry-header, .entry-summary) { padding-inline: 0 !important; margin-inline: 0 !important; }
body.home.blog:not(.paged) .mwzd-front-hero header.entry-header .entry-meta { padding-block-start: 3px !important; }
body.home.blog:not(.paged) .mwzd-front-grid-wrapper article .entry-summary { padding: 0 var(--space-15) 0 !important; }
body.home.blog:not(.paged) .mwzd-front-hero .entry-summary { padding-inline: 0 !important; }
body.home.blog:not(.paged) .mwzd-front-grid-item .inside-article { padding: 15px 15px 5px !important; }
body.blog.paged article.post .inside-article { padding: 15px 15px 5px !important; box-sizing: border-box !important; }
body.blog.paged article.has-post-thumbnail:not(.mwzd-front-hero) .inside-article { display: grid !important; grid-template-columns: minmax(0, 1fr) 135px !important; grid-template-areas: "header header" "summary image" "footer footer" !important; gap: 0 10px !important; }
.entry-meta :is(span.cat-links, span.tags-links) a { min-width: 44px; min-height: 44px; line-height: 1.3 !important; display: inline-flex; margin: 2px 2px 2px 0; padding-block: 1px; }
.comment-reply-title { font-size: 125%; }
h1.entry-title { font-size: 1.85rem; letter-spacing: -.32px; line-height: 1.32em; }
h2.entry-title { font-size: var(--mwzd-mob-title) !important; letter-spacing: -.32px; line-height: 1.36em; }
.site-info { font-size: 75%; letter-spacing: -.25px; line-height: 1.65em; }
.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items { font-size: 95%; }
:is(h4, h6) { letter-spacing: -.25px; }
.comments-title { font-size: 120%; }
.entry-content { p { font-size: 1.27rem; letter-spacing: -.25px; line-height: 1.75em; } :is(li, li li, li li li) { letter-spacing: -.25px; line-height: 1.65em; } blockquote { font-size: 95%; letter-spacing: -.25px; } cite { letter-spacing: -.25px; } }
.main-navigation .main-nav ul ul li a { font-size: 95%; }
.site-main .inside-article .post-navigation { a:link { font-size: 110%; letter-spacing: -.25px; line-height: 1.25em; } :is(.nav-previous, .nav-next) a::before { font-size: 60%; } }
.wp-pagenavi { font-size: 110% !important; justify-content: center !important; margin-block: 21px !important; margin-inline: auto !important; width: 100%; text-align: center; position: static; left: auto; overflow-x: visible; background: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; :is(a, span, .current) { min-width: 45px !important; min-height: 42px !important; padding: 3px !important; margin-inline: 1px !important; } :is(.previouspostslink, .nextpostslink) { display: none !important; } }
footer.entry-meta span.cat-links, footer.entry-meta span.tags-links, footer.entry-meta span.comments-link { font-size: .95rem; line-height: 1.25em; }
body:not(.single):not(.page) .entry-meta span.cat-links { display: none !important; }
:is(.last_post_btn, .random_post_btn) { font-size: 110%; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.mwzd-featured-card { min-height: 44px; }
.mwzd-featured-related-grid { grid-template-columns: 1fr; }
.rank-math-html-sitemap__list { margin-inline-start: 0 !important; padding-inline-start: 0 !important; li span { font-size: .8em; } .rank-math-html-sitemap__item { margin: 0 0 8px 3px !important; padding-inline-start: 15px !important; list-style: none !important; } }
.mwzd-related-post-date { display: none; }
.mwzd-related-title-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.widget_simple_quotes_widget { .sqm-widget-actions { opacity: 1; top: -14px; right: -5px; } .sqm-action-btn { width: 32px; height: 32px; } blockquote { padding: 12px 15px; font-size: .95em; } }
.tcp-tag-item { &.level-1-king { font-size: 1em; border-width: 1.2px; } &.level-2-elite { font-size: .85em; border-width: 1px; } &.level-3-major { font-size: .8em; } &.level-4-regular, &.level-5-minor { font-size: .75em; } }
.mwzd-menu-overlay { position: fixed; inset: 0; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); z-index: 999; opacity: 0; visibility: hidden; transition: opacity .3s ease; &.active { opacity: 1; visibility: visible; } }
body .entry-meta .byline, body .entry-meta .mwzd-copy-url-wrapper { display: none !important; }
.mwzd-date-desktop { display: none; } .mwzd-date-mobile { display: inline; }
body .entry-meta .mwzd-post-views-injected, body .mwzd-post-views-injected { display: none !important; }
:is(.home, .blog, .archive, .search) .entry-meta span.tags-links { max-width: 88% !important; }
article.marketwzd-new-post :is(.entry-title a, h2.entry-title a)::after { display: inline-block !important; visibility: visible !important; opacity: 1 !important; content: 'New' !important; color: var(--primary-color) !important; position: relative !important; z-index: 10 !important; white-space: nowrap !important; font-size: 11px !important; }
article.marketwzd-updated-post :is(.entry-title a, h2.entry-title a)::after { display: inline-block !important; visibility: visible !important; opacity: 1 !important; content: 'Update' !important; color: #1e73be !important; position: relative !important; z-index: 10 !important; white-space: nowrap !important; font-size: 11px !important; }
}