//Buttons .wp-block-button { padding: 10px 0; } /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a { color: inherit; } /* CUSTOM COLORS */ :root .has-accent-color { color: #cd2653; } :root .has-accent-background-color { background-color: #cd2653; color: #fff; } :root .has-primary-color { color: #000; } :root .has-primary-background-color { background-color: #000; color: #f5efe0; } :root .has-secondary-color { color: #6d6d6d; } :root .has-secondary-background-color { background-color: #6d6d6d; color: #fff; } :root .has-subtle-background-color { color: #dcd7ca; } :root .has-subtle-background-background-color { background-color: #dcd7ca; color: #000; } :root .has-background-color { color: #f5efe0; } :root .has-background-background-color { background-color: #f5efe0; color: #000; } /* Block Typography Classes ------------------ */ .has-text-align-left { /*rtl:ignore*/ text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } .has-drop-cap:not(:focus)::first-letter { color: #cd2653; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; font-size: 5.1em; font-weight: 800; margin: 0.05em 0.1em 0 0; } .has-drop-cap:not(:focus)::first-letter::after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus)::after { padding: 0; } /* Block Font Families ----------------------- */ .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size { font-size: 0.842em; } .entry-content .has-normal-font-size, .entry-content .has-regular-font-size { font-size: 1em; } .entry-content .has-medium-font-size { font-size: 1.1em; line-height: 1.45; } .entry-content .has-large-font-size { font-size: 1.25em; line-height: 1.4; } .entry-content .has-larger-font-size { font-size: 1.5em; line-height: 1.3; } /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child { margin-top: 0; } *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 3rem; margin-top: 3rem; } /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem; } /* Block: Shared Widget Styles --------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style: none; margin-left: 0; } .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul, .wp-block-latest-comments ul { list-style: none; } .entry-content .wp-block-archives > li, .entry-content .wp-block-categories > li, .entry-content .wp-block-latest-posts > li, .entry-content .wp-block-latest-comment > li { margin-left: 0; } .entry-content .wp-block-archives > li:last-child, .entry-content .wp-block-categories > li:last-child, .entry-content .wp-block-latest-posts > li:last-child, .entry-content .wp-block-latest-comment > li:last-child { margin-bottom: 0; } .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments * { font-family: inherit; } .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li { color: #6d6d6d; } .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a { font-weight: 700; text-decoration: none; } .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-posts a, .wp-block-latest-comments__comment-meta { font-weight: 700; letter-spacing: -0.025em; line-height: 1.25; } .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date { color: #6d6d6d; font-size: 0.7em; font-weight: 600; letter-spacing: normal; margin-top: 0.15em; } /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption { color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem; } /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%; } /* Block: Button ----------------------------- */ .wp-block-button { margin: 3rem 0; } .wp-block-button.is-style-outline { color: #cd2653; } .is-style-outline .wp-block-button__link:not(.has-text-color) { color: inherit; } .is-style-outline .wp-block-button__link { padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem); } /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem; } .wp-block-column { margin-bottom: 3.2rem; } .wp-block-column > *:first-child { margin-top: 0; } .wp-block-column > *:last-child { margin-bottom: 0; } /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem); padding: 2rem 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0; } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem; } /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .wp-block-file a:not(.wp-block-file__button) { font-weight: 700; text-decoration: none; } .wp-block-file a:not(.wp-block-file__button):not(:last-child) { margin-right: 1rem; } .wp-block-file a:not(.wp-block-file__button):focus, .wp-block-file a:not(.wp-block-file__button):hover { text-decoration: underline; } .wp-block-file .wp-block-file__button { font-size: 1.5rem; padding: 1em 1.25em; } .wp-block-file a.wp-block-file__button:visited { opacity: 1; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: 1; text-decoration: underline; } /* Block: Gallery ---------------------------- */ .wp-block-gallery ul { list-style: none; margin: 0 0 -1.6rem 0; } figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 3rem; margin-top: 3rem; } figure.wp-block-gallery.alignleft { margin: 0.3rem 2rem 2rem 0; } figure.wp-block-gallery.alignright { margin: 0.3rem 0 2rem 2rem; } figure.wp-block-gallery.alignwide { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignfull { margin-bottom: 5rem; margin-top: 5rem; } /* Block: Group ------------------------------ */ .wp-block-group.has-background { padding: 2rem; margin-bottom: 0; margin-top: 0; } .wp-block-group__inner-container { margin: 0 auto; } .wp-block-group__inner-container, .entry-content .wp-block-group p { max-width: 100%; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 2rem; padding-right: 2rem; } /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem; } .wp-block-media-text .wp-block-media-text__content p { max-width: none; } .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text__content > *:last-child { margin-bottom: 0; } /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem); } .wp-block-pullquote::before { background: #fff; border-radius: 50%; color: #cd2653; content: "”"; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem; } .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem; } .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0; } .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote p:last-of-type { margin-bottom: 0; } .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem; } .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right; } .wp-block-pullquote.alignleft::before { margin-left: 0; } .wp-block-pullquote.alignright::before { margin-right: 0; } /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color { padding: 3rem 2rem; } .wp-block-pullquote.is-style-solid-color::before { position: absolute; top: 0; left: 50%; transform: translateY(-50%) translateX(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { transform: translateY(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before { left: 2rem; } .wp-block-pullquote.is-style-solid-color.alignright::before { left: auto; right: 2rem; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; text-align: inherit; } .wp-block-pullquote.is-style-solid-color cite { color: inherit; } /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0; } /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%; } /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto; } .wp-block-separator.is-style-dots::after { content: none; } /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input { width: auto; } /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca; } figure.wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes table { border-collapse: inherit; } /* Block: Quote ------------------------------ */ .wp-block-quote p, .wp-block-quote cite { text-align: inherit; } .wp-block-quote[style="text-align:center"] { border-width: 0; padding: 0; } .wp-block-quote[style="text-align:right"] { /*rtl:begin:ignore*/ border-width: 0 0.2rem 0 0; padding: 0 2rem 0 0; /*rtl:end:ignore*/ } /* STYLE: LARGE */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; padding: 0; margin-left: auto; margin-right: auto; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-family: inherit; font-size: 2.4rem; font-style: normal; font-weight: 700; letter-spacing: -0.02em; line-height: 1.285; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.6rem; text-align: inherit; } /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li { margin: 2rem 0; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 5.5rem; } .entry-content .wp-block-latest-comments a { text-decoration: none; } .entry-content .wp-block-latest-comments a:hover, .entry-content .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-comments__comment { font-size: inherit; } .wp-block-latest-comments__comment-date { margin-top: 0.4em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.7em; margin: 0.9rem 0 2rem 0; } /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li { border-top: 0.2rem solid #dcd7ca; margin-top: 2rem; padding-top: 1rem; } .wp-block-latest-posts.has-dates { list-style: none; } .wp-block-latest-posts.has-dates:not(.is-grid) li { margin-top: 1.5rem; } .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { margin-top: 0; }