/** * Jetpack related posts */ /** * The Gutenberg block */ .jp-related-posts-i2 { margin-top: 1.5rem; } .jp-related-posts-i2__list { --hgap: 1rem; display: flex; flex-wrap: wrap; column-gap: var(--hgap); row-gap: 2rem; margin: 0; padding: 0; list-style-type: none; } .jp-related-posts-i2__post { display: flex; flex-direction: column; /* Default: 2 items by row */ flex-basis: calc( ( 100% - var(--hgap) ) / 2 ); } /* Quantity qeuries: see https://alistapart.com/article/quantity-queries-for-css/ */ .jp-related-posts-i2__post:nth-last-child(n+3):first-child, .jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { /* From 3 total items on, 3 items by row */ flex-basis: calc( ( 100% - var(--hgap) * 2 ) / 3 ); } .jp-related-posts-i2__post:nth-last-child(4):first-child, .jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { /* Exception for 4 total items: 2 items by row */ flex-basis: calc( ( 100% - var(--hgap) ) / 2 ); } .jp-related-posts-i2__post-link { display: flex; flex-direction: column; row-gap: 0.5rem; width: 100%; margin-bottom: 1rem; line-height: 1.2; } .jp-related-posts-i2__post-link:focus-visible { outline-offset: 2px; } .jp-related-posts-i2__post-img { order: -1; max-width: 100%; } .jp-related-posts-i2__post-defs { margin: 0; list-style-type: unset; } /* Hide, except from screen readers */ .jp-related-posts-i2__post-defs dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .jp-related-posts-i2__post-defs dd { margin: 0; } /* List view */ .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list { display: block; } .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post { margin-bottom: 2rem; } /* Breakpoints */ @media only screen and (max-width: 640px) { .jp-related-posts-i2__list { display: block; } .jp-related-posts-i2__post { margin-bottom: 2rem; } } /* Container */ #jp-relatedposts { display: none; padding-top: 1em; margin: 1em 0; position: relative; clear: both; } .jp-relatedposts:after { content: ''; display: block; clear: both; } /* Headline above related posts section, labeled "Related" */ #jp-relatedposts h3.jp-relatedposts-headline { margin: 0 0 1em 0; display: inline-block; float: left; font-size: 9pt; font-weight: bold; font-family: inherit; } #jp-relatedposts h3.jp-relatedposts-headline em:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #dcdcde; border-top: 1px solid rgba(0,0,0,.2); margin-bottom: 1em; } #jp-relatedposts h3.jp-relatedposts-headline em { font-style: normal; font-weight: bold; } /* Related posts items (wrapping items) */ #jp-relatedposts .jp-relatedposts-items { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: -20px; } /* Related posts item */ #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { float: left; width: 33%; margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-right: 20px; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) { clear: both; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* Related posts item content */ #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { font-size: 14px; line-height: 20px; margin: 0; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs { position:relative; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { position:absolute; top:0; bottom:0; left:0; right:0; display:block; border-bottom: 0; } #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { margin-bottom: 0; } #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { text-transform: none; margin: 0; font-family: inherit; display: block; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: inherit; font-weight: normal; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span { display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span { height: auto; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: .6; } /* Hide the date by default, but leave the element there if a theme wants to use css to make it visible. */ .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { display: none; } /* Behavior when there are thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt { display: none; } /* Behavior when there are no thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt { overflow: hidden; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span { margin-bottom: 1em; } /* List Layout */ #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post { clear: both; width: 100%; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img { float: left; overflow: hidden; max-width: 33%; margin-right: 3%; } #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { display: inline-block; max-width: 63%; } /* * Responsive */ @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 50%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: 20px; } } @media only screen and (max-width: 320px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; clear: both; margin: 0 0 1em; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { float: none; max-width: 100%; margin-right: 0; } } /* * Hide the related post section in the print view of a post */ @media print { .jp-relatedposts { display:none !important; } }.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:#0000!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}/** * Grid Block styles. * These styles are loaded into both the editor, and the frontend. */ /** * Padding Options */ /* autoprefixer grid: no-autoplace */ .wp-block-jetpack-layout-grid-editor, .wp-block-jetpack-layout-grid { padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-gutter__none, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none { padding-left: 0px; padding-right: 0px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-gutter__small, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small { padding-left: 8px; padding-right: 8px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-gutter__medium, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium { padding-left: 16px; padding-right: 16px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-gutter__huge, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge { padding-left: 48px; padding-right: 48px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-gutter__nowrap, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap { padding-left: 0px; padding-right: 0px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-none, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-none { padding: 0px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-none.has-background, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-none.has-background { padding: 0px 13px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column { padding: 8px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column.has-background { padding: 8px 21px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column { padding: 16px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column.has-background { padding: 16px 29px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column { padding: 24px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column.has-background { padding: 24px 37px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column { padding: 48px; } .wp-block-jetpack-layout-grid-editor.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column.has-background { padding: 48px 61px; } /** * Individual Column Options */ .wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.has-background { margin-left: -13px; margin-right: -13px; padding-left: 13px; padding-right: 13px; padding-top: .05px; padding-bottom: .05px; } .wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none { padding: 0px; } .wp-block-jetpack-layout-grid-editor .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.has-background { padding: 0px 13px; max-width: calc( 100% + 26px); } .wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small { padding: 8px; } .wp-block-jetpack-layout-grid-editor .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.has-background { padding: 8px 21px; max-width: calc( 100% + 42px); } .wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium { padding: 16px; } .wp-block-jetpack-layout-grid-editor .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.has-background { padding: 16px 29px; max-width: calc( 100% + 58px); } .wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large { padding: 24px; } .wp-block-jetpack-layout-grid-editor .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.has-background { padding: 24px 37px; max-width: calc( 100% + 74px); } .wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge { padding: 48px; } .wp-block-jetpack-layout-grid-editor .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.has-background { padding: 48px 61px; max-width: calc( 100% + 122px); } /** * Parent column alignment */ .wp-block-jetpack-layout-grid.are-vertically-aligned-top { align-items: flex-start; } .wp-block-jetpack-layout-grid.are-vertically-aligned-center { align-items: center; } .wp-block-jetpack-layout-grid.are-vertically-aligned-bottom { align-items: flex-end; } /** * Individual column alignment */ .wp-block-jetpack-layout-grid-column.is-vertically-aligned-top { align-self: flex-start; height: 100%; } .wp-block-jetpack-layout-grid-column.is-vertically-aligned-center { align-self: center; } .wp-block-jetpack-layout-grid-column.is-vertically-aligned-bottom { align-self: flex-end; } /** * Responsive Grid Options. Exclude these from the editor. */ /* autoprefixer grid: no-autoplace */ .wp-block-jetpack-layout-grid { display: grid; grid-gap: 24px; grid-template-columns: repeat(4, 1fr); } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column1-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column2-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column3-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column4-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column1-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column2-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column3-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column4-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column1-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column2-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column3-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column4-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column1-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column2-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column3-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column4-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column1-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column2-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column3-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column4-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column1-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column2-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column3-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column4-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 4; } @media (min-width: 600px) { .wp-block-jetpack-layout-grid { grid-template-columns: repeat(8, 1fr); } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column1-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column2-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column3-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column4-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column1-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column2-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column3-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column4-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column1-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column2-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column3-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column4-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column1-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column2-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column3-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column4-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column1-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column2-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column3-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column4-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column1-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column2-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column3-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column4-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 4; } } @media (min-width: 1080px) { .wp-block-jetpack-layout-grid { grid-template-columns: repeat(12, 1fr); } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 1; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 2; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 3; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 4; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 5; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 6; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 7; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 8; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 9; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 10; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 11; } .wp-block-jetpack-layout-grid.column1-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column2-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column3-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column4-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-start: 12; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 1; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 2; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 3; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 4; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 5; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 6; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 7; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 8; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 9; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 10; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 11; } .wp-block-jetpack-layout-grid.column1-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column2-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column3-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column4-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-column-end: span 12; } .wp-block-jetpack-layout-grid.column1-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column2-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column3-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column4-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 1; } .wp-block-jetpack-layout-grid.column1-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column2-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column3-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column4-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 2; } .wp-block-jetpack-layout-grid.column1-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column2-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column3-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column4-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 3; } .wp-block-jetpack-layout-grid.column1-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column2-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column3-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) { grid-row-start: 4; } .wp-block-jetpack-layout-grid.column4-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) { grid-row-start: 4; } } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column * { word-break: break-word; word-wrap: break-word; } .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none { grid-gap: 0px; } .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small { grid-gap: 8px; } .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium { grid-gap: 16px; } .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge { grid-gap: 48px; } .wp-block-jetpack-layout-grid-column { max-width: 100%; } /* eslint-disable */ /* If a new version is imported from swiper the selectors should all be namespaced with .jp-carousel-overlay /* to prevent clashes with other plugins that are overrding swiperjs css */ /** * Swiper 6.7.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 22, 2021 */ @font-face { font-family: 'swiper-icons'; src: url( 'data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA' ) format( 'woff' ); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .jp-carousel-overlay .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .jp-carousel-overlay .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .jp-carousel-overlay .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .jp-carousel-overlay .swiper-container-android .swiper-slide, .jp-carousel-overlay .swiper-wrapper { transform: translate3d( 0px, 0, 0 ); } .jp-carousel-overlay .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .jp-carousel-overlay .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .jp-carousel-overlay .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .jp-carousel-overlay .swiper-container-pointer-events { touch-action: pan-y; } .jp-carousel-overlay .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .jp-carousel-overlay .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .jp-carousel-overlay .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .jp-carousel-overlay .swiper-container-autoheight, .jp-carousel-overlay .swiper-container-autoheight .swiper-slide { height: auto; } .jp-carousel-overlay .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .jp-carousel-overlay .swiper-container-3d { perspective: 1200px; } .jp-carousel-overlay .swiper-container-3d .swiper-wrapper, .jp-carousel-overlay .swiper-container-3d .swiper-slide, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom, .jp-carousel-overlay .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } /* CSS Mode */ .jp-carousel-overlay .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .jp-carousel-overlay .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .jp-carousel-overlay .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .jp-carousel-overlay .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .jp-carousel-overlay .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-button-next { position: absolute; top: 50%; width: calc( var( --swiper-navigation-size ) / 44 * 27 ); height: var( --swiper-navigation-size ); margin-top: calc( 0px - ( var( --swiper-navigation-size ) / 2 ) ); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var( --swiper-navigation-color, var( --swiper-theme-color ) ); } .jp-carousel-overlay .swiper-button-prev.swiper-button-disabled, .jp-carousel-overlay .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .jp-carousel-overlay .swiper-button-prev:after, .jp-carousel-overlay .swiper-button-next:after { font-family: swiper-icons; font-size: var( --swiper-navigation-size ); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .jp-carousel-overlay .swiper-button-prev:after, .jp-carousel-overlay .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .jp-carousel-overlay .swiper-button-next, .jp-carousel-overlay .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .jp-carousel-overlay .swiper-button-next:after, .jp-carousel-overlay .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .jp-carousel-overlay .swiper-button-prev.swiper-button-white, .jp-carousel-overlay .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .jp-carousel-overlay .swiper-button-prev.swiper-button-black, .jp-carousel-overlay .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .jp-carousel-overlay .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .jp-carousel-overlay .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d( 0, 0, 0 ); z-index: 10; } .jp-carousel-overlay .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .jp-carousel-overlay .swiper-pagination-fraction, .jp-carousel-overlay .swiper-pagination-custom, .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .jp-carousel-overlay .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale( 0.33 ); position: relative; } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale( 1 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale( 1 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale( 0.66 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale( 0.33 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale( 0.66 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale( 0.33 ); } .jp-carousel-overlay .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2; } .jp-carousel-overlay button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .jp-carousel-overlay .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .jp-carousel-overlay .swiper-pagination-bullet-active { opacity: 1; background: var( --swiper-pagination-color, var( --swiper-theme-color ) ); } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d( 0px, -50%, 0 ); } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY( -50% ); width: 8px; } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX( -50% ); white-space: nowrap; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .jp-carousel-overlay .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .jp-carousel-overlay .swiper-pagination-progressbar { background: rgba( 0, 0, 0, 0.25 ); position: absolute; } .jp-carousel-overlay .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var( --swiper-pagination-color, var( --swiper-theme-color ) ); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale( 0 ); transform-origin: left top; } .jp-carousel-overlay .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-progressbar, .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-progressbar, .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .jp-carousel-overlay .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .jp-carousel-overlay .swiper-pagination-black { --swiper-pagination-color: #000000; } .jp-carousel-overlay .swiper-pagination-lock { display: none; } .jp-carousel-overlay .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .jp-carousel-overlay .swiper-zoom-container > img, .jp-carousel-overlay .swiper-zoom-container > svg, .jp-carousel-overlay .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .jp-carousel-overlay .swiper-slide-zoomed { cursor: move; } /* a11y */ .jp-carousel-overlay .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } :root { --jp-carousel-primary-color: #fff; --jp-carousel-primary-subtle-color: #999; --jp-carousel-bg-color: #000; --jp-carousel-bg-faded-color: #222; --jp-carousel-border-color: #3a3a3a; } :root .jp-carousel-light { --jp-carousel-primary-color: #000; --jp-carousel-primary-subtle-color: #646970; --jp-carousel-bg-color: #fff; --jp-carousel-bg-faded-color: #fbfbfb; --jp-carousel-border-color: #dcdcde; } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-container-rtl .swiper-button-next, .jp-carousel-overlay .swiper-button-next, .jp-carousel-overlay .swiper-container-rtl .swiper-button-prev { background-image: none; } /* end of temporary fix */ [data-carousel-extra]:not( .jp-carousel-wrap ) img, [data-carousel-extra]:not( .jp-carousel-wrap ) img + figcaption { cursor: pointer; } .jp-carousel-wrap * { line-height: inherit; } .jp-carousel-wrap.swiper-container { height: auto; width: 100vw; } .jp-carousel-overlay .swiper-zoom-container { background-size: 200%; background-repeat: no-repeat; background-position: center; } /* To prevent flash of prev/next image scale transition after pinch zoom we need to hide them. Swiper does not add a class of `swiper-slide-zoomed` to slides on pinch and zoom so we have to target all affected elements in touch devices. */ .jp-carousel-overlay .swiper-slide.swiper-slide-prev .swiper-zoom-container img, .jp-carousel-overlay .swiper-slide.swiper-slide-next .swiper-zoom-container img { transition: none !important; } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-button-next { opacity: 0.5; transition: 0.5s opacity ease-out; height: initial; width: initial; padding: 20px 40px; background-image: none; } .jp-carousel-overlay .swiper-button-prev:hover, .jp-carousel-overlay .swiper-button-next:hover { opacity: 1; } .jp-carousel-overlay .swiper-button-next:after, .jp-carousel-overlay .swiper-container-rtl .swiper-button-next:after, .jp-carousel-overlay .swiper-button-prev:after, .jp-carousel-overlay .swiper-container-rtl .swiper-button-prev:after { content: none; } .jp-carousel-overlay .swiper-button-prev svg, .jp-carousel-overlay .swiper-button-next svg { height: 30px; width: 28px; background: var(--jp-carousel-bg-color); border-radius: 4px; } .jp-carousel-overlay .swiper-button-prev svg:hover, .jp-carousel-overlay .swiper-button-next svg:hover { background: var(--jp-carousel-primary-subtle-color); } .jp-carousel-overlay { font-family: 'Helvetica Neue', sans-serif !important; z-index: 2147483647; overflow-x: hidden; overflow-y: auto; direction: ltr; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--jp-carousel-bg-color); } .jp-carousel-overlay * { box-sizing: border-box; } /* Fix for Twenty Nineteen theme compatibility */ .jp-carousel-overlay h1:before, .jp-carousel-overlay h2:before, .jp-carousel-overlay h3:before { content: none; display: none; } .jp-carousel-overlay .swiper-container .swiper-button-prev { left: 0; right: auto; } .jp-carousel-overlay .swiper-container .swiper-button-next { right: 0; left: auto; } .jp-carousel-overlay .swiper-container.swiper-container-rtl .swiper-button-prev, .jp-carousel-overlay .swiper-container.swiper-container-rtl .swiper-button-next { transform: scaleX( -1 ); } .jp-carousel-container { display: grid; grid-template-rows: 1fr 64px; /* 1. main carousel, 2. info area as footer */ height: 100%; } .jp-carousel-hide-controls .jp-carousel-container { grid-template-rows: 1fr; } .jp-carousel-hide-controls .swiper-wrapper { margin-top: -32px; /* Compensate for the remove of the height of the info bar. */ } .jp-carousel-hide-controls .jp-swiper-button-next, .jp-carousel-hide-controls .jp-swiper-button-prev { margin-top: -54px; /* The height of the info bar plus any top padding on the nav button itself. */ } .jp-carousel-msg { font-family: 'Open Sans', sans-serif; font-style: normal; display: inline-block; line-height: 19px; padding: 11px 15px; font-size: 14px; text-align: center; margin: 25px 20px 0 2px; background-color: var(--jp-carousel-primary-color); border-left: 4px solid #ffba00; -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 ); box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 ); } .jp-carousel-info { display: flex; flex-direction: column; text-align: left !important; -webkit-font-smoothing: subpixel-antialiased !important; z-index: 100; background-color: var(--jp-carousel-bg-color); transition: opacity 200ms ease-out; opacity: 1; } .jp-carousel-hide-controls .jp-carousel-info { visibility: hidden; height: 0; overflow: hidden; } .jp-carousel-info-footer { position: relative; background-color: var(--jp-carousel-bg-color); height: 64px; display: flex; align-items: center; justify-content: space-between; width: 100vw; } .jp-carousel-info-extra { display: none; background-color: var(--jp-carousel-bg-color); padding: 35px; width: 100vw; border-top: 1px solid var(--jp-carousel-bg-faded-color); } .jp-carousel-title-and-caption { margin-bottom: 15px; } .jp-carousel-info-extra.jp-carousel-show { display: block; } .jp-carousel-info ::selection { background: var(--jp-carousel-primary-color); /* Safari */ color: var(--jp-carousel-primary-color); } .jp-carousel-info ::-moz-selection { background: var(--jp-carousel-primary-color); /* Firefox */ color: var(--jp-carousel-primary-color); } .jp-carousel-photo-info { left: 0 !important; width: 100% !important; } .jp-carousel-comments-wrapper { padding: 0; width: 100% !important; display: none; } .jp-carousel-comments-wrapper.jp-carousel-show { display: block; } .jp-carousel-comments-wrapper > .jp-carousel-photo-info { display: none; } .jp-carousel-transitions .jp-carousel-photo-info { -webkit-transition: 400ms ease-out; -moz-transition: 400ms ease-out; -o-transition: 400ms ease-out; transition: 400ms ease-out; } .jp-carousel-buttons { margin: -18px -20px 15px; padding: 8px 10px; border-bottom: 1px solid #222; background: #222; text-align: center; } div.jp-carousel-buttons a { border: none !important; color: var(--jp-carousel-primary-subtle-color); font: normal 11px/1.2em 'Helvetica Neue', sans-serif !important; letter-spacing: 0 !important; padding: 5px 2px 5px 0; text-decoration: none !important; text-shadow: none !important; vertical-align: middle; -webkit-font-smoothing: subpixel-antialiased; } div.jp-carousel-buttons a:hover { color: var(--jp-carousel-primary-color); border: none !important; } .jp-carousel-transitions div.jp-carousel-buttons a:hover { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .jp-carousel-slide, .jp-carousel-slide img { -webkit-transform: translate3d( 0, 0, 0 ); -moz-transform: translate3d( 0, 0, 0 ); -o-transform: translate3d( 0, 0, 0 ); -ms-transform: translate3d( 0, 0, 0 ); transform: translate3d( 0, 0, 0 ); } .jp-carousel-close-hint { cursor: default; letter-spacing: 0 !important; position: fixed; top: 20px; right: 30px; padding: 10px; text-align: right; width: 45px; height: 45px; z-index: 15; color: var(--jp-carousel-primary-color); cursor: pointer; transition: opacity 200ms ease-out; } .jp-carousel-transitions .jp-carousel-close-hint { -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; } .jp-carousel-close-hint svg { padding: 3px 2px; background: var(--jp-carousel-bg-color); border-radius: 4px; } .jp-carousel-close-hint svg:hover { background: var(--jp-carousel-primary-subtle-color); } .jp-carousel-close-hint:hover { color: var(--jp-carousel-primary-color); } .jp-carousel-close-hint:hover span { border-color: var(--jp-carousel-primary-color); } /** Pagination Start **/ .jp-carousel-pagination-container { flex: 1; margin: 0 15px 0 35px; } .jp-swiper-pagination, .jp-carousel-pagination { color: var(--jp-carousel-primary-color); font-size: 15px; /* same as .jp-carousel-info-footer .jp-carousel-photo-title */ font-weight: normal; white-space: nowrap; display: none; position: static !important; } .jp-carousel-pagination-container .swiper-pagination { text-align: left; line-height: 8px; } .jp-carousel-pagination { padding-left: 5px; } .jp-swiper-pagination .swiper-pagination-bullet { background: var(--jp-carousel-primary-subtle-color); margin: 0 4px; } .jp-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--jp-carousel-primary-color); } .jp-swiper-pagination .swiper-pagination-bullet:not( .swiper-pagination-bullet-active ) { background: var(--jp-carousel-primary-color); opacity: 0.5; } /** Pagination End **/ /** Title and Desc Start **/ .jp-carousel-info-footer .jp-carousel-photo-title-container { flex-basis: 50vw; flex: 4; justify-content: center; overflow: hidden; margin: 0; } .jp-carousel-photo-title, .jp-carousel-photo-caption { background: none !important; border: none !important; display: inline-block; font: normal 20px/1.3em 'Helvetica Neue', sans-serif; line-height: normal; letter-spacing: 0 !important; margin: 0 0 10px 0; padding: 0; overflow: hidden; text-shadow: none !important; text-transform: none !important; color: var(--jp-carousel-primary-color); } .jp-carousel-info-footer .jp-carousel-photo-caption { text-align: center; font-size: 15px; /* same as .jp-carousel-pagination */ white-space: nowrap; color: var(--jp-carousel-primary-subtle-color); cursor: pointer; margin: 0; text-overflow: ellipsis; } .jp-carousel-info-footer .jp-carousel-photo-caption p { margin: 0; } .jp-carousel-photo-title { font-size: 32px; margin-bottom: 2px; } .jp-carousel-photo-description { color: var(--jp-carousel-primary-subtle-color); font-size: 16px; margin: 25px 0; width: 100%; } .jp-carousel-photo-description { overflow: hidden; overflow-wrap: break-word; } .jp-carousel-photo-description p { color: var(--jp-carousel-primary-subtle-color); line-height: 1.4; margin-bottom: 0; } .jp-carousel-photo-description p a, .jp-carousel-comments p a, .jp-carousel-info h2 a { color: var(--jp-carousel-primary-color) !important; border: none !important; text-decoration: underline !important; font-weight: normal !important; font-style: normal !important; } .jp-carousel-photo-description p strong, .jp-carousel-photo-description p b { font-weight: bold; color: var(--jp-carousel-primary-subtle-color); } .jp-carousel-photo-description p em, .jp-carousel-photo-description p i { font-style: italic; color: var(--jp-carousel-primary-subtle-color); } .jp-carousel-photo-description p a:hover, .jp-carousel-comments p a:hover, .jp-carousel-info h2 a:hover { color: var(--jp-carousel-primary-subtle-color) !important; } .jp-carousel-photo-description p:empty { display: none; } .jp-carousel-photo-info h1:before, .jp-carousel-photo-info h1:after, .jp-carousel-comments-wrapper h1:before, .jp-carousel-comments-wrapper h1:after { content: none !important; } .jp-carousel-caption { font-size: 14px; font-weight: normal; margin: 0; } /** Title and Desc End **/ /** Meta Box Start **/ .jp-carousel-image-meta { color: var(--jp-carousel-primary-color); font-size: 13px; font: 12px/1.4 'Helvetica Neue', sans-serif !important; width: 100%; display: none; } .jp-carousel-image-meta.jp-carousel-show { display: block; } .jp-carousel-image-meta li, .jp-carousel-image-meta h5 { font-family: 'Helvetica Neue', sans-serif !important; position: inherit !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; background: none !important; border: none !important; font-weight: 400 !important; line-height: 1.3em !important; } .jp-carousel-image-meta ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .jp-carousel-image-meta li { width: 48% !important; display: inline-block !important; vertical-align: top !important; margin: 0 2% 15px 0 !important; color: var(--jp-carousel-primary-color) !important; font-size: 13px !important; } .jp-carousel-image-meta h5 { color: var(--jp-carousel-primary-subtle-color) !important; text-transform: uppercase !important; font-size: 10px !important; margin: 0 0 2px !important; letter-spacing: 0.1em !important; } a.jp-carousel-image-download { display: inline-block; clear: both; color: var(--jp-carousel-primary-subtle-color); line-height: 1; font-weight: 400; font-size: 14px; text-decoration: none; } a.jp-carousel-image-download svg { display: inline-block; vertical-align: middle; margin: 0 3px; padding-bottom: 2px; } a.jp-carousel-image-download span.photo-size { font-size: 11px; border-radius: 1em; margin-left: 2px; display: inline-block; } a.jp-carousel-image-download span.photo-size-times { padding: 0 1px 0 2px; } /** Meta Box End **/ /** Comments Start **/ .jp-carousel-comments { font: 15px/1.7 'Helvetica Neue', sans-serif !important; font-weight: 400; background: none transparent; width: 100%; bottom: 10px; margin-top: 20px; } .jp-carousel-comments p a:hover, .jp-carousel-comments p a:focus, .jp-carousel-comments p a:active { color: var(--jp-carousel-primary-color) !important; } .jp-carousel-comment { background: none transparent; color: var(--jp-carousel-primary-subtle-color); overflow: auto; width: 100%; display: flex; } .jp-carousel-comment + .jp-carousel-comment { margin-top: 20px; } .jp-carousel-comment:last-of-type { margin-bottom: 20px; } .jp-carousel-comment p { color: var(--jp-carousel-primary-subtle-color) !important; } .jp-carousel-comment .comment-author { font-size: 15px; font-weight: 500; padding: 0; width: auto; display: inline; float: none; border: none; margin: 0; } .jp-carousel-comment .comment-author a { color: var(--jp-carousel-primary-color); } .jp-carousel-comment .comment-gravatar { float: none; margin-right: 10px; } .jp-carousel-comment .comment-content { border: none; padding: 0; } .jp-carousel-comment .avatar { margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none !important; padding: 0 !important; background-color: transparent !important; min-width: 64px; min-height: 64px; width: 64px; height: 64px; } .jp-carousel-comment .comment-date { color: var(--jp-carousel-primary-subtle-color); font-size: 11px; border-bottom: 1px solid var(--jp-carousel-bg-faded-color); margin-bottom: 6px; } #jp-carousel-comment-form { margin: 0 0 10px !important; width: 100%; } #jp-carousel-comment-form.jp-carousel-is-disabled { opacity: 0.5; pointer-events: none; } textarea#jp-carousel-comment-form-comment-field { background: var(--jp-carousel-bg-faded-color); border: 1px solid var(--jp-carousel-border-color); color: var(--jp-carousel-primary-subtle-color); font: 16px/1.4 'Helvetica Neue', sans-serif !important; width: 100%; padding: 10px 10px 5px; margin: 0; float: none; height: 147px; -webkit-box-shadow: inset 2px 2px 2px rgba( 0, 0, 0, 0.1 ); box-shadow: inset 2px 2px 2px rgba( 0, 0, 0, 0.1 ); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea#jp-carousel-comment-form-comment-field::-webkit-input-placeholder { color: #555; } textarea#jp-carousel-comment-form-comment-field:focus { background: var(--jp-carousel-bg-faded-color); color: var(--jp-carousel-primary-subtle-color); } textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder { color: var(--jp-carousel-primary-subtle-color); } #jp-carousel-loading-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } #jp-carousel-loading-wrapper { display: flex; align-items: center; justify-content: center; height: 100vh; width: 100vw; } #jp-carousel-library-loading, #jp-carousel-library-loading:after { border-radius: 50%; width: 40px; height: 40px; } #jp-carousel-library-loading { float: left; margin: 22px 0 0 10px; font-size: 10px; position: relative; text-indent: -9999em; border-top: 8px solid rgba( 255, 255, 255, 0.2 ); border-right: 8px solid rgba( 255, 255, 255, 0.2 ); border-bottom: 8px solid rgba( 255, 255, 255, 0.2 ); border-left: 8px solid var(--jp-carousel-primary-color); -webkit-transform: translateZ( 0 ); -ms-transform: translateZ( 0 ); transform: translateZ( 0 ); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } #jp-carousel-comment-form-spinner, #jp-carousel-comment-form-spinner:after { border-radius: 50%; width: 20px; height: 20px; } #jp-carousel-comment-form-spinner { display: none; float: left; margin: 22px 0 0 10px; font-size: 10px; position: absolute; /* relative to .jp-carousel-comment-form-container */ text-indent: -9999em; border-top: 4px solid rgba( 255, 255, 255, 0.2 ); border-right: 4px solid rgba( 255, 255, 255, 0.2 ); border-bottom: 4px solid rgba( 255, 255, 255, 0.2 ); border-left: 4px solid var(--jp-carousel-primary-color); -webkit-transform: translateZ( 0 ); -ms-transform: translateZ( 0 ); transform: translateZ( 0 ); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; margin: 0 auto; top: calc( 50% - 15px ); left: 0; bottom: 0; right: 0; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate( 0deg ); transform: rotate( 0deg ); } 100% { -webkit-transform: rotate( 360deg ); transform: rotate( 360deg ); } } @keyframes load8 { 0% { -webkit-transform: rotate( 0deg ); transform: rotate( 0deg ); } 100% { -webkit-transform: rotate( 360deg ); transform: rotate( 360deg ); } } .jp-carousel-info-content-wrapper { max-width: 800px; margin: auto; } #jp-carousel-comment-form-submit-and-info-wrapper { display: none; overflow: hidden; width: 100%; } #jp-carousel-comment-form-commenting-as input { background: var(--jp-carousel-bg-color); border: 1px solid var(--jp-carousel-border-color); color: var(--jp-carousel-primary-subtle-color); font: 16px/1.4 'Helvetica Neue', sans-serif !important; padding: 10px; float: left; -webkit-box-shadow: inset 2px 2px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: inset 2px 2px 2px rgba( 0, 0, 0, 0.2 ); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 285px; } #jp-carousel-comment-form-commenting-as input:focus { background: var(--jp-carousel-bg-faded-color); color: var(--jp-carousel-primary-subtle-color); } #jp-carousel-comment-form-commenting-as p { font: 400 13px/1.7 'Helvetica Neue', sans-serif !important; margin: 22px 0 0; float: left; } #jp-carousel-comment-form-commenting-as fieldset { float: left; border: none; margin: 20px 0 0 0; padding: 0; clear: both; } #jp-carousel-comment-form-commenting-as label { font: 400 13px/1.7 'Helvetica Neue', sans-serif !important; margin: 0 20px 3px 0; float: left; width: 100px; } #jp-carousel-comment-form-button-submit { margin-top: 20px; margin-left: auto; display: block; border: solid 1px var(--jp-carousel-primary-color); background: var(--jp-carousel-bg-color); border-radius: 3px; padding: 8px 16px; font-size: 14px; color: var(--jp-carousel-primary-color); } #jp-carousel-comment-form-button-submit:active, #jp-carousel-comment-form-button-submit:focus { background: var(--jp-carousel-primary-color); color: var(--jp-carousel-bg-color); } #jp-carousel-comment-form-container { margin-bottom: 15px; width: 100%; margin-top: 20px; color: var(--jp-carousel-primary-subtle-color); position: relative; overflow: hidden; } #jp-carousel-comment-post-results { display: none; overflow: auto; width: 100%; } #jp-carousel-comment-post-results span { display: block; text-align: center; margin-top: 20px; width: 100%; overflow: auto; padding: 1em 0; box-sizing: border-box; border-radius: 2px; font: 13px/1.4 'Helvetica Neue', sans-serif !important; border: 1px solid var(--jp-carousel-border-color); -webkit-box-shadow: inset 0px 0px 5px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: inset 0px 0px 5px 0px rgba( 0, 0, 0, 0.2 ); } .jp-carousel-comment-post-error { color: #df4926; } #jp-carousel-comments-closed { display: none; color: var(--jp-carousel-primary-subtle-color); } #jp-carousel-comments-loading { font: 400 15px/1.7 'Helvetica Neue', sans-serif !important; display: none; color: var(--jp-carousel-primary-subtle-color); text-align: left; margin-bottom: 20px; width: 100%; bottom: 10px; margin-top: 20px; } /** Icons Start **/ .jp-carousel-photo-icons-container { flex: 1; display: block; text-align: right; margin: 0 20px 0 30px; white-space: nowrap; } .jp-carousel-icon-btn { padding: 16px; text-decoration: none; border: none; background: none; display: inline-block; height: 64px; } .jp-carousel-icon { border: none; display: inline-block; line-height: 0; font-weight: 400; font-style: normal; border-radius: 4px; width: 31px; /* Prevent comments indicator from changing icon width */ padding: 4px 3px 3px; } .jp-carousel-icon:hover { background: var(--jp-carousel-primary-subtle-color); } .jp-carousel-icon svg { display: inline-block; } .jp-carousel-overlay rect { fill: var(--jp-carousel-primary-color); } .jp-carousel-selected .jp-carousel-icon { background: var(--jp-carousel-primary-color); } .jp-carousel-selected rect { fill: var(--jp-carousel-bg-color); } .jp-carousel-icon-comments.jp-carousel-show { display: inline-block; } .jp-carousel-icon .jp-carousel-has-comments-indicator { display: none; font-size: 12px; vertical-align: top; margin-left: -16px; line-height: 1; padding: 2px 4px; border-radius: 4px; background: var(--jp-carousel-primary-color); color: var(--jp-carousel-bg-color); font-weight: normal; font-family: 'Helvetica Neue', sans-serif !important; position: relative; } .jp-carousel-selected .jp-carousel-icon .jp-carousel-has-comments-indicator { background: var(--jp-carousel-bg-color); color: var(--jp-carousel-primary-color); } .jp-carousel-has-comments-indicator.jp-carousel-show { display: inline-block; } /** Icons End **/ /* Small screens */ @media only screen and ( max-width: 760px ) { .jp-carousel-overlay .swiper-container .swiper-button-next, .jp-carousel-overlay .swiper-container .swiper-button-prev { display: none !important; } .jp-carousel-buttons { display: none !important; } .jp-carousel-image-meta { float: none !important; width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; } .jp-carousel-close-hint { font-size: 26px !important; position: fixed !important; top: 10px; right: 10px; } /* The admin bar is fixed at top: 0*/ .admin-bar .jp-carousel-close-hint { top: 40px; } .jp-carousel-slide img { opacity: 1; } .jp-carousel-wrap { background-color: var(--jp-carousel-bg-color); } .jp-carousel-fadeaway { display: none; } .jp-carousel-info > .jp-carousel-photo-info { display: none; } .jp-carousel-comments-wrapper > .jp-carousel-photo-info { display: block; } .jp-carousel-caption { overflow: visible !important; } .jp-carousel-info-footer .jp-carousel-photo-title-container { display: none; } .jp-carousel-photo-icons-container { margin: 0 10px 0 0; white-space: nowrap; } .jp-carousel-icon-btn { padding-left: 20px; } .jp-carousel-pagination { padding-left: 5px; } .jp-carousel-pagination-container { margin-left: 25px; } .jp-carousel-comment .avatar { min-width: 48px; } #jp-carousel-comment-form-commenting-as fieldset, #jp-carousel-comment-form-commenting-as input { width: 100%; float: none; } } .wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.66667em;padding-right:.66667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000}.wpac,.wpac h1,.wpac h2,.wpac h3,.wpac h4,.wpac h5,.wpac h6,.wpac p,.wpac td,.wpac dl,.wpac tr,.wpac dt,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac table,.wpac th,.wpac tbody,.wpac tfoot,.wpac caption,.wpac thead,.wpac ul,.wpac li,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac li,.wpac strong,.wpac legend,.wpac em,.wpac s,.wpac cite,.wpac span,.wpac input,.wpac sup,.wpac label,.wpac dfn,.wpac object,.wpac big,.wpac q,.wpac font,.wpac samp,.wpac acronym,.wpac small,.wpac img,.wpac strike,.wpac code,.wpac sub,.wpac ins,.wpac textarea,.wpac var,.wpac a,.wpac abbr,.wpac applet,.wpac del,.wpac kbd,.wpac tt,.wpac b,.wpac i,.wpac hr{background-attachment:scroll!important;background-color:transparent!important;background-image:none!important;background-position:0 0!important;background-repeat:repeat!important;border-color:black!important;border-color:currentColor!important;border-radius:0!important;border-style:none!important;border-width:medium!important;bottom:auto!important;clear:none!important;clip:auto!important;color:inherit!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:inherit!important;display:inline;float:none!important;font-family:inherit!important;font-size:inherit!important;font-style:inherit!important;font-variant:normal!important;font-weight:inherit!important;height:auto;left:auto!important;letter-spacing:normal!important;line-height:inherit!important;list-style-type:inherit!important;list-style-position:outside!important;list-style-image:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1;outline:invert none medium!important;padding:0!important;position:static!important;quotes:"" ""!important;right:auto!important;table-layout:auto!important;text-align:inherit!important;text-decoration:inherit!important;text-indent:0!important;text-transform:none!important;top:auto!important;unicode-bidi:normal!important;vertical-align:baseline!important;visibility:inherit!important;white-space:normal!important;width:auto!important;word-spacing:normal!important;z-index:auto!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;text-shadow:none!important;-webkit-transition:none!important;transition:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.wpac,.wpac h3,.wpac h5,.wpac p,.wpac h1,.wpac dl,.wpac dt,.wpac h6,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac h2,.wpac caption,.wpac h4,.wpac ul,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac textarea,.wpac hr{display:block}.wpac table{display:table}.wpac tbody{display:table-row-group}.wpac tr{display:table-row}.wpac td{display:table-cell}.wpac ul{list-style-type:none!important}.wpac li{display:list-item;min-height:auto!important;min-width:auto!important}.wpac a,.wpac a *,.wpac input[type=submit],.wpac input[type=radio],.wpac input[type=checkbox],.wpac select{cursor:pointer!important}.wpac a:hover{text-decoration:none!important}.wpac button,.wpac input[type=submit]{height:auto!important;text-align:center!important}.wpac input[type=hidden]{display:none}.wpac select{-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important}.wpac input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important}.wpac input[type="checkbox"]:before,.wpac input[type="checkbox"]:after{content:none!important;border:0!important}.wpac input[type=radio]{-webkit-appearance:radio!important;-moz-appearance:radio!important;appearance:radio!important}.wpac input[type="radio"]:before,.wpac input[type="radio"]:after{content:none!important;border:0!important}.wpac li:before,.wpac li:after{content:""!important}.wpac input,.wpac select{vertical-align:middle!important}.wpac select,.wpac textarea,.wpac input{border:1px solid #ccc!important}.wpac table{border-collapse:collapse!important;border-spacing:0!important}.wpac *[dir=rtl]{direction:rtl!important}.wpac img{border:0!important}.wpac svg{vertical-align:middle!important;-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.wpac{font-size:14px!important;line-height:20px!important;direction:inherit!important;text-align:inherit!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#333!important;font-style:normal!important;font-weight:normal!important;text-decoration:none!important;list-style-type:disc!important}.wp-gr .wp-google-badge{display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge-fixed{position:fixed!important;right:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge_left-fixed{position:fixed!important;left:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important}.wp-gr .wp-google-badge *{cursor:pointer!important}.wp-gr .wp-google-border{width:100%!important;height:6px!important;background:#4fce6a!important;border-radius:2px 2px 0 0!important}.wp-gr .wp-google-badge-btn{position:relative!important;padding:10px!important;background:#fff!important;transition:all .2s ease-in-out!important;border-radius:2px!important}.wp-gr .wp-google-badge-btn:hover{background:#f3f3f5!important}.wp-gr .wp-google-badge-score{display:inline-block;margin:0 0 0 4px!important;vertical-align:middle!important}.wp-gr .wp-google-rating{color:var(--star-color,#fb8e28)!important;font-size:21px!important;font-weight:600!important;margin:0 6px 0 0!important;vertical-align:middle!important}.wp-gr .wp-google-stars .wp-star{padding:0 4px 0 0!important;line-height:22px!important}.wp-gr .wp-google-powered{color:#555!important;margin:6px 0 0!important}.wp-gr .wp-google-powered img{max-width:144px!important}.wp-gr .wp-google-form .wp-google-reviews{padding:16px 16px 0!important}.wp-gr .wp-google-review{margin-top:15px!important}.wp-gr .wp-google-left{display:table-cell!important;vertical-align:top!important}[dir="ltr"] .wp-google-left{padding-right:10px!important}[dir="rtl"] .wp-google-left{padding-left:10px!important}.wp-gr .wp-google-left img{border:none!important;float:left!important;height:50px!important;width:50px!important;margin-right:10px!important;overflow:hidden!important;border-radius:50%!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.wp-gr .wp-google-reviews img{border-radius:50%!important}.wp-gr .wp-google-right{display:table-cell!important;vertical-align:top!important;width:10000px!important}.wp-gr .wp-google-place.wp-place-center{text-align:center!important}.wp-gr .wp-google-place.wp-place-center .wp-google-left{display:block!important}.wp-gr .wp-google-place.wp-place-center .wp-google-left img{float:none!important}.wp-gr .wp-star svg{display:inline-block!important}.wp-gr .wp-google-place .wp-star svg{width:20px!important;height:20px!important;vertical-align:middle!important}.wp-gr .wp-star svg{width:19px!important;height:19px!important;vertical-align:middle!important}.wp-gr .wp-star svg path{fill:var(--star-color,#fb8e28)}.wp-gr .wp-google-name{color:black!important;font-size:100%!important;font-weight:bold!important;margin:0 0 2px!important;padding-right:6px!important;text-decoration:none!important}.wp-gr a.wp-google-name{color:#427fed!important;text-decoration:none!important}.wp-gr .wp-google-time{color:#555!important;font-size:13px!important}.wp-gr .wp-google-text{color:var(--text-color,#222)!important;font-size:15px!important;line-height:24px!important;max-width:100%!important;overflow:hidden!important;white-space:pre-wrap!important;word-break:break-word!important}.wp-gr .wp-google-text .wp-google-stars{padding-right:7px!important}.wp-gr .wp-more{display:none}.wp-gr .wp-more-toggle{color:#136aaf!important;cursor:pointer!important;text-decoration:none!important}.wp-gr .wp-google-url{display:block;margin:10px 0!important;color:#136aaf!important;text-align:center!important}.wp-gr .wp-google-form{position:fixed!important;bottom:0!important;right:0!important;height:100%!important;width:368px!important;z-index:2147483000!important}.wp-gr .wp-google-form.wp-google-form-left{left:0!important}@media(max-width:460px){.wp-gr .wp-google-form{width:100%!important}}.wp-gr .wp-google-head{position:absolute!important;top:0!important;right:0!important;width:100%!important;height:80px!important;background:#fff!important;padding:10px 16px!important;overflow:hidden!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.12)!important;z-index:2147483002!important}.wp-gr .wp-google-head-inner{z-index:2147483000!important;position:absolute!important;left:20px!important;top:20px!important;width:100%!important;height:100%!important;pointer-events:none!important}.wp-gr .wp-google-close{padding:0!important;cursor:pointer!important;outline:0!important;border:0!important;background:0 0!important;min-height:0!important;width:auto!important;float:right!important;font-size:32px!important;font-weight:500!important;line-height:.6!important;color:#999!important;-webkit-appearance:none!important}.wp-gr .wp-google-close:hover{color:#555!important}.wp-gr .wp-google-body{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;background:rgba(250,250,251,.98)!important;border-left:1px solid #dadee2!important;box-shadow:0 0 4px 1px rgba(0,0,0,.08)!important;z-index:2147483000!important}.wp-gr .wp-google-content{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;overflow-y:auto!important;z-index:2147483001!important;-webkit-transform:translateZ(0)!important}.wp-gr .wp-google-content{top:80px!important;bottom:48px!important}.wp-gr .wp-google-content-inner{position:relative!important;min-height:100%!important;margin:0 auto!important}.wp-gr .wp-google-footer{position:absolute!important;bottom:0!important;right:0!important;width:100%!important;height:48px!important;text-align:center!important;z-index:2147483002!important;background:#fff!important;box-shadow:0 -1px 2px 0 rgba(0,0,0,.06)!important;-moz-text-align-last:center!important;text-align-last:center!important}.wp-gr .wp-google-footer img{float:right!important;padding:16px!important}.wp-gr.wp-dark .wp-google-name{color:#eee!important}.wp-gr.wp-dark .wp-google-time{color:#bbb!important}.wp-gr.wp-dark .wp-google-text{color:#ececec!important}.wp-gr.wpac .wp-google-name{font-size:100%!important}.wp-gr.wpac .wp-google-hide,.wp-gr.wpac .grw-hide{display:none}.wp-gr.wpac .wp-google-name a{color:#333!important;font-size:100%!important;text-decoration:none!important}.wp-gr.wpac .wp-google-left img{width:50px!important;height:50px!important;border-radius:50%!important}.wp-gr.wpac a.wp-google-name{color:#154fc1!important;text-decoration:none!important;white-space:nowrap!important;text-overflow:ellipsis!important}.wp-gr.wpac .wp-google-review .wp-google-stars{display:inline-block;margin-right:4px!important}.wp-gr.wpac.wp-dark .wp-google-name a{color:#eee!important}@media(max-width:480px){.wp-google-badge.wp-google-badge-fixed.wp-google-badge-hide{display:none!important}}@media(max-width:480px){.wp-google-badge.wp-google-badge_left-fixed.wp-google-badge-hide{display:none!important}}.wp-gr{display:block!important;width:100%!important;padding-bottom:20px!important;text-align:left!important;direction:ltr!important;box-sizing:border-box!important}.wp-gr .grw-row{display:-ms-flexbox!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;-ms-flex-wrap:nowrap!important;-ms-flex-align:center!important}.wp-gr .grw-row-xs{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.wp-gr .grw-row-xs .grw-header,.wp-gr .grw-row-xs .grw-content,.wp-gr .grw-row-xs .grw-review,.wp-gr .grw-row-x .grw-header+.grw-content .grw-review{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.wp-gr .grw-row-xl .grw-header+.grw-content{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.wp-gr .grw-row-l .grw-header+.grw-content{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.wp-gr .grw-row-m .grw-header+.grw-content{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.wp-gr .grw-row-s .grw-header+.grw-content{-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;max-width:66.666666%}.wp-gr .grw-row-x .grw-header,.wp-gr .grw-row-x .grw-header+.grw-content,.wp-gr .grw-row-x .grw-review,.wp-gr .grw-row-s .grw-header+.grw-content .grw-review{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.wp-gr .grw-row-s .grw-header,.wp-gr .grw-row-s .grw-review,.wp-gr .grw-row-m .grw-header+.grw-content .grw-review{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.wp-gr .grw-row-m .grw-header,.wp-gr .grw-row-m .grw-review,.wp-gr .grw-row-l .grw-review{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.wp-gr .grw-row-l .grw-header,.wp-gr .grw-row-xl .grw-review{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.wp-gr .grw-row-xl .grw-header{-ms-flex:0 0 16.666666%;flex:0 0 16.666666%;max-width:16.666666%}.wp-gr .grw-content{position:relative!important;min-width:0!important}.wp-gr .grw-content-inner{position:relative!important}.wp-gr .grw-header-inner,.wp-gr .grw-review-inner{position:relative!important;margin:0 10px!important;padding:15px!important;width:100%!important}.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd{background:var(--rev-color,#fafafa)!important}.wp-gr .grw-review-inner.grw-round{border-radius:4px!important}.wp-gr .grw-review-inner.grw-shadow{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.wp-gr .grw-review-inner>svg{position:absolute!important;top:10px!important;right:10px!important;width:18px!important;height:18px!important}.wp-gr .grw-reviews{display:flex!important;display:-ms-flexbox!important;overflow:hidden!important;scrollbar-width:none}.wp-gr .grw-reviews::-webkit-scrollbar{display:none!important}.wp-gr .grw-review{display:flex;position:relative!important;justify-content:center!important;align-items:center!important;flex-shrink:0!important;width:100%!important}.wp-gr .grw-controls{position:absolute!important;top:50%!important;width:100%!important}.wp-gr .grw-btns{position:absolute!important;height:33px!important;width:33px!important;text-align:center!important;cursor:pointer!important;border-radius:50%!important;user-select:none!important;transition:all .2s ease-in-out!important}.wp-gr .grw-btns svg path{fill:#aaa}.wp-gr .grw-btns:hover svg path{fill:#555!important}.wp-gr .grw-btns.grw-prev{left:0!important;margin-left:-5px!important}.wp-gr .grw-btns.grw-next{right:0!important;margin-right:-5px!important}[dir="rtl"] .wp-gr .grw-next,[dir="rtl"] .wp-gr .grw-prev{transform:rotate(180deg)}.wp-gr .grw-review .wp-google-left{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;line-height:24px!important}.wp-gr .grw-review .wp-google-stars{margin:15px 0 7px!important}.wp-gr .grw-review .wp-google-feedback{height:100px!important;overflow-y:auto!important}.wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar{width:4px!important}.wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)!important;-webkit-border-radius:4px!important;border-radius:4px!important}.wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar-thumb{-webkit-border-radius:10px!important;border-radius:10px!important;background:#ccc!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)!important}.wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar-thumb:window-inactive{background:#ccc!important}.wp-gr .wp-google-wr{margin:15px auto 8px!important}.wp-gr .wp-google-wr a{color:#fff!important;padding:6px 15px 10px!important;outline:none!important;border-radius:27px!important;background:var(--btn-color,#1f67e7)!important;white-space:nowrap!important;vertical-align:middle!important;opacity:.9!important;text-shadow:1px 1px 0 #888!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important;user-select:none!important;transition:all .2s ease-in-out!important}.wp-gr .wp-google-wr a:hover{opacity:.95!important;background:var(--btn-color,#1f67e7)!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 3px 5px rgba(0,0,0,.24)!important}.wp-gr .wp-google-wr a:active{opacity:1!important;background:var(--btn-color,#1f67e7)!important;box-shadow:none!important}.wp-gr .wp-google-wr a svg{display:inline-block;width:16px;height:16px;padding:1px;margin:0 0 0 4px;background:#fff;border-radius:50%}.wp-gr[data-layout="slider"] .grw-reviews{margin:0 20px!important;padding:10px 0 15px!important;overflow-x:scroll!important;flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.wp-gr[data-layout="slider"] .grw-review{scroll-snap-align:start!important;transform-origin:center center!important;transform:scale(1)!important;transition:transform .5s!important}.wp-gr{--slider-dot-size:8px}.wp-gr .rpi-dots-wrap{position:absolute!important;top:calc(100% - 1px)!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;margin:0 var(--slider-btn)!important;padding-top:var(--slider-dot-padding-top,16px)!important}.wp-gr .rpi-dots{display:flex!important;flex-wrap:nowrap!important;overflow-x:scroll!important;scrollbar-width:none!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.wp-gr .rpi-dot{display:inline-block!important;width:var(--slider-dot-size)!important;height:var(--slider-dot-size)!important;margin:1px 5px!important;background-color:var(--slider-dot-color,#999)!important;border-radius:20px!important;cursor:pointer!important;opacity:.4!important;vertical-align:middle!important;flex:1 0 auto!important;width:var(--slider-dot-size)!important;transform:scale(0.65)!important;scroll-snap-align:center!important}.wp-gr .rpi-dot:hover{opacity:1!important}.wp-gr .rpi-dot.active{opacity:1!important;transform:scale(1.1)!important;background-color:var(--slider-act-dot-color,#154fc1)!important}.wp-gr .rpi-dot.s2{transform:scale(.9)!important}.wp-gr .rpi-dot.s3{transform:scale(.75)!important}.wp-gr[data-layout="grid"] .grw-reviews{margin:10px!important;padding:0!important;flex-wrap:wrap!important;-ms-flex-wrap:wrap!important}.wp-gr[data-layout="grid"] .grw-review-inner{margin:10px!important}.wp-gr[data-layout="grid"] .grw-header-inner{margin:0 10px!important;padding:0!important}/** * Base * - Reset the browser */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * { box-sizing: border-box; } pre { overflow: scroll; } /** * Breakpoints & Media Queries */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ @media (min-width: 480px) { .wp-block[data-align=left], .wp-block[data-align=right], .wp-site-blocks .alignleft, .wp-site-blocks .alignright { max-width: var(--wp--custom--alignment--aligned-max-width); } } .aligncenter { text-align: center; display: block; margin-right: auto; margin-left: auto; } /* * Alignment styles - from TT2 * These rules are temporary, and should not be relied on or * modified too heavily by themes or plugins that build on * Twenty Twenty-Two. These are meant to be a precursor to * a global solution provided by the Block Editor. * * Relevant issues: * https://github.com/WordPress/gutenberg/issues/35607 * https://github.com/WordPress/gutenberg/issues/35884 */ .wp-site-blocks, body > .is-root-container, .edit-post-visual-editor__post-title-wrapper, .wp-block-group.alignfull, .wp-block-group.has-background, .wp-block-columns.alignfull.has-background, .wp-block-cover.alignfull, .is-root-container .wp-block[data-align=full] > .wp-block-group, .is-root-container .wp-block[data-align=full] > .wp-block-columns.has-background, .is-root-container .wp-block[data-align=full] > .wp-block-cover { padding-left: var(--wp--custom--gap--horizontal); padding-right: var(--wp--custom--gap--horizontal); } .wp-site-blocks .alignfull, .wp-site-blocks > .wp-block-group.has-background, .wp-site-blocks > .wp-block-cover, .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, .wp-site-blocks > .wp-block-template-part > .wp-block-cover, body > .is-root-container > .wp-block-cover, body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, body > .is-root-container > .wp-block-template-part > .wp-block-cover, .is-root-container .wp-block[data-align=full] { margin-left: calc(-1 * var(--wp--custom--gap--horizontal)) !important; margin-right: calc(-1 * var(--wp--custom--gap--horizontal)) !important; max-width: unset; width: unset; } /* Blocks inside columns don't have negative margins. */ .wp-site-blocks .wp-block-columns .wp-block-column .alignfull, .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full], .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, .is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] { margin-left: auto !important; margin-right: auto !important; width: inherit; } /* Spacing for group blocks with a background color. */ .wp-block-group.has-background { padding: var(--wp--custom--gap--vertical) var(--wp--custom--gap--horizontal); } .has-primary-background-color { background-color: var(--wp--custom--color--primary) !important; } .has-secondary-background-color { background-color: var(--wp--custom--color--secondary) !important; } .has-foreground-background-color { background-color: var(--wp--custom--color--foreground) !important; } .has-background-background-color { background-color: var(--wp--custom--color--background) !important; } .has-tertiary-background-color { background-color: var(--wp--custom--color--tertiary) !important; } .has-primary-color { color: var(--wp--custom--color--primary) !important; } .has-secondary-color { color: var(--wp--custom--color--secondary) !important; } .has-foreground-color { color: var(--wp--custom--color--foreground) !important; } .has-background-color { color: var(--wp--custom--color--background) !important; } .has-tertiary-color { color: var(--wp--custom--color--tertiary) !important; } @media (max-width: 599px) { .wp-site-blocks .site-header .site-brand { display: contents; } .wp-site-blocks .site-header .wp-block-site-logo { flex-basis: 100%; margin-bottom: calc(2 * var(--wp--custom--gap--vertical)); margin-top: var(--wp--custom--gap--vertical); text-align: center; } } @media (max-width: 599px) { .wp-site-blocks .site-header-linear .site-words-stack-small { display: block; } } :root { --wpadmin-bar--height: 46px; } .site-footer-container { margin-top: auto; } @media (min-width: 600px) { body.admin-bar { --wpadmin-bar--height: 32px; } } body.admin-bar .wp-site-blocks { min-height: calc(100vh - var(--wpadmin-bar--height)); } .image-no-margin { margin: 0; } .image-no-margin * { vertical-align: bottom; } .has-background-no-padding.wp-block-columns.has-background { padding: 0; } .mt-0 { margin-top: 0 !important; } .gapless-group > * { margin-top: 0 !important; } /* Remove the normalized box-sizing: border-box when used with Woo's quantity field, because Woo limits the field's width to 50px, which leaves no space for the context between 50px and 20px padding and the spinner arrows (that come from type=number) See: https://github.com/Automattic/wp-calypso/issues/58958#issuecomment-1015263777 */ .quantity .qty { box-sizing: content-box; } /** * Elements * - Styles for basic HTML elemants */ a, .wp-block-navigation a { text-underline-offset: 0.15em; } a:not(.ab-item):not(.screen-reader-shortcut):active, a:not(.ab-item):not(.screen-reader-shortcut):focus { outline: 1px dotted currentcolor; } input.wp-block-search__input, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select { background: var(--wp--custom--form--color--background); border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); border-radius: var(--wp--custom--form--border--radius); box-shadow: var(--wp--custom--form--color--box-shadow); color: var(--wp--custom--form--color--text); font-family: inherit; padding: var(--wp--custom--form--padding); } input.wp-block-search__input:focus, input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus, select:focus { border-color: var(--wp--custom--form--color--border); color: var(--wp--custom--form--color--text); outline: 1px dotted currentcolor; outline-offset: 2px; } input[type=checkbox]:focus, input[type=submit]:focus, button:focus { outline: 1px dotted currentcolor; outline-offset: 2px; } input[type=checkbox]::placeholder, input[type=submit]::placeholder, button::placeholder { color: var(--wp--custom--form--color--text); opacity: 0.66; } select { font-size: 100%; } textarea { width: 100%; } input[type=checkbox] + label { display: inline; margin-left: 0.5em; line-height: 1em; } .wp-block-button:not(.is-style-outline) > a.has-background { border-style: none; } .wp-block-calendar table caption { color: var(--wp--custom--color--primary); } .wp-block-calendar table th { background-color: var(--wp--custom--color--tertiary); border-color: var(--wp--custom--color--tertiary); } .wp-block-calendar table td { color: var(--wp--custom--color--primary); border-color: var(--wp--custom--color--tertiary); } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: var(--wp--custom--gallery--caption--font-size); } .wp-block-image { /* From what I can tell the below are styles regularly used by themes to fix the image block. I believe these should go into the block's default styles. It's difficult to say how this will land, however based on discussion found in (many) related issues here: https://github.com/WordPress/gutenberg/issues/28923 https://github.com/WordPress/gutenberg/issues/29506 */ text-align: center; } .wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--wp--custom--latest-posts--meta--color--text); } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { background-color: var(--wp--custom--navigation--submenu--color--background); border: var(--wp--custom--navigation--submenu--border--width) var(--wp--custom--navigation--submenu--border--style) var(--wp--custom--navigation--submenu--border--color); } .wp-block-navigation .has-child .wp-block-navigation__submenu-container a { color: var(--wp--custom--navigation--submenu--color--text); } .wp-block-navigation.is-responsive:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--custom--color--background); color: var(--wp--custom--color--foreground); padding-left: var(--wp--custom--gap--horizontal); padding-right: var(--wp--custom--gap--horizontal); } .wp-block-navigation.is-responsive ul.wp-block-social-links { margin: 0; gap: var(--wp--custom--gap--baseline); } .wp-block-navigation.is-responsive .is-menu-open { font-size: var(--wp--preset--font-size--medium); } .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content { align-items: var(--navigation-layout-justification-setting, flex-start); justify-content: space-between; flex-wrap: nowrap; } .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__container { row-gap: 0.5rem; align-items: var(--navigation-layout-justification-setting, flex-start); flex: unset; padding-bottom: 0; } .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation-item { align-items: var(--navigation-layout-justification-setting, flex-start); } .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { font-size: var(--wp--custom--font-sizes--normal); padding-bottom: 0; padding-left: var(--wp--custom--gap--horizontal); padding-top: 0.5rem; row-gap: 0.5rem; } .wp-block-navigation.is-responsive .is-menu-open ul.wp-block-social-links { justify-content: flex-start; } /* Additional styling for header-minimal */ .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container { font-size: var(--wp--preset--font-size--large); font-weight: 200; } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__container { row-gap: 1rem; } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { align-items: flex-start; margin: 0 auto; max-width: 800px; flex-wrap: nowrap; } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item { row-gap: 0; } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item > a:hover { text-decoration-line: underline; } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-item > a { text-decoration: underline; } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container { flex-grow: 1; justify-content: center; } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container ul.wp-block-social-links { padding-bottom: calc(var(--wp--custom--gap--vertical) * 2); } .wp-block-navigation.blockbase-premium-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { font-size: var(--wp--preset--font-size--medium); } /* Additional Styling for header-linear */ .wp-block-navigation.blockbase-premium-responsive-navigation-linear .wp-block-navigation-link a:hover { background: transparent; } .wp-block-navigation.blockbase-premium-responsive-navigation-linear .wp-block-pages-list__item .wp-block-pages-list__item__link, .wp-block-navigation.blockbase-premium-responsive-navigation-linear .wp-block-navigation-link__content { color: var(--wp--custom--color--foreground); } .wp-block-navigation.blockbase-premium-responsive-navigation-linear .wp-block-pages-list__item .wp-block-pages-list__item__link:hover, .wp-block-navigation.blockbase-premium-responsive-navigation-linear .wp-block-navigation-link__content:hover { text-decoration: underline; } .wp-block-navigation.blockbase-premium-responsive-navigation-linear:not(.has-background) .wp-block-navigation__submenu-container { background-color: var(--wp--custom--color--background); border-color: var(--wp--custom--color--tertiary); } .wp-block-navigation.blockbase-premium-responsive-navigation-linear .wp-block-navigation__mobile-menu-open-button { color: var(--wp--custom--color--primary); } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--custom--color--tertiary); } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-pages-list__item, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation-item { font-size: var(--wp--custom--font-sizes--normal); line-height: 50px; margin: 0; align-items: flex-end; } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-pages-list__item.has-child .wp-block-pages-list__item__link, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-pages-list__item.has-child .wp-block-navigation-link__content, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation-item.has-child .wp-block-pages-list__item__link, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation-item.has-child .wp-block-navigation-link__content { margin-right: 0; } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-pages-list__item.has-child .wp-block-navigation__submenu-container, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { gap: 0; padding: 0 19px 0 0; border-right: 1px solid var(--wp--custom--color--foreground); } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-pages-list__item.has-child .wp-block-navigation__submenu-container .wp-block-pages-list__item__link, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-pages-list__item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-pages-list__item__link, .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0; font-size: var(--wp--custom--font-sizes--x-small); line-height: 40px; } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__container { align-items: flex-end; } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content { flex-direction: row-reverse; } .wp-block-navigation.blockbase-premium-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-social-links { flex-direction: column; } p.has-drop-cap:not(:focus)::first-letter { font-size: var(--wp--custom--paragraph--dropcap--typography--font-size); font-weight: var(--wp--custom--paragraph--dropcap--typography--font-weight); margin: var(--wp--custom--paragraph--dropcap--margin); } .wp-block-post-author__name { font-weight: var(--wp--custom--post-author--font-weight); } .wp-block-comments-query-loop form label { font-size: var(--wp--custom--form--label--typography--font-size); font-weight: var(--wp--custom--form--label--typography--font-weight); letter-spacing: var(--wp--custom--form--label--typography--letter-spacing); } .wp-block-comments-query-loop form .comment-form-cookies-consent input[type=checkbox]#wp-comment-cookies-consent { margin-left: 0; margin-top: 1px; } .wp-block-comments-query-loop form .comment-form-cookies-consent input[type=checkbox]#wp-comment-cookies-consent + label { margin-left: 0; } .wp-block-post-template { margin-top: 0; margin-bottom: 0; } .wp-block-pullquote.is-style-solid-color, .wp-block-pullquote { text-align: var(--wp--custom--pullquote--typography--text-align); } .wp-block-pullquote.is-style-solid-color blockquote, .wp-block-pullquote blockquote { padding: 0; margin: 0; } .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote blockquote p { font-size: 1em; padding: 0; margin: 0; line-height: inherit; } .wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-pullquote blockquote .wp-block-pullquote__citation, .wp-block-pullquote blockquote cite { display: block; font-size: var(--wp--custom--pullquote--citation--typography--font-size); font-style: var(--wp--custom--pullquote--citation--typography--font-style); font-weight: var(--wp--custom--pullquote--citation--typography--font-weight); margin-top: var(--wp--custom--pullquote--citation--spacing--margin--top); } .wp-block-pullquote.is-style-solid-color.is-style-solid-color, .wp-block-pullquote.is-style-solid-color { background-color: var(--wp--custom--color--foreground); color: var(--wp--custom--color--background); } div.wp-block-query-pagination { padding-top: 1.5em; justify-content: space-between; display: grid; grid-template-areas: "prev numbers next"; grid-template-columns: 1fr 2fr 1fr; } @media (max-width: 599px) { div.wp-block-query-pagination { grid-template-areas: "prev next"; grid-template-columns: 1fr 1fr; } } div.wp-block-query-pagination .wp-block-query-pagination-previous { justify-self: start; grid-area: prev; } div.wp-block-query-pagination .wp-block-query-pagination-next { justify-self: flex-end; grid-area: next; } div.wp-block-query-pagination .wp-block-query-pagination-numbers { grid-area: numbers; justify-self: center; } div.wp-block-query-pagination .wp-block-query-pagination-numbers .current { text-decoration: underline; } @media (max-width: 599px) { div.wp-block-query-pagination .wp-block-query-pagination-numbers { display: none; } } .wp-block-quote.is-style-large p, .wp-block-quote p { font-style: unset; margin-top: 0px; } .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite { font-size: var(--wp--custom--quote--citation--typography--font-size); font-style: var(--wp--custom--quote--citation--typography--font-style); } .wp-block-search { /* Block Styles */ } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: var(--wp--custom--form--border--width); border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); border-radius: var(--wp--custom--form--border--radius); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: 0 var(--wp--custom--form--padding); } .wp-block-search .wp-block-search__input { padding: var(--wp--custom--form--padding); border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentcolor; border-color: var(--wp--custom--button--border--color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon, .wp-block-search .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search .wp-block-search__input::placeholder { color: var(--wp--custom--form--color--text); opacity: 0.66; } .wp-block-search.is-style-small-search { --wp--custom--button--typography--font-size: calc(0.8 * var(--wp--preset--font-size--small)); } .wp-block-search.is-style-small-search .wp-block-search__input { padding: calc(0.5 * var(--wp--custom--form--padding)); } .wp-block-separator { opacity: var(--wp--custom--separator--opacity); } .wp-block-separator:not(.is-style-wide) { width: var(--wp--custom--separator--width); } .wp-block-separator.is-style-dots { /* We can solve this using including the Gutenberg block styles with: add_theme_support( 'wp-block-styles' ) but we decided not to add those styles to blockbase because of potential broad impact of those styles. */ width: 100%; } p.wp-block-site-tagline { margin: 0; } .wp-block-file .wp-block-file__button { display: inline-block; } .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentcolor; border-color: var(--wp--custom--button--border--color); } .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-table.is-style-stripes, .wp-block-table { border-bottom: none; } .wp-block-table.is-style-stripes figcaption, .wp-block-table figcaption { color: var(--wp--custom--color--primary); font-size: var(--wp--custom--table--figcaption--typography--font-size); text-align: center; } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table td, .wp-block-table th { border: 1px solid; padding: calc(0.5 * var(--wp--custom--gap--vertical)) calc(0.5 * var(--wp--custom--gap--horizontal)); } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--wp--custom--color--tertiary); } .wp-block-video figcaption { margin: var(--wp--custom--video--caption--margin); text-align: var(--wp--custom--video--caption--text-align); } .post-meta { row-gap: var(--wp--custom--gap--baseline) !important; } .is-style-post-author-icon, .is-style-post-date-icon, .is-style-post-category-icon, .is-style-post-tag-icon { display: flex; flex-wrap: wrap; } .is-style-post-author-icon:before, .is-style-post-date-icon:before, .is-style-post-category-icon:before, .is-style-post-tag-icon:before { align-self: center; content: ""; display: inline-block; margin-right: calc(0.5 * var(--wp--custom--gap--baseline)); height: 16px; width: 16px; mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background-color: currentColor; } .is-style-post-author-icon:before { -webkit-mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-author.svg); mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-author.svg); } .is-style-post-date-icon:before { -webkit-mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-date.svg); mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-date.svg); } .is-style-post-category-icon:before { -webkit-mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-category.svg); mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-category.svg); } .is-style-post-tag-icon:before { -webkit-mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-tag.svg); mask-image: url(../wp-content/themes/blockbase-premium/assets/svg/post-tag.svg); } /* * This is a refactored style sheet * Currently it is being loaded within ponyfill * As ponyfill gets refactored, add the necessary styles here. */ /* * Button hover styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ :is(.wp-block-search__button, .wp-block-button__link):is(:hover, :active, :focus) { text-decoration: none; cursor: pointer; color: var(--wp--custom--button--hover--color--text); background-color: var(--wp--custom--button--hover--color--background); border-color: var(--wp--custom--button--hover--border--color); } :is(.wp-block-search__button, .wp-block-button__link):focus { outline: 1.5px dotted var(--wp--preset--color--foreground); outline-offset: 3px; } :is(.is-style-outline.wp-block-button, .is-style-outline.wp-block-button__link) { color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color)); } :is(.is-style-outline > .wp-block-button__link, .is-style-outline.wp-block-button__link):not(.has-background):hover { color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text)); background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background)); } /*# sourceMappingURL=ponyfill.css.map *//** * Like Button toolbar button, loading text & container styles */ /* Master container */ #jp-post-flair { padding-top: .5em; } /* Overall Sharedaddy block title */ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { clear: both; } div.sharedaddy h3.sd-title { margin: 0 0 1em 0; display: inline-block; line-height: 1.2; font-size: 9pt; font-weight: bold; } div.sharedaddy h3.sd-title:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #dcdcde; margin-bottom: 1em; } /* Toolbar */ div.jetpack-likes-widget-wrapper { width: 100%; min-height: 50px; /* Previous height, 60px */ position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ } div.jetpack-likes-widget-wrapper .sd-link-color { font-size: 12px; } div.jetpack-comment-likes-widget-wrapper { width: 100%; position: relative; min-height: 31px; } div.jetpack-comment-likes-widget-wrapper iframe { margin-bottom: 0; } #likes-other-gravatars { display: none; position: absolute; padding: 10px 10px 12px 10px; background-color: #2e4453; border-width: 0; box-shadow: 0 0 10px #2e4453; box-shadow: 0 0 10px rgba(46,68,83,.6); min-width: 130px; z-index: 1000; } #likes-other-gravatars.wpl-new-layout { display: none; position: absolute; padding: 9px 12px 10px 12px; background-color: #fff; border: solid 1px #dcdcde; border-radius: 4px; box-shadow: none; min-width: 220px; max-height: 240px; height: auto; overflow: auto; z-index: 1000; } #likes-other-gravatars * { line-height: normal; } #likes-other-gravatars .likes-text { color: white; font-size: 12px; padding-bottom: 8px; } #likes-other-gravatars.wpl-new-layout .likes-text { color: #101517; font-size: 12px; font-weight: 500; padding-bottom: 8px; } #likes-other-gravatars ul, #likes-other-gravatars li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; } #likes-other-gravatars li::before { content: ""; } #likes-other-gravatars ul.wpl-avatars { overflow: auto; display: block; max-height: 190px; } #likes-other-gravatars ul.wpl-avatars li { width: 32px; height: 32px; float: left; margin: 0 5px 5px 0; } #likes-other-gravatars.wpl-new-layout ul.wpl-avatars li { width: 196px; height: 28px; float: none; margin: 0 0 4px 0; } #likes-other-gravatars ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: block; } #likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: flex; align-items: center; gap: 8px; text-decoration: none; } #likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a span { font-size: 12px; color: #2C3338; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #likes-other-gravatars ul.wpl-avatars li a img { background: none; border: none; margin: 0 !important; padding: 0 !important; position: static; box-sizing: border-box; } #likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a img { background: none; border: none; border-radius: 50%; margin: 0 !important; padding: 1px !important; position: static; } div.sd-box { border-top: 1px solid #dcdcde; border-top: 1px solid rgba(0,0,0,.13); } .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget { margin: 0; border-width: 0; display: block; } /* Loading text */ .post-likes-widget-placeholder, .comment-likes-widget-placeholder { margin: 0; border-width: 0; position: relative; } .comment-likes-widget-placeholder { height: 18px; position: absolute; display: flex; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; } .comment-likes-widget-placeholder::before { color: #2EA2CC; width: 16px; height: 16px; content: ''; display: inline-block; position: relative; top: 3px; padding-right: 5px; background-repeat: no-repeat; background-size: 16px 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' fill='none' width='24' height='24'/%3E%3Cg%3E%3Cpath fill='%232EA2CC' d='M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304'/%3E%3C/g%3E%3C/svg%3E"); } .post-likes-widget-placeholder .button { display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */ } .post-likes-widget-placeholder .button span { } .post-likes-widget-placeholder .loading, .comment-likes-widget-placeholder .loading { color: #999; font-size: 12px; } .comment-likes-widget-placeholder .loading { padding-left: 5px; margin-top: 4px; align-self: center; color: #4E4E4E; } /* Like Special cases (display on it's own) */ div.sharedaddy.sd-like-enabled .sd-like h3 { display: none; } div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget { width: 100%; float: none; position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ top: 0; } .comment-likes-widget { width: 100%; } /* Make ratings block. @todo: make !important unnecessary by removing inline style */ .pd-rating, .cs-rating { display: block !important; } /* Hide G+ title */ .sd-gplus .sd-title { display: none; } @media print { .jetpack-likes-widget-wrapper { display: none; } }