{"version":3,"sources":["02-reset/_reset.scss","02-reset/modules/_box-sizing.scss","02-reset/modules/_normalize.scss","02-reset/modules/_reset-gutenberg-default.scss","02-reset/modules/_reset-theme-base.scss","03-base/modules/_root.scss","03-base/modules/_global.scss","03-base/modules/_imgiframe.scss","03-base/modules/_list.scss","03-base/modules/_typography.scss","03-base/modules/_container.scss","03-base/modules/_form.scss","03-base/_base.scss","03-base/modules/_blockquote.scss","03-base/modules/_excerpt.scss","03-base/modules/_button.scss","03-base/modules/_loop.scss","04-helper/modules/_space.scss","06-components/modules/_site-header.scss","06-components/modules/_site-footer.scss","06-components/modules/_site-main.scss","06-components/modules/_site-article.scss","06-components/modules/_site-comment.scss","06-components/modules/_site-sidebar.scss","06-components/modules/_site-archive.scss"],"names":[],"mappings":"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","file":"main.css","sourceRoot":"../../src/scss","sourcesContent":["/* ======================================================================== */\n/* 01. Reset */\n/* ======================================================================== */\n@import 'modules/box-sizing';\n@import 'modules/normalize';\n@import 'modules/reset-gutenberg-default';\n@import 'modules/reset-theme-base';","/* Inherit box-sizing to more easily change it's value on a component level.\n@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */\n*,\n*::before,\n*::after {\n\tbox-sizing: inherit;\n}\n\nhtml {\n\tbox-sizing: border-box;\n}","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n\tline-height: 1.15;\n\t-webkit-text-size-adjust: 100%;\n}\n\n/* Sections\n========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n\tmargin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n\tdisplay: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n\tfont-size: 2em;\n\tmargin: 0.67em 0;\n}\n\n/* Grouping content\n========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n\tbox-sizing: content-box;\n\theight: 0;\n\toverflow: visible;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n\tfont-family: monospace, monospace;\n\tfont-size: 1em;\n}\n\n/* Text-level semantics\n========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n\tbackground-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n\tborder-bottom: none;\n\ttext-decoration: underline;\n\ttext-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n\tfont-family: monospace, monospace;\n\tfont-size: 1em;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/* Embedded content\n========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n\tborder-style: none;\n}\n\n/* Forms\n========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit;\n\tfont-size: 100%;\n\tline-height: 1.15;\n\tmargin: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n\toverflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n\ttext-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n\t-webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n\tpadding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *\t\t`fieldset` elements in all browsers.\n */\n\nlegend {\n\tbox-sizing: border-box;\n\tcolor: inherit;\n\tdisplay: table;\n\tmax-width: 100%;\n\tpadding: 0;\n\twhite-space: normal;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n\toverflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n\tbox-sizing: border-box;\n\tpadding: 0;\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n\t-webkit-appearance: textfield;\n\toutline-offset: -2px;\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button;\n\tfont: inherit;\n}\n\n/* Interactive\n========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n\tdisplay: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n\tdisplay: list-item;\n}\n\n/* Misc\n========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n\tdisplay: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n\tdisplay: none;\n}","/* Reset gutenberg classes */\n.wp-block-template-part.has-background{\n    padding: 0;\n}\n.wp-block-columns{\n    margin-bottom: 0;\n}\n\n.wp-site-blocks > * + *,\n.wp-block-group > * + *,\n.wp-block-template-part > * + *{\n    margin-top: 0 !important;\n}","p,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nfigure{\n    margin-block-end: 0;\n    margin-block-start: 0;\n}","/* ======================================================================== */\n/* 02. Theme Root */\n/* ======================================================================== */\n:root{\n    // This container should same with theme.json layout\n    --clay--content--size: \"1170px\";\n    --clay--wide--size: \"90%\";\n}","/* ======================================================================== */\n/* 03. Global */\n/* ======================================================================== */\nhtml {\n    font-size: var(--paragraph-max-font-size);\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeSpeed;\n    -webkit-text-rendering: optimizeSpeed;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-kerning: none;\n            font-kerning: none;\n}\n\nbody{\n    width: 100%;\n    word-wrap: break-word;\n}\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n\tcursor: inherit;\n}\n\na{\n    text-decoration: none;\n    transition: ease .3s;\n    &:hover,\n    &:focus{\n        text-decoration: none;\n        color: var(--wp--preset--color--gray);\n    }\n}","iframe{\n    border: none;\n    width: 100%;\n}\n\nimg, iframe{\n    max-width: 100%;\n}\nimg{\n    height: auto;\n}","ul, ol{\n    list-style-position: outside;\n    list-style-type: square;\n    margin: 0;\n    padding: 0 0 0 1rem;\n}","/* ======================================================================== */\n/* 04. Typography */\n/* ======================================================================== */\n// Typography - Heading\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    font-family: var(--wp--preset--font-family--roboto);\n    font-weight: bold;\n}\n\nh1 {}\n\nh2 {}\n\nh3 {}\n\nh4 {}\n\nh5 {}\n\nh6 {}\n\n.has-heading-1-font-size{\n    @media screen and (max-width: 1024px) {\n        font-size: 48px !important;\n    }\n}\n\n// Typography - Copy\np {\n    @media screen and (max-width: 1024px) {\n        font-size: 18px;\n    }\n}\n\nblockquote {\n    p {}\n}\n\ncite {}\n\ncode,\nkbd,\ntt,\nvar,\nsamp {\n    font-family: Inconsolata, monospace;\n}\n\npre {\n    font-family: Inconsolata, monospace;\n    font-size: 1rem;\n    line-height: 1.3125;\n    margin: 0 0 1.75em;\n    max-width: 100%;\n    overflow: auto;\n    padding: 2em;\n    white-space: pre;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    background-color: rgba(136, 136, 136, 0.1);\n}\n\ncode,\nkbd {\n    background-color: rgba(136, 136, 136, 0.1);\n    padding: 0.125em 0.25em;\n}","/* ======================================================================== */\n/* 05. Custom Gutenberg wrapper */\n/* ======================================================================== */\n.wp-block-columns{\n    &.alignfull{\n        max-width: 90vw !important; // equal with theme.json\n\n        @media screen and (max-width: 1220px) {\n            max-width: 100vw !important;\n            padding-left: 24px;\n            padding-right: 24px;\n        }\n    }\n    &.alignwide{\n        max-width: 1170px !important;\n\n        @media screen and (max-width: 1220px) {\n            max-width: 1048px !important;\n            padding-left: 24px;\n            padding-right: 24px;\n        }\n    }\n}","/* ======================================================================== */\n/* 06. Form */\n/* ======================================================================== */\nform{\n    p + p{\n        margin-top: 1rem;\n    }\n    label{\n        font-size: var(--wp--preset--font-size--text-smallest);\n        font-weight: bold;\n        .required{\n            color: red;\n        }\n    }\n\n    input[type=\"text\"],\n    input[type=\"email\"],\n    input[type=\"url\"],\n    input[type=\"search\"],\n    textarea{\n        width: 100%;\n        padding: 18px 24px;\n        border-radius: 4px;\n        font-size: var(--wp--preset--font-size--navigation);\n        border: 1px solid rgba(153,153,153, .2) !important;\n        &:focus,\n        &:active{\n            outline: none;\n        }\n    }\n}\n\n\n// Comment Form\n.comment-form{\n    p{\n        label{\n            font-size: var(--wp--preset--font-size--text-smallest);\n            font-weight: bold;\n        }\n    }\n\n    .form-submit{\n        margin-top: 42px;\n    }\n}\n\n// Search form\n.wp-block-search{\n    label{\n        @media screen and (max-width: 578px) {\n            text-align: center;\n            display: block;\n        }\n    }\n    input[type=\"search\"]{\n        padding: 18px 24px !important;\n        border-top-left-radius: 33px;\n        border-bottom-left-radius: 33px;\n\n        @media screen and (max-width: 578px){\n            border-radius: 33px;\n        }\n    }\n\n    &__button{\n        border-top-right-radius: 33px;\n        border-bottom-right-radius: 33px;\n        min-width: 140px;\n        background-color: var(--wp--preset--color--black) !important;\n        color: var(--wp--preset--color--white) !important;\n        font-weight: bold;\n        text-decoration: underline;\n        cursor: pointer;\n\n        @media screen and (max-width: 578px){\n            padding-top: 18px !important;\n            padding-bottom: 18px !important;\n            border-radius: 33px;\n            display: block;\n            margin-left: 0 !important;\n            margin-top: 12px !important;\n        }\n        &:hover,\n        &:focus{\n            text-decoration: none;\n        }\n    }\n\n    &__inside-wrapper{\n        @media screen and (max-width: 578px) {\n            flex-flow: column nowrap;\n        }\n    }\n}","@import 'modules/root';\n@import 'modules/global';\n@import 'modules/imgiframe';\n@import 'modules/list';\n@import 'modules/typography';\n@import 'modules/container';\n\n@import 'modules/form';\n\n/* ======================================================================== */\n/* 07. Gutenberg overwrite block */\n/* ======================================================================== */\n@import 'modules/blockquote';\n@import 'modules/excerpt';\n@import 'modules/button';\n@import 'modules/loop';","/* Block - quote */\n.wp-block-quote{\n    border-left: 4px solid var(--wp--preset--color--black);\n\n    @media screen and (max-width: 1024px) {\n        padding-left: 24px;\n    }\n}","/* Block - Excerpt */\n.wp-block-post-excerpt{\n    &__more-link{\n        display: inline-block;\n        text-decoration: underline;\n        text-align: center;\n        min-width: 160px;\n        &:hover,\n        &:focus{\n            color: var(--wp--preset--color--white);\n            text-decoration: none;\n        }\n    }\n}","/* Block - button */\n.wp-block-button__link{\n    display: inline-block;\n    text-decoration: underline;\n    background: var(--wp--preset--color--gray);\n    color: var(--wp--preset--color--white);\n    border-radius: 33px;\n    padding: 19px 32px;\n    font-size: var(--wp--preset--font-size--text-smallest);\n    font-weight: bold;\n    &:hover,\n    &:focus{\n        text-decoration: none;\n    }\n}","/* Block - loop */\n.wp-block-query-pagination.site-main__loop-pagination{\n    text-align: center;\n    display: flex;\n    flex-flow: row wrap;\n    justify-content: center;\n    align-items: center;\n\n    .wp-block-query-pagination{\n        &-next,\n        &-previous{\n            display: inline-block;\n            text-decoration: underline;\n            &:hover,\n            &:focus{\n                text-decoration: none;\n            }\n        }\n    }\n}","/* ======================================================================== */\n/* 08. Spacing */\n/* ======================================================================== */\n.has-space{\n    &-top{\n        &-default{}\n        \n        &-smaller{\n            padding-top: 40px;\n\n            @media screen and (max-width: 1024px) {\n                padding-top: 24px;\n            }\n        }\n        &-small{\n            padding-top: 100px;\n\n            @media screen and (max-width: 1024px) {\n                padding-top: 75px;\n            }\n        }\n        &-medium{\n            padding-top: 130px;\n\n            @media screen and (max-width: 1024px) {\n                padding-top: 90px;\n            }\n        }\n        &-large{}\n    }\n    &-bottom{\n        &-default{}\n\n        &-smaller{\n            padding-bottom: 40px;\n\n            @media screen and (max-width: 1024px) {\n                padding-bottom: 24px;\n            }\n        }\n        &-small{\n            padding-bottom: 100px;\n\n            @media screen and (max-width: 1024px) {\n                padding-bottom: 75px;\n            }\n        }\n        &-medium{\n            padding-bottom: 130px;\n\n            @media screen and (max-width: 1024px) {\n                padding-bottom: 90px;\n            }\n        }\n        &-large{}\n    }\n}","/* ======================================================================== */\n/* 09. Site header */\n/* ======================================================================== */\n.site-header{\n    .wp-block{\n\n        &-navigation{\n            &-item{\n                &__content{\n                    font-weight: bold;\n                    &:hover,\n                    &:focus{\n                        opacity: .65;\n                    }\n                }\n            }         \n\n            &__responsive{\n                &-container{\n                    @media screen and (max-width: 1024px){\n                        align-items: flex-start;\n                        bottom: 0;\n                        display: none;\n                        justify-content: flex-start;\n                        left: 0;\n                        position: fixed;\n                        right: 0;\n                        top: 0;\n                        z-index: 1;\n                    }\n\n                    // Menu dialog opened\n                    &.is-menu-open{\n                        background-color: inherit;\n                        display: flex;\n                        flex-direction: column;\n                        overflow: auto;\n                        padding: 24px;\n                        z-index: 100000;\n                    }\n                    \n                    \n                    // Hamburger button - open\n                    &-open{\n                        @media screen and (max-width: 1024px) {\n                            display: block;   \n                        }\n                    }\n                    // Hamburger button - close\n                    &-close{}\n                }\n            }\n        }\n    }\n\n    .wp-block-column{\n        &:first-child{\n            @media screen and (max-width: 599px) {\n                flex-basis: 80% !important;\n            }\n        }\n        &:last-child{\n            @media screen and (max-width: 599px) {\n                flex-basis: 20% !important;\n            }\n        }\n    }\n\n    // If header has line\n    &__has-line{\n        border-bottom: 1px solid rgba(153,153,153, .2);\n    }\n}","/* ======================================================================== */\n/* 10. Site footer */\n/* ======================================================================== */\n.site-footer{\n    ul{\n        list-style: none outside none;\n        margin: 0;\n        padding: 0;\n    }\n\n    a{\n        text-decoration: underline;\n        &:hover,\n        &:focus{\n            color: var(--wp--preset--color--black) !important;\n            text-decoration: none;\n        }\n    }\n\n    .wp-block-group > .wp-block-columns > .wp-block-column{\n        @media screen and (max-width: 782.99px) {\n            flex-basis: 100% !important;\n            margin-left: 0;\n            margin-bottom: 2em;\n            text-align: center;\n        }\n\n        &:last-child{\n            @media screen and (max-width: 782.99px) {\n                margin-bottom: 0;\n            }\n        }\n    }\n\n    // If has line\n    &__has-line{\n        border-top: 1px solid rgba(153,153,153, .2);\n    }\n    \n}","/* ======================================================================== */\n/* 11. Site main */\n/* ======================================================================== */\n.site-main{\n\n    // Overwrite default site main if has sidebar\n    &__has-sidebar{\n        &.wp-block-group{\n            > .wp-block-columns{\n                > .wp-block-column{\n                    @media screen and (max-width: 782.99px) {\n                        flex-basis: 100% !important;\n                        margin-left: 0;\n                    }\n\n                    &:last-child{\n                        @media screen and (max-width: 782.99px) {\n                            margin-top: 75px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}","/* ======================================================================== */\n/* 12. Site article */\n/* ======================================================================== */\n.site-article{\n    &__featured-image{\n        &.alignfull{\n            max-width: 100% !important;\n            padding-left: 0;\n            padding-right: 0;\n\n            img{\n                max-height: 780px;\n                object-fit: cover;\n            }\n        }\n    }\n\n    &__title{\n        margin-bottom: 24px;\n    }\n\n    &__meta{\n        display: flex;\n        flex-flow: row wrap;\n        justify-content: center;\n        align-items: center;\n        > div {\n            margin-left: 6px;\n            padding-left: 6px;\n            margin-right: 6px;\n            padding-right: 6px;\n            position: relative;\n\n            &:after{\n                content: \"/\";\n                position: absolute;\n                right: -8px;\n                color: var(--wp--preset--color--gray-second) !important;\n            }\n\n            &.site-article__meta{\n                &-date{\n                    padding-left: 0;\n                    margin-left: 0;\n                }\n                // &-tags{\n                //     padding-right: 0;\n                //     margin-right: 0;\n\n                //     &:after{\n                //         display: none;\n                //     }\n                // }\n                &-author{\n                    &:after{\n                        display: none;\n                    }\n                }\n            }\n\n            a{\n                text-decoration: underline;\n                &:hover,\n                &:focus{\n                    text-decoration: none;\n                }\n            }\n        }\n\n        .wp-block-post-author__name{\n            font-size: var(--wp--preset--font-size--text-smallest) !important;\n            font-weight: normal;\n            color: var(--wp--preset--color--gray-dark) !important;\n        }\n    }\n\n    &__post{\n        letter-spacing: 0;\n\n        a{\n            font-weight: bold;\n            text-decoration: underline;\n            &:hover,\n            &:focus{\n                text-decoration: none;\n            }\n        }\n    }\n\n    // Overwrite default article if has sidebar\n    &__has-sidebar{\n        .site-article{\n            &__featured-image{\n                .alignleft,\n                .alignright{\n                    margin-left: 0;\n                    margin-right: 0;\n                }\n            }\n            &__meta{\n                justify-content: flex-start;\n                padding-bottom: 24px;\n                margin-bottom: 16px;\n                border-bottom: 1px solid rgba(153,153,153, .2);\n                \n                > div{\n\n                    &.site-article__meta-categories{\n                        &:after{\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}","/* ======================================================================== */\n/* 13. Site comment */\n/* ======================================================================== */\n.site-comment{\n    h2{\n        // margin-bottom: 1.6rem;\n    }\n\n    .wp-block-post-comments{\n        h3{\n            // color: var(--wp--preset--color--white) !important;\n            font-size: var(--wp--preset--font-size--text-small);\n        }\n\n        .comment{\n            &-meta{\n                margin-left: 0;\n            }\n\n            &-author{\n\n                a{\n                    color: var(--wp--preset--color--white);\n                    text-decoration: underline;\n\n                    &:hover,\n                    &:focus{\n                        text-decoration: underline;\n                    }\n                }\n            }\n            &-metadata{\n                font-size: var(--wp--preset--font-size--text-smallest);\n                a{\n                    color: var(--wp--preset--color-white);\n                }\n            }\n\n            &-content{\n                a{\n                    color: var(--wp--preset--color-white);\n                    text-decoration: underline;\n                    &:hover,\n                    &:focus{\n                        text-decoration: none;\n                    }\n                }\n            }\n\n            &-reply{\n                &-link{\n                    display: inline-block;\n                    font-size: var(--wp--preset--font-size--text-smallest);\n                    font-weight: bold;\n                    color: var(--wp--preset--color--white);\n                    background-color: var(--wp--preset--color--gray);\n                    padding: 8px 32px;\n                    min-width: 120px;\n                    border-radius: 33px;\n                    text-align: center;\n                    text-decoration: underline;\n                    &:hover,\n                    &:focus{\n                        text-decoration: none;\n                    }\n                }\n                &-title{\n                    font-size: var(--wp--preset--font-size--navigation);\n                    a{\n                        color: var(--wp--preset--color--white);\n                        text-decoration: underline;\n                        &:hover,\n                        &:focus{\n                            text-decoration: none;\n                        }\n                    }\n\n                    small{\n                        margin-left: .5rem;\n                        position: relative;\n                        font-size: 100%;\n                        &:before{\n                            content: '-';\n                            left: 0;\n                            margin-right: .5rem;\n                        }\n                    }\n                }\n            }\n\n            &-form{\n                .logged-in-as{\n                    a{\n                        font-size: var(--wp--preset--font-size--navigation);\n                        color: var(--wp--preset--color--white);\n                        text-decoration: underline;\n\n                        &:hover,\n                        &:focus{\n                            text-decoration: none;\n                        }\n                    }\n                }\n                .comment-notes{\n                    font-size: var(--wp--preset--font-size--navigation);\n                    color: var(--wp--preset--color--white);\n                    .required{\n                        color: red;\n                    }\n                }\n            }\n        }\n\n        .commentlist{\n            .comment{\n                p{\n                    font-size: var(--wp--preset--font-size--navigation);\n                }\n            }\n        }\n\n    }\n\n    .commentlist{\n        margin-top: 1rem;\n        margin-bottom: 5rem;\n    }\n}\n\n// Overwrite default site comment if has sidebar on the site main\n.site-main__has-sidebar{\n    .site-comment {\n        .wp-block-post-comments {\n            .comment-form {\n                .comment-notes{\n                    color: var(--wp--preset--color--gray-dark);\n                }\n            }\n        }\n    }\n}","/* ======================================================================== */\n/* 14. Site sidebar */\n/* ======================================================================== */\n.site-sidebar{\n    a{\n        color: var(--wp--preset--color--gray-dark);\n        text-decoration: underline;\n\n        &:hover,\n        &:focus{\n            text-decoration: none;\n            opacity: 1;\n        }\n    }\n    // Widget\n    .wp-block-latest-comments{\n        padding-left: 0;\n        &__meta{\n            font-size: var(--wp--preset--font-size--text-default);\n        }\n        &__comment{\n            &-author{\n                \n            }\n\n            &-date{\n                margin-top: 8px;\n                margin-bottom: 16px;\n            }\n        }\n    }\n}","/* ======================================================================== */\n/* 15. Site archive */\n/* ======================================================================== */\n.site-main__archive-title,\n.site-main__archive-description{\n    ~ .site-main__loop{\n        padding-top: 75px;\n\n        @media screen and (max-width: 1024px) {\n            padding-top: 40px;\n        }\n    }\n}"]}