/* Theme Name: Platformonomics Theme URI: https://github.com/a8cteam51/platformonomics Author: WordPress Special Projects Author URI: https://wpspecialprojects.wordpress.com Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et tincidunt metus, eu rutrum sapien. Version: 1.0.1 Requires at least: 6.1 Requires PHP: 8.1 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: platformonomics Domain Path: /languages Tags: */ /* * Convert px to rem * For a relational value of 12px write pxtorem(12) * Assumes $html-font-size is the font-size of */ /* * Convert px to em * For a relational value of 12px write pxtorem(12) when the parent is 16px * if the parent is another value say 24px write em(12, 24) */ /** * Calculate custom clamp * min font size, max font size, min breakpoint, max breakpoint, */ /** * Add placeholder color to input and textarea */ @media (max-width: 781px) { p { line-height: 1.5; } h1, .has-heading-one-font-size { letter-spacing: -1.08px; } h2, .has-heading-two-font-size { letter-spacing: -0.64px; } h3, .has-heading-three-font-size { letter-spacing: -0.56px; } h4, .has-heading-four-font-size { letter-spacing: -0.48px; } h5, .has-heading-five-font-size { letter-spacing: -0.21px; } h6, .has-heading-six-font-size { letter-spacing: 0.7px; } :where(body .is-layout-constrained) > * { margin-block-start: 1.125rem; } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--wp--preset--color--foreground); } h1, .has-heading-one-font-size { letter-spacing: -1.68px; } h1 a, .has-heading-one-font-size a { font-weight: 800; } h2, .has-heading-two-font-size { letter-spacing: -0.96px; } h2 a, .has-heading-two-font-size a { font-weight: 800; } h3, .has-heading-three-font-size { letter-spacing: -0.8px; } h3 a, .has-heading-three-font-size a { font-weight: 700; } h4, .has-heading-four-font-size { letter-spacing: -0.64px; } h4 a, .has-heading-four-font-size a { font-weight: 700; } h5, .has-heading-five-font-size { letter-spacing: -0.24px; } h5 a, .has-heading-five-font-size a { font-weight: 700; } h6, .has-heading-six-font-size { letter-spacing: 0.8px; } h6 a, .has-heading-six-font-size a { font-weight: 800; } /** * Header. */ .c-header { margin-bottom: 2.8125rem !important; border-bottom: 1px solid var(--wp--preset--color--border); } .c-header .c-main-nav a { padding: 0; } .c-header .c-main-nav a:hover { opacity: 0.8; } .c-header .wp-block-navigation__responsive-container-open { position: absolute; right: 0px; } .c-header .wp-block-navigation__responsive-container-close { top: 1.5625rem; } .c-header .c-search-btn .wp-block-button__link, .c-header .c-rss-btn .wp-block-button__link { font-size: 0; line-height: 0; background-color: transparent; } .c-header .c-search-btn:hover .wp-block-button__link, .c-header .c-rss-btn:hover .wp-block-button__link { background-color: white; opacity: 0.8; } .c-header .c-search-btn { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3402_2455)'%3E%3Cpath d='M10.5 18a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15zm5.304-2.197L21 21' stroke='%23002540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3402_2455'%3E%3Cpath fill='%23fff' d='M0 0H24V24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } .c-header .c-rss-btn { background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='white'/%3E%3Cpath d='M16 23C18.3869 23 20.6761 23.9482 22.364 25.636C24.0518 27.3239 25 29.6131 25 32' stroke='%23002540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 16C20.2435 16 24.3131 17.6857 27.3137 20.6863C30.3143 23.6869 32 27.7565 32 32' stroke='%23002540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 32C17.5523 32 18 31.5523 18 31C18 30.4477 17.5523 30 17 30C16.4477 30 16 30.4477 16 31C16 31.5523 16.4477 32 17 32Z' stroke='%23002540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; } .c-header .c-subscribe-btn .wp-block-button__link { padding: 0.75rem 50px 0.75rem 18px !important; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3402_2466)' stroke='%23002540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.25h18V18a.75.75 0 0 1-.75.75H3.75A.75.75 0 0 1 3 18V5.25z'/%3E%3Cpath d='M21 5.25l-9 8.25-9-8.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3402_2466'%3E%3Cpath fill='%23fff' d='M0 0H24V24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 87% center; } .c-header .c-subscribe-btn .wp-block-button__link:hover { text-decoration: none; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3402_2466)' stroke='%23002540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.25h18V18a.75.75 0 0 1-.75.75H3.75A.75.75 0 0 1 3 18V5.25z'/%3E%3Cpath d='M21 5.25l-9 8.25-9-8.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3402_2466'%3E%3Cpath fill='%23fff' d='M0 0H24V24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 87% center; opacity: 0.8; } .c-header .social-btns { display: none; } .c-header .wp-block-navigation__responsive-container .c-search-btn, .c-header .wp-block-navigation__responsive-container .c-subscribe-btn { display: none; } .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { width: 100%; margin-top: 1.75rem; align-items: end !important; gap: 0.8125rem 0 !important; } .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .c-search-btn, .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .c-subscribe-btn { display: block !important; } .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .c-search-btn a { padding-right: 30px; background: transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3413_4506)'%3E%3Cpath d='M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z' stroke='%23002540' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.804 15.8035L21.0005 21' stroke='%23002540' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3413_4506'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 100% 50% no-repeat; } .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container a { font-size: 1.5rem; } .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .c-subscribe-btn { position: fixed; width: 80%; max-width: 322px; bottom: 2.5rem; left: 50%; transform: translateX(-50%); padding: 0.75rem 0 0.75rem 18px !important; border-radius: 4px; background: var(--wp--preset--color--border) url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3402_2466)' stroke='%23002540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.25h18V18a.75.75 0 0 1-.75.75H3.75A.75.75 0 0 1 3 18V5.25z'/%3E%3Cpath d='M21 5.25l-9 8.25-9-8.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3402_2466'%3E%3Cpath fill='%23fff' d='M0 0H24V24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 66% 50% no-repeat !important; } .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .c-subscribe-btn a { display: table; margin-left: auto; margin-right: auto; padding-right: 52px; font-size: 1.125rem; } .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .c-search-btn, .c-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .c-subscribe-btn { display: none; } @media (max-width: 781px) { .c-header > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.c-main-logo, .c-header > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.c-main-nav { flex-basis: auto !important; width: auto !important; } .c-header > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.c-main-logo { flex: 1; } } @media (min-width: 600px) { .c-header { margin-bottom: 5.875rem !important; } .c-header .c-main-nav { display: table; width: auto; max-width: var(--wp--style--global--content-size); margin-left: auto; margin-right: auto; } .c-header .c-main-nav ul { gap: 6px clamp(15px, -0.4412rem + 3.6765vw, 40px) !important; } .c-header .social-btns { display: flex; padding-top: 1.25rem; } .c-header .social-btns .wp-block-buttons { display: flex; flex-direction: row; gap: 30px; } .c-header .social-btns .wp-block-button .wp-block-button__link { padding-left: 0; } } @media (min-width: 600px) and (max-width: 1124px) { .c-header > .wp-block-columns:not(.is-not-stacked-on-mobile) { flex-wrap: wrap !important; } .c-header > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.c-main-logo { flex-grow: 0; flex-basis: auto !important; } .c-header > .wp-block-columns:not(.is-not-stacked-on-mobile) > .c-main-nav { order: 1; flex-basis: 100% !important; margin-top: 15px; max-width: unset; width: 100%; } .c-header > .wp-block-columns:not(.is-not-stacked-on-mobile) > .social-btns { flex: 1; flex-grow: 1 !important; flex-basis: auto !important; justify-content: flex-end; padding-top: 0; } } @media (min-width: 1125px) { .c-header > .wp-block-columns { gap: 20px; } .c-header > .wp-block-columns > .c-main-logo { flex-basis: auto !important; } .c-header > .wp-block-columns > .social-btns { flex-basis: auto !important; } } @media (min-width: 782px) { .c-header .social-btns { padding-top: 0; } } /* Adjust Newsletter Link in Nav */ header .wp-block-navigation .platformonomics_nenwsletternav .wp-block-navigation-item__content { color: var(--wp--preset--color--accent); } footer { margin-block-start: 0 !important; } footer .c-footer { padding-top: 1.5rem; } footer .c-footer .c-logo { width: 96px; height: 96px; margin-bottom: 0.5rem; } footer .c-footer .wp-block-image { margin: 0 !important; } footer .c-footer nav ul { gap: 11px 24px; } footer .c-footer a { line-height: 1.2; border-bottom: 2px solid rgba(57, 142, 224, 0.71); text-decoration: none; } footer .c-footer a:hover { border-bottom-color: transparent; opacity: 0.8; } footer .c-footer .wp-block-columns { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } footer .c-footer .wp-block-columns:nth-child(1) { padding-bottom: 3rem; } footer .c-footer .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) { padding-bottom: 0.5rem; } footer .c-footer .wp-block-columns:nth-child(2), footer .c-footer .wp-block-columns:nth-child(3) { flex-wrap: nowrap !important; padding-top: 0.1875rem; padding-bottom: 1.4375rem; } footer .c-footer .wp-block-columns:nth-child(2) .wp-block-column:nth-child(1), footer .c-footer .wp-block-columns:nth-child(3) .wp-block-column:nth-child(1) { flex-basis: 92px !important; flex-grow: unset; } footer .c-footer .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2) nav, footer .c-footer .wp-block-columns:nth-child(3) .wp-block-column:nth-child(2) nav { margin-top: -0.125rem; } footer .c-footer .wp-block-columns:nth-child(4) { gap: 6px !important; padding-top: 1.125rem; padding-bottom: 2.625rem; } footer .c-footer .wp-block-columns:nth-child(4) p { margin-bottom: 0; } footer .c-footer .wp-block-columns:nth-child(4) a { border-bottom-color: transparent; text-decoration: underline; } @media (min-width: 782px) { footer .c-footer { padding-top: 4.0625rem; } footer .c-footer .c-logo { width: 154px; height: 154px; margin-bottom: 0.5rem; } footer .c-footer nav ul { gap: 11px 50px; } footer .c-footer .wp-block-columns:nth-child(1) { padding-bottom: 3.375rem; } footer .c-footer .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) { flex-basis: 310px; flex-grow: unset; } footer .c-footer .wp-block-columns:nth-child(1) .wp-block-column:nth-child(2) { flex-basis: var(--wp--style--global--content-size); flex-grow: unset; } footer .c-footer .wp-block-columns:nth-child(2), footer .c-footer .wp-block-columns:nth-child(3) { flex-wrap: nowrap !important; padding-top: 0.625rem; padding-bottom: 1.9375rem; } footer .c-footer .wp-block-columns:nth-child(2) .wp-block-column:nth-child(1), footer .c-footer .wp-block-columns:nth-child(3) .wp-block-column:nth-child(1) { flex-basis: 310px !important; flex-grow: unset; } footer .c-footer .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2), footer .c-footer .wp-block-columns:nth-child(3) .wp-block-column:nth-child(2) { flex-basis: var(--wp--style--global--content-size); flex-grow: unset; } footer .c-footer .wp-block-columns:nth-child(4) { padding-top: 2rem; padding-bottom: 2.625rem; } footer .c-footer .wp-block-columns:nth-child(4) .wp-block-column:nth-child(2) p { text-align: right; } } /* Adjust Colophon */ .platformonomics-colophon p { font-size: 0.88rem; vertical-align: top; } .platformonomics-colophon a { color: var(--wp--preset--color--foreground-lightest); border-bottom: unset; } /* Adjust Newsletter */ footer .wp-block-navigation .platformonomics_nenwsletternav .wp-block-navigation-item__content { color: var(--wp--preset--color--accent-light); } /** * Single Post and Page templates * Styles related to elements and content on Single Post template. */ .single-post, .page { /* Headings */ } .single-post .wp-block-post-title, .page .wp-block-post-title { margin-block-start: -0.5rem; margin-bottom: 0.5rem; } .single-post .c-author-meta, .page .c-author-meta { margin-block-end: -0.5rem; padding-top: 0.3125rem; border-color: var(--wp--preset--color--border); } .single-post .c-author-meta p, .single-post .c-author-meta .wp-block-post-author-name, .page .c-author-meta p, .page .c-author-meta .wp-block-post-author-name { font-size: 0.625rem; } .single-post .c-author-meta .wp-block-post-author-name, .page .c-author-meta .wp-block-post-author-name { margin-left: -4px; padding-left: 1px; } .single-post .entry-content, .page .entry-content { padding-top: 0; } .single-post p + h2, .page p + h2 { margin-top: 2.9375rem; } .single-post h2 + p, .page h2 + p { margin-top: 2rem; } @media (min-width: 782px) { .single-post, .page { /* Headings */ /* Social share buttons */ } .single-post .wp-block-post-title, .page .wp-block-post-title { margin-bottom: 1.5rem; letter-spacing: -1.7px; } .single-post .c-author-meta, .page .c-author-meta { margin-bottom: 5.25rem; padding-top: 0.1875rem; border-color: #e5e9ec; } .single-post .c-author-meta .wp-block-post-author-name, .page .c-author-meta .wp-block-post-author-name { padding-left: 5px; } .single-post p + h2, .page p + h2 { margin-top: 4.0625rem; } .single-post h2 + p, .page h2 + p { margin-top: 3rem; } .single-post .sharedaddy, .page .sharedaddy { padding-top: 1.0625rem; } .single-post .sharedaddy .sd-title, .page .sharedaddy .sd-title { display: none; } } /** * Page template */ .page .entry-content { padding-top: 0.6875rem; padding-bottom: 1.5rem; } @media (min-width: 960px) { .page .entry-content { padding-top: 2.25rem; padding-bottom: 4.5rem; } } /* Tags */ .wp-block-post-terms { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.625rem 6px; padding-top: 0.8125rem; } .wp-block-post-terms .wp-block-post-terms__separator { display: none; } .wp-block-post-terms a { padding: 0.5rem 15px; border-radius: 4px; text-decoration: none; font-weight: 700; letter-spacing: 0.7px; background: var(--wp--preset--color--border); } .wp-block-post-terms a:hover { opacity: 0.8; } /* Social share buttons */ .sharedaddy { margin-top: 2rem; } .sharedaddy .sd-title { display: none; } /* Previous, next posts */ .c-posts-prev-next-nav { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 2rem; } .post-navigation-link-previous, .post-navigation-link-next { flex: 1 1 100%; display: inline-block; padding: 1.4375rem 72px 1.3125rem; border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); } .post-navigation-link-previous .post-navigation-link__label, .post-navigation-link-next .post-navigation-link__label { float: left; font-size: var(--wp--preset--font-size--heading-six); font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: var(--wp--preset--color--foreground-light); } .post-navigation-link-previous .post-navigation-link__title, .post-navigation-link-next .post-navigation-link__title { float: left; clear: left; font-size: clamp(18px, -3.9952rem + 10.4762vw, 40px); } .post-navigation-link-previous a, .post-navigation-link-next a { text-decoration: none; } .post-navigation-link-previous a:hover, .post-navigation-link-next a:hover { opacity: 0.8; } .post-navigation-link-previous { margin-top: 0; background: transparent url("data:image/svg+xml,%3Csvg width='26' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.324l-8 8m0 0l8 8m-8-8h24' stroke='%23002540' stroke-width='2'/%3E%3C/svg%3E") 22px 50% no-repeat; } .post-navigation-link-next { margin-top: 0; border-top: none; background: transparent url("data:image/svg+xml,%3Csvg width='26' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.324l8 8m0 0l-8 8m8-8H0' stroke='%23002540' stroke-width='2'/%3E%3C/svg%3E") 23px 50% no-repeat; } /* Comments */ .c-comments-section { padding-left: 0 !important; padding-right: 0 !important; margin-block-end: 2.9375rem; } .c-comments-section .akismet_comment_form_privacy_notice { margin-left: auto; margin-right: auto; padding: 0 24px; max-width: 640px; } .wp-block-comments { padding: 0 24px; } .wp-block-comments .wp-block-group { padding: 0; } .wp-block-comments .c-comment { margin-bottom: 3rem; } .wp-block-comments ol ol { padding-left: 24px; border-left: 2px solid var(--wp--preset--color--border); } .wp-block-comments .wp-block-comments-title { width: 100%; display: table !important; max-width: var(--wp--style--global--content-size); margin-block-start: 2.125rem; margin-bottom: 3.125rem; margin-left: auto !important; margin-right: auto !important; } .wp-block-comments .c-comments-meta { align-items: start; } .wp-block-comments .wp-block-comment-author-name { display: inline-block; margin-bottom: 0.1875rem; line-height: 1.4; font-weight: 700; } .wp-block-comments .wp-block-comment-date { margin-block-start: 0; margin-bottom: 0.125rem; } .wp-block-comments .wp-block-comment-date a { font-weight: 400; text-decoration: none; color: var(--wp--preset--color--foreground); } .wp-block-comments .wp-block-comment-content { margin-block-start: 1.25rem; } .wp-block-comments .wp-block-comment-edit-link { display: none; margin-block-start: 0; font-weight: 700; } .wp-block-comments .wp-block-avatar img { width: 56px; height: 56px; } .wp-block-comments .wp-block-comment-content p:last-child { margin-bottom: 0; } .wp-block-comments .wp-block-comment-reply-link { margin-block-start: 1.0625rem; } .wp-block-comments .comment-reply-link { text-decoration: none; border-bottom: 3px solid var(--wp--preset--color--accent-lightest); font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif; line-height: 1.4; font-size: var(--wp--preset--font-size--read-more-link); } /* Comments form */ .c-comments-reply-form { padding-top: 0.875rem; } .wp-block-post-comments-form { padding: 0 24px; } @media (max-width: 1309px) { .wp-block-post-comments-form > * { margin: 0 auto; max-width: 640px; } } .wp-block-post-comments-form form { margin: 0 auto; max-width: 640px; } .wp-block-post-comments-form .comment-reply-title { margin-bottom: 2rem !important; text-transform: uppercase; font-size: var(--wp--preset--font-size--heading-six); font-weight: 700; letter-spacing: 0.8px; color: var(--wp--preset--color--foreground-light); } .wp-block-post-comments-form .comment-notes { display: none; } .wp-block-post-comments-form p { margin-block-end: 1.5rem; } .wp-block-post-comments-form .comment-form-cookies-consent, .wp-block-post-comments-form .comment-subscription-form { margin-block-start: -0.3125rem; margin-bottom: 1.125rem; align-items: normal; gap: 14px; } .wp-block-post-comments-form .comment-form-cookies-consent [type=checkbox], .wp-block-post-comments-form .comment-subscription-form [type=checkbox] { margin-top: -4px; } .wp-block-post-comments-form .comment-form-cookies-consent label, .wp-block-post-comments-form .comment-subscription-form label { font-size: clamp(14px, 0.4095rem + 0.9524vw, 16px); } .wp-block-post-comments-form .comment-subscription-form { align-items: center; display: flex; } .wp-block-post-comments-form .comment-subscription-form [type=checkbox] { width: 24px !important; } .wp-block-post-comments-form .comment-subscription-form label { margin-bottom: 0; } @media (min-width: 782px) { /* Tags */ .wp-block-post-terms { padding-top: 3.875rem; gap: 0.625rem 10px; } .wp-block-post-terms a { padding: 0.5625rem 15px; } /* Previous, next posts */ .c-posts-prev-next-nav { margin-top: 4rem; } .post-navigation-link-previous, .post-navigation-link-next { padding: 3.5625rem 0 2.875rem; } .post-navigation-link-previous a, .post-navigation-link-next a { display: block; max-width: var(--wp--style--global--content-size); margin-left: auto; margin-right: auto; } .post-navigation-link-previous { background: transparent url("data:image/svg+xml,%3Csvg width='50' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 .765l-16 16m0 0l16 16m-16-16h48' stroke='%23002540' stroke-width='2'/%3E%3C/svg%3E") 61px 50% no-repeat; } .post-navigation-link-next { background: transparent url("data:image/svg+xml,%3Csvg width='50' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 .765l16 16m0 0l-16 16m16-16H0' stroke='%23002540' stroke-width='2'/%3E%3C/svg%3E") calc(100% - 62px) 50% no-repeat; } /* Comments */ .wp-block-comments { padding: 4.25rem 64px 1.4375rem; border-bottom: 2px solid var(--wp--preset--color--border); } .wp-block-comments .wp-block-comments-title { display: inline; } .wp-block-comments .wp-block-comment-content { margin-block-start: 1.4375rem; } .wp-block-comments .c-comment { margin-bottom: 4rem; } .wp-block-comments ol ol { display: block; margin: 1rem 0 3.875rem; padding-left: 48px; } .wp-block-comments .wp-block-comment-author-name { margin-bottom: 0.1875rem; } .wp-block-comments .wp-block-avatar img { width: 64px; height: 64px; } .wp-block-comments .wp-block-comment-reply-link { margin-block-start: 1.5rem; } /* Comments form */ .c-comments-reply-form { padding-top: 2.375rem; } .wp-block-post-comments-form p { margin-block-end: 1.5rem; } .wp-block-post-comments-form .comment-form-cookies-consent { margin-block-start: -1.0625rem; margin-block-end: -0.9375rem; align-items: center; gap: 14px; } .wp-block-post-comments-form .comment-form-cookies-consent [type=checkbox] { position: relative; top: -0.5rem; } .wp-block-post-comments-form .comment-form-cookies-consent label { font-size: clamp(14px, 0.4095rem + 0.9524vw, 16px); } } @media (min-width: 1310px) { /* Comments */ .wp-block-comments { padding: 2.5rem 0 1.875rem; } .wp-block-comments .wp-block-comments-title { max-width: 1310px; } .wp-block-comments .wp-block-comment-template { margin-top: -4.5rem !important; } /* Comments form */ .wp-block-post-comments-form { width: 100%; padding: 0 !important; display: table; max-width: 1310px !important; } .wp-block-post-comments-form form { display: table; padding: 0; } .wp-block-post-comments-form p { margin-block-end: 1.5rem; } .c-comments-reply-form { padding-top: 3.625rem; padding-bottom: 1.5rem; } .c-comments-reply-form .comment-form { margin-top: -5.125rem; } } /** * Subscription form section. * Full width, added to pages above Footer. */ .c-subscription-section { padding: clamp(49px, 0.0369rem + 6.1905vw, 60px) 24px clamp(28px, -6.8613rem + 17.619vw, 65px); } .c-subscription-section .wp-block-columns { gap: 1.1875rem 0; max-width: 640px !important; } .c-subscription-section .c-subscribe-form { flex-wrap: wrap !important; gap: 0; padding: 0; } .c-subscription-section .c-subscribe-form .grunion-field-email-wrap.grunion-field-width-75-wrap.grunion-field-wrap { flex: 1 1 50%; } .c-subscription-section .c-subscribe-form .wp-block-jetpack-button.wp-block-button { flex: none; } .c-subscription-section form { padding: 0.5rem 0 0; } .c-subscription-section form label { display: none; } .c-subscription-section form input { padding: 0.8125rem 18px 0.875rem; border: none; border-radius: 4px 0 0 4px !important; font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif; font-weight: 500; font-size: 1rem; line-height: 1.5; } .c-subscription-section form .wp-block-button__link { padding: 0.9375rem 17px 1rem; border-radius: 0 4px 4px 0 !important; } .c-subscription-section .contact-form-submission { width: auto; margin-bottom: 0; padding-right: 0; padding-left: 0; } .c-subscription-section .contact-form-submission .go-back-message .link { display: none; } .c-subscription-section .contact-form-submission h4 { text-decoration: none; } .c-subscription-section .contact-form-submission a:hover { opacity: 0.8; } .c-subscription-section.c-subscription-section--colored { margin: 1.9375rem 0 1.875rem; padding: 3rem 24px; border-radius: 8px; background: var(--wp--preset--color--accent); } .c-subscription-section.c-subscription-section--colored p { margin-top: 0.5rem; } .c-subscription-section.c-subscription-section--colored .contact-form-submission { border-top-color: var(--wp--preset--color--background); border-bottom-color: var(--wp--preset--color--background); } .c-subscription-section.c-subscription-section--colored .contact-form-submission .go-back-message .link, .c-subscription-section.c-subscription-section--colored .contact-form-submission h4 { color: var(--wp--preset--color--background); } .c-subscription-section.homepage-subscribe { margin: 1.9375rem 1.5rem 1.875rem; border-radius: 8px; } @media (min-width: 782px) { .c-subscription-section { padding-right: 0; padding-left: 0; } .c-subscription-section .wp-block-columns { gap: 0; flex-wrap: wrap !important; } .c-subscription-section .wp-block-column:nth-child(1) { flex: none !important; margin-bottom: 1.25rem; } .c-subscription-section .c-subscribe-form .grunion-field-email-wrap.grunion-field-width-75-wrap.grunion-field-wrap { flex: 1 1 175px; } .c-subscription-section .c-subscribe-form .wp-block-jetpack-button.wp-block-button { flex: none; } .c-subscription-section form input { padding: 1.0625rem 24px 1.1875rem; padding-left: 24px !important; } .c-subscription-section form .wp-block-button__link { padding: 1.125rem 24px 1.1875rem; border-radius: 0 4px 4px 0; } .c-subscription-section.c-subscription-section--colored { margin: 2.9375rem 0 3rem; padding: 0; background: transparent; } .c-subscription-section.c-subscription-section--colored .wp-block-columns { padding: 3.4375rem 64px 2.75rem; border-radius: 8px; background: var(--wp--preset--color--accent); } .c-subscription-section.c-subscription-section--colored .wp-block-column { flex: 1 1 100% !important; } .c-subscription-section.c-subscription-section--colored .grunion-field-email-wrap.grunion-field-width-75-wrap.grunion-field-wrap { flex: 1 1 142px; } .c-subscription-section.c-subscription-section--colored p { margin: 1.5rem 0 3rem; } } @media (min-width: 1310px) { .c-subscription-section .wp-block-columns { max-width: 1310px !important; } .c-subscription-section .wp-block-column:nth-child(1) { width: 335px; padding-top: 0.375rem; } .c-subscription-section.c-subscription-section--colored .wp-block-columns { max-width: var(--wp--style--global--content-size) !important; } } .wp-block-jetpack-subscriptions__form-elements input[type=email] { border-radius: 4px 0 0 4px !important; } .wp-block-jetpack-subscriptions__form-elements button.wp-block-button__link.no-border-radius, .wp-block-jetpack-subscriptions__form-elements button.wp-block-button__link { border-radius: 0 4px 4px 0 !important; border: 0 !important; } /** * Query posts: * -- Featured post section * -- Latest posts section */ .c-featured-post .wp-block-post, .c-latest-posts .wp-block-post { padding-top: 1.375rem; padding-bottom: 3rem; border-bottom: 1px solid var(--wp--preset--color--border); } .c-featured-post .wp-block-post-title, .c-latest-posts .wp-block-post-title { margin-top: 0.375rem; margin-bottom: 1.9375rem; } .c-featured-post .wp-block-post-title a:where(:not(.wp-element-button)), .c-latest-posts .wp-block-post-title a:where(:not(.wp-element-button)) { text-decoration: none; } .c-featured-post .wp-block-post-featured-image, .c-latest-posts .wp-block-post-featured-image { margin-bottom: 2rem; } .c-featured-post .c-read-more, .c-latest-posts .c-read-more { margin-top: 1.625rem; } .c-latest-posts .wp-block-post-template { border-top: 1px solid var(--wp--preset--color--border); padding-top: 1.5rem; } .c-latest-posts .wp-block-post:last-child { border-bottom: none; } @media (min-width: 782px) { .c-featured-post .wp-block-post, .c-latest-posts .wp-block-post { padding-bottom: 5.9375rem; } .c-featured-post .wp-block-post-title, .c-latest-posts .wp-block-post-title { margin-top: 1rem; } .c-featured-post .wp-block-post-featured-image, .c-latest-posts .wp-block-post-featured-image { margin: 3rem 0; } .c-featured-post .c-read-more, .c-latest-posts .c-read-more { margin-top: 2.125rem; } .c-latest-posts .wp-block-post-template { padding-top: 4.5rem; } .c-latest-posts .wp-block-post:not(:first-child) { padding-top: 4.5rem; } } /** * Page 404 */ .error404 main { padding-bottom: 2.5rem; } .error404 .c-page-subtitle { margin-block-start: -0.25rem; margin-bottom: 1.9375rem; } .error404 form { margin-top: 1.8125rem; } @media (min-width: 960px) { .error404 main { padding-bottom: 6.5625rem; } .error404 .c-page-subtitle { margin-block-start: -0.375rem; margin-bottom: 2.75rem; } .error404 form { max-width: 414px; margin-top: 2.75rem; } } /** * Search section. * Full width, added to Search Results template. */ .c-search-section { padding-bottom: 1.25rem; } .c-no-results-section { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } .c-pagination-section { padding: 2.5625rem 24px 0.625rem; margin-top: 0; border-top: 1px solid var(--wp--preset--color--border); } .c-pagination-section .wp-block-query-pagination-numbers { display: none; } .c-pagination-section a { text-decoration: none; } @media (min-width: 782px) { .c-search-section { padding-bottom: 2.5rem; } .c-pagination-section { position: relative; padding: 4.25rem 64px 2rem; } .c-pagination-section .wp-block-query-pagination-numbers { display: block; position: absolute; left: 50%; transform: translateX(-50%); } .c-pagination-section .wp-block-query-pagination-numbers a, .c-pagination-section .wp-block-query-pagination-numbers span { display: inline-block; width: 34px; height: 34px; margin: 0 3px; border-radius: 50%; text-align: center; line-height: 1.8; font-weight: 700; } .c-pagination-section .wp-block-query-pagination-numbers span:not(.dots) { background: var(--wp--preset--color--accent); color: white; } } .wp-block-button .wp-block-button__link { border: 1px solid transparent !important; } .wp-block-button:hover, .wp-block-button:active { border-radius: 4px; } .wp-block-button:hover .wp-block-button__link, .wp-block-button:active .wp-block-button__link { background: var(--wp--preset--color--accent-dark); text-decoration: underline; } .wp-block-button:focus { border-radius: 4px; } .wp-block-button:focus .wp-block-button__link { border: 1px dashed var(--wp--preset--color--background) !important; } .is-style-outline.wp-block-button { border-radius: 4px; border: 2px solid var(--wp--preset--color--accent); } .is-style-outline.wp-block-button .wp-block-button__link { border: none !important; } .is-style-outline.wp-block-button:hover, .is-style-outline.wp-block-button:active { border-radius: 4px; border: 2px dashed var(--wp--preset--color--background); background: var(--wp--preset--color--accent); } .is-style-outline.wp-block-button:hover .wp-block-button__link, .is-style-outline.wp-block-button:active .wp-block-button__link { color: var(--wp--preset--color--background); } .is-style-outline.wp-block-button:focus { border-radius: 4px; background: var(--wp--preset--color--accent); } .is-style-outline.wp-block-button:focus .wp-block-button__link { text-decoration: none; color: var(--wp--preset--color--background); } .wp-block-jetpack-button:not(.is-style-outline) button { flex: auto !important; } .wp-site-blocks form label, .wp-site-blocks .wp-block-jetpack-contact-form label { float: left; width: 100%; margin-bottom: 0.5rem; font-size: clamp(16px, 0.5345rem + 0.9524vw, 18px); font-weight: 500; line-height: 1.5; color: var(--wp--preset--color--foreground); } .wp-site-blocks form input, .wp-site-blocks form textarea, .wp-site-blocks .wp-block-jetpack-contact-form input, .wp-site-blocks .wp-block-jetpack-contact-form textarea { min-height: 3.75rem; padding: 1.125rem 18px 0.75rem; border: 1px solid var(--wp--preset--color--foreground-lightest); border-radius: 4px; font-size: 1rem; font-weight: 500; outline: none; } .wp-site-blocks form input:hover, .wp-site-blocks form input:active, .wp-site-blocks form input:focus, .wp-site-blocks form textarea:hover, .wp-site-blocks form textarea:active, .wp-site-blocks form textarea:focus, .wp-site-blocks .wp-block-jetpack-contact-form input:hover, .wp-site-blocks .wp-block-jetpack-contact-form input:active, .wp-site-blocks .wp-block-jetpack-contact-form input:focus, .wp-site-blocks .wp-block-jetpack-contact-form textarea:hover, .wp-site-blocks .wp-block-jetpack-contact-form textarea:active, .wp-site-blocks .wp-block-jetpack-contact-form textarea:focus { border: 1px solid var(--wp--preset--color--accent-light); } .wp-site-blocks form textarea, .wp-site-blocks .wp-block-jetpack-contact-form textarea { max-height: 8.5rem; resize: vertical; overflow: auto; } .wp-site-blocks form [type=checkbox], .wp-site-blocks .wp-block-jetpack-contact-form [type=checkbox] { width: 24px; height: 24px; padding: 0; margin-block-start: 0; margin-block-end: 0; } .wp-site-blocks form button, .wp-site-blocks .wp-block-jetpack-contact-form button { min-height: 3.75rem; padding: 0.5625rem 20px 0.625rem; } .wp-site-blocks form button:hover, .wp-site-blocks form button:active, .wp-site-blocks .wp-block-jetpack-contact-form button:hover, .wp-site-blocks .wp-block-jetpack-contact-form button:active { text-decoration: none; background: var(--wp--preset--color--accent-dark) !important; color: var(--wp--preset--color--background) !important; } .wp-site-blocks form button:focus, .wp-site-blocks .wp-block-jetpack-contact-form button:focus { border: 1px dashed var(--wp--preset--color--background) !important; } .wp-site-blocks form.is-style-outlined .wp-block-jetpack-button, .wp-site-blocks .wp-block-jetpack-contact-form.is-style-outlined .wp-block-jetpack-button { flex: 1 1 150px; } .wp-site-blocks .c-subscription-section .wp-block-jetpack-contact-form button { border-radius: 0 4px 4px 0; } .wp-block-jetpack-contact-form { padding: 0; } .contact-form .is-style-outlined .grunion-field-wrap > input, .contact-form .is-style-outlined .grunion-field-wrap > textarea, .contact-form .is-style-outlined .grunion-field-wrap .contact-form-dropdown__button { border: 1px solid var(--wp--preset--color--border) !important; } .contact-form .is-style-outlined .grunion-field-wrap > input:hover, .contact-form .is-style-outlined .grunion-field-wrap > input:active, .contact-form .is-style-outlined .grunion-field-wrap > input:focus, .contact-form .is-style-outlined .grunion-field-wrap > textarea:hover, .contact-form .is-style-outlined .grunion-field-wrap > textarea:active, .contact-form .is-style-outlined .grunion-field-wrap > textarea:focus, .contact-form .is-style-outlined .grunion-field-wrap .contact-form-dropdown__button:hover, .contact-form .is-style-outlined .grunion-field-wrap .contact-form-dropdown__button:active, .contact-form .is-style-outlined .grunion-field-wrap .contact-form-dropdown__button:focus { border: 1px solid var(--wp--preset--color--accent-light) !important; } .contact-form .is-style-outlined .notched-label { display: none !important; } @media (min-width: 600px) { .wp-site-blocks form input, .wp-site-blocks form textarea, .wp-site-blocks .wp-block-jetpack-contact-form input, .wp-site-blocks .wp-block-jetpack-contact-form textarea { padding: 1rem 24px; padding-left: 24px !important; } .wp-site-blocks form button, .wp-site-blocks .wp-block-jetpack-contact-form button { padding: 1.0625rem 24px 1.0625rem; } .wp-site-blocks form textarea, .wp-site-blocks .wp-block-jetpack-contact-form textarea { max-height: 9.25rem; } .wp-site-blocks form.is-style-outlined, .wp-site-blocks .wp-block-jetpack-contact-form.is-style-outlined { gap: 0; } .wp-site-blocks form.is-style-outlined input, .wp-site-blocks .wp-block-jetpack-contact-form.is-style-outlined input { border-radius: 4px 0 0 4px !important; } .wp-site-blocks form.is-style-outlined button, .wp-site-blocks .wp-block-jetpack-contact-form.is-style-outlined button { border-radius: 0 4px 4px 0; } } /* Search form */ .wp-block-search__inside-wrapper { border: 1px solid var(--foreground-lightest, #80929f); border-radius: 4px; overflow: hidden; } .wp-block-search__inside-wrapper .wp-block-search__input { border: none; padding-left: 18px; padding-bottom: 1.25rem; border: none !important; } .wp-block-search__inside-wrapper .wp-block-search__input:hover, .wp-block-search__inside-wrapper .wp-block-search__input:active, .wp-block-search__inside-wrapper .wp-block-search__input:focus { border: none; } .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0.5625rem 20px 0.75rem !important; border-radius: 0 4px 4px 0 !important; font-size: 1rem; } .wp-block-search__inside-wrapper .wp-block-search__button:hover { text-underline: none; } @media (min-width: 782px) { .wp-block-search__inside-wrapper { height: 3.625rem; } .wp-block-search__inside-wrapper button { padding: 0.625rem 22px 0.5625rem 24px !important; } } /* Overriding Jetpack inline styles */ .contact-form .is-style-outlined .grunion-field-wrap .contact-form-dropdown__button, .contact-form .is-style-outlined .grunion-field-wrap > input, .contact-form .is-style-outlined .grunion-field-wrap > textarea { border-color: #ccc !important; } /* Adjust Comment Form to Account for Verbum Styling (Needs Changed in Theme) */ .wp-block-post-comments-form form { display: block; } :where(body .is-layout-constrained) > figure { margin-top: 3rem; margin-bottom: 2rem; } :where(body .is-layout-constrained) > figure .wp-element-caption { margin: 0.5rem 0; } :where(body .is-layout-constrained) > figure:first-child:first-child { margin-top: 3rem; } @media (min-width: 782px) { :where(body .is-layout-constrained) > figure { margin-bottom: 2rem; } :where(body .is-layout-constrained) > figure .wp-element-caption { margin: 1rem 0; font-size: 1rem; } } :where(body .is-layout-constrained) > p + figure { margin-top: 3rem; } .platformonomics_aboutimage { margin-top: unset !important; margin-bottom: unset !important; } .wp-block-pullquote { margin-block-end: 4rem !important; padding: 0; } .wp-block-pullquote + p { margin-block-start: 4rem; } .wp-block-pullquote blockquote { position: relative; margin: 0; } .wp-block-pullquote blockquote::before { position: absolute; content: ""; width: 85px; height: 64px; top: -16px; left: -16px; background: transparent url(assets/img/icon_pullquote.svg) 0 0 no-repeat; } .wp-block-pullquote blockquote p { margin-bottom: 0; font-family: var(--wp--preset--font-family--plus-jakarta-sans); font-size: 2rem; font-weight: 600; line-height: 1.25; text-align: left; } p + .wp-block-pullquote { padding-top: 7px; } @media (max-width: 781px) { .wp-block-pullquote { margin-top: 1.1875rem !important; margin-bottom: 2.375rem !important; padding: 0; } .wp-block-pullquote + p { margin-block-start: 3rem; } .wp-block-pullquote blockquote { position: relative; margin: 0; } .wp-block-pullquote blockquote::before { width: 64px; height: 48px; top: -14px; left: -12px; background-size: cover; } .wp-block-pullquote blockquote p { font-size: 1.3125rem; line-height: 1.33; letter-spacing: -0.42px; } } .wp-block-query .wp-block-post-featured-image { border: 1px solid var(--wp--preset--color--border); } .wp-block-quote { margin-bottom: 2.9375rem !important; padding-left: 31px; border-left: 1px solid var(--wp--preset--color--accent); letter-spacing: -0.02rem; } .wp-block-quote cite { display: inline-block; margin-top: 0.27rem; font-family: var(--wp--preset--font-family--plus-jakarta-sans); font-weight: 700; font-size: 1.125rem; } p + .wp-block-quote { margin-block-start: 3rem !important; } @media (max-width: 959px) { .wp-block-quote { margin-bottom: 2.125rem !important; padding-left: 24px; } .wp-block-quote p { line-height: 1.625rem; } .wp-block-quote cite { margin-top: 0.0625rem; font-size: 1.0625rem; } p + .wp-block-quote { margin-block-start: 2rem !important; } } .c-meta-data { gap: 0; justify-content: flex-start; margin-bottom: -0.3125rem; } .c-meta-data div:nth-child(1) { position: relative; padding-right: 17px; } .c-meta-data div:nth-child(1):after { position: absolute; top: 7px; right: 0; content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #80929F; } .c-meta-data div:nth-child(2) { padding: 0 3px 0 11px; } .c-meta-data div:nth-child(4) { flex-grow: 1; } .c-meta-data .time { margin-top: -0.0625rem; } .c-meta-data .wp-block-post-comments-link { margin-top: -0.375rem; } .c-meta-data .wp-block-post-comments-link a { text-decoration: none; padding-right: 30px; background: transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3126_4466)'%3E%3Cpath d='M9.96844 18.3638C9.90176 18.2528 9.80748 18.1609 9.69478 18.0972C9.58207 18.0334 9.45479 18 9.32531 18H3.75C3.55109 18 3.36032 17.921 3.21967 17.7803C3.07902 17.6397 3 17.4489 3 17.25V5.25C3 5.05109 3.07902 4.86032 3.21967 4.71967C3.36032 4.57902 3.55109 4.5 3.75 4.5H20.25C20.4489 4.5 20.6397 4.57902 20.7803 4.71967C20.921 4.86032 21 5.05109 21 5.25V17.25C21 17.4489 20.921 17.6397 20.7803 17.7803C20.6397 17.921 20.4489 18 20.25 18H14.6747C14.5452 18 14.4179 18.0334 14.3052 18.0972C14.1925 18.1609 14.0982 18.2528 14.0316 18.3638L12.6431 20.6362C12.5765 20.7473 12.4822 20.8392 12.3695 20.903C12.2568 20.9668 12.1295 21.0004 12 21.0004C11.8705 21.0004 11.7432 20.9668 11.6305 20.903C11.5178 20.8392 11.4235 20.7473 11.3569 20.6362L9.96844 18.3638Z' stroke='%230A73D9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3126_4466'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 100% 50% no-repeat; } @media (min-width: 782px) { .c-meta-data { margin-bottom: 1.875rem; } .c-meta-data div:nth-child(1) { padding-right: 22px; } .c-meta-data div:nth-child(1):after { top: 9px; } .c-meta-data div:nth-child(2) { padding: 0 4px 0 14px; } .c-meta-data .wp-block-post-comments-link { margin-top: -0.375rem; } } .wp-block-read-more { border-bottom: 4px solid var(--wp--preset--color--accent-lightest); } /*# sourceMappingURL=style.css.map */