/* Micro ClearFix Mixin */ /* Generate the opacity helper classes */ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .comment-submit { color: #fff; } .btn_agncy { display: inline-block; padding: 6px 30px; border: none; border-radius: 3px; text-decoration: none; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; font-weight: 300; } /** * Typography * * Set the look and feel of the base typography. * Important: No font sizes shall be defined here! */ body { font-family: "LH Fira Sans", Arial, Helvetica, sans-serif; line-height: 1; font-weight: 400; -webkit-font-smoothing: antialiased; } p { margin: 0; } p code { margin: 0 !important; } strong { font-weight: 600; } a { color: inherit; position: relative; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; text-decoration: none; } .the_content a { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; padding: 0; word-wrap: break-word; text-align: left; letter-spacing: 0.044em; text-transform: uppercase; font-weight: 300; } h1 { word-wrap: break-word; clear: both; font-weight: 300; zoom: 1; } h1::before, h1::after { content: ""; display: table; } h1::after { clear: both; } h1::before, h1::after { content: ""; display: table; } h1::after { clear: both; } h2 { clear: both; zoom: 1; } h2::before, h2::after { content: ""; display: table; } h2::after { clear: both; } h2::before, h2::after { content: ""; display: table; } h2::after { clear: both; } h4 { font-weight: 300; } ul, ol { padding: 0; list-style-position: outside; margin: 0; } ul li, ol li { margin: 0 0 0 32px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 !important; } dl { font-size: 1em; margin: 0; } dt { font-weight: 700; } dd { margin-left: 0; } code { padding: 0 4px; border-radius: 4px; } kbd { padding: 0 4px; border-radius: 4px; } big { font-size: inherit; } pre { overflow: auto; margin: 0; padding: 0; } sup, sub { line-height: 1; } table { width: 100%; border-collapse: collapse; } table th, table td { padding: 0 5px; margin: 0; } table thead tr { background-color: rgba(0, 0, 0, 0.1); } table thead tr th { text-transform: uppercase; } table tbody tr:nth-child(odd) { background-color: transparent; } table tbody tr:nth-child(even) { background-color: rgba(68, 130, 196, 0.05); } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } body { font-size: 1rem; line-height: 1.5; } h1 { font-size: 1.56rem; line-height: 1.44230769; } h2 { font-size: 1.25rem; line-height: 1.8; } h3 { font-size: 1rem; line-height: 1.5; } h4, h5, h6 { font-size: 1rem; line-height: 1.5; } blockquote:not(.testimonial_quote) { font-size: 1.25rem; line-height: 1.8; } input, label, select, button, textarea { font-size: 1rem; line-height: 1.5; } .logo-text { font-size: 1.56rem; line-height: 1.44230769; } footer .credit { font-size: 0.8rem; line-height: 1.875; } .breadcrumbs { font-size: 0.8rem; line-height: 1.875; } .the_loop .the_post_title { font-size: 1.25rem; line-height: 1.8; } .post_meta_info { font-size: 0.8rem; line-height: 1.875; } .gallery-caption { font-size: 0.64rem; line-height: 2.34375; } #comments .comment-edit-link { font-size: 0.8rem; line-height: 1.875; } .header_404 .the_title { font-size: 3.05rem; line-height: 1.2295082; } .header_404 .the_title span { font-size: 1.25rem; line-height: 1.8; } .cta-social-url .fa { font-size: 2.44rem; line-height: 1.2295082; } .widget .calendar_wrap table thead tr th { font-size: 0.61rem !important; line-height: 2.45901639 !important; } .widget .widgettitle, .widget .textwidget, .widget .textwidget p, .widget figure.wp-caption .wp-caption-text, .widget .tagcloud .tag-cloud-link, .widget .rss-date, .widget cite { font-size: 0.73rem !important; line-height: 2.05479452 !important; } .widget .breadcrumbs, .widget a, .widget .calendar_wrap table caption, .widget .calendar_wrap table tbody tr td, .widget .rssSummary { font-size: 0.86rem !important; line-height: 1.74418605 !important; } .icon_box_img_wrapper .fa, .content_box_img_wrapper .fa { font-size: 2.44rem; line-height: 1.2295082; } @media (min-width: 768px) { body , p { font-size: 1.125rem; line-height: 1.5; } h1 { font-size: 2.19375rem; line-height: 1.53846154; } h2 { font-size: 1.755rem; line-height: 1.44230769; } h3 { font-size: 1.40625rem; line-height: 1.8; } h4 { font-size: 1.125rem; line-height: 1.5; } h5, h6 { font-size: 1.125rem; line-height: 1.5; } blockquote { font-size: 1.40625rem; line-height: 1.8; } input, label, select, button, textarea { font-size: 1.125rem; line-height: 1.5; } .logo-text { font-size: 1.755rem; line-height: 1.44230769; } nav.header-menu .menu-item { font-size: 0.9rem; line-height: 1.875; } nav.header-menu .sub-menu .menu-item { font-size: 0.81rem; line-height: 2.08333333; } .header-contact-wrapper { font-size: 0.72rem; line-height: 2.34375; } footer .credit { font-size: 0.9rem; line-height: 1.875; } .breadcrumbs { font-size: 0.9rem; line-height: 1.875; } .the_loop .the_post_title { font-size: 1.40625rem; line-height: 1.8; } .post_meta_info { font-size: 0.9rem; line-height: 1.875; } .gallery-caption { font-size: 0.72rem; line-height: 2.34375; } #comments .comment-edit-link { font-size: 0.9rem; line-height: 1.875; } .header_404 .the_title { font-size: 4.28625rem; line-height: 1.18110236; } .header_404 .the_title span { font-size: 1.40625rem; line-height: 1.8; } .cta-social-url .fa { font-size: 2.745rem; line-height: 1.2295082; } .widget .calendar_wrap table thead tr th { font-size: 0.6075rem !important; line-height: 2.77777778 !important; } .widget .widgettitle, .widget .textwidget, .widget .textwidget p, .widget figure.wp-caption .wp-caption-text, .widget .tagcloud .tag-cloud-link, .widget .rss-date, .widget cite { font-size: 0.72rem !important; line-height: 2.34375 !important; } .widget .breadcrumbs, .widget a, .widget .calendar_wrap table caption, .widget .calendar_wrap table tbody tr td, .widget .rssSummary { font-size: 0.86625rem !important; line-height: 1.94805195 !important; } .icon_box_img_wrapper .fa, .content_box_img_wrapper .fa { font-size: 2.745rem; line-height: 1.2295082; } } body, html { margin: 0; padding: 0; min-height: 100%; min-width: 100%; color: #555; background-color: #333; } .clearfix { zoom: 1; } .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } figure { margin: 0; } .page-wrapper { padding-top: 72px; } .viewport { background: #fff; /* Fore debugging only, remove on deploy * background: linear-gradient(top, #ffffff, #ffffff 95%, #eeeeff 95%, #eeeeff); background: -webkit-linear-gradient(top, #ffffff, #ffffff 95%, #eeeeff 95%, #eeeeff); background-size: auto 24px; /**/ } #wpadminbar { top: 72px; -webkit-transition: 0.5s -webkit-transform ease; transition: 0.5s -webkit-transform ease; transition: 0.5s transform ease; transition: 0.5s transform ease, 0.5s -webkit-transform ease; -webkit-transform: translateX(0); transform: translateX(0); z-index: 99; } body.admin-bar .page-wrapper { padding-top: 118px; } .bold { font-weight: 700 !important; } .normal { font-weight: 500 !important; } .thin { font-weight: 300 !important; } .read-more-link { padding-left: 5px; } .the_title { font-weight: 300; text-transform: uppercase; } .the_permalink { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 50; } .the_pagination { margin-bottom: 24px; } .the_pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 600; } .the_pagination .nav-links a { text-decoration: none; } .the_pagination .nav-links .prev, .the_pagination .nav-links .next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 46px; height: 46px; color: #fff; border-radius: 5px; border-width: 2px; border-style: solid; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .the_pagination .nav-links .prev:hover, .the_pagination .nav-links .next:hover { background-color: #fff; border-color: #949494; } .the_pagination .nav-links .prev { margin-right: 20%; } .the_pagination .nav-links .next { margin-left: 20%; } .the_pagination .nav-links .page-numbers:not(.prev):not(.next) { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: center; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .the_pagination .nav-links .page-numbers:not(.prev):not(.next).current, .the_pagination .nav-links .page-numbers:not(.prev):not(.next).dots { color: #555; } .the_pagination .nav-links .page-numbers:first-child.current { margin-left: 25%; } .the_pagination .nav-links .page-numbers:last-child.current { margin-right: 25%; } .post_meta_info { text-transform: uppercase; margin-bottom: 24px; } .post-meta-item { margin-right: 15px; display: inline; } .post-meta-item:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; } .post-meta-item.post-meta-datetime:before { content: "\f073"; } .post-meta-item.post-meta-author:before { content: "\f007"; } .post-meta-item.post-meta-categories:before { content: "\f07c"; } .post-meta-item.post-meta-tags:before { content: "\f292"; } .post-meta-item.post-meta-comments:before { content: "\f075"; } .hide { display: none; } .has-no-margin-bottom { margin-bottom: 0 !important; } /** * The stylesheet for customizing the styling of default blocks in the theme * * The default styles are the mobile styles. */ .entry-content, .entry-summary { margin: 0 auto; max-width: 100%; } @media (min-width: 768px) { .entry-content, .entry-summary { max-width: 686px; } } @media (min-width: 992px) { .entry-content, .entry-summary { max-width: 593.33333333px; } } @media (min-width: 1200px) { .entry-content, .entry-summary { max-width: 726.66666667px; } } .entry-content > *, .entry-summary > * { margin-top: 24px; margin-bottom: 24px; min-width: 25%; z-index: 0; position: relative; } .entry-content > *:first-child, .entry-summary > *:first-child { margin-top: 0; } .entry-content > *:last-child, .entry-summary > *:last-child { margin-bottom: 0; } .entry-content > *.alignleft, .entry-summary > *.alignleft, .entry-content > *.alignright, .entry-summary > *.alignright { margin-top: 0; max-width: calc(50% - 32px / 2); z-index: 1; } .entry-content > *.alignleft, .entry-summary > *.alignleft { margin-right: 16px; } .entry-content > *.alignright, .entry-summary > *.alignright { margin-left: 16px; } .entry-content > *.aligncenter, .entry-summary > *.aligncenter { margin-right: auto; margin-left: auto; } .entry-content > * figcaption, .entry-summary > * figcaption { font-size: 0.8rem; line-height: 1.875; margin-top: 12px; } @media (min-width: 768px) { .entry-content > *, .entry-summary > * { margin-top: 27px; margin-bottom: 27px; max-width: 686px; } .entry-content > * figcaption, .entry-summary > * figcaption { font-size: 0.9rem; line-height: 1.875; margin-top: 13.5px; margin-bottom: 0; } } @media (min-width: 992px) { .entry-content > *, .entry-summary > * { max-width: 593.33333333px; } } @media (min-width: 1200px) { .entry-content > *, .entry-summary > * { max-width: 726.66666667px; } } /** * Audio Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/audio/ */ .wp-block-audio audio { width: 100%; } /** * Audio Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/button/ */ .wp-block-button { min-width: 0; } .wp-block-button.alignwide > *, .wp-block-button.alignfull > * { width: 100%; } .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link.has-background { margin: auto; padding: 12px 32px; border-radius: 8px; text-decoration: none; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; font-weight: 300; } .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link.has-background:hover { background-color: #f2f2f2; color: #111; } .wp-block-button .wp-block-button__link:hover.has-background, .wp-block-button .wp-block-button__link.has-background:hover.has-background { background-color: #f2f2f2 !important; color: #111 !important; } .wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button.is-style-squared .wp-block-button__link.has-background { border-radius: 0; } @media (min-width: 768px) { .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link.has-background { padding: 13.5px 30px; } } /** * Paragraph Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/tree/master/packages/block-library/src/paragraph */ p.has-drop-cap::first-letter { font-family: "LH Fira Sans", Arial, Helvetica, sans-serif; font-size: 5.96rem; line-height: 85%; font-weight: 700; margin: 0 8px 0 0; } p.has-drop-cap::after { content: ""; clear: both; display: table; } p.has-background { padding-top: 24px; padding-bottom: 24px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { p.has-drop-cap::first-letter { font-size: 6.705rem; } p.has-background { padding-top: 27px; padding-bottom: 27px; } } /** * Cover Image Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/tree/master/packages/block-library/src/cover-image */ .wp-block-cover-image { min-height: 288px; width: auto; } .wp-block-cover-image .wp-block-cover-image-text { max-width: none; margin: 0; font-family: "LH Fira Sans", Arial, Helvetica, sans-serif; padding: 24px 16px; font-size: 1.56rem; line-height: 1.44230769; } @media (min-width: 768px) { .wp-block-cover-image { min-height: 486px; } .wp-block-cover-image .wp-block-cover-image-text { font-size: 1.755rem; line-height: 1.44230769; } } @media (min-width: 992px) { .wp-block-cover-image { min-height: 594px; } .wp-block-cover-image .wp-block-cover-image-text { font-size: 1.96875rem; line-height: 1.28571429; } } @media (min-width: 1200px) { .wp-block-cover-image { min-height: 648px; } .wp-block-cover-image .wp-block-cover-image-text { font-size: 2.19375rem; line-height: 1.53846154; } } /** * Image Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/image */ .wp-block-image .alignleft, .wp-block-image .alignright { max-width: calc(25% - 32px / 2); margin-top: 0; margin-bottom: 24px; } .wp-block-image .alignleft { margin-right: 16px; } .wp-block-image .alignright { margin-left: 16px; } .wp-block-image img { margin: 0 auto; max-width: 100%; width: 100%; } .wp-block-image figcaption { font-size: 0.8rem; line-height: 1.875; margin-top: 12px; } @media (min-width: 768px) { .wp-block-image .alignleft, .wp-block-image .alignright { margin-bottom: 27px; } .wp-block-image figcaption { font-size: 0.9rem; line-height: 1.875; margin-top: 13.5px; } } @media (min-width: 992px) { .wp-block-image .alignleft, .wp-block-image .alignright { max-width: calc(50% - 32px / 2); } } /** * Quote Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/quote/ */ .wp-block-quote p { margin-bottom: 24px; margin-left: 0; margin-right: 0; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 16px 24px; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 1.56rem; line-height: 1.44230769; } .wp-block-quote.is-style-large cite, .wp-block-quote.is-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-large .wp-block-quote__citation { font-size: 0.8rem; line-height: 1.875; } @media (min-width: 768px) { .wp-block-quote p { margin-bottom: 27px; margin-left: 0; margin-right: 0; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 16px 27px; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 1.755rem; line-height: 1.44230769; } .wp-block-quote.is-style-large cite, .wp-block-quote.is-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-large .wp-block-quote__citation { font-size: 0.9rem; line-height: 1.875; } } /** * Gallery Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/gallery/ */ ul.wp-block-gallery { margin: -8px -8px 16px; } ul.wp-block-gallery.alignleft { margin-left: -24px; } ul.wp-block-gallery.alignright { margin-right: -24px; } ul.wp-block-gallery .blocks-gallery-image figure, ul.wp-block-gallery .blocks-gallery-item figure { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { ul.wp-block-gallery { margin: -8px -8px 19px; } ul.wp-block-gallery.alignleft, ul.wp-block-gallery.alignright { max-width: 50%; } } /** * Seperator Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/separator/ */ .wp-block-separator { margin: 72px auto; max-width: 25%; } .wp-block-separator.is-style-wide { max-width: 100%; } @media (min-width: 768px) { .wp-block-separator { margin: 81px auto; } } /** * Embed Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/gallery/ */ .wp-block-embed { z-index: 1; position: relative; } .wp-block-embed .wp-block-embed__wrapper { text-align: center; margin: 0 auto; } .wp-block-embed .wp-block-embed__wrapper > * { margin-left: auto !important; margin-right: auto !important; max-width: 100%; min-width: 0 !important; } .wp-block-embed .fb-post span { max-width: 100%; } /** * Video Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/video/ */ .wp-block-video video { width: 100%; height: auto; } @media (min-width: 768px) { .wp-block-video { margin-bottom: 27px; } } /** * Quote Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/pullquote/ */ .wp-block-pullquote { padding: 48px 16px; } .wp-block-pullquote blockquote { margin: 0; } @media (min-width: 768px) { .wp-block-pullquote figcaption { font-size: 0.9rem; line-height: 1.875; margin-top: 13.5px; } } /** * Table Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/table/ */ .wp-block-table { width: 100%; } /** * Column Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/columns/ */ .wp-block-columns { display: grid; grid-column-gap: 32px; } .wp-block-columns.has-2-columns { grid-template-columns: repeat(1, 1fr); } .wp-block-columns.has-3-columns { grid-template-columns: repeat(1, 1fr); } .wp-block-columns.has-4-columns { grid-template-columns: repeat(1, 1fr); } .wp-block-columns.has-5-columns { grid-template-columns: repeat(1, 1fr); } .wp-block-columns.has-6-columns { grid-template-columns: repeat(1, 1fr); } .wp-block-columns .wp-block-column { margin: 0 !important; min-width: 100%; } .wide-content .wp-block-columns.alignfull { padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { .wp-block-columns.has-2-columns { grid-template-columns: repeat(2, 1fr); } .wp-block-columns.has-3-columns { grid-template-columns: repeat(3, 1fr); } .wp-block-columns.has-4-columns { grid-template-columns: repeat(4, 1fr); } .wp-block-columns.has-5-columns { grid-template-columns: repeat(4, 1fr); } .wp-block-columns.has-6-columns { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 992px) { .wp-block-columns.has-2-columns { grid-template-columns: repeat(2, 1fr); } .wp-block-columns.has-3-columns { grid-template-columns: repeat(3, 1fr); } .wp-block-columns.has-4-columns { grid-template-columns: repeat(4, 1fr); } .wp-block-columns.has-5-columns { grid-template-columns: repeat(5, 1fr); } .wp-block-columns.has-6-columns { grid-template-columns: repeat(6, 1fr); } } /** * File Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/file/ */ .wp-block-file .image-link { text-decoration: none; font-weight: bold; } .wp-block-file .wp-block-file__button { margin: 0 32px; min-width: 0; display: inline-block; padding: 6px 30px; border: none; border-radius: 3px; text-decoration: none; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; font-weight: 300; } .wide-content .wp-block-file.alignfull { padding: 0 16px; } /** * Latest Posts Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts */ .wp-block-latest-posts { list-style: inside none; } .wp-block-latest-posts .wp-block-latest-posts__post-date { margin: 0; } .wp-block-latest-posts li { margin: 0 0 24px; padding: 0; } .wp-block-latest-posts a { font-weight: bold; text-decoration: none; } .wp-block-latest-posts time { font-style: italic; } .wp-block-latest-posts.is-grid { display: grid; grid-gap: 16px 12px; } .wp-block-latest-posts.is-grid.alignwide, .wp-block-latest-posts.is-grid.alignfull { padding: 0 16px; } .wp-block-latest-posts.is-grid li { width: auto; margin: 0; padding: 16px 12px; background-color: #f2f2f2; } .wp-block-latest-posts.is-grid.columns-2 { grid-template-columns: repeat(1, 1fr); } .wp-block-latest-posts.is-grid.columns-3 { grid-template-columns: repeat(1, 1fr); } .wp-block-latest-posts.is-grid.columns-4 { grid-template-columns: repeat(2, 1fr); } .wp-block-latest-posts.is-grid.columns-5 { grid-template-columns: repeat(2, 1fr); } .wp-block-latest-posts.is-grid.columns-6 { grid-template-columns: repeat(3, 1fr); } @media (min-width: 768px) { .wp-block-latest-posts li { margin-bottom: 27px; } .wp-block-latest-posts.is-grid { grid-gap: 16px 13.5px; } .wp-block-latest-posts.is-grid li { padding: 16px 13.5px; } .wp-block-latest-posts.is-grid.columns-2 { grid-template-columns: repeat(2, 1fr); } .wp-block-latest-posts.is-grid.columns-3 { grid-template-columns: repeat(3, 1fr); } .wp-block-latest-posts.is-grid.columns-4 { grid-template-columns: repeat(4, 1fr); } .wp-block-latest-posts.is-grid.columns-5 { grid-template-columns: repeat(5, 1fr); } .wp-block-latest-posts.is-grid.columns-6 { grid-template-columns: repeat(6, 1fr); } } @media (min-width: 992px) { .wide-content .wp-block-latest-posts.alignfull { padding-left: 16px; padding-right: 16px; } } /** * Spacer Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/spacer/ */ .wp-block-spacer { margin: 0 !important; } /** * Split Block * Needed styles to modify the default look of the WP Munich block. */ .wp-block-wpm-split .split-content-body { margin: 24px 0; } @media (min-width: 768px) { .wp-block-wpm-split .split-content-body { margin: 27px 0; } } /** * Background Block * Needed styles to modify the default look of the WP Munich block. */ .wp-block-wpm-background { padding: 0 16px; } /** * The stylesheet for styling specific elements in the gutenberg context * * The default styles are the mobile styles. */ .has-background { padding-top: 24px; padding-bottom: 24px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; } .has-small-font-size { font-size: 0.8rem; line-height: 1.875; } .has-regular-font-size { font-size: 1rem; line-height: 1.5; } .has-large-font-size { font-size: 1.25rem; line-height: 1.8; } .has-huge-font-size, .has-larger-font-size { font-size: 1.95rem; line-height: 1.53846154; } img { display: block; padding: 0; max-width: 100%; margin: 0 auto; height: auto; overflow: auto; } .wp-block-button { margin: 0 auto; } @media (min-width: 768px) { .has-background { padding-top: 27px; padding-bottom: 27px; } .has-small-font-size { font-size: 0.72rem; line-height: 2.34375; } .has-regular-font-size { font-size: 1.125rem; line-height: 1.5; } .has-large-font-size { font-size: 1.755rem; line-height: 1.44230769; } .has-larger-font-size { font-size: 2.19375rem; line-height: 1.53846154; } } body { color: #555; background: #fff; } body .editor-block-list__layout > * { margin-top: 24px; margin-bottom: 24px; min-width: 25%; } body .editor-block-list__layout > *:first-child { margin-top: 0; } body .editor-block-list__layout > *:last-child { margin-bottom: 0; } body .editor-block-list__layout > *.alignleft, body .editor-block-list__layout > *.alignright { margin-top: 0; max-width: calc(50% - 32px / 2); z-index: 0; } body .editor-block-list__layout > *.alignleft { margin-right: 16px; } body .editor-block-list__layout > *.alignright { margin-left: 16px; } body .editor-block-list__layout > *.aligncenter { margin-right: auto; margin-left: auto; } body .editor-block-list__layout > * figcaption { font-size: 0.8rem; line-height: 1.875; margin-top: 12px; } @media (min-width: 768px) { body .editor-block-list__layout > * { margin-top: 27px; margin-bottom: 27px; } body .editor-block-list__layout > * figcaption { font-size: 0.9rem; line-height: 1.875; margin-top: 13.5px; margin-bottom: 0; } } /* Main column width */ .wp-block { max-width: 720px; } /* Width of "wide" blocks */ .wp-block[data-align="wide"] { max-width: 1080px; } /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } @media (min-width: 768px) { /* Main column width */ .wp-block { max-width: 686px; } /* Width of "wide" blocks */ .wp-block[data-align="wide"] { max-width: 686px; } /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } } @media (min-width: 992px) { /* Main column width */ .wp-block { max-width: 593.33333333px; } /* Width of "wide" blocks */ .wp-block[data-align="wide"] { max-width: 906px; } /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } } @media (min-width: 1200px) { /* Main column width */ .wp-block { max-width: 756.66666667px; } /* Width of "wide" blocks */ .wp-block[data-align="wide"] { max-width: 1136px; } /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } }