123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527 |
- /**
- * These styles should be loaded by the Block Editor only
- */
- /**
- * Repsonsive Styles
- */
- /**
- * Required Variables
- */
- /**
- * Root Media Query Variables
- */
- :root {
- --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
- --responsive--aligndefault-width: 100%;
- --responsive--alignwide-width: 100%;
- --responsive--alignfull-width: 100%;
- --responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
- --responsive--alignright-margin: var(--global--spacing-horizontal);
- --responsive--alignleft-margin: var(--global--spacing-horizontal);
- }
- @media only screen and (min-width: 482px) {
- :root {
- --responsive--aligndefault-width: calc(482px - var(--responsive--spacing-horizontal));
- --responsive--alignwide-width: calc(482px - var(--responsive--spacing-horizontal));
- --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- }
- }
- @media only screen and (min-width: 592px) {
- :root {
- --responsive--aligndefault-width: calc(482px - var(--responsive--spacing-horizontal));
- --responsive--alignwide-width: calc(592px - var(--responsive--spacing-horizontal));
- --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- }
- }
- @media only screen and (min-width: 652px) {
- :root {
- --responsive--aligndefault-width: calc(592px - var(--responsive--spacing-horizontal));
- --responsive--alignwide-width: calc(652px - var(--responsive--spacing-horizontal));
- --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- }
- }
- @media only screen and (min-width: 822px) {
- :root {
- --responsive--aligndefault-width: calc(652px - var(--responsive--spacing-horizontal));
- --responsive--alignwide-width: calc(822px - var(--responsive--spacing-horizontal));
- --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- }
- }
- @media only screen and (min-width: 1024px) {
- :root {
- --responsive--aligndefault-width: calc(652px - var(--responsive--spacing-horizontal));
- --responsive--alignwide-width: calc(822px - var(--responsive--spacing-horizontal));
- --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
- }
- }
- /**
- * Extends
- */
- .default-max-width {
- max-width: var(--responsive--aligndefault-width);
- margin-left: auto;
- margin-right: auto;
- }
- .wide-max-width {
- max-width: var(--responsive--alignwide-width);
- margin-left: auto;
- margin-right: auto;
- }
- @media only screen and (min-width: 482px) {
- .full-max-width {
- max-width: var(--responsive--alignfull-width);
- width: auto;
- margin-left: auto;
- margin-right: auto;
- }
- }
- /**
- * Output
- */
- body {
- --wp--typography--line-height: var(--global--line-height-body);
- color: var(--global--color-foreground);
- background-color: var(--global--color-background);
- font-family: var(--global--font-secondary);
- font-size: var(--global--font-size-root);
- font-weight: normal;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- }
- .editor-post-title__block {
- font-size: var(--global--font-size-root);
- }
- a {
- border-bottom: 1px solid var(--global--color-secondary);
- color: var(--global--color-primary);
- text-decoration: none;
- }
- a:hover, a:focus {
- color: var(--global--color-primary-hover);
- }
- a:active {
- color: var(--global--color-primary);
- }
- button,
- a {
- cursor: pointer;
- }
- /**
- * Elements
- * - Styles for basic HTML elemants
- */
- blockquote {
- margin: 0;
- padding: 0;
- }
- blockquote p {
- font-size: var(--heading--font-size-h4);
- letter-spacing: var(--heading--letter-spacing-h4);
- line-height: var(--heading--line-height);
- }
- blockquote cite,
- blockquote footer {
- color: var(--global--color-foreground-light);
- font-size: var(--global--font-size-xs);
- letter-spacing: var(--global--letter-spacing-xs);
- }
- blockquote > * {
- margin-top: var(--global--spacing-unit);
- margin-bottom: var(--global--spacing-unit);
- }
- blockquote > *:first-child {
- margin-top: 0;
- }
- blockquote > *:last-child {
- margin-bottom: 0;
- }
- blockquote.alignleft, blockquote.alignright {
- padding-left: inherit;
- }
- blockquote.alignleft p, blockquote.alignright p {
- font-size: var(--heading--font-size-h5);
- max-width: inherit;
- width: inherit;
- }
- blockquote.alignleft cite,
- blockquote.alignleft footer, blockquote.alignright cite,
- blockquote.alignright footer {
- font-size: var(--global--font-size-xs);
- letter-spacing: var(--global--letter-spacing-xs);
- }
- /* Media captions */
- figcaption,
- .wp-caption,
- .wp-caption-text {
- color: var(--global--color-foreground-light);
- font-size: var(--global--font-size-xs);
- line-height: var(--global--font-line-height-xs);
- margin-top: calc(0.5 * var(--global--spacing-unit));
- margin-bottom: var(--global--spacing-unit);
- text-align: center;
- }
- .alignleft figcaption,
- .alignright figcaption, .alignleft
- .wp-caption,
- .alignright
- .wp-caption, .alignleft
- .wp-caption-text,
- .alignright
- .wp-caption-text {
- margin-bottom: 0;
- }
- /* WP Smiley */
- .page-content .wp-smiley,
- .entry-content .wp-smiley,
- .comment-content .wp-smiley {
- border: none;
- margin-bottom: 0;
- margin-top: 0;
- padding: 0;
- }
- /* Make sure embeds and iframes fit their containers. */
- embed,
- iframe,
- object {
- max-width: 100%;
- }
- .wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
- margin-bottom: calc(0.5 * var(--global--spacing-vertical));
- }
- .wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
- margin-right: var(--global--spacing-vertical);
- }
- .wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
- margin-left: var(--global--spacing-vertical);
- }
- .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
- padding: var(--global--spacing-vertical);
- }
- .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
- color: var(--global--color-white);
- }
- .wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
- color: currentColor;
- }
- .wp-block-a8c-blog-posts .article-section-title {
- font-size: var(--global--font-size-base);
- margin-top: 0;
- margin-bottom: calc(0.5 * var(--global--spacing-vertical));
- }
- .wp-block-a8c-blog-posts article {
- margin-bottom: calc(3 * var(--global--spacing-vertical));
- }
- .wp-block-a8c-blog-posts .post-thumbnail img {
- vertical-align: middle;
- width: auto;
- }
- .wp-block-a8c-blog-posts .entry-wrapper > * {
- /* Vertical margins logic between post details */
- margin-top: var(--global--spacing-unit);
- margin-bottom: var(--global--spacing-unit);
- }
- .wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
- margin-top: 0;
- }
- .wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
- margin-bottom: 0;
- }
- .wp-block-a8c-blog-posts .entry-title a {
- color: var(--global--color-primary);
- }
- .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
- [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
- color: currentColor;
- }
- .wp-block-a8c-blog-posts .entry-title a:hover {
- color: var(--global--color-primary-hover);
- text-decoration: underline;
- }
- .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
- [style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
- color: currentColor;
- }
- .wp-block-a8c-blog-posts .more-link {
- display: block;
- color: inherit;
- margin-top: var(--global--spacing-unit);
- }
- .wp-block-a8c-blog-posts .more-link:after {
- content: "\02192";
- display: inline-block;
- margin-left: 0.5em;
- }
- .wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
- color: var(--global--color-primary-hover);
- text-decoration: none;
- }
- .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
- [style*="background-color"] .wp-block-a8c-blog-posts .more-link:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
- [style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
- color: currentColor;
- }
- .wp-block-a8c-blog-posts .entry-meta,
- .wp-block-a8c-blog-posts .cat-links {
- color: var(--global--color-foreground-light);
- font-size: var(--global--font-size-sm);
- }
- .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
- [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
- .wp-block-a8c-blog-posts .cat-links,
- [class*="background-color"]:not(.has-background-background-color)
- .wp-block-a8c-blog-posts .cat-links,
- [style*="background-color"]
- .wp-block-a8c-blog-posts .cat-links {
- color: currentColor;
- }
- .wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child),
- .wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
- margin-right: var(--global--spacing-unit);
- }
- .wp-block-a8c-blog-posts .entry-meta .published + .updated,
- .wp-block-a8c-blog-posts .cat-links .published + .updated {
- display: none;
- }
- .wp-block-a8c-blog-posts .entry-meta a,
- .wp-block-a8c-blog-posts .cat-links a {
- color: currentColor;
- text-decoration: underline;
- }
- .wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
- .wp-block-a8c-blog-posts .cat-links a:hover,
- .wp-block-a8c-blog-posts .cat-links a:active {
- color: var(--global--color-primary-hover);
- text-decoration: none;
- }
- .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
- [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
- [style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
- .wp-block-a8c-blog-posts .cat-links a:hover,
- [class*="background-color"]:not(.has-background-background-color)
- .wp-block-a8c-blog-posts .cat-links a:hover,
- [style*="background-color"]
- .wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
- .wp-block-a8c-blog-posts .cat-links a:active,
- [class*="background-color"]:not(.has-background-background-color)
- .wp-block-a8c-blog-posts .cat-links a:active,
- [style*="background-color"]
- .wp-block-a8c-blog-posts .cat-links a:active {
- color: currentColor;
- }
- .wp-block-a8c-blog-posts + .button, .wp-block-search .wp-block-search__button {
- line-height: var(--button--line-height);
- color: var(--button--color-text);
- cursor: pointer;
- font-weight: var(--button--font-weight);
- font-family: var(--button--font-family);
- font-size: var(--button--font-size);
- background-color: var(--button--color-background);
- border-radius: var(--button--border-radius);
- border-width: 0;
- text-decoration: none;
- padding: var(--button--padding-vertical) var(--button--padding-horizontal);
- }
- .wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-search .wp-block-search__button:after {
- content: '';
- display: block;
- height: 0;
- width: 0;
- }
- .wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:before {
- margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
- }
- .wp-block-a8c-blog-posts + .button:after, .wp-block-search .wp-block-search__button:after {
- margin-top: -calc(.5em * var(--button--line-height) + -.39);
- }
- .wp-block-a8c-blog-posts + .button:active, .wp-block-search .wp-block-search__button:active {
- color: var(--button--color-text-active);
- background-color: var(--button--color-background-active);
- }
- .wp-block-a8c-blog-posts + .button:hover, .wp-block-search .wp-block-search__button:hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .wp-block-search .has-focus.wp-block-search__button {
- color: var(--button--color-text-hover);
- background-color: var(--button--color-background-hover);
- }
- .wp-block-a8c-blog-posts + .button {
- display: inline-block;
- font-size: var(--global--font-size-md);
- }
- .wp-block-a8c-blog-posts + .button:hover {
- cursor: default;
- }
- .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
- [style*="background-color"] .wp-block-a8c-blog-posts + .button {
- background-color: transparent;
- border: var(--button--border-width, 2px) solid currentColor;
- color: currentColor;
- }
- .wp-block-button__link {
- color: var(--button--color-text);
- font-weight: var(--button--font-weight);
- font-family: var(--button--font-family);
- font-size: var(--button--font-size);
- line-height: var(--button--line-height);
- background-color: var(--button--color-background);
- border-radius: var(--button--border-radius);
- padding: var(--button--padding-vertical) var(--button--padding-horizontal);
- }
- .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link.has-focus {
- color: var(--button--color-text-hover);
- background-color: var(--button--color-background-hover);
- }
- .wp-block-button__link.is-style-outline,
- .is-style-outline .wp-block-button__link {
- color: var(--button--color-background);
- background: transparent;
- border: 2px solid currentcolor;
- }
- .wp-block-button__link.is-style-squared,
- .is-style-squared .wp-block-button__link {
- border-radius: 0;
- }
- div[data-type="core/button"] {
- display: block;
- }
- .wp-block-cover,
- .wp-block-cover-image {
- background-color: var(--cover--color-foreground);
- min-height: var(--cover--height);
- margin-top: inherit;
- margin-bottom: inherit;
- }
- .wp-block-cover .wp-block-cover__inner-container,
- .wp-block-cover .wp-block-cover-image-text,
- .wp-block-cover .wp-block-cover-text,
- .wp-block-cover .block-editor-block-list__block,
- .wp-block-cover-image .wp-block-cover__inner-container,
- .wp-block-cover-image .wp-block-cover-image-text,
- .wp-block-cover-image .wp-block-cover-text,
- .wp-block-cover-image .block-editor-block-list__block {
- color: currentColor;
- }
- .wp-block-cover .wp-block-cover__inner-container a,
- .wp-block-cover .wp-block-cover-image-text a,
- .wp-block-cover .wp-block-cover-text a,
- .wp-block-cover .block-editor-block-list__block a,
- .wp-block-cover-image .wp-block-cover__inner-container a,
- .wp-block-cover-image .wp-block-cover-image-text a,
- .wp-block-cover-image .wp-block-cover-text a,
- .wp-block-cover-image .block-editor-block-list__block a {
- color: currentColor;
- }
- .wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container,
- .wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text,
- .wp-block-cover:not([class*='background-color']) .wp-block-cover-text,
- .wp-block-cover:not([class*='background-color']) .block-editor-block-list__block,
- .wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container,
- .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
- .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text,
- .wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block {
- color: var(--cover--color-background);
- }
- .wp-block-cover h2,
- .wp-block-cover-image h2 {
- font-size: var(--heading--font-size-h2);
- letter-spacing: var(--heading--letter-spacing-h2);
- line-height: var(--heading--line-height);
- padding: 0;
- max-width: inherit;
- text-align: inherit;
- }
- .wp-block-cover h2.has-text-align-left,
- .wp-block-cover-image h2.has-text-align-left {
- text-align: left;
- }
- .wp-block-cover h2.has-text-align-center,
- .wp-block-cover-image h2.has-text-align-center {
- text-align: center;
- }
- .wp-block-cover h2.has-text-align-right,
- .wp-block-cover-image h2.has-text-align-right {
- text-align: right;
- }
- .wp-block-file .wp-block-file__textlink {
- border-bottom: 1px solid var(--global--color-secondary);
- color: var(--global--color-primary);
- text-decoration: none;
- }
- .wp-block-file .wp-block-file__button {
- color: var(--button--color-text);
- font-weight: var(--button--font-weight);
- font-family: var(--button--font-family);
- font-size: var(--button--font-size);
- line-height: var(--button--line-height);
- background-color: var(--button--color-background);
- border-radius: var(--button--border-radius);
- padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
- }
- .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
- color: var(--button--color-text-hover);
- background-color: var(--button--color-background-hover);
- }
- .wp-block-gallery figcaption {
- margin-bottom: 0;
- }
- .wp-block-group.has-background {
- padding: var(--global--spacing-vertical);
- }
- .wp-block-group:not(.has-background) .wp-block-group__inner-container {
- padding-left: var(--global--spacing-horizontal);
- padding-right: var(--global--spacing-horizontal);
- }
- .wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
- margin: 0;
- width: 100%;
- }
- .wp-block-heading h1, h1, .h1,
- .wp-block-heading h2, h2, .h2,
- .wp-block-heading h3, h3, .h3,
- .wp-block-heading h4, h4, .h4,
- .wp-block-heading h5, h5, .h5,
- .wp-block-heading h6, h6, .h6 {
- clear: both;
- font-family: var(--heading--font-family);
- font-weight: var(--heading--font-weight);
- }
- .wp-block-heading h1 strong, h1 strong, .h1 strong,
- .wp-block-heading h2 strong, h2 strong, .h2 strong,
- .wp-block-heading h3 strong, h3 strong, .h3 strong,
- .wp-block-heading h4 strong, h4 strong, .h4 strong,
- .wp-block-heading h5 strong, h5 strong, .h5 strong,
- .wp-block-heading h6 strong, h6 strong, .h6 strong {
- font-weight: var(--heading--font-weight-strong);
- }
- .wp-block-heading h1, h1, .h1 {
- font-size: var(--heading--font-size-h1);
- letter-spacing: var(--heading--letter-spacing-h1);
- line-height: var(--heading--line-height-h1);
- }
- .wp-block-heading h2, h2, .h2 {
- font-size: var(--heading--font-size-h2);
- letter-spacing: var(--heading--letter-spacing-h2);
- line-height: var(--heading--line-height-h2);
- }
- .wp-block-heading h3, h3, .h3 {
- font-size: var(--heading--font-size-h3);
- letter-spacing: var(--heading--letter-spacing-h3);
- line-height: var(--heading--line-height-h3);
- }
- .wp-block-heading h4, h4, .h4 {
- font-size: var(--heading--font-size-h4);
- letter-spacing: var(--heading--letter-spacing-h4);
- line-height: var(--heading--line-height-h4);
- }
- .wp-block-heading h5, h5, .h5 {
- font-size: var(--heading--font-size-h5);
- letter-spacing: var(--heading--letter-spacing-h5);
- line-height: var(--global--line-height-body-h5);
- }
- .wp-block-heading h6, h6, .h6 {
- font-size: var(--heading--font-size-h6);
- letter-spacing: var(--heading--letter-spacing-h6);
- line-height: var(--global--line-height-body-h6);
- }
- .wp-block-heading h1[style*="--wp--typography--line-height"], h1[style*="--wp--typography--line-height"], .h1[style*="--wp--typography--line-height"],
- .wp-block-heading h2[style*="--wp--typography--line-height"], h2[style*="--wp--typography--line-height"], .h2[style*="--wp--typography--line-height"],
- .wp-block-heading h3[style*="--wp--typography--line-height"], h3[style*="--wp--typography--line-height"], .h3[style*="--wp--typography--line-height"],
- .wp-block-heading h4[style*="--wp--typography--line-height"], h4[style*="--wp--typography--line-height"], .h4[style*="--wp--typography--line-height"],
- .wp-block-heading h5[style*="--wp--typography--line-height"], h5[style*="--wp--typography--line-height"], .h5[style*="--wp--typography--line-height"],
- .wp-block-heading h6[style*="--wp--typography--line-height"], h6[style*="--wp--typography--line-height"], .h6[style*="--wp--typography--line-height"] {
- line-height: var(--wp--typography--line-height);
- }
- /* Center image block by default in the editor */
- .wp-block-image > div {
- text-align: center;
- }
- [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
- margin: 0 auto;
- }
- .wp-block-latest-comments {
- margin-left: 0;
- }
- .wp-block-latest-posts {
- padding-left: 0;
- }
- .wp-block-latest-posts:not(.is-grid) > li {
- margin-top: var(--global--spacing-vertical);
- margin-bottom: var(--global--spacing-vertical);
- }
- .wp-block-latest-posts:not(.is-grid) > li:first-child {
- margin-top: 0;
- }
- .wp-block-latest-posts:not(.is-grid) > li:last-child {
- margin-bottom: 0;
- }
- .wp-block-latest-posts.is-grid > li {
- margin-bottom: var(--global--spacing-vertical);
- }
- .wp-block-latest-posts.is-grid > li:last-child {
- margin-bottom: 0;
- }
- .wp-block-latest-posts > li > * {
- margin-top: calc(0.5 * var(--global--spacing-vertical));
- margin-bottom: calc(0.5 * var(--global--spacing-vertical));
- }
- .wp-block-latest-posts > li > *:first-child {
- margin-top: 0;
- }
- .wp-block-latest-posts > li > *:last-child {
- margin-bottom: 0;
- }
- .wp-block-latest-posts > li > a {
- font-family: var(--latest-posts--title-font-family);
- font-size: var(--latest-posts--title-font-size);
- font-weight: var(--heading--font-weight);
- line-height: var(--global--line-height-heading);
- }
- .wp-block-latest-posts .wp-block-latest-posts__post-date {
- color: var(--global--color-foreground-light);
- font-size: var(--global--font-size-xs);
- line-height: var(--global--line-height-body);
- }
- [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
- .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
- color: currentColor;
- }
- .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
- .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
- font-family: var(--latest-posts--description-font-family);
- font-size: var(--latest-posts--description-font-size);
- line-height: var(--global--line-height-body);
- }
- .gallery-item {
- display: inline-block;
- text-align: center;
- vertical-align: top;
- width: 100%;
- }
- .gallery-columns-2 .gallery-item {
- max-width: 50%;
- }
- .gallery-columns-3 .gallery-item {
- max-width: 33.33%;
- }
- .gallery-columns-4 .gallery-item {
- max-width: 25%;
- }
- .gallery-columns-5 .gallery-item {
- max-width: 20%;
- }
- .gallery-columns-6 .gallery-item {
- max-width: 16.66%;
- }
- .gallery-columns-7 .gallery-item {
- max-width: 14.28%;
- }
- .gallery-columns-8 .gallery-item {
- max-width: 12.5%;
- }
- .gallery-columns-9 .gallery-item {
- max-width: 11.11%;
- }
- .gallery-caption {
- display: block;
- }
- ul,
- ol {
- font-family: var(--list--font-family);
- margin: var(--global--spacing-vertical) 0;
- padding-left: calc( 2 * var(--global--spacing-horizontal));
- }
- ul.aligncenter,
- ol.aligncenter {
- list-style-position: inside;
- padding: 0;
- }
- ul.alignright,
- ol.alignright {
- list-style-position: inside;
- text-align: right;
- padding: 0;
- }
- li > ul,
- li > ol {
- margin: 0;
- }
- dt {
- font-family: var(--definition-term--font-family);
- font-weight: bold;
- }
- .wp-block-media-text .block-editor-inner-blocks {
- padding-right: var(--global--spacing-horizontal);
- padding-left: var(--global--spacing-horizontal);
- }
- .wp-block-media-text[style*="background-color"]:not(.has-background-background-color) a {
- color: currentColor;
- }
- .wp-block-navigation .wp-block-navigation__container {
- background: var(--global--color-background);
- padding: 0;
- }
- .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
- padding: var(--primary-nav--padding);
- }
- .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
- font-family: var(--primary-nav--font-family);
- font-size: var(--primary-nav--font-size);
- font-weight: var(--primary-nav--font-weight);
- }
- .wp-block-navigation .has-child .wp-block-navigation__container {
- box-shadow: var(--global--elevation);
- }
- .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
- color: var(--primary-nav--color-link-hover);
- }
- .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
- color: currentColor;
- }
- p {
- line-height: var(--wp--typography--line-height, --global--line-height-body);
- }
- p.has-background {
- padding: var(--global--spacing-unit);
- }
- p.has-background:not(.has-background-background-color) a {
- color: currentColor;
- }
- .a8c-posts-list {
- padding-left: 0;
- }
- .wp-block-pullquote {
- padding: calc( 2 * var(--global--spacing-unit)) 0;
- margin-left: 0;
- margin-right: 0;
- text-align: left;
- border-top-color: var(--pullquote--border-color);
- border-top-width: var(--pullquote--border-width);
- border-bottom-color: var(--pullquote--border-color);
- border-bottom-width: var(--pullquote--border-width);
- color: var(--pullquote--color-foreground);
- }
- .wp-block-pullquote p {
- font-family: var(--pullquote--font-family);
- font-size: var(--pullquote--font-size);
- font-style: var(--pullquote--font-style);
- letter-spacing: var(--pullquote--letter-spacing);
- line-height: var(--pullquote--line-height);
- margin: 0;
- }
- .wp-block-pullquote a {
- color: currentColor;
- }
- .wp-block-pullquote .wp-block-pullquote__citation,
- .wp-block-pullquote cite,
- .wp-block-pullquote footer {
- color: var(--global--color-foreground-light);
- font-size: var(--global--font-size-xs);
- }
- .wp-block-pullquote:not(.is-style-solid-color) {
- background: none;
- }
- .wp-block-pullquote.is-style-solid-color {
- background-color: var(--pullquote--color-foreground);
- color: var(--pullquote--color-background);
- padding: calc( 2 * var(--global--spacing-unit));
- }
- .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
- .wp-block-pullquote.is-style-solid-color.alignright blockquote {
- padding-left: var(--global--spacing-unit);
- padding-right: var(--global--spacing-unit);
- max-width: inherit;
- }
- .wp-block-pullquote.is-style-solid-color blockquote {
- margin: 0;
- text-align: left;
- max-width: 100%;
- }
- .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
- .wp-block-pullquote.is-style-solid-color cite,
- .wp-block-pullquote.is-style-solid-color footer {
- color: currentColor;
- }
- .wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
- padding: 0 calc( 2 * var(--global--spacing-unit));
- }
- .wp-block-quote {
- border-left-color: var(--quote--border-color);
- border-left-width: var(--quote--border-width);
- margin: var(--global--spacing-vertical) 0;
- padding-left: var(--global--spacing-horizontal);
- }
- .wp-block-quote p {
- font-family: var(--quote--font-family);
- font-size: var(--quote--font-size);
- font-style: var(--quote--font-style);
- line-height: var(--quote--line-height);
- }
- .wp-block-quote.is-large, .wp-block-quote.is-style-large {
- border-left: var(--quote--border-width) solid var(--quote--border-color);
- padding-left: var(--global--spacing-horizontal);
- /* Resetting margins to match _block-container.scss */
- margin-top: var(--global--spacing-vertical);
- margin-bottom: var(--global--spacing-vertical);
- }
- .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
- font-size: var(--quote--font-size-large);
- font-style: var(--quote--font-style-large);
- line-height: var(--quote--line-height-large);
- }
- .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
- border-left: none;
- border-right: var(--quote--border-width) solid var(--quote--border-color);
- }
- .wp-block-quote.has-text-align-right {
- border-right: var(--quote--border-width) solid var(--quote--border-color);
- }
- .wp-block-quote.has-text-align-center {
- border: none;
- }
- .has-background:not(.has-background-background-color) .wp-block-quote,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
- [style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
- .wp-block-cover[style*="background-image"] .wp-block-quote {
- border-color: currentColor;
- }
- .wp-block-quote .wp-block-quote__citation {
- color: var(--global--color-foreground-light);
- font-size: var(--global--font-size-xs);
- }
- .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
- [style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
- .wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
- color: currentColor;
- }
- .wp-block-search {
- display: flex;
- max-width: var(--responsive--aligndefault-width);
- }
- .wp-block-search .wp-block-search__label {
- font-weight: normal;
- }
- .wp-block-search .wp-block-search__input {
- border: var(--form--border-width) solid var(--form--border-color);
- border-radius: var(--form--border-radius);
- font-family: var(--form--font-family);
- font-size: var(--form--font-size);
- line-height: var(--form--line-height);
- max-width: inherit;
- margin-right: calc( .66 * var(--global--spacing-horizontal));
- padding: var(--form--spacing-unit);
- }
- .wp-block-search .wp-block-search__input:focus {
- border-color: var(--form--border-color);
- }
- .wp-block-separator,
- hr {
- border-bottom: var(--separator--height) solid var(--separator--border-color);
- clear: both;
- }
- .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
- hr[style*="text-align:right"],
- hr[style*="text-align: right"] {
- border-right-color: var(--separator--border-color);
- }
- .wp-block-separator.is-style-wide,
- hr.is-style-wide {
- border-bottom-width: var(--separator--height);
- }
- .wp-block-separator.is-style-dots,
- hr.is-style-dots {
- border-bottom: none;
- }
- .wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
- hr.is-style-dots.has-background,
- hr.is-style-dots.has-text-color {
- background-color: transparent !important;
- }
- .wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
- hr.is-style-dots.has-background:before,
- hr.is-style-dots.has-text-color:before {
- color: currentColor !important;
- }
- .wp-block-separator.is-style-dots:before,
- hr.is-style-dots:before {
- color: var(--separator--border-color);
- }
- .has-background:not(.has-background-background-color) .wp-block-separator,
- [class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
- [style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
- .wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
- hr,
- [class*="background-color"]:not(.has-background-background-color)
- hr,
- [style*="background-color"]:not(.has-background-background-color)
- hr,
- .wp-block-cover[style*="background-image"]
- hr {
- border-color: currentColor;
- }
- table th,
- .wp-block-table th {
- font-family: var(--heading--font-family);
- }
- table td,
- table th,
- .wp-block-table td,
- .wp-block-table th {
- padding: calc( 0.5 * var(--global--spacing-unit));
- }
- pre.wp-block-verse {
- padding: 0;
- }
- /**
- * Editor Post Title
- * - Needs a special styles
- */
- .editor-post-title__block .editor-post-title__input {
- color: var(--global--color-foreground);
- font-family: var(--heading--font-family);
- font-weight: var(--heading--font-weight);
- font-size: var(--heading--font-size-h2);
- letter-spacing: var(--heading--letter-spacing-h2);
- line-height: var(--heading--line-height);
- }
- .wp-block.block-editor-default-block-appender > textarea {
- font-family: var(--global--font-secondary);
- font-size: var(--global--font-size-md);
- }
- .has-primary-color[class] {
- color: var(--global--color-primary) !important;
- }
- .has-secondary-color[class] {
- color: var(--global--color-secondary) !important;
- }
- .has-foreground-color[class] {
- color: var(--global--color-foreground) !important;
- }
- .has-foreground-light-color[class] {
- color: var(--global--color-foreground-light) !important;
- }
- .has-foreground-dark-color[class] {
- color: var(--global--color-foreground-dark) !important;
- }
- .has-tertiary-color[class] {
- color: var(--global--color-tertiary) !important;
- }
- .has-background-dark-color[class] {
- color: var(--global--color-background-dark) !important;
- }
- .has-background-color[class] {
- color: var(--global--color-background) !important;
- }
- .has-background:not(.has-background-background-color) a,
- .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
- color: currentColor;
- }
- .has-primary-background-color[class] {
- background-color: var(--global--color-primary) !important;
- color: var(--global--color-background);
- }
- .has-primary-background-color[class] {
- background-color: var(--global--color-primary) !important;
- color: var(--global--color-background);
- }
- .has-secondary-background-color[class] {
- background-color: var(--global--color-secondary) !important;
- color: var(--global--color-background);
- }
- .has-foreground-background-color[class] {
- background-color: var(--global--color-foreground) !important;
- color: var(--global--color-background);
- }
- .has-foreground-light-background-color[class] {
- background-color: var(--global--color-foreground-light) !important;
- color: var(--global--color-background);
- }
- .has-foreground-dark-background-color[class] {
- background-color: var(--global--color-foreground-dark) !important;
- color: var(--global--color-background);
- }
- .has-tertiary-background-color[class] {
- background-color: var(--global--color-tertiary) !important;
- color: var(--global--color-foreground);
- }
- .has-background-dark-background-color[class] {
- background-color: var(--global--color-background-dark) !important;
- color: var(--global--color-foreground);
- }
- .has-background-background-color[class] {
- background-color: var(--global--color-background) !important;
- color: var(--global--color-foreground);
- }
- .has-white-background-color[class] {
- background-color: var(--global--color-white) !important;
- color: var(--global--color-secondary);
- }
- .has-black-background-color[class] {
- background-color: var(--global--color-black) !important;
- color: var(--global--color-primary);
- }
- .is-tiny-text,
- .has-tiny-font-size {
- font-size: var(--global--font-size-xs);
- }
- .is-small-text,
- .has-small-font-size {
- font-size: var(--global--font-size-sm);
- }
- .is-regular-text,
- .has-regular-font-size,
- .has-normal-font-size,
- .has-medium-font-size {
- font-size: var(--global--font-size-md);
- }
- .is-large-text,
- .has-large-font-size {
- font-size: var(--global--font-size-lg);
- line-height: var(--global--line-height-heading);
- }
- .is-larger-text,
- .has-larger-font-size,
- .has-huge-font-size {
- font-size: var(--global--font-size-xl);
- line-height: var(--global--line-height-heading);
- }
- .has-drop-cap:not(:focus)::first-letter {
- font-family: var(--heading--font-family);
- font-size: calc(2 * var(--heading--font-size-h1));
- font-weight: var(--heading--font-weight);
- }
- /**
- * Spacing Overrides
- */
- [data-block] {
- margin-top: var(--global--spacing-vertical);
- margin-bottom: var(--global--spacing-vertical);
- }
- [data-block] [data-block]:first-child {
- margin-top: 0;
- }
- [data-block] [data-block]:nth-last-child(2) {
- margin-bottom: 0;
- }
- /*
- * Custom gradients
- */
- .has-hard-diagonal-gradient-background {
- background: linear-gradient(to bottom right, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
- }
- .has-hard-diagonal-inverted-gradient-background {
- background: linear-gradient(to top left, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%);
- }
- .has-diagonal-gradient-background {
- background: linear-gradient(to bottom right, var(--global--color-secondary), var(--global--color-tertiary));
- }
- .has-diagonal-inverted-gradient-background {
- background: linear-gradient(to top left, var(--global--color-secondary), var(--global--color-tertiary));
- }
- .has-hard-horizontal-gradient-background {
- background: linear-gradient(to bottom, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
- }
- .has-hard-horizontal-inverted-gradient-background {
- background: linear-gradient(to top, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%);
- }
- .has-horizontal-gradient-background {
- background: linear-gradient(to bottom, var(--global--color-secondary), var(--global--color-tertiary));
- }
- .has-horizontal-inverted-gradient-background {
- background: linear-gradient(to top, var(--global--color-secondary), var(--global--color-tertiary));
- }
- .has-stripe-gradient-background {
- background: linear-gradient(to bottom, transparent 20%, var(--global--color-secondary) 20%, var(--global--color-secondary) 80%, transparent 80%);
- }
- /* Block Alignments */
- .wp-block {
- max-width: var(--responsive--aligndefault-width);
- }
- .wp-block[data-align="wide"], .wp-block.alignwide {
- max-width: var(--responsive--alignwide-width);
- }
- .wp-block[data-align="full"], .wp-block.alignfull {
- max-width: none;
- }
- .alignleft {
- margin: 0;
- margin-right: var(--global--spacing-horizontal);
- }
- .alignright {
- margin: 0;
- margin-left: var(--global--spacing-horizontal);
- }
- /**
- * Jetpack editor styles
- */
- /**
- * Jetpack Block editor styles
- */
- /* Gutter Options */
- .wp-block-jetpack-layout-grid,
- .wp-block-jetpack-layout-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
- grid-gap: var(--layout-grid--gutter-large);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none,
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none > .block-editor-inner-blocks > .block-editor-block-list__layout {
- grid-gap: var(--layout-grid--gutter-none);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small,
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small > .block-editor-inner-blocks > .block-editor-block-list__layout {
- grid-gap: var(--layout-grid--gutter-small);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium,
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium > .block-editor-inner-blocks > .block-editor-block-list__layout {
- grid-gap: var(--layout-grid--gutter-medium);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large,
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large > .block-editor-inner-blocks > .block-editor-block-list__layout {
- grid-gap: var(--layout-grid--gutter-large);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge,
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge > .block-editor-inner-blocks > .block-editor-block-list__layout {
- grid-gap: var(--layout-grid--gutter-huge);
- }
- /* No Gutters Options */
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none {
- padding-left: var(--layout-grid--gutter-none);
- padding-right: var(--layout-grid--gutter-none);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
- padding-left: var(--layout-grid--gutter-small);
- padding-right: var(--layout-grid--gutter-small);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
- padding-left: var(--layout-grid--gutter-medium);
- padding-right: var(--layout-grid--gutter-medium);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large {
- padding-left: var(--layout-grid--gutter-large);
- padding-right: var(--layout-grid--gutter-large);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
- padding-left: var(--layout-grid--gutter-huge);
- padding-right: var(--layout-grid--gutter-huge);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap {
- padding-left: 0;
- padding-right: 0;
- }
- /* Padding Options */
- .wp-block-jetpack-layout-grid {
- padding-left: var(--layout-grid--gutter-large);
- padding-right: var(--layout-grid--gutter-large);
- /* Individual Column Options */
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column[style^="background-color"] {
- margin-left: calc(var(--layout-grid--background-offset) * -1);
- margin-right: calc(var(--layout-grid--background-offset) * -1);
- padding-left: var(--layout-grid--background-offset);
- padding-right: var(--layout-grid--background-offset);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap {
- padding-left: 0;
- padding-right: 0;
- }
- /* Additional, user-set paddings. */
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none {
- padding: var(--layout-grid--gutter-none);
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none[style^="background-color"] {
- padding-top: var(--layout-grid--gutter-none);
- padding-right: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset));
- padding-bottom: var(--layout-grid--gutter-none);
- padding-left: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset));
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small {
- padding: var(--layout-grid--gutter-small);
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small[style^="background-color"] {
- padding-top: var(--layout-grid--gutter-small);
- padding-right: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset));
- padding-bottom: var(--layout-grid--gutter-small);
- padding-left: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset));
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium {
- padding: var(--layout-grid--gutter-medium);
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium[style^="background-color"] {
- padding-top: var(--layout-grid--gutter-medium);
- padding-right: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset));
- padding-bottom: var(--layout-grid--gutter-medium);
- padding-left: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset));
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large {
- padding: var(--layout-grid--gutter-large);
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large[style^="background-color"] {
- padding-top: var(--layout-grid--gutter-large);
- padding-right: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset));
- padding-bottom: var(--layout-grid--gutter-large);
- padding-left: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset));
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge {
- padding: var(--layout-grid--gutter-huge);
- }
- .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge[style^="background-color"] {
- padding-top: var(--layout-grid--gutter-huge);
- padding-right: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset));
- padding-bottom: var(--layout-grid--gutter-huge);
- padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset));
- }
- /* Overlay grid */
- .wp-block-jetpack-layout-grid {
- /* wpcom-overlay-grid is the classname targeting the grid overlay visual aid displayed in the editor */
- }
- .wp-block-jetpack-layout-grid .wpcom-overlay-grid {
- grid-gap: var(--layout-grid--gutter-large);
- padding-left: var(--layout-grid--gutter-large);
- padding-right: var(--layout-grid--gutter-large);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
- grid-gap: var(--layout-grid--gutter-none);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
- padding-left: var(--layout-grid--gutter-none);
- padding-right: var(--layout-grid--gutter-none);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
- grid-gap: var(--layout-grid--gutter-small);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
- padding-left: var(--layout-grid--gutter-small);
- padding-right: var(--layout-grid--gutter-small);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
- grid-gap: var(--layout-grid--gutter-medium);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
- padding-left: var(--layout-grid--gutter-medium);
- padding-right: var(--layout-grid--gutter-medium);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
- grid-gap: var(--layout-grid--gutter-large);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
- padding-left: var(--layout-grid--gutter-large);
- padding-right: var(--layout-grid--gutter-large);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
- padding-left: 0;
- padding-right: 0;
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
- grid-gap: var(--layout-grid--gutter-huge);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
- padding-left: var(--layout-grid--gutter-huge);
- padding-right: var(--layout-grid--gutter-huge);
- }
- .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
- padding-left: 0;
- padding-right: 0;
- }
|