/* Meet Your Sweet blog restyle: shared part.
   Every rule starts with body.ms-blog, a class the mu-plugin adds only when it also adds the site header and footer,
   so a blog that cannot load the kit is left exactly as its theme made it.
   Colours, fonts and radii are the kit's own tokens (loaded from /ms-kit/ms.css). */

body.ms-blog { margin: 0; background: var(--ms-bg); color: var(--ms-text); font: 400 17px/1.65 var(--ms-sans); }
body.ms-blog * { box-sizing: border-box; }
body.ms-blog img { max-width: 100%; height: auto; }
body.ms-blog a { color: var(--ms-berry); text-decoration: none; }
body.ms-blog a:hover { color: var(--ms-berry-dk); }
body.ms-blog .ms-site-top a, body.ms-blog .ms-site-foot a { text-decoration: none; }
body.ms-blog .ms-site-foot { margin-top: 0; }

/* Strip with the blog's own name under the site menu */
body.ms-blog .ms-blog-strip { background: #fff; border-bottom: 1px solid var(--ms-line); }
body.ms-blog .ms-blog-strip .ms-in { padding-top: 16px; padding-bottom: 14px; }
body.ms-blog .ms-blog-name { display: inline-block; font: 400 28px/1.2 var(--ms-head); color: var(--ms-berry); }
body.ms-blog .ms-blog-name:hover { color: var(--ms-berry-dk); }

/* Reading type: the article body, the same in every theme */
body.ms-blog .entry-content { font: 400 18px/1.75 var(--ms-sans); color: var(--ms-text); overflow-wrap: break-word; word-wrap: break-word; }
body.ms-blog .entry-content > :first-child { margin-top: 0; }
body.ms-blog .entry-content p { margin: 0 0 1.15em; font-size: inherit; line-height: inherit; text-align: left !important; }
body.ms-blog .entry-content h1, body.ms-blog .entry-content h2, body.ms-blog .entry-content h3,
body.ms-blog .entry-content h4, body.ms-blog .entry-content h5, body.ms-blog .entry-content h6 {
  font-family: var(--ms-head); font-weight: 400; color: var(--ms-ink); line-height: 1.3; margin: 1.7em 0 .55em; text-align: left; }
body.ms-blog .entry-content h1 { font-size: 34px; color: var(--ms-berry); }
body.ms-blog .entry-content h2 { font-size: 29px; color: var(--ms-berry); }
body.ms-blog .entry-content h3 { font-size: 24px; }
body.ms-blog .entry-content h4 { font-size: 20px; }
body.ms-blog .entry-content h5, body.ms-blog .entry-content h6 { font-size: 17px; font-family: var(--ms-sans); font-weight: 700; }
body.ms-blog .entry-content h1 strong, body.ms-blog .entry-content h2 strong, body.ms-blog .entry-content h3 strong,
body.ms-blog .entry-content h4 strong, body.ms-blog .entry-content h1 b, body.ms-blog .entry-content h2 b,
body.ms-blog .entry-content h3 b, body.ms-blog .entry-content h4 b { font-weight: 400; }
body.ms-blog .entry-content a { color: var(--ms-berry); font-weight: 500; text-decoration: underline; text-decoration-color: var(--ms-pink-line); text-underline-offset: 3px; }
body.ms-blog .entry-content a:hover { color: var(--ms-berry-dk); text-decoration-color: currentColor; }
body.ms-blog .entry-content strong, body.ms-blog .entry-content b { font-weight: 700; color: var(--ms-ink); }
body.ms-blog .entry-content ul, body.ms-blog .entry-content ol { margin: 0 0 1.2em; padding-left: 1.5em; }
body.ms-blog .entry-content ul { list-style: disc; }
body.ms-blog .entry-content ol { list-style: decimal; }
body.ms-blog .entry-content li { margin: 0 0 .55em; line-height: 1.65; }
body.ms-blog .entry-content li::marker { color: var(--ms-berry); }
body.ms-blog .entry-content blockquote { margin: 1.6em 0; padding: 18px 24px; background: var(--ms-grey); border-left: 4px solid var(--ms-berry);
  border-radius: 0 var(--ms-radius) var(--ms-radius) 0; font: italic 400 18px/1.65 var(--ms-head); color: var(--ms-ink); }
body.ms-blog .entry-content blockquote p:last-child { margin-bottom: 0; }
body.ms-blog .entry-content img { max-width: 100%; height: auto; border-radius: 6px; }
body.ms-blog .entry-content img.aligncenter, body.ms-blog .entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
body.ms-blog .entry-content .alignleft { float: left; margin: 6px 24px 14px 0; max-width: 45%; }
body.ms-blog .entry-content .alignright { float: right; margin: 6px 0 14px 24px; max-width: 45%; }
body.ms-blog .entry-content .wp-caption { max-width: 100%; height: auto; }
body.ms-blog .entry-content .wp-caption-text, body.ms-blog .entry-content figcaption { font-size: 14px; color: var(--ms-muted); margin: 6px 0 14px; text-align: center; }
body.ms-blog .entry-content iframe, body.ms-blog .entry-content video, body.ms-blog .entry-content embed, body.ms-blog .entry-content object { max-width: 100%; border: 0; }
body.ms-blog .entry-content iframe[src*="vimeo"], body.ms-blog .entry-content iframe[src*="youtube"], body.ms-blog .entry-content iframe[src*="youtu.be"] {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; margin: 0 auto 1.2em; border-radius: 8px; background: #000; }
body.ms-blog .entry-content table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 0 0 1.4em; font-size: 15px; }
body.ms-blog .entry-content th, body.ms-blog .entry-content td { border: 1px solid var(--ms-line); padding: 8px 10px; text-align: left; vertical-align: top; background: transparent; color: inherit; font-size: inherit; }
body.ms-blog .entry-content th { background: var(--ms-grey); }
body.ms-blog .entry-content tr:nth-child(odd) { background: transparent; }
body.ms-blog .entry-content pre, body.ms-blog .entry-content code { font-family: Consolas, "Courier New", monospace; background: var(--ms-grey); border: 1px solid var(--ms-line); border-radius: 4px; }
body.ms-blog .entry-content code { padding: 1px 5px; margin: 0; }
body.ms-blog .entry-content pre { padding: 14px 16px; overflow-x: auto; margin: 0 0 1.2em; }
body.ms-blog .entry-content hr { border: 0; border-top: 1px solid var(--ms-line); margin: 2em 0; }
body.ms-blog .entry-content::after { content: ""; display: block; clear: both; }

/* Forms (comment forms, search, the newsletter sign-up) */
body.ms-blog input[type=text], body.ms-blog input[type=email], body.ms-blog input[type=url], body.ms-blog input[type=search],
body.ms-blog input[type=password], body.ms-blog textarea {
  width: 100%; max-width: 100%; padding: 12px 14px; font: 400 16px/1.3 var(--ms-sans); color: var(--ms-ink); background: #fff;
  border: 1px solid #cfd3d8; border-radius: 8px; box-shadow: none; -webkit-appearance: none; appearance: none; }
body.ms-blog input[type=text]:focus, body.ms-blog input[type=email]:focus, body.ms-blog input[type=url]:focus, body.ms-blog input[type=search]:focus,
body.ms-blog textarea:focus { outline: 2px solid var(--ms-berry); outline-offset: 1px; border-color: var(--ms-berry); }
body.ms-blog textarea { line-height: 1.5; min-height: 140px; }
body.ms-blog input[type=submit], body.ms-blog button[type=submit]:not(.ms-btn), body.ms-blog .submit {
  display: inline-block; width: auto; padding: 13px 28px; font: 600 17px/1.15 var(--ms-cond); letter-spacing: .04em; text-transform: uppercase; color: #fff;
  background: linear-gradient(#b5194d, var(--ms-berry) 55%, var(--ms-berry-dk)); border: 0; border-radius: 10px; cursor: pointer; -webkit-appearance: none; appearance: none;
  box-shadow: 0 3px 0 #5e0c22, 0 8px 18px rgba(129,20,50,.22); transition: transform .12s, filter .12s; }
body.ms-blog input[type=submit]:hover, body.ms-blog button[type=submit]:not(.ms-btn):hover { filter: brightness(1.05); transform: translateY(-1px); color: #fff; }
body.ms-blog label { color: var(--ms-ink); font-weight: 500; }
body.ms-blog .required { color: var(--ms-red); }

/* Pagination */
body.ms-blog .pagination, body.ms-blog .nav-links { font-family: var(--ms-cond); }
body.ms-blog .pagination .page-numbers, body.ms-blog .nav-links .page-numbers {
  display: inline-block; min-width: 42px; padding: 9px 14px; margin: 0 4px 6px 0; text-align: center; font: 500 16px/1.2 var(--ms-cond); letter-spacing: .03em;
  color: var(--ms-ink); background: #fff; border: 1px solid var(--ms-line); border-radius: 8px; box-shadow: none; }
body.ms-blog .pagination a.page-numbers:hover, body.ms-blog .nav-links a.page-numbers:hover { background: var(--ms-pink); border-color: var(--ms-pink-line); color: var(--ms-berry); }
body.ms-blog .pagination .page-numbers.current, body.ms-blog .nav-links .page-numbers.current { background: var(--ms-berry); border-color: var(--ms-berry); color: #fff; }
body.ms-blog .pagination .page-numbers.dots, body.ms-blog .nav-links .page-numbers.dots { background: transparent; border-color: transparent; }

/* Things every blog shows on small screens */
@media (max-width: 760px) {
  body.ms-blog { font-size: 16px; }
  body.ms-blog .ms-blog-name { font-size: 23px; }
  body.ms-blog .ms-blog-strip .ms-in { padding-top: 12px; padding-bottom: 10px; }
  body.ms-blog .entry-content { font-size: 17px; line-height: 1.7; }
  body.ms-blog .entry-content h1 { font-size: 28px; }
  body.ms-blog .entry-content h2 { font-size: 25px; }
  body.ms-blog .entry-content h3 { font-size: 21px; }
  body.ms-blog .entry-content .alignleft, body.ms-blog .entry-content .alignright { float: none; display: block; margin: 10px auto 16px; max-width: 100%; }
  body.ms-blog .entry-content table { display: block; overflow-x: auto; }
  body.ms-blog .entry-content blockquote { padding: 16px 18px; }
}

/* Theme part for Astra (the men/articles pages). The theme's site title and footer are hidden (the site header and
   footer are printed instead). Its page menu stays, because it is the only way to the 19 articles: it is shown as a
   row of link buttons under the site menu on large screens and under the article on phones. */

body.ms-blog #colophon, body.ms-blog #ast-scroll-top, body.ms-blog .site-branding, body.ms-blog .ast-site-identity { display: none !important; }
body.ms-blog, body.ms-blog.ast-separate-container { background: var(--ms-bg) !important; color: var(--ms-text); font-family: var(--ms-sans); }
body.ms-blog #page { background: transparent; }

/* The page menu: every page of the theme's menu as a link button, parent and child pages in one row */
body.ms-blog #masthead, body.ms-blog .site-header { background: #fff !important; border-bottom: 1px solid var(--ms-line); box-shadow: none; }
body.ms-blog .main-header-bar-wrap, body.ms-blog .main-header-bar { background: #fff !important; border: 0 !important; }
body.ms-blog .main-header-bar .ast-container, body.ms-blog #masthead .ast-container { max-width: 1100px; width: 100%; padding: 0 20px; margin: 0 auto; display: block; }
body.ms-blog .main-header-container { display: block; min-height: 0; }
body.ms-blog .ast-mobile-menu-buttons, body.ms-blog .ast-menu-toggle, body.ms-blog .dropdown-menu-toggle, body.ms-blog .main-header-menu .ast-icon { display: none !important; }
body.ms-blog .main-header-bar-navigation, body.ms-blog.ast-header-break-point .main-header-bar-navigation { display: block !important; position: static; width: 100%; height: auto; margin: 0; padding: 0; background: transparent; border: 0; }
body.ms-blog .ast-main-header-bar-alignment { display: block; width: 100%; }
body.ms-blog .main-header-menu, body.ms-blog.ast-header-break-point .main-header-menu { display: flex !important; flex-wrap: wrap; gap: 7px; align-items: flex-start; margin: 0; padding: 14px 0; justify-content: flex-start; background: transparent; border: 0; }
body.ms-blog .main-header-menu .menu-item-has-children, body.ms-blog .main-header-menu .sub-menu { display: contents !important; position: static; visibility: visible !important; opacity: 1 !important; }
body.ms-blog .main-header-menu .menu-link::before, body.ms-blog .main-header-menu .menu-link::after { content: none !important; display: none !important; }
body.ms-blog .main-header-menu .menu-item { margin: 0; float: none; width: auto; border: 0; line-height: 1.35 !important; height: auto; }
body.ms-blog .main-header-menu .menu-link, body.ms-blog.ast-header-break-point .main-header-menu .menu-link {
  display: block; width: auto; height: auto; padding: 6px 14px !important; font: 400 14px/1.35 var(--ms-sans) !important; line-height: 1.35 !important; color: var(--ms-ink) !important; background: var(--ms-grey); border: 1px solid var(--ms-line); border-radius: 20px; }
body.ms-blog .main-header-menu .menu-link:hover { background: var(--ms-pink); border-color: var(--ms-pink-line); color: var(--ms-berry) !important; }
body.ms-blog .main-header-menu .current-menu-item > .menu-link { background: var(--ms-berry); border-color: var(--ms-berry); color: #fff !important; }
@media (max-width: 760px) {
  body.ms-blog #page { display: flex; flex-direction: column; }
  body.ms-blog #masthead { order: 2; border-top: 1px solid var(--ms-line); border-bottom: 0; }
  body.ms-blog #content { order: 1; }
  body.ms-blog #colophon { order: 3; }
  body.ms-blog .main-header-bar .ast-container, body.ms-blog #masthead .ast-container { padding: 0 12px; }
  body.ms-blog .main-header-menu { padding: 16px 0 22px; }
}

/* The page */
body.ms-blog #content.site-content { background: transparent; padding: 0; }
body.ms-blog #content > .ast-container, body.ms-blog .site-content > .ast-container { display: block !important; max-width: 1100px; width: 100%; margin: 0 auto; padding: 28px 20px 44px; }
body.ms-blog #primary, body.ms-blog .ast-separate-container #primary, body.ms-blog.ast-right-sidebar #primary { width: 100% !important; max-width: none; margin: 0 !important; padding: 0 !important; float: none; }
body.ms-blog #secondary { display: none !important; }
body.ms-blog .site-main { margin: 0; padding: 0; }
body.ms-blog.ast-separate-container .ast-article-single, body.ms-blog.ast-separate-container .ast-article-post, body.ms-blog .ast-article-single, body.ms-blog article.page, body.ms-blog article.post {
  background: #fff !important; border-radius: var(--ms-radius); box-shadow: var(--ms-shadow); padding: 38px 48px 44px !important; margin: 0 0 22px !important; border: 0; }
body.ms-blog .entry-header { margin: 0 0 18px; }
body.ms-blog h1.entry-title, body.ms-blog .entry-title, body.ms-blog .page-title, body.ms-blog.ast-single-post h1.entry-title { font: 400 38px/1.2 var(--ms-head) !important; color: var(--ms-berry) !important; margin: 0 0 14px; }
body.ms-blog .entry-title a { color: var(--ms-berry); }
body.ms-blog article > .entry-content, body.ms-blog article .entry-content { max-width: 740px; margin-left: auto; margin-right: auto; }
body.ms-blog article > .entry-header { max-width: 740px; margin-left: auto; margin-right: auto; }
body.ms-blog .entry-content { font-size: 18px; }
body.ms-blog .entry-content p { font-size: inherit; }
body.ms-blog .entry-content span[style*="font-size"] { font-size: inherit !important; }
body.ms-blog .entry-content a { color: var(--ms-berry); }
body.ms-blog .ast-pagination, body.ms-blog .navigation.pagination { margin: 8px 0 0; }
body.ms-blog .post-navigation, body.ms-blog .nav-links { font-family: var(--ms-cond); }
body.ms-blog .comments-area, body.ms-blog #comments { background: #fff; border-radius: var(--ms-radius); box-shadow: var(--ms-shadow); padding: 28px 32px; margin: 0 0 22px; }
body.ms-blog .comments-title, body.ms-blog .comment-reply-title { font: 400 26px/1.3 var(--ms-head); color: var(--ms-ink); margin: 0 0 14px; }
body.ms-blog .comment-form p { margin: 0 0 14px; }
body.ms-blog .comment-list { list-style: none; margin: 0; padding: 0; }
body.ms-blog .comment-list li { padding: 16px 0; border-bottom: 1px solid var(--ms-line); }
body.ms-blog .comment-list .children { list-style: none; margin: 12px 0 0 22px; padding-left: 14px; border-left: 3px solid var(--ms-pink-line); }

@media (max-width: 760px) {
  body.ms-blog #content > .ast-container, body.ms-blog .site-content > .ast-container { padding: 16px 12px 30px; }
  body.ms-blog.ast-separate-container .ast-article-single, body.ms-blog.ast-separate-container .ast-article-post, body.ms-blog .ast-article-single, body.ms-blog article.page, body.ms-blog article.post {
    padding: 22px 18px 28px !important; }
  body.ms-blog h1.entry-title, body.ms-blog .entry-title, body.ms-blog .page-title { font-size: 29px !important; }
  body.ms-blog .comments-area, body.ms-blog #comments { padding: 20px 16px; }
}