.main-single-post { padding-top: 20px; @media(max-width: 767px) { padding-top: 10px; } .hero { width: min(90%, 1340px); gap: 14px; margin: 0 auto 20px; align-items: flex-start; display: flex; @media(max-width: 767px) { flex-direction: column; } .container { width: fit-content; margin: unset; } .tags { margin: 0 0 0 0; flex-wrap: wrap; .btn-rounded { @media(max-width: 767px) { width: 100%; text-align: center; } } } .btn { margin-bottom: 0; } } .content { padding-top: 0; .container { width: min(94%, 1080px); h1, h2, h3, h4, h5, h6 { text-align: unset; font-weight: 800; color: #2D3748; margin: 20px 0; } h2 { font-size: 1.40em; } h3 { font-size: 1.35em; } h4 { font-size: 1.30em; } h5 { font-size: 1.25em; } h6 { font-size: 1.2em; } ul, ol { list-style-type: auto; list-style-position: inside; li { font-size: 19px; color: #718096; font-weight: 500; } } a { font-size: inherit; -webkit-text-fill-color: unset; } .blog-block { margin-bottom: 40px; } .blog-header h1 { font-size: 2.4em; margin-bottom: .2em; @media(max-width: 767px) { font-size: 1.50em; } } .blog-meta { color: #777; font-size: .9rem; } .blog-short-desc { font-size: 1.1rem; line-height: 1.6; } .blog-toc { background: #f8f8f8; padding: 20px; border-radius: 8px; } .blog-toc-list ol { counter-reset: section; list-style-type: none; } .blog-toc-list ol li:before { counter-increment: section; content: counters(section, ".") ". "; } .blog-toc-list li { margin: .3em 0; } .blog-toc-list li a { text-decoration: none; color: #0073aa; } .blog-table { width: 100%; border-collapse: collapse; } .blog-table td { border: 1px solid #ddd; padding: 8px; } .blog-text p, .blog-desc-content p { color: #718096; font-weight: 500; } .bb-list { list-style-type: auto; } .bb-list, .blog-toc-list ol { color: #718096; font-weight: 500; list-style-position: inside; } .blog-toc-list li { margin: .2em 0; } .blog-toc-list li a { -webkit-text-fill-color: unset; text-decoration: none; color: #718096; } .blog-block { margin-top: 40px; } figure { &.wp-block-image { text-align: center; &:first-of-type { img { width: calc(100% + 338px); margin-left: -170px; margin-right: -170px; border-radius: 30px; } } } } .blog-header { border-bottom: 1px solid #E8E7E7; padding-bottom: 35px; .blog-author { font-weight: 800; color: #2D3748; margin-right: 20px; @media(max-width: 767px) { margin: 0; display: block; } } .blog-date { font-weight: 500; color: #718096; } } .blog-toc { background: transparent; padding: 0; border-radius: 0; } .blog-toc-list li { margin: .3em; } .blog-toc-list li a { -webkit-text-fill-color: unset; text-decoration: none; color: #718096; } .wp-block-post-featured-image img { border-radius: 30px; margin-bottom: 3rem; @media(max-width: 767px) { margin-bottom: 0; } } .wp-block-image.size-full { text-align: center; margin: auto; width: 100%; img { border-radius: 30px; width: 100%; } } .wp-block-table { width: 100%; margin: auto; } .wp-block-table table { width: 100%; margin: auto; border-collapse: separate; border-spacing: 0; border: 1px solid #828282; font-size: 19px; color: #2D3748; font-weight: 500; } .wp-block-table th, .wp-block-table td { padding: 12px 14px; border: 1px solid #828282; } .wp-block-table tr:nth-child(odd) td { background: #e6e6e6; } .wp-block-table tr:nth-child(even) td { background: #ffffff; } } } }