/* Theme Name: Artpop Description: Used to style blocks in the editor. */ .editor-styles-wrapper { max-width: 100% !important; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } .wp-block { max-width: 760px; } .wp-block[data-align="wide"] .wp-block[data-align="wide"], .wp-block[data-align="full"] .wp-block[data-align="wide"] { max-width: 1200px; } .wp-block .wp-block[data-align="full"] { margin-left: 0; margin-right: 0; } *[data-align="right"] .wp-block-edit, *[data-align="left"] .wp-block-edit { max-width: 50%; } .wp-block[data-align="wide"] { max-width: 1200px; } .wp-block[data-align="full"] { max-width: none; } .wp-block .wp-block { width: 100%; } /* Typography */ .editor-styles-wrapper > * { font-family: 'Inter', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.75; color: #2c2d2e; } .editor-post-title__block .editor-post-title__input { font-family: 'Inter', sans-serif; color: #000; font-size: 36px; font-weight: 400; line-height: 1.5; } .editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6 { font-family: 'Inter', sans-serif; font-weight: 400; color: #000; } .editor-styles-wrapper h1 { font-size: 36px; line-height: 1.25; } .editor-styles-wrapper h2 { font-size: 28px; line-height: 1.5; } .editor-styles-wrapper h3 { font-size: 24px; line-height: 1.5; } .editor-styles-wrapper h4 { font-size: 21px; line-height: 1.5; } .editor-styles-wrapper h5 { font-size: 14px; text-transform: uppercase; line-height: 1.5; } .editor-styles-wrapper h6 { font-size: 16px; font-size: 1rem; line-height: 1.5; } .editor-styles-wrapper h1:first-child, .editor-styles-wrapper h2:first-child, .editor-styles-wrapper h3:first-child, .editor-styles-wrapper h4:first-child, .editor-styles-wrapper h5:first-child, .editor-styles-wrapper h6:first-child { margin-top: 0; } .editor-styles-wrapper .has-small-font-size { font-size: 14px; } .editor-styles-wrapper .has-regular-font-size { font-size: 16px; } .editor-styles-wrapper .has-large-font-size { font-size: 24px; line-height: 1.5; } .editor-styles-wrapper .has-larger-font-size { font-size: 32px; line-height: 1.5; } .editor-styles-wrapper .has-huge-font-size { font-size: 48px; line-height: 1.25; } .editor-styles-wrapper .has-text-color a { color: inherit; } /* Paragraph */ .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter { font-size: 5em; font-weight: 700; margin: 0.125em 0.1em 0 0; } /* Link styles */ .editor-styles-wrapper a, .wp-block-freeform.block-library-rich-text__tinymce a { color: #6fcacc; } /* Read more link */ .editor-styles-wrapper .read-more { display: block; text-align: left; margin: 1rem 0 0; } .editor-styles-wrapper .read-more a { display: inline-block; position: relative; padding: 0 0 0.25rem; border: 0; color: #4B4C4D; font-size: 14px; letter-spacing: 0.05em; font-weight: 400; text-decoration: none; } .editor-styles-wrapper .read-more a:before, .editor-styles-wrapper .read-more a:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; transition: all 0.3s ease-in-out 0s; } .editor-styles-wrapper .read-more a:before { width: 100%; background-color: rgba(0,0,0,.1); z-index: 1; } .editor-styles-wrapper .read-more a:after { width: 0; background-color: currentColor; z-index: 2; } .editor-styles-wrapper .read-more a:hover { color: #0DBAB5; text-decoration: none; } .editor-styles-wrapper .read-more a:hover:after { width: 100%; } /* Alignments */ .editor-styles-wrapper .alignleft, .wp-block-freeform.block-library-rich-text__tinymce .alignleft { margin-right: 32px; } .editor-styles-wrapper .alignright, .wp-block-freeform.block-library-rich-text__tinymce .alignright { margin-left: 32px; } /* Captions */ .editor-styles-wrapper [class^="wp-block-"] figcaption { display: block; font-size: 14px; font-size: 0.875rem; text-align: center; line-height: 1.5; box-sizing: border-box; } .editor-styles-wrapper [class^="wp-block-"]:not(.wp-block-gallery) figcaption { color: #9D9E9E; margin: 0.5rem 0 0; } /* Image */ .wp-block-image.artpop-icon { margin: 0 0 1rem; } .wp-block-image.artpop-icon .aligncenter { margin-top: 0; margin-bottom: 0; } /* Gallery */ .editor-styles-wrapper .wp-block-gallery, .editor-styles-wrapper .wp-block-gallery .blocks-gallery-grid { margin-left: 0; margin-right: 0; padding: 0; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: 1rem; color: #fff; padding: 3rem 1rem 1.5rem; margin: 0; background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.1) 70%,transparent); } .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a { color: #fff; } .page-template-full-width .wp-block-gallery .blocks-gallery-image figcaption, .page-template-full-width .wp-block-gallery .blocks-gallery-item figcaption, .page-template-no-sidebar .wp-block-gallery .blocks-gallery-image figcaption, .page-template-no-sidebar .blocks-gallery-item figcaption, .has-no-sidebar .wp-block-gallery .blocks-gallery-image figcaption, .has-no-sidebar .blocks-gallery-item figcaption { font-size: 1.125rem; } /* Quote */ .editor-styles-wrapper .wp-block-quote { border: 0; margin: 2rem 0; padding: 0 2rem; } .editor-styles-wrapper .wp-block-quote cite, .editor-styles-wrapper .wp-block-quote footer, .editor-styles-wrapper .wp-block-quote .wp-block-quote__citation { position: relative; margin-top: 0.5rem; font-size: 14px; font-style: normal; color: #9D9E9E; line-height: 1.5; } .editor-styles-wrapper .wp-block-quote cite:before, .editor-styles-wrapper .wp-block-quote footer:before, .editor-styles-wrapper .wp-block-quote .wp-block-quote__citation:before { content: ""; display: inline-block; vertical-align: middle; height: 1px; width: 32px; margin-right: 8px; background-color: rgba(0,0,0,.08); } .editor-styles-wrapper .wp-block-quote.is-style-large, .editor-styles-wrapper .wp-block-quote.is-large { } .editor-styles-wrapper .wp-block-quote.is-style-large p, .editor-styles-wrapper .wp-block-quote.is-large p { font-size: 24px; line-height: 1.5; } .editor-styles-wrapper .wp-block-quote.is-style-large cite, .editor-styles-wrapper .wp-block-quote.is-large cite, .editor-styles-wrapper .wp-block-quote.is-style-large footer, .editor-styles-wrapper .wp-block-quote.is-large footer, .editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation, .editor-styles-wrapper .wp-block-quote.is-large .wp-block-quote__citation { font-size: 16px; } /* Cover */ .wp-block-cover-image, .wp-block-cover { min-height: 480px; } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { max-width: 760px; } .wp-block-cover-image h1, .wp-block-cover h1, .wp-block-cover-image h2, .wp-block-cover h2, .wp-block-cover-image h3, .wp-block-cover h3, .wp-block-cover-image h4, .wp-block-cover h4, .wp-block-cover-image p, .wp-block-cover p { margin-top: 1rem; margin-bottom: 1rem; } /* Code */ .wp-block-code { padding: 0; border: 0; } .wp-block-code .editor-plain-text { padding: 2px 4px; font-family: Menlo, Consolas, monospace; font-size: 14px; line-height: 1.75; background-color: #F8F8F9; border: 0; } /* Classic */ .wp-block-freeform.block-library-rich-text__tinymce blockquote { border-left: 0; quotes: "" ""; position: relative; margin: 2rem 0; padding: 0 1rem; font-style: italic; box-shadow: none; } .wp-block-freeform.block-library-rich-text__tinymce blockquote p { position: relative; margin: 1rem 0; font-size: 1.125rem; } .wp-block-freeform.block-library-rich-text__tinymce blockquote > p:first-child { padding-top: 2rem; } /* Pullquote */ .wp-block-pullquote { margin: 20px 0; padding: 0 20px; border: 0; } .editor-styles-wrapper .wp-block-pullquote blockquote, .editor-styles-wrapper .wp-block-pullquote blockquote { margin: 0; padding: 0; border: 0; } .editor-styles-wrapper .wp-block-pullquote blockquote:before, .editor-styles-wrapper .wp-block-pullquote blockquote:before { content: none; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote .wp-block-pullquote__citation { margin-top: 8px; font-size: 14px; text-transform: none; color: #9d9e9e; line-height: 1.5; } .wp-block-pullquote blockquote > .editor-rich-text p { font-size: 24px; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { font-size: 16px; } /* Verse */ .editor-styles-wrapper .wp-block-verse, .editor-styles-wrapper .wp-block-verse pre { padding: 0; background-color: transparent; } /* Table */ .editor-styles-wrapper table.wp-block-table th, .editor-styles-wrapper table.wp-block-table td { padding: 0; } .wp-block-table__cell-content { padding: 16px; } /* Buttons */ .editor-styles-wrapper .wp-block-button__link, .editor-styles-wrapper .wp-block-file__button { padding: 0.5rem 1.5rem; background: #2c2d2e; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.5; -webkit-border-radius: 0; border-radius: 0; } .editor-styles-wrapper .is-style-outline .wp-block-button__link { background: none; color: #2c2d2e; border-color: currentColor; } /* Media & Text */ .wp-block-media-text *:last-child { margin-bottom: 0; } /* Separator */ .editor-styles-wrapper .wp-block-separator { border: 0; color: #2c2d2e; margin: 2rem auto; } .editor-styles-wrapper .wp-block-separator:not(.is-style-dots) { height: 1px; } .editor-styles-wrapper .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { background-color: #2c2d2e; height: 4px; max-width: 80px; } .editor-styles-wrapper .wp-block-separator.is-style-dots:before { font-size: 2rem; letter-spacing: calc(2 * 1rem); padding-left: calc(2 * 1rem); } /* Archives, Categories & Latest Posts */ .editor-styles-wrapper [data-align="center"] .wp-block-archives, .editor-styles-wrapper [data-align="center"] .wp-block-categories ul, .editor-styles-wrapper [data-align="center"] .wp-block-latest-posts { list-style-position: inside; } .editor-styles-wrapper .wp-block-latest-posts.is-grid li a { color: #2c2d2e; } .editor-styles-wrapper .wp-block-latest-posts.is-grid li a:hover { color: #48C4B6; } @media screen and (min-width: 720px) { .editor-styles-wrapper .wp-block-latest-posts.is-grid li { margin: 0 32px 32px 0; } .editor-styles-wrapper .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 32px); } .editor-styles-wrapper .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 32px); } .editor-styles-wrapper .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 32px); } .editor-styles-wrapper .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 32px); } .editor-styles-wrapper .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 32px); } } /* Latest Comments */ .editor-styles-wrapper .wp-block-latest-comments__comment { margin-bottom: 2rem; } .editor-styles-wrapper .wp-block-latest-comments__comment-meta { font-size: 16px; } .editor-styles-wrapper .wp-block-latest-comments__comment-date { font-size: 14px; color: #9D9E9E; } .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p { font-size: 14px; margin: 0.5rem 0 1rem; } /* Search */ .editor-styles-wrapper .wp-block-search__input { border-radius: 0; border-color: rgba(0,0,0,.08); font-size: 16px; } .editor-styles-wrapper .wp-block-search__button { padding: 0.5rem 1.5rem; background: #2c2d2e; color: #fff; font-size: 16px; font-weight: 700; border: 0; -webkit-border-radius: 0; border-radius: 0; }