.wp-block-cover, .wp-block-cover-image { align-items: center; background-position: 50%; box-sizing: border-box; display: flex; justify-content: center; min-height: 430px; overflow: hidden; overflow: clip; padding: 1em; position: relative; } .wp-block-cover .has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) { background-color: #000; } .wp-block-cover .has-background-dim.has-background-gradient, .wp-block-cover-image .has-background-dim.has-background-gradient { background-color: initial; } .wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before { background-color: inherit; content: ""; } .wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover.has-background-dim:not(.has-background-gradient):before { bottom: 0; left: 0; opacity: .5; position: absolute; right: 0; top: 0; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before { opacity: .1; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before { opacity: .2; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before { opacity: .3; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before { opacity: .4; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before { opacity: .5; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before { opacity: .6; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before { opacity: .7; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before { opacity: .8; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before { opacity: .9; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before { opacity: 1; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 { opacity: 0; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 { opacity: .1; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 { opacity: .2; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 { opacity: .3; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 { opacity: .4; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 { opacity: .5; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 { opacity: .6; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 { opacity: .7; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 { opacity: .8; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 { opacity: .9; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100%; } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { color: inherit; position: relative; width: 100%; } .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start; } .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center; } .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end; } .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start; } .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center; } .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end; } .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; } .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center; } .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container { margin: 0; width: auto; } .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background { border: none; bottom: 0; box-shadow: none; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; object-fit: cover; outline: none; padding: 0; position: absolute; right: 0; top: 0; width: 100%; } .wp-block-cover .wp-block-cover__embed-background, .wp-block-cover-image .wp-block-cover__embed-background { border: none; bottom: 0; box-shadow: none; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; outline: none; padding: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; } .wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper, .wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper { bottom: 0; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; } .wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe, .wp-block-cover .wp-block-cover__embed-background iframe, .wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe, .wp-block-cover-image .wp-block-cover__embed-background iframe { height: 100vh; left: 50%; min-height: 100%; min-width: 100%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100vw; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } @supports (-webkit-touch-callout:inherit) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion:reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated, .wp-block-cover__image-background.is-repeated, video.wp-block-cover__video-background.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover { color: #fff; } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; } .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content>h2 { margin-left: 0; text-align: left; } .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content>h2 { margin-right: 0; text-align: right; } .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-image-text, section.wp-block-cover-image>h2 { font-size: 2em; line-height: 1.25; margin-bottom: 0; max-width: 840px; padding: .44em; text-align: center; z-index: 1; } :where(.wp-block-cover-image:not(.has-text-color)), :where(.wp-block-cover:not(.has-text-color)) { color: #fff; } :where(.wp-block-cover-image.is-light:not(.has-text-color)), :where(.wp-block-cover.is-light:not(.has-text-color)) { color: #000; } :root :where(.wp-block-cover h1:not(.has-text-color)), :root :where(.wp-block-cover h2:not(.has-text-color)), :root :where(.wp-block-cover h3:not(.has-text-color)), :root :where(.wp-block-cover h4:not(.has-text-color)), :root :where(.wp-block-cover h5:not(.has-text-color)), :root :where(.wp-block-cover h6:not(.has-text-color)), :root :where(.wp-block-cover p:not(.has-text-color)) { color: inherit; } body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__embed-background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background { z-index: 0; } body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before { z-index: 1; } .has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container { z-index: auto; } .blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin: 0 1em 1em 0; position: relative; width: calc(50% - 1em); } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure { align-items: flex-end; display: flex; height: 100%; justify-content: flex-start; margin: 0; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img { display: block; height: auto; max-width: 100%; width: auto; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, 0)); bottom: 0; box-sizing: border-box; color: #fff; font-size: .8em; margin: 0; max-height: 100%; overflow: auto; padding: 3em .77em .7em; position: absolute; text-align: center; width: 100%; z-index: 2; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } .blocks-gallery-grid:not(.has-nested-images) figcaption, .wp-block-gallery:not(.has-nested-images) figcaption { flex-grow: 1; } .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img { flex: 1; height: 100%; object-fit: cover; width: 100%; } .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item { margin-right: 0; width: 100%; } @media (min-width:600px) { .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item { margin-right: 1em; width: calc(33.33333% - .66667em); } .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item { margin-right: 1em; width: calc(25% - .75em); } .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item { margin-right: 1em; width: calc(20% - .8em); } .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item { margin-right: 1em; width: calc(16.66667% - .83333em); } .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item { margin-right: 1em; width: calc(14.28571% - .85714em); } .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item { margin-right: 1em; width: calc(12.5% - .875em); } .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child { margin-right: 0; } .blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { align-self: flex-start; } figure.wp-block-gallery.has-nested-images { align-items: normal; } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin: 0; width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2); } .wp-block-gallery.has-nested-images figure.wp-block-image { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; max-width: 100%; position: relative; } .wp-block-gallery.has-nested-images figure.wp-block-image>a, .wp-block-gallery.has-nested-images figure.wp-block-image>div { flex-direction: column; flex-grow: 1; margin: 0; } .wp-block-gallery.has-nested-images figure.wp-block-image img { display: block; height: auto; max-width: 100% !important; width: auto; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before { bottom: 0; left: 0; max-height: 100%; position: absolute; right: 0; } .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before { backdrop-filter: blur(3px); content: ""; height: 100%; -webkit-mask-image: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0)); mask-image: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0)); max-height: 40%; pointer-events: none; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { box-sizing: border-box; color: #fff; font-size: 13px; margin: 0; overflow: auto; padding: 1em; text-align: center; text-shadow: 0 0 1.5px #000; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar { height: 12px; width: 12px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track { background-color: initial; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: initial; border: 3px solid rgba(0, 0, 0, 0); border-radius: 8px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .8); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); scrollbar-gutter: stable both-edges; scrollbar-width: thin; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover { scrollbar-color: rgba(255, 255, 255, .8) rgba(0, 0, 0, 0); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { will-change: transform; } @media (hover:none) { .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { scrollbar-color: rgba(255, 255, 255, .8) rgba(0, 0, 0, 0); } } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { display: inline; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: inherit; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div { flex: 1 1 auto; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption { background: none; color: inherit; flex: initial; margin: 0; padding: 10px 10px 9px; position: relative; text-shadow: none; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before { content: none; } .wp-block-gallery.has-nested-images figcaption { flex-basis: 100%; flex-grow: 1; text-align: center; } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-bottom: auto; margin-top: 0; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { align-self: inherit; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) { display: flex; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { flex: 1 0 0%; height: 100%; object-fit: cover; width: 100%; } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { width: 100%; } @media (min-width:600px) { .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px) * .66667); } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * .75); } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * .8); } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px) * .83333); } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px) * .85714); } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * .875); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * .66667); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) { width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * .5); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child { width: 100%; } } .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { max-width: 420px; width: 100%; } .wp-block-gallery.has-nested-images.aligncenter { justify-content: center; } :host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1; } .swiper-vertical>.swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: ease; width: 100%; z-index: 1; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100%; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { border: 4px solid #007aff; border-radius: 50%; border-top-color: rgba(0, 0, 0, 0); box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50%; width: 42px; z-index: 10; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s linear infinite; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; left: 0; pointer-events: none; position: absolute; top: 0; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { height: var(--swiper-virtual-size); width: 1px; } .swiper-button-next, .swiper-button-prev { align-items: center; color: #007aff; cursor: pointer; display: flex; height: 44px; justify-content: center; margin-top: -22px; position: absolute; top: 50%; width: 27px; z-index: 10; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: .35; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; width: 100%; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: 44px; font-variant: normal; letter-spacing: 0; line-height: 1; text-transform: none !important; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { left: auto; right: 10px; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transform: translateZ(0); transition: opacity .3s; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 8px; left: 0; top: auto; width: 100%; } .swiper-pagination-bullets-dynamic { font-size: 0; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { background: #000; border-radius: 50%; display: inline-block; height: 8px; opacity: .2; width: 8px; } button.swiper-pagination-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; margin: 0; padding: 0; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { background: #007aff; opacity: 1; } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { left: auto; right: 8px; top: 50%; transform: translate3d(0, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s; } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s; } .swiper-pagination-fraction { color: inherit; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; height: 100%; left: 0; position: absolute; top: 0; transform: scale(0); transform-origin: left top; width: 100%; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: 4px; left: 0; top: 0; width: 100%; } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { height: 100%; left: 0; top: 0; width: 4px; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { background: rgba(0, 0, 0, .1); border-radius: 10px; position: relative; touch-action: none; } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 4px; height: 4px; left: 1%; position: absolute; top: auto; width: 98%; z-index: 50; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { height: 98%; left: auto; position: absolute; right: 4px; top: 1%; width: 4px; z-index: 50; } .swiper-scrollbar-drag { background: rgba(0, 0, 0, .5); border-radius: 10px; height: 100%; left: 0; position: relative; top: 0; width: 100%; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { align-items: center; display: flex; height: 100%; justify-content: center; text-align: center; width: 100%; } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; z-index: -1000; } .swiper-free-mode>.swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out; } .swiper-grid>.swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column>.swiper-wrapper { flex-direction: column; flex-wrap: wrap; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { backface-visibility: hidden; height: 100%; pointer-events: none; transform-origin: 0 0; visibility: hidden; width: 100%; z-index: 1; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { bottom: 0; height: 100%; left: 0; opacity: .6; position: absolute; width: 100%; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { background: #000; bottom: 0; content: ""; filter: blur(50px); left: 0; position: absolute; right: 0; top: 0; } .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { backface-visibility: hidden; pointer-events: none; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { backface-visibility: hidden; overflow: hidden; transform-origin: center bottom; } :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-rtl .swiper-button-next, .jp-carousel-overlay .swiper-button-next, .jp-carousel-overlay .swiper-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-overlay .swiper-button-prev.nitro-lazy, .jp-carousel-overlay .swiper-rtl .swiper-button-next.nitro-lazy, .jp-carousel-overlay .swiper-button-next.nitro-lazy, .jp-carousel-overlay .swiper-rtl .swiper-button-prev.nitro-lazy { background-image: none !important; } .jp-carousel-wrap * { line-height: inherit; } .jp-carousel-wrap.swiper { 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: .5; transition: .5s opacity ease-out; height: initial; width: initial; padding: 20px 40px; background-image: none; } .jp-carousel-overlay .swiper-button-prev.nitro-lazy, .jp-carousel-overlay .swiper-button-next.nitro-lazy { background-image: none !important; } .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-rtl .swiper-button-next::after, .jp-carousel-overlay .swiper-button-prev::after, .jp-carousel-overlay .swiper-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 .swiper-button-prev { left: 0; right: auto; } .jp-carousel-overlay .swiper .swiper-button-next { right: 0; left: auto; } .jp-carousel-overlay .swiper.swiper-rtl .swiper-button-prev, .jp-carousel-overlay .swiper.swiper-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; } .jp-carousel-hide-controls .jp-swiper-button-next, .jp-carousel-hide-controls .jp-swiper-button-prev { margin-top: -54px; } .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; box-shadow: 0 1px 1px 0 rgba(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 { 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: 400 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 { transition: none !important; } .jp-carousel-slide, .jp-carousel-slide img { transform: translate3d(0, 0, 0); } .jp-carousel-close-hint { 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 { 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: 400; 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: .5; } /** Pagination End **/ /** Title and Desc Start **/ .jp-carousel-info-footer .jp-carousel-photo-title-container { 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: 400 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%; 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: 400 !important; font-style: normal !important; } .jp-carousel-photo-description p strong, .jp-carousel-photo-description p b { font-weight: 700; 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: 400; margin: 0; } /** Title and Desc End **/ /** Meta Box Start **/ .jp-carousel-image-meta { color: var(--jp-carousel-primary-color); 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; /* stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values */ 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: .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; 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: .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; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1); border-radius: 3px; overflow: hidden; 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, .2); border-right: 8px solid rgba(255, 255, 255, .2); border-bottom: 8px solid rgba(255, 255, 255, .2); border-left: 8px solid var(--jp-carousel-primary-color); transform: translateZ(0); 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; font-size: 10px; position: absolute; /* relative to .jp-carousel-comment-form-container */ text-indent: -9999em; border-top: 4px solid rgba(255, 255, 255, .2); border-right: 4px solid rgba(255, 255, 255, .2); border-bottom: 4px solid rgba(255, 255, 255, .2); border-left: 4px solid var(--jp-carousel-primary-color); transform: translateZ(0); animation: load8 1.1s infinite linear; margin: 0 auto; top: calc(50% - 15px); left: 0; bottom: 0; right: 0; } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { 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; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2); 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); box-shadow: inset 0 0 5px 0 rgba(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: 400; 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 .swiper-button-next, .jp-carousel-overlay .swiper .swiper-button-prev { display: none !important; } .jp-carousel-buttons { display: none !important; } .jp-carousel-image-meta { float: none !important; width: 100% !important; 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-paragraph.is-style-error, .wp-block-paragraph.is-style-info, .wp-block-paragraph.is-style-success, .wp-block-paragraph.is-style-warning, p.is-style-error, p.is-style-info, p.is-style-success, p.is-style-warning { border-radius: 4px; box-sizing: border-box; padding: 32px; } .wp-block-paragraph.is-style-error.coblocks-alert-paragraph, .wp-block-paragraph.is-style-info.coblocks-alert-paragraph, .wp-block-paragraph.is-style-success.coblocks-alert-paragraph, .wp-block-paragraph.is-style-warning.coblocks-alert-paragraph, p.is-style-error.coblocks-alert-paragraph, p.is-style-info.coblocks-alert-paragraph, p.is-style-success.coblocks-alert-paragraph, p.is-style-warning.coblocks-alert-paragraph { margin-bottom: var(--go--spacing--vertical); margin-top: var(--go--spacing--vertical); } .wp-block-paragraph:not(.has-background).is-style-info, p:not(.has-background).is-style-info { background-color: #d6efee; } .wp-block-paragraph:not(.has-background).is-style-warning, p:not(.has-background).is-style-warning { background-color: #fbe7dd; } .wp-block-paragraph:not(.has-background).is-style-error, p:not(.has-background).is-style-error { background-color: #ffdede; } .wp-block-paragraph:not(.has-background).is-style-success, p:not(.has-background).is-style-success { background-color: #d0eac4; } .wp-block-paragraph:not(.has-text-color).is-style-info, p:not(.has-text-color).is-style-info { color: #094264; } .wp-block-paragraph:not(.has-text-color).is-style-warning, p:not(.has-text-color).is-style-warning { color: #8a4b30; } .wp-block-paragraph:not(.has-text-color).is-style-error, p:not(.has-text-color).is-style-error { color: #8b343c; } .wp-block-paragraph:not(.has-text-color).is-style-success, p:not(.has-text-color).is-style-success { color: #154a28; } .wp-block-image.is-style-bottom-wave img { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; } .wp-block-image.is-style-bottom-wave img.nitro-lazy { mask-image: none !important; } .wp-block-image.is-style-bottom-wave img, .wp-block-image.is-style-top-wave img { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .wp-block-image.is-style-top-wave img { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: top; mask-position: top; } .wp-block-image.is-style-top-wave img.nitro-lazy { mask-image: none !important; } .block-editor-block-styles__item-preview .wp-block-image { margin-top: 0; } .block-editor-block-styles__item-preview .wp-block-image .components-resizable-box__container { height: 100% !important; width: 100% !important; } .wp-block-cover:not(.components-placeholder):not(.is-placeholder).is-style-bottom-wave { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .wp-block-cover:not(.components-placeholder):not(.is-placeholder).is-style-bottom-wave.nitro-lazy { mask-image: none !important; } .wp-block-cover:not(.components-placeholder):not(.is-placeholder).is-style-top-wave { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: top; mask-position: top; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .wp-block-cover:not(.components-placeholder):not(.is-placeholder).is-style-top-wave.nitro-lazy { mask-image: none !important; } :root { --coblocks-spacing--0: 0; --coblocks-spacing--1: .5em; --coblocks-spacing--2: 1em; --coblocks-spacing--3: 1.5em; --coblocks-spacing--4: 2em; --coblocks-spacing--5: 2.5em; --coblocks-spacing--6: 3em; --coblocks-spacing--7: 3.5em; --coblocks-spacing--8: 4em; --coblocks-spacing--9: 4.5em; --coblocks-spacing--10: 7em; } .wp-block-media-text.is-style-card .wp-block-media-text__content { background-color: var(--wp--preset--color--background, #fff); margin-left: auto; margin-right: auto; margin-top: calc(var(--coblocks-spacing--8, 4em) * -1); padding: var(--coblocks-spacing--4, 2em); width: 95%; } @media (min-width:600px) { .wp-block-media-text.is-style-card .wp-block-media-text__content { margin-left: 0; margin-right: 0; margin-top: 0; padding: calc(var(--coblocks-spacing--3, 1.5em) * 2); right: 1px; width: auto; } } @media (min-width:960px) { .wp-block-media-text.is-style-card .wp-block-media-text__content { padding: calc(var(--coblocks-spacing--6, 3em) * 2); } } .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content { margin-bottom: calc(var(--coblocks-spacing--8, 4em) * -1); margin-top: 0; } @media (min-width:600px) { .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content { margin-bottom: 0; } } .wp-block-media-text.is-style-overlap .wp-block-media-text__content { margin-left: auto; margin-right: auto; margin-top: calc(var(--coblocks-spacing--4, 2em) * -1); width: 90%; } @media (min-width:600px) { .wp-block-media-text.is-style-overlap .wp-block-media-text__content { margin-left: 0; margin-left: calc(var(--coblocks-spacing--8, 4em) * -1); margin-right: 0; margin-top: 0; width: auto; } } @media (min-width:960px) { .wp-block-media-text.is-style-overlap .wp-block-media-text__content { margin-left: calc(var(--coblocks-spacing--10, 7em) * -2); } } .wp-block-media-text.is-style-overlap.has-media-on-the-right .wp-block-media-text__content { margin-left: 0; margin-right: 0; margin-top: 0; width: auto; } @media (min-width:600px) { .wp-block-media-text.is-style-overlap.has-media-on-the-right .wp-block-media-text__content { margin-left: 0; margin-right: calc(var(--coblocks-spacing--8, 4em) * -1); width: 175%; } } @media (min-width:960px) { .wp-block-media-text.is-style-overlap.has-media-on-the-right .wp-block-media-text__content { margin-right: calc(var(--coblocks-spacing--10, 7em) * -2); } } @media (min-width:600px) { .wp-block-media-text.is-style-card .wp-block-media-text__content, .wp-block-media-text.is-style-outline .wp-block-media-text__content { margin-left: calc(var(--coblocks-spacing--10, 7em) * -1); } .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content, .wp-block-media-text.is-style-outline.has-media-on-the-right .wp-block-media-text__content { margin-left: 0; margin-right: calc(var(--coblocks-spacing--10, 7em) * -1); } } .wp-block-media-text.is-style-outline .wp-block-media-text__content { margin-left: auto; margin-right: auto; width: 90%; } @media (min-width:600px) { .wp-block-media-text.is-style-outline .wp-block-media-text__content { margin-left: calc(var(--coblocks-spacing--10, 7em) * -1); margin-right: inherit; margin-top: inherit; width: auto; } } .wp-block-media-text.is-style-outline .wp-block-media-text__content h1, .wp-block-media-text.is-style-outline .wp-block-media-text__content h2, .wp-block-media-text.is-style-outline .wp-block-media-text__content h3, .wp-block-media-text.is-style-outline .wp-block-media-text__content h4, .wp-block-media-text.is-style-outline .wp-block-media-text__content h5, .wp-block-media-text.is-style-outline .wp-block-media-text__content h6, .wp-block-media-text.is-style-outline .wp-block-media-text__content p { background-color: var(--wp--preset--color--background, #fff); box-shadow: .5rem 0 0 var(--wp--preset--color--background, #fff), -.5rem 0 0 var(--wp--preset--color--background, #fff); display: inline; } .wp-block-media-text.is-style-outline .wp-block-media-text__content .wp-block-buttons { margin-top: var(--coblocks-spacing--5, 2.5em); } .wp-block-media-text.is-style-outline.has-media-on-the-right .wp-block-media-text__content { width: 100%; } @media (min-width:600px) { .wp-block-media-text.is-style-outline.has-media-on-the-right .wp-block-media-text__content { margin-left: .5rem; width: 175%; } } .wp-block-media-text .wp-block-media-text__content :first-child { margin-top: 0; } @media (min-width:600px) { .editor-styles-wrapper .wp-block-media-text.is-style-card .wp-block-media-text__content { right: 1px; } .editor-styles-wrapper .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content { left: 1px; right: auto; } } .editor-styles-wrapper .wp-block-media-text.is-style-card .components-resizable-box__handle:after, .editor-styles-wrapper .wp-block-media-text.is-style-outline .components-resizable-box__handle:after, .editor-styles-wrapper .wp-block-media-text.is-style-overlap .components-resizable-box__handle:after { top: -8px; } .editor-styles-wrapper .wp-block-media-text.is-style-card.is-selected .wp-block-media-text__media:after, .editor-styles-wrapper .wp-block-media-text.is-style-outline.is-selected .wp-block-media-text__media:after, .editor-styles-wrapper .wp-block-media-text.is-style-overlap.is-selected .wp-block-media-text__media:after { background: var(--wp-admin-theme-color, #007cba); border: 2px solid #fff; border-radius: 50%; bottom: -7px; content: ""; cursor: inherit; display: block; height: 15px; position: absolute; right: -8px; width: 15px; z-index: 9999; } .editor-styles-wrapper .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__media:after, .editor-styles-wrapper .wp-block-media-text.is-style-outline.has-media-on-the-right .wp-block-media-text__media:after, .editor-styles-wrapper .wp-block-media-text.is-style-overlap.has-media-on-the-right .wp-block-media-text__media:after { left: -8px; right: inherit; } .editor-styles-wrapper .wp-block-media-text.is-style-outline .wp-block-media-text__content .wp-block.wp-block-buttons { margin-top: var(--coblocks-spacing--5, 2.5em) !important; } :root { --coblocks-spacing--0: 0; --coblocks-spacing--1: .5em; --coblocks-spacing--2: 1em; --coblocks-spacing--3: 1.5em; --coblocks-spacing--4: 2em; --coblocks-spacing--5: 2.5em; --coblocks-spacing--6: 3em; --coblocks-spacing--7: 3.5em; --coblocks-spacing--8: 4em; --coblocks-spacing--9: 4.5em; --coblocks-spacing--10: 7em; } .is-style-checkbox li { list-style-type: none !important; padding-left: 10px; position: relative; } @media (min-width:600px) { .is-style-checkbox li { padding-left: 12px; } } .is-style-checkbox li:before { background-color: currentColor; background-size: cover; content: ""; display: inline-block; height: 20px; left: -20px; -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAgMTBjMCA1LjUyMjcyNzMtNC40NzcyNzI3IDEwLTEwIDEwLTUuNTIyNzI3MjcgMC0xMC00LjQ3NzI3MjctMTAtMTAgMC01LjUyMjcyNzI3IDQuNDc3MjcyNzMtMTAgMTAtMTAgNS41MjI3MjczIDAgMTAgNC40NzcyNzI3MyAxMCAxMHptLTUuMjgwOTA5MS00LjIyNzI3MjczYy4yMDEwMDk4LS4yMDgzMjczNy40OTM2NjM5LS4zMDA5OTc5Mi43Nzc5NDg5LS4yNDYzNDE4NHMuNTIxNzEyMy4yNDkyMzkwNS42MzExNDIuNTE3MjUwOTNjLjEzODE1MzQuMzI5NzUwNzMuMDYxNDQ3MS43MTA0MDEtLjE5MzYzNjMuOTYwOTA5MDlsLTYuODgwMDAwMDUgNi45NDQ1NDU0NWMtLjMwNTIyMzczLjMwNzY4ODQtLjc5MjQ0OTgzLjMzODE2NDQtMS4xMzM2MzYzNi4wNzA5MDkxbC0zLjc4NDU0NTQ1LTIuOTUxODE4MmMtLjI0MjY4MjI3LS4xOTEyMTE4LS4zNjYxNzk3Ny0uNDk2NDg0Ni0uMzI0NzEwMjItLjgwMjY0OTUuMDQxNDY5NTUtLjMwNjE2NDguMjQxNzI0ODUtLjU2NzU4NTgxLjUyNjUyODQtLjY4NzM1MDQ4LjI4NDU0NTQ1LS4xMTcyNzI3My42MDkwOTA5MS0uMDcyNzI3MjcuODUxODE4MTguMTE4MTgxODJsMy4xODE4MTgxOCAyLjQ4NDU0NTQ2eiIgZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4KCg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAgMTBjMCA1LjUyMjcyNzMtNC40NzcyNzI3IDEwLTEwIDEwLTUuNTIyNzI3MjcgMC0xMC00LjQ3NzI3MjctMTAtMTAgMC01LjUyMjcyNzI3IDQuNDc3MjcyNzMtMTAgMTAtMTAgNS41MjI3MjczIDAgMTAgNC40NzcyNzI3MyAxMCAxMHptLTUuMjgwOTA5MS00LjIyNzI3MjczYy4yMDEwMDk4LS4yMDgzMjczNy40OTM2NjM5LS4zMDA5OTc5Mi43Nzc5NDg5LS4yNDYzNDE4NHMuNTIxNzEyMy4yNDkyMzkwNS42MzExNDIuNTE3MjUwOTNjLjEzODE1MzQuMzI5NzUwNzMuMDYxNDQ3MS43MTA0MDEtLjE5MzYzNjMuOTYwOTA5MDlsLTYuODgwMDAwMDUgNi45NDQ1NDU0NWMtLjMwNTIyMzczLjMwNzY4ODQtLjc5MjQ0OTgzLjMzODE2NDQtMS4xMzM2MzYzNi4wNzA5MDkxbC0zLjc4NDU0NTQ1LTIuOTUxODE4MmMtLjI0MjY4MjI3LS4xOTEyMTE4LS4zNjYxNzk3Ny0uNDk2NDg0Ni0uMzI0NzEwMjItLjgwMjY0OTUuMDQxNDY5NTUtLjMwNjE2NDguMjQxNzI0ODUtLjU2NzU4NTgxLjUyNjUyODQtLjY4NzM1MDQ4LjI4NDU0NTQ1LS4xMTcyNzI3My42MDkwOTA5MS0uMDcyNzI3MjcuODUxODE4MTguMTE4MTgxODJsMy4xODE4MTgxOCAyLjQ4NDU0NTQ2eiIgZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4KCg=="); position: absolute; top: 6px; transform: scale(.9); width: 20px; } @media (min-width:600px) { .is-style-checkbox li:before { top: 8px; transform: 0; } } .is-style-checkbox li li:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAgMTBjMCA1LjUyMjcyNzMtNC40NzcyNzI3IDEwLTEwIDEwLTUuNTIyNzI3MjcgMC0xMC00LjQ3NzI3MjctMTAtMTAgMC01LjUyMjcyNzI3IDQuNDc3MjcyNzMtMTAgMTAtMTAgNS41MjI3MjczIDAgMTAgNC40NzcyNzI3MyAxMCAxMHptLTEuNzUxOTUzMSAwYzAtNC41NTUxNzEzNC0zLjY5Mjg3NTUtOC4yNDgwNDY4OC04LjI0ODA0NjktOC4yNDgwNDY4OC00LjU1NTE3MTM0IDAtOC4yNDgwNDY4OCAzLjY5Mjg3NTU0LTguMjQ4MDQ2ODggOC4yNDgwNDY4OCAwIDQuNTU1MTcxNCAzLjY5Mjg3NTU0IDguMjQ4MDQ2OSA4LjI0ODA0Njg4IDguMjQ4MDQ2OSA0LjU1NTE3MTQgMCA4LjI0ODA0NjktMy42OTI4NzU1IDguMjQ4MDQ2OS04LjI0ODA0Njl6bS00LjM1MjY2MTctMy4zMDQwODM4MWMuMjAxMDA5OC0uMjA4MzI3MzcuNDkzNjYzOS0uMzAwOTk3OTIuNzc3OTQ4OS0uMjQ2MzQxODRzLjUyMTcxMjMuMjQ5MjM5MDUuNjMxMTQyLjUxNzI1MDkzYy4xMzgxNTM0LjMyOTc1MDczLjA2MTQ0NzEuNzEwNDAxLS4xOTM2MzYzLjk2MDkwOTA5bC02LjA1NjI5NDM1IDYuMDIxMzU2NTNjLS4zMDUyMjM3My4zMDc2ODg0LS43OTI0NDk4My4zMzgxNjQ0LTEuMTMzNjM2MzYuMDcwOTA5MWwtMy4yNDExNDcwMS0yLjY0ODE4MThjLS4yNDI2ODIyNy0uMTkxMjExOC0uMzY2MTc5NzctLjQ5NjQ4NDYtLjMyNDcxMDIyLS44MDI2NDk1LjA0MTQ2OTU1LS4zMDYxNjQ4LjI0MTcyNDg1LS41Njc1ODU4LjUyNjUyODQtLjY4NzM1MDUyLjI4NDU0NTQ1LS4xMTcyNzI3My42MDkwOTA5MS0uMDcyNzI3MjcuODUxODE4MTguMTE4MTgxODJsMi42Mzg0MTk3NCAyLjE4MDkwOTF6Ii8+PC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAgMTBjMCA1LjUyMjcyNzMtNC40NzcyNzI3IDEwLTEwIDEwLTUuNTIyNzI3MjcgMC0xMC00LjQ3NzI3MjctMTAtMTAgMC01LjUyMjcyNzI3IDQuNDc3MjcyNzMtMTAgMTAtMTAgNS41MjI3MjczIDAgMTAgNC40NzcyNzI3MyAxMCAxMHptLTEuNzUxOTUzMSAwYzAtNC41NTUxNzEzNC0zLjY5Mjg3NTUtOC4yNDgwNDY4OC04LjI0ODA0NjktOC4yNDgwNDY4OC00LjU1NTE3MTM0IDAtOC4yNDgwNDY4OCAzLjY5Mjg3NTU0LTguMjQ4MDQ2ODggOC4yNDgwNDY4OCAwIDQuNTU1MTcxNCAzLjY5Mjg3NTU0IDguMjQ4MDQ2OSA4LjI0ODA0Njg4IDguMjQ4MDQ2OSA0LjU1NTE3MTQgMCA4LjI0ODA0NjktMy42OTI4NzU1IDguMjQ4MDQ2OS04LjI0ODA0Njl6bS00LjM1MjY2MTctMy4zMDQwODM4MWMuMjAxMDA5OC0uMjA4MzI3MzcuNDkzNjYzOS0uMzAwOTk3OTIuNzc3OTQ4OS0uMjQ2MzQxODRzLjUyMTcxMjMuMjQ5MjM5MDUuNjMxMTQyLjUxNzI1MDkzYy4xMzgxNTM0LjMyOTc1MDczLjA2MTQ0NzEuNzEwNDAxLS4xOTM2MzYzLjk2MDkwOTA5bC02LjA1NjI5NDM1IDYuMDIxMzU2NTNjLS4zMDUyMjM3My4zMDc2ODg0LS43OTI0NDk4My4zMzgxNjQ0LTEuMTMzNjM2MzYuMDcwOTA5MWwtMy4yNDExNDcwMS0yLjY0ODE4MThjLS4yNDI2ODIyNy0uMTkxMjExOC0uMzY2MTc5NzctLjQ5NjQ4NDYtLjMyNDcxMDIyLS44MDI2NDk1LjA0MTQ2OTU1LS4zMDYxNjQ4LjI0MTcyNDg1LS41Njc1ODU4LjUyNjUyODQtLjY4NzM1MDUyLjI4NDU0NTQ1LS4xMTcyNzI3My42MDkwOTA5MS0uMDcyNzI3MjcuODUxODE4MTguMTE4MTgxODJsMi42Mzg0MTk3NCAyLjE4MDkwOTF6Ii8+PC9zdmc+"); } .is-twentynineteen .is-style-checkbox li:before { top: 10px; } .is-style-none, .is-style-none li { list-style-type: none !important; padding-left: 0 !important; } .is-style-none li:before { content: "​"; } .is-style-circular .wp-block-button__link { border-radius: 100px !important; } .is-style-3d .wp-block-button__link { box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .25); } .is-style-shadow { z-index: 1; } .is-style-shadow .wp-block-button__link { box-shadow: 0 4px 6px rgba(0, 0, 0, .11), 0 1px 3px rgba(0, 0, 0, .075); } .components-coblocks-animation-toggle.has-animation { position: relative; } .components-coblocks-animation-toggle.has-animation :after { border-color: rgba(0, 0, 0, 0) #1e1e1e #1e1e1e rgba(0, 0, 0, 0); border-style: solid; border-width: 4px; content: ""; display: block; height: 8px; position: absolute; right: 0; top: 1px; transform: rotate(-90deg); width: 8px; } .components-coblocks-animation-toggle .components-button:not(:hover) .coblocks-icon-animation .medium-circle { fill: #727272; } .components-coblocks-animation-toggle .components-button:not(:hover) .coblocks-icon-animation .small-circle { fill: #c6c6c6; } .components-coblocks-animation-toggle .components-button:hover .coblocks-icon-animation .large-circle, .components-coblocks-animation-toggle .components-button[aria-expanded=true] .coblocks-icon-animation .large-circle { animation: bounce .3s ease-in; animation-fill-mode: forwards; } .components-coblocks-animation-toggle .components-button:hover .coblocks-icon-animation .medium-circle, .components-coblocks-animation-toggle .components-button[aria-expanded=true] .coblocks-icon-animation .medium-circle { animation: bounce .3s ease-in; animation-delay: .1s; animation-fill-mode: forwards; fill: rgba(var(--wp-admin-theme-color-rgb), .66); position: relative; } .components-coblocks-animation-toggle .components-button:hover .coblocks-icon-animation .small-circle, .components-coblocks-animation-toggle .components-button[aria-expanded=true] .coblocks-icon-animation .small-circle { animation: bounce .3s ease-in; animation-delay: .2s; animation-fill-mode: forwards; fill: rgba(var(--wp-admin-theme-color-rgb), .33); } .components-coblocks-animation-dropdown .components-popover__content { border-color: #1e1e1e; box-shadow: none; } .components-coblocks-animation-dropdown .components-menu-group+.components-menu-group { border-top-color: #1e1e1e; } .components-coblocks-animation-dropdown .components-menu-item__button.components-button.has-icon { padding-right: 6px; } @keyframes bounce { 0% { transform: translate(0); } 50% { transform: translateY(-2px); } to { transform: translate(0); } } .coblocks__preview .wp-block { margin: 0; max-width: none !important; } .coblocks__preview .components-resizable-box__container { width: 100% !important; } .coblocks__preview .components-tip { margin-top: 12px; } .coblocks__preview .block-editor-block-preview__content .block-editor-block-list__block { margin-bottom: 0; margin-top: 0; } body:not(.amp) .coblocks-animate { animation-fill-mode: forwards; animation-timing-function: ease-in; opacity: 0; } body:not(.amp) .coblocks-animate.animate-loop { animation-iteration-count: infinite; } body:not(.amp) .coblocks-animate.fadeIn { animation-duration: .75s; animation-name: fadeIn; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } body:not(.amp) .coblocks-animate.zoomIn { animation-duration: .75s; animation-name: zoomIn; } @keyframes zoomIn { 0% { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } body:not(.amp) .coblocks-animate.slideInLeft { animation-duration: .75s; animation-name: slideInLeft; } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-5em); } to { opacity: 1; transform: translateX(0); } } body:not(.amp) .coblocks-animate.slideInRight { animation-duration: .75s; animation-name: slideInRight; } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(5em); } to { opacity: 1; transform: translateX(0); } } body:not(.amp) .coblocks-animate.slideInBottom { animation-duration: .75s; animation-name: slideInBottom; } @keyframes slideInBottom { 0% { opacity: 0; transform: translateY(5em); } to { opacity: 1; transform: translateY(0); } } body:not(.amp) .coblocks-animate.clipHorizontal { animation-duration: .75s; animation-name: clipHorizontal; } @keyframes clipHorizontal { 0% { clip-path: polygon(0 50%, 0 100%, 0 100%, 0 50%, 100% 50%, 100% 0, 100% 0, 100% 50%); opacity: 0; } to { clip-path: polygon(0 50%, 0 100%, 100% 100%, 100% 50%, 100% 50%, 100% 0, 0 0, 0 50%); opacity: 1; } } body:not(.amp) .coblocks-animate.clipVertical { animation-duration: .75s; animation-name: clipVertical; } @keyframes clipVertical { 0% { clip-path: polygon(50% 0, 100% 0, 100% 0, 50% 0, 50% 100%, 0 100%, 0 100%, 50% 100%); opacity: 0; } to { clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%, 50% 100%, 0 100%, 0 0, 50% 0); opacity: 1; } } :root { --woocommerce: #720eec; --wc-green: #7ad03a; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, .8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: right; } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; } .woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before { content: " "; display: table; } .woocommerce .col2-set::after, .woocommerce-page .col2-set::after { clear: both; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .woocommerce img, .woocommerce-page img { height: auto; max-width: 100%; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 48%; } .woocommerce #content div.product div.thumbnails::after, .woocommerce #content div.product div.thumbnails::before, .woocommerce div.product div.thumbnails::after, .woocommerce div.product div.thumbnails::before, .woocommerce-page #content div.product div.thumbnails::after, .woocommerce-page #content div.product div.thumbnails::before, .woocommerce-page div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before { content: " "; display: table; } .woocommerce #content div.product div.thumbnails::after, .woocommerce div.product div.thumbnails::after, .woocommerce-page #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::after { clear: both; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a { float: left; width: 30.75%; margin-right: 3.8%; margin-bottom: 1em; } .woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last { margin-right: 0; } .woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first { clear: both; } .woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce div.product div.thumbnails.columns-1 a, .woocommerce-page #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a { width: 100%; margin-right: 0; float: none; } .woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce div.product div.thumbnails.columns-2 a, .woocommerce-page #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a { width: 48%; } .woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce div.product div.thumbnails.columns-4 a, .woocommerce-page #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a { width: 22.05%; } .woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce div.product div.thumbnails.columns-5 a, .woocommerce-page #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a { width: 16.9%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 48%; clear: none; } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { clear: both; } .woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before { content: " "; display: table; } .woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after { clear: both; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { display: inline-block; } .woocommerce #content div.product #reviews .comment::after, .woocommerce #content div.product #reviews .comment::before, .woocommerce div.product #reviews .comment::after, .woocommerce div.product #reviews .comment::before, .woocommerce-page #content div.product #reviews .comment::after, .woocommerce-page #content div.product #reviews .comment::before, .woocommerce-page div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before { content: " "; display: table; } .woocommerce #content div.product #reviews .comment::after, .woocommerce div.product #reviews .comment::after, .woocommerce-page #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::after { clear: both; } .woocommerce #content div.product #reviews .comment img, .woocommerce div.product #reviews .comment img, .woocommerce-page #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img { float: right; height: auto; } .woocommerce ul.products, .woocommerce-page ul.products { clear: both; } .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before { content: " "; display: table; } .woocommerce ul.products::after, .woocommerce-page ul.products::after { clear: both; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%; margin-left: 0; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: both; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; } .woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product { width: 100%; margin-right: 0; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: 48%; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 30.75%; } .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { width: 16.95%; } .woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product { width: 13.5%; } .woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product { width: 100%; margin-right: 0; } .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { width: 48%; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: 30.75%; } .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width: 16.95%; } .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product { width: 13.5%; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: left; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; } .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before { content: " "; display: table; } .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after { clear: both; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { height: auto; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { text-align: right; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 80px; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; } .woocommerce .cart-collaterals::after, .woocommerce .cart-collaterals::before, .woocommerce-page .cart-collaterals::after, .woocommerce-page .cart-collaterals::before { content: " "; display: table; } .woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::after { clear: both; } .woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { width: 30.75%; float: left; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 48%; float: left; } .woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products { float: none; } .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 48%; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { width: 48%; clear: right; float: right; } .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before { content: " "; display: table; } .woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::after { clear: both; } .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 48%; } .woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before, .woocommerce-page ul.cart_list li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.product_list_widget li::after, .woocommerce-page ul.product_list_widget li::before { content: " "; display: table; } .woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::after, .woocommerce-page ul.product_list_widget li::after { clear: both; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { float: right; height: auto; } .woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before { content: " "; display: table; } .woocommerce form .form-row::after, .woocommerce-page form .form-row::after { clear: both; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: inline; } .woocommerce form .form-row select, .woocommerce-page form .form-row select { width: 100%; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { box-sizing: border-box; width: 100%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 47%; overflow: visible; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first { float: left; } .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: right; } .woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { clear: both; } .woocommerce form .password-input, .woocommerce-page form .password-input { display: flex; flex-direction: column; justify-content: center; position: relative; } .woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password] { padding-right: 2.5rem; } .woocommerce form .password-input input::-ms-reveal, .woocommerce-page form .password-input input::-ms-reveal { display: none; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { background-color: transparent; border-radius: 0; border: 0; color: var(--wc-form-color-text, #000); cursor: pointer; font-size: inherit; line-height: inherit; margin: 0; padding: 0; position: absolute; right: .7em; text-decoration: none; top: 50%; transform: translateY(-50%); -moz-osx-font-smoothing: inherit; -webkit-appearance: none; -webkit-font-smoothing: inherit; } .woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before { background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,"); content: ""; display: block; height: 22px; width: 22px; } .woocommerce form .show-password-input.display-password::before, .woocommerce-page form .show-password-input.display-password::before { background-image: url("data:image/svg+xml,"); } .woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { width: auto; } .woocommerce #payment .terms, .woocommerce #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions { text-align: left; padding: 0 1em 0 0; float: left; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right; } .woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-shipping-fields::after, .woocommerce .woocommerce-shipping-fields::before, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-shipping-fields::before { content: " "; display: table; } .woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-shipping-fields::after { clear: both; } .woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions { margin-bottom: 1.618em; padding: 1.618em; } .woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed { position: relative; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 68%; } .woocommerce-account .woocommerce-MyAccount-content mark { background-color: transparent; color: inherit; font-weight: 700; } .woocommerce-page.left-sidebar #content.twentyeleven { width: 58.4%; margin: 0 7.6%; float: right; } .woocommerce-page.right-sidebar #content.twentyeleven { margin: 0 7.6%; width: 58.4%; float: left; } .twentyfourteen .tfwc { padding: 12px 10px 0; max-width: 474px; margin: 0 auto; } .twentyfourteen .tfwc .product .entry-summary { padding: 0 !important; margin: 0 0 1.618em !important; } .twentyfourteen .tfwc div.product.hentry.has-post-thumbnail { margin-top: 0; } @media screen and (min-width:673px) { .twentyfourteen .tfwc { padding-right: 30px; padding-left: 30px; } } @media screen and (min-width:1040px) { .twentyfourteen .tfwc { padding-right: 15px; padding-left: 15px; } } @media screen and (min-width:1110px) { .twentyfourteen .tfwc { padding-right: 30px; padding-left: 30px; } } @media screen and (min-width:1218px) { .twentyfourteen .tfwc { margin-right: 54px; } .full-width .twentyfourteen .tfwc { margin-right: auto; } } .twentyfifteen .t15wc { padding-left: 7.6923%; padding-right: 7.6923%; padding-top: 7.6923%; margin-bottom: 7.6923%; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, .15); } .twentyfifteen .t15wc .page-title { margin-left: 0; } @media screen and (min-width:38.75em) { .twentyfifteen .t15wc { margin-right: 7.6923%; margin-left: 7.6923%; margin-top: 8.3333%; } } @media screen and (min-width:59.6875em) { .twentyfifteen .t15wc { margin-left: 8.3333%; margin-right: 8.3333%; padding: 10%; } .single-product .twentyfifteen .entry-summary { padding: 0 !important; } } .twentysixteen .site-main { margin-right: 7.6923%; margin-left: 7.6923%; } .twentysixteen .entry-summary { margin-right: 0; margin-left: 0; } #content .twentysixteen div.product div.images, #content .twentysixteen div.product div.summary { width: 46.42857%; } @media screen and (min-width:44.375em) { .twentysixteen .site-main { margin-right: 23.0769%; } } @media screen and (min-width:56.875em) { .twentysixteen .site-main { margin-right: 0; margin-left: 0; } .no-sidebar .twentysixteen .site-main { margin-right: 15%; margin-left: 15%; } .no-sidebar .twentysixteen .entry-summary { margin-right: 0; margin-left: 0; } } .rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 { float: right; } .rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2 { float: left; } :root { --woocommerce: #720eec; --wc-green: #7ad03a; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, .8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px; } @keyframes spin { 100% { transform: rotate(360deg); } } .woocommerce form .form-row { padding: 3px; margin: 0 0 6px; } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity .5s .5s ease; transition: opacity .5s .5s ease; opacity: 0; } .woocommerce form .form-row label { line-height: 2; } .woocommerce form .form-row label.hidden { visibility: hidden; } .woocommerce form .form-row label.inline { display: inline; } .woocommerce form .form-row .woocommerce-input-wrapper .description { background: #1e85be; color: #fff; border-radius: 3px; padding: 1em; margin: .5em 0 0; clear: both; display: none; position: relative; } .woocommerce form .form-row .woocommerce-input-wrapper .description a { color: #fff; text-decoration: underline; border: 0; box-shadow: none; } .woocommerce form .form-row .woocommerce-input-wrapper .description::before { left: 50%; top: 0; margin-top: -4px; transform: translateX(-50%) rotate(180deg); content: ""; position: absolute; border-width: 4px 6px 0 6px; border-style: solid; border-color: #1e85be transparent transparent transparent; z-index: 100; display: block; } .woocommerce form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select { font-family: inherit; font-weight: 400; letter-spacing: normal; padding: .5em; display: block; background-color: var(--wc-form-color-background, #fff); border: var(--wc-form-border-width) solid var(--wc-form-border-color); border-radius: var(--wc-form-border-radius); color: var(--wc-form-color-text, #000); box-sizing: border-box; width: 100%; margin: 0; line-height: normal; height: auto; } .woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus { border-color: currentColor; } .woocommerce form .form-row select { cursor: pointer; appearance: none; padding-right: 3em; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4="); background-repeat: no-repeat; background-size: 16px; background-position: calc(100% - .5em) 50%; } .woocommerce form .form-row select.nitro-lazy { background-image: none !important; } .woocommerce form .form-row textarea { height: 4em; line-height: 1.5; box-shadow: none; } .woocommerce form .form-row .required { color: var(--wc-red); font-weight: 700; border: 0 !important; text-decoration: none; visibility: hidden; } .woocommerce form .form-row .optional { visibility: visible; } .woocommerce form .form-row.woocommerce-invalid label { color: var(--wc-red); } .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: var(--wc-red); } .woocommerce form .form-row.woocommerce-invalid .select2-container:not(.select2-container--open) .select2-selection { border-color: var(--wc-red); } .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: var(--wc-green); } .woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection { border-color: var(--wc-green); } .woocommerce form .form-row ::-webkit-input-placeholder { line-height: normal; } .woocommerce form .form-row :-moz-placeholder { line-height: normal; } .woocommerce form .form-row :-ms-input-placeholder { line-height: normal; } .select2-container { width: 100%; } .select2-container .select2-selection--single { height: auto; } .select2-container .select2-selection--single .select2-selection__rendered { padding: .5em; line-height: normal; box-sizing: border-box; color: var(--wc-form-color-text, #444); font-weight: 400; } .select2-container .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container .select2-selection--single .select2-selection__arrow { position: absolute; top: 2px; right: .5em; height: 100%; width: 16px; } .select2-container .select2-selection--single .select2-selection__arrow b { border: none; display: block; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=") no-repeat; background-size: 16px; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin: -8px 0 0; } .select2-container .select2-selection--single .select2-selection__arrow b.nitro-lazy { background: none !important; } .select2-container .select2-dropdown, .select2-container .select2-selection { background-color: var(--wc-form-color-background, #fff); border: var(--wc-form-border-width, 1px) solid var(--wc-form-border-color, #aaa); border-radius: var(--wc-form-border-radius, 4px); } .select2-container.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { margin: 0; } .woocommerce-store-notice, p.demo_store { position: absolute; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #720eec; color: #fcfbfe; z-index: 99998; box-shadow: 0 1px 1em rgba(0, 0, 0, .2); display: none; } .woocommerce-store-notice a, p.demo_store a { color: #fcfbfe; text-decoration: underline; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .admin-bar p.demo_store { top: 32px; } .clear { clear: both; } .woocommerce .blockUI.blockOverlay { position: relative; } .woocommerce .blockUI.blockOverlay::before { height: 1em; width: 1em; display: block; position: absolute; top: 50%; left: 50%; margin-left: -.5em; margin-top: -.5em; content: ""; animation: spin 1s ease-in-out infinite; background: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/loader.svg") center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, .75); } .woocommerce .loader::before { height: 1em; width: 1em; display: block; position: absolute; top: 50%; left: 50%; margin-left: -.5em; margin-top: -.5em; content: ""; animation: spin 1s ease-in-out infinite; background: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/loader.svg") center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, .75); } .woocommerce a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: var(--wc-red) !important; text-decoration: none; font-weight: 700; border: 0; } .woocommerce a.remove:hover { color: #fff !important; background: var(--wc-red); } .woocommerce small.note { display: block; color: #767676; font-size: .857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; } .woocommerce .woocommerce-breadcrumb::after, .woocommerce .woocommerce-breadcrumb::before { content: " "; display: table; } .woocommerce .woocommerce-breadcrumb::after { clear: both; } .woocommerce .quantity .qty { width: 3.631em; text-align: center; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .product_title { clear: none; margin-top: 0; padding: 0; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { background: inherit; font-weight: 700; display: inline-block; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: .7; display: inline-block; } .woocommerce div.product p.stock { font-size: .92em; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 1.618em; } .woocommerce div.product div.images { margin-bottom: 2em; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce div.product div.images.woocommerce-product-gallery { position: relative; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { transition: all cubic-bezier(.795, -.035, 0, 1) .5s; margin: 0; padding: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { background-color: #fff; opacity: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder { border: 1px solid #f2f2f2; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block; } .woocommerce div.product div.images .woocommerce-product-gallery__image a { display: block; outline-offset: -2px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { background: #fff; border: none; box-sizing: content-box; border-radius: 100%; cursor: pointer; font-size: 2em; height: 36px; padding: 0; position: absolute; right: .5em; text-indent: -9999px; top: .5em; width: 36px; z-index: 99; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before { border: 2px solid #000; border-radius: 100%; box-sizing: content-box; content: ""; display: block; height: 10px; left: 9px; top: 9px; position: absolute; width: 10px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after { background: #000; border-radius: 6px; box-sizing: content-box; content: ""; display: block; height: 8px; left: 22px; position: absolute; top: 19px; transform: rotate(-45deg); width: 2px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger span[aria-hidden=true] { border: 0; clip-path: inset(50%); height: 1px; left: 50%; margin: -1px; overflow: hidden; position: absolute; top: 50%; width: 1px; } .woocommerce div.product div.images .flex-control-thumbs { overflow: hidden; zoom: 1; margin: 0; padding: 0; } .woocommerce div.product div.images .flex-control-thumbs li { width: 25%; float: left; margin: 0; list-style: none; } .woocommerce div.product div.images .flex-control-thumbs li img { cursor: pointer; opacity: .5; margin: 0; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; } .woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: left; } .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: left; } .woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: left; } .woocommerce div.product div.summary { margin-bottom: 2em; } .woocommerce div.product div.social { text-align: right; margin: 0 0 1em; } .woocommerce div.product div.social span { margin: 0 0 0 2px; } .woocommerce div.product div.social span span { margin: 0; } .woocommerce div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } .woocommerce div.product div.social iframe { float: left; margin-top: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 1em; margin: 0 0 1.618em; overflow: hidden; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #cfc8d8; background-color: #e9e6ed; color: #515151; display: inline-block; position: relative; z-index: 0; border-radius: 4px 4px 0 0; margin: 0 -5px; padding: 0 1em; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: .5em 0; font-weight: 700; color: #515151; text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; color: #6b6b6b; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; color: #515151; z-index: 2; border-bottom-color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow: 2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { box-shadow: -2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 1px solid #cfc8d8; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; box-sizing: border-box; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before { left: -5px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #e9e6ed; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after { right: -5px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #e9e6ed; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #cfc8d8; z-index: 1; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .woocommerce div.product p.cart { margin-bottom: 2em; } .woocommerce div.product p.cart::after, .woocommerce div.product p.cart::before { content: " "; display: table; } .woocommerce div.product p.cart::after { clear: both; } .woocommerce div.product form.cart { margin-bottom: 2em; } .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before { content: " "; display: table; } .woocommerce div.product form.cart::after { clear: both; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 4px 0 0; } .woocommerce div.product form.cart table { border-width: 0 0 1px; } .woocommerce div.product form.cart table td { padding-left: 0; } .woocommerce div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; width: 100%; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; line-height: 2em; vertical-align: top; } .woocommerce div.product form.cart .variations label { font-weight: 700; text-align: left; } .woocommerce div.product form.cart .variations select { max-width: 100%; min-width: 75%; display: inline-block; margin-right: 1em; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 3em; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=") no-repeat; background-size: 16px; -webkit-background-size: 16px; background-position: calc(100% - 12px) 50%; -webkit-background-position: calc(100% - 12px) 50%; } .woocommerce div.product form.cart .variations select.nitro-lazy { background: none !important; } .woocommerce div.product form.cart .variations td.label { padding-right: 1em; } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 1em; } .woocommerce div.product form.cart .reset_variations { visibility: hidden; font-size: .83em; } .woocommerce div.product form.cart .wc-no-matching-variations { display: none; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { padding-right: 1em; padding-left: 1em; } .woocommerce div.product form.cart .group_table td { vertical-align: top; padding-bottom: .5em; border: 0; } .woocommerce div.product form.cart .group_table td:first-child { width: 4em; text-align: center; } .woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox { display: inline-block; width: auto; margin: 0 auto; transform: scale(1.5, 1.5); } .woocommerce span.onsale { min-height: 3.236em; min-width: 3.236em; padding: .202em; font-size: 1em; font-weight: 700; position: absolute; text-align: center; line-height: 3.236; top: -.5em; left: -.5em; margin: 0; border-radius: 100%; background-color: #958e09; color: #fff; font-size: .857em; z-index: 9; } .woocommerce .products ul, .woocommerce ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; } .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { content: " "; display: table; } .woocommerce .products ul::after, .woocommerce ul.products::after { clear: both; } .woocommerce .products ul li, .woocommerce ul.products li { list-style: none outside; } .woocommerce ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: -.5em -.5em 0 0; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 1em; } .woocommerce ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a.woocommerce-loop-product__link { display: block; } .woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 1em; box-shadow: none; } .woocommerce ul.products li.product strong { display: block; } .woocommerce ul.products li.product .woocommerce-placeholder { border: 1px solid #f2f2f2; } .woocommerce ul.products li.product .star-rating { font-size: .857em; } .woocommerce ul.products li.product .button { display: inline-block; margin-top: 1em; } .woocommerce ul.products li.product .price { display: block; font-weight: 400; margin-bottom: .5em; font-size: .857em; } .woocommerce ul.products li.product .price del { color: inherit; opacity: .7; display: inline-block; } .woocommerce ul.products li.product .price ins { background: 0 0; font-weight: 700; display: inline-block; } .woocommerce ul.products li.product .price .from { font-size: .67em; margin: -2px 0 0 0; text-transform: uppercase; color: rgba(90, 89, 68, .5); } .woocommerce .woocommerce-result-count { margin: 0 0 1em; } .woocommerce .woocommerce-ordering { margin: 0 0 1em; } .woocommerce .woocommerce-ordering>label { margin-right: .25rem; } .woocommerce .woocommerce-ordering select { vertical-align: top; } .woocommerce nav.woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #cfc8d8; border-right: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid #cfc8d8; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; text-decoration: none; padding: 0; line-height: 1; font-size: 1em; font-weight: 400; padding: .5em; min-width: 1em; display: block; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #e9e6ed; color: #816f98; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; } .woocommerce a.added_to_cart { padding-top: .5em; display: inline-block; } .woocommerce #reviews h2 small { float: right; color: #767676; font-size: 15px; margin: 10px 0 0; } .woocommerce #reviews h2 small a { text-decoration: none; color: #767676; } .woocommerce #reviews h3 { margin: 0; } .woocommerce #reviews #respond { margin: 0; border: 0; padding: 0; } .woocommerce #reviews #comment { height: 75px; } .woocommerce #reviews #comments .add_review::after, .woocommerce #reviews #comments .add_review::before { content: " "; display: table; } .woocommerce #reviews #comments .add_review::after { clear: both; } .woocommerce #reviews #comments h2 { clear: none; } .woocommerce #reviews #comments ol.commentlist { margin: 0; width: 100%; background: 0 0; list-style: none; } .woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before { content: " "; display: table; } .woocommerce #reviews #comments ol.commentlist::after { clear: both; } .woocommerce #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: #e9e6ed; border: 1px solid #e1dde7; margin: 0; box-shadow: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: 1px solid #e1dde7; border-radius: 4px; padding: 1em 1em 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before { content: " "; display: table; } .woocommerce #reviews #comments ol.commentlist li .comment-text::after { clear: both; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: .83em; } .woocommerce #reviews #comments ol.commentlist ul.children { list-style: none outside; margin: 20px 0 0 50px; } .woocommerce #reviews #comments ol.commentlist ul.children .star-rating { display: none; } .woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid #e1dde7; border-radius: 4px; padding: 1em 1em 0; margin: 20px 0 0 50px; } .woocommerce #reviews #comments .commentlist>li::before { content: ""; } .woocommerce .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: WooCommerce; } .woocommerce .star-rating::before { content: "sssss"; color: #cfc8d8; float: left; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .woocommerce .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; } .woocommerce .woocommerce-product-rating { line-height: 2; display: block; } .woocommerce .woocommerce-product-rating::after, .woocommerce .woocommerce-product-rating::before { content: " "; display: table; } .woocommerce .woocommerce-product-rating::after { clear: both; } .woocommerce .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0; float: left; } .woocommerce .products .star-rating { display: block; margin: 0 0 .5em; float: none; } .woocommerce .hreview-aggregate .star-rating { margin: 10px 0 0; } .woocommerce #review_form #respond { position: static; margin: 0; width: auto; padding: 0; background: transparent none; border: 0; } .woocommerce #review_form #respond::after, .woocommerce #review_form #respond::before { content: " "; display: table; } .woocommerce #review_form #respond::after { clear: both; } .woocommerce #review_form #respond p { margin: 0 0 10px; } .woocommerce #review_form #respond .form-submit input { left: auto; } .woocommerce #review_form #respond textarea { box-sizing: border-box; width: 100%; } .woocommerce p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; font-size: 24px; } .woocommerce p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: WooCommerce; content: ""; text-indent: 0; } .woocommerce p.stars a:hover~a::before { content: ""; } .woocommerce p.stars:hover a::before { content: ""; } .woocommerce p.stars.selected a.active::before { content: ""; } .woocommerce p.stars.selected a.active~a::before { content: ""; } .woocommerce p.stars.selected a:not(.active)::before { content: ""; } .woocommerce table.shop_attributes { border: 0; border-top: 1px dotted rgba(0, 0, 0, .1); margin-bottom: 1.618em; width: 100%; } .woocommerce table.shop_attributes th { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, .1); margin: 0; line-height: 1.5; } .woocommerce table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, .1); margin: 0; line-height: 1.5; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 0; } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: rgba(0, 0, 0, .025); } .woocommerce table.shop_table { border: 1px solid rgba(0, 0, 0, .1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } .woocommerce table.shop_table th { font-weight: 700; padding: 9px 12px; line-height: 1.5em; } .woocommerce table.shop_table td { border-top: 1px solid rgba(0, 0, 0, .1); padding: 9px 12px; vertical-align: middle; line-height: 1.5em; } .woocommerce table.shop_table td small { font-weight: 400; } .woocommerce table.shop_table td del { font-weight: 400; } .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th { border-top: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 700; border-top: 1px solid rgba(0, 0, 0, .1); } .woocommerce table.my_account_orders { font-size: .85em; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 4px 8px; vertical-align: middle; } .woocommerce table.my_account_orders .button { white-space: nowrap; } .woocommerce table.woocommerce-MyAccount-downloads td, .woocommerce table.woocommerce-MyAccount-downloads th { vertical-align: top; text-align: center; } .woocommerce table.woocommerce-MyAccount-downloads td:first-child, .woocommerce table.woocommerce-MyAccount-downloads th:first-child { text-align: left; } .woocommerce table.woocommerce-MyAccount-downloads td:last-child, .woocommerce table.woocommerce-MyAccount-downloads th:last-child { text-align: left; } .woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, .woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before { content: "↓"; display: inline-block; } .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation { list-style: none outside; } .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt { float: left; clear: both; margin-right: .25em; display: inline-block; list-style: none outside; } .woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd { margin: 0; } .woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child { margin-bottom: 0; } .woocommerce td.product-name p.backorder_notification { font-size: .83em; } .woocommerce td.product-quantity { min-width: 80px; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 4px 0; margin: 0; list-style: none; } .woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before { content: " "; display: table; } .woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after { clear: both; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: 700; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 32px; height: auto; box-shadow: none; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { margin: 0; padding-left: 1em; border-left: 2px solid rgba(0, 0, 0, .1); } .woocommerce ul.cart_list li dl::after, .woocommerce ul.cart_list li dl::before, .woocommerce ul.product_list_widget li dl::after, .woocommerce ul.product_list_widget li dl::before { content: " "; display: table; } .woocommerce ul.cart_list li dl::after, .woocommerce ul.product_list_widget li dl::after { clear: both; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { display: inline-block; float: left; margin-bottom: 1em; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 .25em; margin: 0 4px 0 0; clear: left; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { padding: 0 0 .25em; } .woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 3px double #e9e6ed; padding: 4px 0 0; } .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 2em; position: relative; padding-top: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: 0; } .woocommerce .widget_shopping_cart .buttons::after, .woocommerce .widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::before { content: " "; display: table; } .woocommerce .widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::after { clear: both; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { margin-right: 5px; margin-bottom: 5px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid #cfc8d8; padding: 20px; margin: 2em 0; text-align: left; border-radius: 5px; } .woocommerce form.checkout_coupon .coupon-error-notice { color: var(--wc-red); display: block; font-size: .75em; margin-top: 8px; } .woocommerce form.checkout_coupon .input-text.has-error:focus { border-color: var(--wc-red); } .woocommerce ul#shipping_method { list-style: none outside; margin: 0; padding: 0; } .woocommerce ul#shipping_method li { margin: 0 0 .5em; line-height: 1.5em; list-style: none outside; } .woocommerce ul#shipping_method li input { margin: 3px .4375em 0 0; vertical-align: top; } .woocommerce ul#shipping_method li label { display: inline; } .woocommerce ul#shipping_method .amount { font-weight: 700; } .woocommerce p.woocommerce-shipping-contents { margin: 0; } .woocommerce .wc_bis_form { margin: 2em 0; padding: 0; } .woocommerce .wc_bis_form.hidden { display: none; } .woocommerce .wc_bis_form__form-row { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; gap: .7em; margin: .7em 0; } .woocommerce .wc_bis_form__input { box-sizing: border-box; width: auto; white-space: nowrap; } .woocommerce .wc_bis_form__button { box-sizing: border-box; white-space: nowrap; } .woocommerce .wc_bis_form__checkbox { font-size: var(--wp--preset--font-size--small, .7em); display: block; } .woocommerce :where(.wc_bis_form__input,.wc_bis_form__button) { padding: .9rem 1.1rem; line-height: 1; } .woocommerce ul.order_details { margin: 0 0 3em; list-style: none; } .woocommerce ul.order_details::after, .woocommerce ul.order_details::before { content: " "; display: table; } .woocommerce ul.order_details::after { clear: both; } .woocommerce ul.order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: .715em; line-height: 1; border-right: 1px dashed #cfc8d8; padding-right: 2em; margin-left: 0; padding-left: 0; list-style-type: none; } .woocommerce ul.order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .woocommerce ul.order_details li:last-of-type { border: none; } .woocommerce .wc-bacs-bank-details-account-name { font-weight: 700; } .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 2em; } .woocommerce .woocommerce-customer-details .order-actions--heading, .woocommerce .woocommerce-order-details .order-actions--heading, .woocommerce .woocommerce-order-downloads .order-actions--heading { vertical-align: middle; } .woocommerce .woocommerce-customer-details .order-actions-button, .woocommerce .woocommerce-order-details .order-actions-button, .woocommerce .woocommerce-order-downloads .order-actions-button { margin-right: 10px; } .woocommerce .woocommerce-customer-details .order-actions-button:last-child, .woocommerce .woocommerce-order-details .order-actions-button:last-child, .woocommerce .woocommerce-order-downloads .order-actions-button:last-child { margin-right: 0; } .woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child { margin-bottom: 0; } .woocommerce .woocommerce-customer-details .additional-fields, .woocommerce .woocommerce-customer-details .addresses { margin-bottom: 2em; } .woocommerce .woocommerce-customer-details .additional-fields:last-child, .woocommerce .woocommerce-customer-details .addresses:last-child { margin-bottom: 0; } .woocommerce .addresses .wc-block-components-additional-fields-list { margin: 0; padding: 0; } .woocommerce .addresses .wc-block-components-additional-fields-list dt { margin: 0; padding: 0; font-style: normal; font-weight: 700; display: inline; } .woocommerce .addresses .wc-block-components-additional-fields-list dt::after { content: ": "; } .woocommerce .addresses .wc-block-components-additional-fields-list dt::before { content: ""; display: block; } .woocommerce .addresses .wc-block-components-additional-fields-list dd { margin: 0; padding: 0; font-style: normal; display: inline; } .woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list { border: 1px solid rgba(0, 0, 0, .1); padding: 0; display: grid; grid-template-columns: 1fr max-content; } .woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt { border-bottom: 1px solid rgba(0, 0, 0, .1); font-style: normal; font-weight: 700; padding: 1rem; box-sizing: border-box; margin: 0 !important; } .woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt::after { display: none; } .woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt:last-of-type { border-bottom: 0; } .woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dd { border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 1rem; box-sizing: border-box; text-align: right; margin: 0 !important; } .woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dd:last-of-type { border-bottom: 0; } .woocommerce .woocommerce-customer-details .woocommerce-column__title { margin-top: 0; } .woocommerce .woocommerce-customer-details address { font-style: normal; margin-bottom: 0; border: 1px solid rgba(0, 0, 0, .1); border-bottom-width: 2px; border-right-width: 2px; text-align: left; width: 100%; border-radius: 5px; padding: 6px 12px; box-sizing: border-box; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { padding-left: 1.5em; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:last-child, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:last-child { margin-bottom: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; margin-left: -1.5em; line-height: 1.75; position: absolute; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; margin-left: -1.5em; line-height: 1.75; position: absolute; } .woocommerce .woocommerce-widget-layered-nav-list { margin: 0; padding: 0; border: 0; list-style: none outside; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 0 0 1px; list-style: none; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before { content: " "; display: table; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { clear: both; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding: 1px 0; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; color: var(--wc-red); } .woocommerce .woocommerce-widget-layered-nav-dropdown__submit { margin-top: 1em; } .woocommerce .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none outside; overflow: hidden; zoom: 1; } .woocommerce .widget_layered_nav_filters ul li { float: left; padding: 0 1em 1px 1px; list-style: none; } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; } .woocommerce .widget_layered_nav_filters ul li a::before { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; color: var(--wc-red); vertical-align: inherit; margin-right: .5em; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 1em; } .woocommerce .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; font-size: .8751em; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 1.15em; float: left; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: .5em; margin-right: .5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #7f54b3; border-radius: 1em; cursor: ew-resize; outline: 0; top: -.3em; margin-left: -.5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; background-color: #7f54b3; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #35224c; border: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: .5em; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce .widget_rating_filter ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .woocommerce .widget_rating_filter ul li { padding: 0 0 1px; list-style: none; } .woocommerce .widget_rating_filter ul li::after, .woocommerce .widget_rating_filter ul li::before { content: " "; display: table; } .woocommerce .widget_rating_filter ul li::after { clear: both; } .woocommerce .widget_rating_filter ul li a { padding: 1px 0; text-decoration: none; } .woocommerce .widget_rating_filter ul li .star-rating { float: none; display: inline-block; } .woocommerce .widget_rating_filter ul li.chosen a::before { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; color: var(--wc-red); } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { float: left; margin-right: 1em; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-block; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #e9e6ed; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.nitro-lazy { background-image: none !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading { opacity: .25; padding-right: 2.618em; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading::after { font-family: WooCommerce; content: ""; vertical-align: top; font-weight: 400; position: absolute; top: .618em; right: 1em; animation: spin 2s linear infinite; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.added::after { font-family: WooCommerce; content: ""; margin-left: .53em; vertical-align: bottom; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover { background-color: #dcd7e2; text-decoration: none; background-image: none; color: #515151; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover.nitro-lazy { background-image: none !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt { background-color: #7f54b3; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover { background-color: #7249a4; color: #fff; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #7f54b3; color: #fff; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: .5; padding: .618em 1em; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover { color: inherit; background-color: #e9e6ed; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb { font-size: .92em; color: #767676; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a { color: #767676; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color: #958e09; font-size: 1.25em; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock { color: #958e09; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock { color: var(--wc-red); } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { color: #958e09; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) #reviews #comments ol.commentlist li .meta { color: #767676; font-size: .75em; } .woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login { display: block !important; } .woocommerce-no-js .showcoupon, .woocommerce-no-js .woocommerce-form-coupon-toggle, .woocommerce-no-js .woocommerce-form-login-toggle { display: none !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; background-color: #f6f5f8; color: #515151; border-top: 3px solid #720eec; list-style: none outside; width: auto; word-wrap: break-word; } .woocommerce-error::after, .woocommerce-error::before, .woocommerce-info::after, .woocommerce-info::before, .woocommerce-message::after, .woocommerce-message::before { content: " "; display: table; } .woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after { clear: both; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { font-family: WooCommerce; content: ""; content: ""/""; display: inline-block; position: absolute; top: 1em; left: 1.5em; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { float: right; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { list-style: none outside !important; padding-left: 0 !important; margin-left: 0 !important; } .rtl.woocommerce .price_label, .rtl.woocommerce .price_label span { direction: ltr; unicode-bidi: embed; } .woocommerce-message { border-top-color: #8fae1b; } .woocommerce-message::before { content: ""; color: #8fae1b; } .woocommerce-info { border-top-color: #1e85be; } .woocommerce-info::before { color: #1e85be; } .woocommerce-error { border-top-color: #b81c23; } .woocommerce-error::before { content: ""; color: #b81c23; } .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before { content: " "; display: table; } .woocommerce-account .woocommerce::after { clear: both; } .woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before { content: " "; display: table; } .woocommerce-account .addresses .title::after { clear: both; } .woocommerce-account .addresses .title h3 { float: left; } .woocommerce-account .addresses .title .edit { float: right; } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce-account ul.digital-downloads { margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li::before { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; } .woocommerce-account ul.digital-downloads li .count { float: right; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { min-width: 32px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 32px; box-shadow: none; } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { vertical-align: middle; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { float: left; box-sizing: border-box; border: 1px solid #cfc8d8; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: 0; } #add_payment_method table.cart td.actions .coupon .input-text.has-error:focus, .woocommerce-cart table.cart td.actions .coupon .input-text.has-error:focus, .woocommerce-checkout table.cart td.actions .coupon .input-text.has-error:focus { border-color: var(--wc-red); } #add_payment_method table.cart td.actions .coupon .coupon-error-notice, .woocommerce-cart table.cart td.actions .coupon .coupon-error-notice, .woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice { clear: left; color: var(--wc-red); flex-basis: 100%; float: none; font-size: .75em; margin-bottom: 0; margin-top: 8px; text-align: left; width: auto; } #add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input { margin: 0; vertical-align: middle; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 1em 0; } #add_payment_method .wc-proceed-to-checkout::after, #add_payment_method .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-checkout .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::before { content: " "; display: table; } #add_payment_method .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::after { clear: both; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; margin-bottom: 1em; font-size: 1.25em; padding: 1em; } #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button { float: none; margin-top: .5em; display: inline-block; } #add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: ""; text-decoration: none; } #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form { margin: 1em 0 0 0; } #add_payment_method .cart-collaterals .cart_totals p small, .woocommerce-cart .cart-collaterals .cart_totals p small, .woocommerce-checkout .cart-collaterals .cart_totals p small { color: #767676; font-size: .83em; } #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { border-collapse: separate; margin: 0 0 6px; padding: 0; } #add_payment_method .cart-collaterals .cart_totals table tr:first-child td, #add_payment_method .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th { border-top: 0; } #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th { width: 35%; } #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th { vertical-align: top; border-left: 0; border-right: 0; line-height: 1.5em; } #add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small { color: #767676; } #add_payment_method .cart-collaterals .cart_totals table select, .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select { width: 100%; } #add_payment_method .cart-collaterals .cart_totals .discount td, .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td { color: #958e09; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top: 1px solid #e9e6ed; } #add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination { margin-bottom: 0; } #add_payment_method .cart-collaterals .cross-sells ul.products li.product, .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, .woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product { margin-top: 0; } #add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: left; clear: none; } #add_payment_method .checkout .col-2 .notes, .woocommerce-cart .checkout .col-2 .notes, .woocommerce-checkout .checkout .col-2 .notes { clear: left; } #add_payment_method .checkout .col-2 .form-row-first, .woocommerce-cart .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .form-row-first { clear: left; } #add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { font-size: 11px; color: #767676; font-weight: 400; } #add_payment_method .checkout div.shipping-address, .woocommerce-cart .checkout div.shipping-address, .woocommerce-checkout .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } #add_payment_method .checkout .shipping_address, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address { clear: both; } #add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message { color: var(--wc-red); font-size: .75em; margin-bottom: 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: rgba(129, 110, 153, .14); border-radius: 5px; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid rgba(104, 87, 125, .14); margin: 0; list-style: none outside; } #add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before { content: " "; display: table; } #add_payment_method #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::after { clear: both; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0 1em 0 0; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; padding: 0; position: relative; box-shadow: none; } #add_payment_method #payment ul.payment_methods li img+img, .woocommerce-cart #payment ul.payment_methods li img+img, .woocommerce-checkout #payment ul.payment_methods li img+img { margin-left: 2px; } #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before { content: " "; display: table; } #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after { clear: both; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 1em; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0; font-size: .92em; border-radius: 2px; line-height: 1.5; background-color: #dcd7e2; color: #515151; } #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: #c2bacd; border-top-color: #b5abc2; } #add_payment_method #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: #b5abc2; } #add_payment_method #payment div.payment_box :-moz-placeholder, .woocommerce-cart #payment div.payment_box :-moz-placeholder, .woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: #b5abc2; } #add_payment_method #payment div.payment_box :-ms-input-placeholder, .woocommerce-cart #payment div.payment_box :-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: #b5abc2; } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods { list-style: none outside; margin: 0; } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token { margin: 0 0 .5em; } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label { cursor: pointer; } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { vertical-align: middle; margin: -3px 1em 0 0; position: relative; } #add_payment_method #payment div.payment_box .wc-credit-card-form, .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form { border: 0; padding: 0; margin: 1em 0 0; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number { font-size: 1.5em; padding: 8px; background-repeat: no-repeat; background-position: right .618em center; background-size: 32px 20px; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/laser.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/diners.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/amex.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover { background-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/discover.svg"); } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover.nitro-lazy { background-image: none !important; } #add_payment_method #payment div.payment_box span.help, .woocommerce-cart #payment div.payment_box span.help, .woocommerce-checkout #payment div.payment_box span.help { font-size: .857em; color: #767676; font-weight: 400; } #add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row { margin: 0 0 1em; } #add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content: ""; display: block; border: 1em solid #dcd7e2; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: .83em; } #add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } .woocommerce-terms-and-conditions { border: 1px solid rgba(0, 0, 0, .2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .05); } .woocommerce-invalid #terms { outline: 2px solid var(--wc-red); outline-offset: 2px; } .woocommerce-password-strength { text-align: center; font-weight: 600; padding: 3px .5em; font-size: 1em; } .woocommerce-password-strength.strong { background-color: #c1e1b9; border-color: #83c373; } .woocommerce-password-strength.short { background-color: #f1adad; border-color: #e35b5b; } .woocommerce-password-strength.bad { background-color: #fbc5a9; border-color: #f78b53; } .woocommerce-password-strength.good { background-color: #ffe399; border-color: #ffc733; } .woocommerce-password-hint { margin: .5em 0 0; display: block; } #content.twentyeleven .woocommerce-pagination a { font-size: 1em; line-height: 1; } .single-product .twentythirteen #reply-title, .single-product .twentythirteen #respond #commentform, .single-product .twentythirteen .entry-summary { padding: 0; } .single-product .twentythirteen p.stars { clear: both; } .twentythirteen .woocommerce-breadcrumb { padding-top: 40px; } .twentyfourteen ul.products li.product { margin-top: 0 !important; } body:not(.search-results) .twentysixteen .entry-summary { color: inherit; font-size: inherit; line-height: inherit; } .twentysixteen .price ins { background: inherit; color: inherit; } :root { --woocommerce: #720eec; --wc-green: #7ad03a; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, .8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px; } .woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce { max-width: 1000px; } .clear { clear: both; } .woocommerce a.button.disabled, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled], .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled], .woocommerce button.button:disabled[disabled]:hover { opacity: .5; } .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce input.button:hover { opacity: .9; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled], .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce input.button.disabled, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled[disabled]:hover { opacity: .5; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.2em; } .woocommerce div.product::after { content: ""; display: block; clear: both; } .woocommerce div.product div.summary>* { margin-bottom: var(--wp--style--block-gap); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow: 2px 2px 0 var(--wp--preset--color--background, #fff); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { box-shadow: -2px 2px 0 var(--wp--preset--color--background, #fff); } .woocommerce div.product form.cart div.quantity { float: none; vertical-align: middle; } .woocommerce div.product form.cart div.quantity .qty { margin-right: .5em; } .woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart] { display: inline-block; float: none; margin-top: 0; margin-bottom: 0; vertical-align: middle; word-break: normal; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { word-break: normal; } .woocommerce div.product .related.products { margin-top: 5em; } .woocommerce .woocommerce-Reviews #comments { margin-bottom: var(--wp--style--block-gap); } .woocommerce .woocommerce-Reviews .commentlist { box-sizing: border-box; } .woocommerce .woocommerce-Reviews .comment-reply-title { font-size: var(--wp--preset--font-size--medium); font-weight: 700; } .woocommerce .price bdi, .woocommerce .price ins, .woocommerce .wc-block-components-product-price bdi, .woocommerce .wc-block-components-product-price ins, .woocommerce .woocommerce-grouped-product-list-item__price bdi, .woocommerce .woocommerce-grouped-product-list-item__price ins { text-decoration: none; } .woocommerce span.onsale { background-color: var(--wp--preset--color--foreground, #958e09); color: var(--wp--preset--color--background, #fff); } .woocommerce table.variations { display: block; } .woocommerce table.variations tr td, .woocommerce table.variations tr th { padding-bottom: var(--wp--style--block-gap); text-align: left; } .woocommerce table.variations tr th { padding-right: 1em; } .woocommerce table.variations tr td select { height: 3em; padding: .9em 1.1em; font-size: var(--wp--preset--font-size--small); } .woocommerce div.product form.cart table.variations td select { min-width: 70%; } .woocommerce div.product form.cart table.variations td, .woocommerce div.product form.cart table.variations th { vertical-align: middle; } .woocommerce .single_variation_wrap .woocommerce-variation { margin-bottom: var(--wp--style--block-gap); } a.added_to_cart { display: block; margin-top: 1em; } .woocommerce-page .input-text, .woocommerce-page .select2-container, .woocommerce-page select { font-size: var(--wp--preset--font-size--small); } .woocommerce-page label { margin-bottom: .7em; } .woocommerce form .form-row { margin-bottom: 1em; } .woocommerce form textarea { min-height: 100px; } .woocommerce-page table.shop_table { width: 70%; border-collapse: collapse; } @media only screen and (max-width:768px) { .woocommerce-page table.shop_table { width: 100%; } } .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th { padding: 1em; } .woocommerce-page table.shop_table_responsive { width: 100%; } .woocommerce-page .woocommerce-cart-form .product-remove { width: 1em; } .woocommerce-page .woocommerce-cart-form .product-thumbnail { width: 120px; } .woocommerce-page .woocommerce-cart-form .product-thumbnail a img { width: 117px; } .woocommerce-page .woocommerce-cart-form .coupon { display: flex; align-items: center; flex-wrap: wrap; } .woocommerce-page .woocommerce-cart-form #coupon_code { width: auto; margin-right: .8em; height: 50px; font-size: var(--wp--preset--font-size--small); padding: 0 1.1em; } @media only screen and (max-width:768px) { .woocommerce-page .woocommerce-cart-form .product-remove { width: auto; } .woocommerce-page .woocommerce-cart-form #coupon_code { width: 50%; margin-right: 0; } } .woocommerce-page .cart-collaterals h2 { font-size: var(--wp--preset--font-size--medium); } .woocommerce-page .woocommerce-form-coupon .button { min-height: 50px; } .woocommerce-page .woocommerce-column__title, .woocommerce-page .woocommerce-customer-details h2, .woocommerce-page .woocommerce-thankyou-order-received { font-size: var(--wp--preset--font-size--large); font-weight: 300; } .woocommerce-page ul.woocommerce-order-overview { display: flex; width: 100%; padding-left: 0; font-size: var(--wp--preset--font-size--small); } @media only screen and (max-width:768px) { .woocommerce-page ul.woocommerce-order-overview { flex-direction: column; } } .woocommerce-page ul.woocommerce-order-overview li { flex-grow: 1; margin-bottom: 1em; border: none; display: inline; text-transform: uppercase; } .woocommerce-page ul.woocommerce-order-overview li strong { text-transform: none; display: block; } .woocommerce-page .woocommerce-customer-details address { box-sizing: border-box; width: 70%; padding: 1em; border-width: 1px; border-radius: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 0 2em; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { list-style: none; padding: 1em 0; } @media only screen and (max-width:768px) { .woocommerce-account .woocommerce-MyAccount-navigation li { padding: .35em 0; } } .woocommerce-account .woocommerce-MyAccount-navigation li:first-child { padding-top: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { text-decoration: underline; } .woocommerce-account .woocommerce-MyAccount-navigation li a { text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { text-decoration: underline; } .woocommerce-account .woocommerce-MyAccount-content p.form-row-first, .woocommerce-account .woocommerce-MyAccount-content p.form-row-last, .woocommerce-account .woocommerce-MyAccount-content>p:first-of-type { margin-block-start: 0; } .woocommerce-account .woocommerce-customer-details address, .woocommerce-account table.shop_table.order_details { width: 100%; } .woocommerce-account .addresses .title .edit { display: block; margin-bottom: 1em; } .woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form>h3 { margin-block-start: 0; } .woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions::before { display: none; } .woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a { display: block; margin-bottom: 1em; text-align: center; } .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row select, .woocommerce-page form .form-row textarea.input-text { font-size: var(--wp--preset--font-size--small); padding: .9rem 1.1rem; } .woocommerce-page form .form-row select { background-position: calc(100% - 1.1rem) 50%; } .woocommerce-page form .form-row label { margin-bottom: .7em; } .woocommerce-page form .form-row .select2-container .select2-selection--single .select2-selection__rendered { padding: .9rem 1.1rem; } .woocommerce-page form .form-row .select2-container .select2-selection--single .select2-selection__arrow { right: 1.1em; } .woocommerce-page .select2-container .select2-search--dropdown { padding: 0 1.1rem .5rem; } .woocommerce-page .select2-container .select2-search--dropdown .select2-search__field { padding: .5rem; font-size: var(--wp--preset--font-size--small); } .woocommerce-page .select2-container .select2-results__option { padding: .5rem 1.1rem; } .woocommerce-store-notice, p.demo_store { background: var(--wp--preset--color--foreground, #720eec); bottom: 0; color: var(--wp--preset--color--background, #fcfbfe); position: fixed; top: auto !important; } .woocommerce-store-notice a, p.demo_store a { color: var(--wp--preset--color--background, #fcfbfe); } .woocommerce .product-category mark.count { background-color: transparent; } @media not (prefers-reduced-motion) { .components-animate__appear { animation: components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s; animation-fill-mode: forwards; } } .components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { transform-origin: top left; } .components-animate__appear.is-from-top.is-from-right { transform-origin: top right; } .components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { transform-origin: bottom left; } .components-animate__appear.is-from-bottom.is-from-right { transform-origin: bottom right; } @keyframes components-animate__appear-animation { 0% { transform: translateY(-2em) scaleY(0) scaleX(0); } to { transform: translateY(0) scaleY(1) scaleX(1); } } @media not (prefers-reduced-motion) { .components-animate__slide-in { animation: components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1); animation-fill-mode: forwards; } .components-animate__slide-in.is-from-left { transform: translateX(100%); } .components-animate__slide-in.is-from-right { transform: translateX(-100%); } } @keyframes components-animate__slide-in-animation { to { transform: translateX(0); } } @media not (prefers-reduced-motion) { .components-animate__loading { animation: components-animate__loading 1.6s ease-in-out infinite; } } @keyframes components-animate__loading { 0% { opacity: .5; } 50% { opacity: 1; } to { opacity: .5; } } .components-autocomplete__popover .components-popover__content { min-width: 200px; padding: 8px; } .components-autocomplete__result.components-button { display: flex; height: auto; min-height: 36px; text-align: left; width: 100%; } .components-autocomplete__result.components-button:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid rgba(0, 0, 0, 0); } .components-badge { box-sizing: border-box; } .components-badge *, .components-badge :after, .components-badge :before { box-sizing: inherit; } .components-badge { background-color: color-mix(in srgb, #fff 90%, var(--base-color)); border-radius: 2px; color: color-mix(in srgb, #000 50%, var(--base-color)); display: inline-block; line-height: 0; max-width: 100%; min-height: 24px; padding: 2px 8px; } .components-badge:where(.is-default) { background-color: #f0f0f0; color: #2f2f2f; } .components-badge.has-icon { padding-inline-start: 4px; } .components-badge.is-info { --base-color: #3858e9; } .components-badge.is-warning { --base-color: #f0b849; } .components-badge.is-error { --base-color: #cc1818; } .components-badge.is-success { --base-color: #4ab866; } .components-badge__flex-wrapper { align-items: center; display: inline-flex; font-size: 12px; font-weight: 400; gap: 2px; line-height: 20px; max-width: 100%; } .components-badge__icon { flex-shrink: 0; } .components-badge__content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .components-button-group { display: inline-block; } .components-button-group .components-button { border-radius: 0; box-shadow: inset 0 0 0 1px #1e1e1e; color: #1e1e1e; display: inline-flex; } .components-button-group .components-button+.components-button { margin-left: -1px; } .components-button-group .components-button:first-child { border-radius: 2px 0 0 2px; } .components-button-group .components-button:last-child { border-radius: 0 2px 2px 0; } .components-button-group .components-button.is-primary, .components-button-group .components-button:focus { position: relative; z-index: 1; } .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #1e1e1e; } .components-button { appearance: none; background: none; border: 0; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 13px; font-weight: 499; margin: 0; text-decoration: none; } @media not (prefers-reduced-motion) { .components-button { transition: box-shadow .1s linear; } } .components-button { align-items: center; border-radius: 2px; box-sizing: border-box; color: var(--wp-components-color-foreground, #1e1e1e); height: 36px; padding: 4px 12px; } .components-button.is-next-40px-default-size { height: 40px; } .components-button:hover:not(:disabled,[aria-disabled=true]), .components-button[aria-expanded=true] { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button:focus:not(:active) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 3px solid rgba(0, 0, 0, 0); } .components-button.is-primary { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-accent-inverted, #fff); outline: 1px solid rgba(0, 0, 0, 0); text-decoration: none; text-shadow: none; white-space: nowrap; } .components-button.is-primary:hover:not(:disabled) { background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); color: var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:active:not(:disabled) { background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); color: var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:focus:not(:active) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:active:enabled, .components-button.is-primary[aria-disabled=true]:enabled { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: rgba(255, 255, 255, .4); outline: none; } .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%); background-size: 100px 100%; border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-accent-inverted, #fff); } .components-button.is-secondary, .components-button.is-tertiary { outline: 1px solid rgba(0, 0, 0, 0); } .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { box-shadow: none; } .components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { background: rgba(0, 0, 0, 0); color: #949494; transform: none; } .components-button.is-secondary { background: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 1px solid rgba(0, 0, 0, 0); white-space: nowrap; } .components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed) { background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, rgba(0, 0, 0, 0)); box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); } .components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus) { box-shadow: inset 0 0 0 1px #ddd; } .components-button.is-secondary:focus:not(:active) { box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button.is-tertiary { background: rgba(0, 0, 0, 0); color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); white-space: nowrap; } .components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true],.is-pressed) { background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, rgba(0, 0, 0, 0)); color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); } .components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]) { background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, rgba(0, 0, 0, 0)); } p+.components-button.is-tertiary { margin-left: -6px; } .components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus) { box-shadow: none; outline: none; } .components-button.is-destructive { --wp-components-color-accent: #cc1818; --wp-components-color-accent-darker-10: #9e1313; --wp-components-color-accent-darker-20: #710d0d; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link) { color: #cc1818; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled,[aria-disabled=true]) { color: #710d0d; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:active) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #cc1818; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled,[aria-disabled=true]) { background: #ccc; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled, .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true] { color: #949494; } .components-button.is-destructive.is-secondary:hover:not(:disabled,[aria-disabled=true]), .components-button.is-destructive.is-tertiary:hover:not(:disabled,[aria-disabled=true]) { background: rgba(204, 24, 24, .04); } .components-button.is-destructive.is-secondary:active:not(:disabled,[aria-disabled=true]), .components-button.is-destructive.is-tertiary:active:not(:disabled,[aria-disabled=true]) { background: rgba(204, 24, 24, .08); } .components-button.is-link { background: none; border: 0; border-radius: 0; box-shadow: none; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); font-weight: 400; margin: 0; outline: none; padding: 0; text-align: left; text-decoration: underline; } @media not (prefers-reduced-motion) { .components-button.is-link { transition-duration: .05s; transition-property: border, background, color; transition-timing-function: ease-in-out; } } .components-button.is-link { height: auto; } .components-button.is-link:focus { border-radius: 2px; } .components-button.is-link:disabled, .components-button.is-link[aria-disabled=true] { color: #949494; } .components-button:not(:disabled,[aria-disabled=true]):active { color: var(--wp-components-color-foreground, #1e1e1e); } .components-button:disabled, .components-button[aria-disabled=true] { color: #949494; cursor: default; } @media not (prefers-reduced-motion) { .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { animation: components-button__busy-animation 2.5s linear infinite; } } .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0); background-size: 100px 100%; } .components-button.is-compact { height: 32px; } .components-button.is-compact.has-icon:not(.has-text) { min-width: 32px; padding: 0; } .components-button.is-small { font-size: 11px; height: 24px; line-height: 22px; padding: 0 8px; } .components-button.is-small.has-icon:not(.has-text) { min-width: 24px; padding: 0; } .components-button.has-icon { justify-content: center; min-width: 36px; padding: 6px; } .components-button.has-icon.is-next-40px-default-size { min-width: 40px; } .components-button.has-icon .dashicon { align-items: center; box-sizing: initial; display: inline-flex; justify-content: center; padding: 2px; } .components-button.has-icon.has-text { gap: 4px; justify-content: start; padding-left: 8px; padding-right: 12px; } .components-button.has-icon.has-text.has-icon-right { padding-left: 12px; padding-right: 8px; } .components-button.is-pressed, .components-button.is-pressed:hover { color: var(--wp-components-color-foreground-inverted, #fff); } .components-button.is-pressed:hover:not(:disabled,[aria-disabled=true]), .components-button.is-pressed:not(:disabled,[aria-disabled=true]) { background: var(--wp-components-color-foreground, #1e1e1e); } .components-button.is-pressed:disabled, .components-button.is-pressed[aria-disabled=true] { color: #949494; } .components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(.is-tertiary), .components-button.is-pressed[aria-disabled=true]:not(.is-primary):not(.is-secondary):not(.is-tertiary) { background: #949494; color: var(--wp-components-color-foreground-inverted, #fff); } .components-button.is-pressed:focus:not(:active) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); } .components-button svg { fill: currentColor; flex-shrink: 0; outline: none; } @media (forced-colors:active) { .components-button svg { fill: CanvasText; } } .components-button .components-visually-hidden { height: auto; } @keyframes components-button__busy-animation { 0% { background-position: 200px 0; } } .components-calendar { background-color: var(--wp-components-color-background, #fff); color: var(--wp-components-color-foreground, #1e1e1e); display: inline-block; font-size: 13px; font-weight: 400; position: relative; z-index: 0; } .components-calendar, .components-calendar *, .components-calendar :after, .components-calendar :before { box-sizing: border-box; } .components-calendar__day { padding: 0; position: relative; } .components-calendar__day:has(.components-calendar__day-button:disabled) { color: var(--wp-components-color-gray-600, #949494); } .components-calendar__day:has(.components-calendar__day-button:focus-visible), .components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)) { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-calendar__day-button { align-items: center; background: none; border: none; border-radius: 2px; color: inherit; cursor: pointer; display: flex; font: inherit; font-variant-numeric: tabular-nums; height: 32px; justify-content: center; margin: 0; padding: 0; position: relative; width: 32px; } .components-calendar__day-button:before { border: none; border-radius: 2px; content: ""; inset: 0; position: absolute; z-index: -1; } .components-calendar__day-button:after { content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; } .components-calendar__day-button:disabled { cursor: revert; } @media (forced-colors:active) { .components-calendar__day-button:disabled { text-decoration: line-through; } } .components-calendar__day-button:focus-visible { outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-offset: 1px; } .components-calendar__caption-label { align-items: center; border: 0; display: inline-flex; position: relative; text-transform: capitalize; white-space: nowrap; z-index: 1; } .components-calendar__button-next, .components-calendar__button-previous { align-items: center; appearance: none; background: none; border: none; border-radius: 2px; color: inherit; cursor: pointer; display: inline-flex; height: 32px; justify-content: center; margin: 0; padding: 0; position: relative; width: 32px; } .components-calendar__button-next:disabled, .components-calendar__button-next[aria-disabled=true], .components-calendar__button-previous:disabled, .components-calendar__button-previous[aria-disabled=true] { color: var(--wp-components-color-gray-600, #949494); cursor: revert; } .components-calendar__button-next:focus-visible, .components-calendar__button-previous:focus-visible { outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-calendar__chevron { fill: currentColor; display: inline-block; height: 16px; width: 16px; } .components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron { transform: rotate(180deg); transform-origin: 50%; } .components-calendar__month-caption { align-content: center; display: flex; height: 32px; justify-content: center; margin-bottom: 12px; } .components-calendar__months { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; max-width: fit-content; position: relative; } .components-calendar__month-grid { border-collapse: initial; border-spacing: 0 4px; } .components-calendar__nav { align-items: center; display: flex; height: 32px; inset-block-start: 0; inset-inline-end: 0; inset-inline-start: 0; justify-content: space-between; position: absolute; } .components-calendar__weekday { color: var(--wp-components-color-gray-700, #757575); height: 32px; padding: 0; text-align: center; text-transform: uppercase; width: 32px; } .components-calendar__day--today:after { border: 2px solid; border-radius: 50%; content: ""; height: 0; inset-block-start: 2px; inset-inline-end: 2px; position: absolute; width: 0; z-index: 1; } .components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button,.components-calendar__day-button:hover:not(:disabled)) { color: var(--wp-components-color-foreground-inverted, #fff); } .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:before { background-color: var(--wp-components-color-foreground, #1e1e1e); border: 1px solid rgba(0, 0, 0, 0); } .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled:before { background-color: var(--wp-components-color-gray-600, #949494); } .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled):before { background-color: var(--wp-components-color-gray-800, #2f2f2f); } .components-calendar__day--hidden { visibility: hidden; } .components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button, .components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button:before { border-end-end-radius: 0; border-start-end-radius: 0; } .components-calendar__range-middle .components-calendar__day-button:before { background-color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, rgba(0, 0, 0, 0)); border-color: rgba(0, 0, 0, 0); border-radius: 0; border-style: solid; border-width: 1px 0; } .components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button, .components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button:before { border-end-start-radius: 0; border-start-start-radius: 0; } .components-calendar__day--preview svg { color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 16%, rgba(0, 0, 0, 0)); inset: 0; pointer-events: none; position: absolute; } @media (forced-colors:active) { .components-calendar__day--preview svg { color: inherit; } } .components-calendar[dir=rtl] .components-calendar__day--preview svg { transform: scaleX(-1); } .components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button:before { border: none; } @keyframes slide-in-left { 0% { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes slide-in-right { 0% { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes slide-out-left { 0% { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes slide-out-right { 0% { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes fade-in { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } to { opacity: 0; } } .components-calendar__caption-after-enter, .components-calendar__caption-after-exit, .components-calendar__caption-before-enter, .components-calendar__caption-before-exit, .components-calendar__weeks-after-enter, .components-calendar__weeks-after-exit, .components-calendar__weeks-before-enter, .components-calendar__weeks-before-exit { animation-duration: 0s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.4, 0, .2, 1); } @media not (prefers-reduced-motion) { .components-calendar__caption-after-enter, .components-calendar__caption-after-exit, .components-calendar__caption-before-enter, .components-calendar__caption-before-exit, .components-calendar__weeks-after-enter, .components-calendar__weeks-after-exit, .components-calendar__weeks-before-enter, .components-calendar__weeks-before-exit { animation-duration: .3s; } } .components-calendar[dir=rtl] .components-calendar__weeks-after-enter, .components-calendar__weeks-before-enter { animation-name: slide-in-left; } .components-calendar[dir=rtl] .components-calendar__weeks-after-exit, .components-calendar__weeks-before-exit { animation-name: slide-out-left; } .components-calendar[dir=rtl] .components-calendar__weeks-before-enter, .components-calendar__weeks-after-enter { animation-name: slide-in-right; } .components-calendar[dir=rtl] .components-calendar__weeks-before-exit, .components-calendar__weeks-after-exit { animation-name: slide-out-right; } .components-calendar__caption-after-enter { animation-name: fade-in; } .components-calendar__caption-after-exit { animation-name: fade-out; } .components-calendar__caption-before-enter { animation-name: fade-in; } .components-calendar__caption-before-exit { animation-name: fade-out; } .components-checkbox-control { --checkbox-input-size: 24px; } @media (min-width:600px) { .components-checkbox-control { --checkbox-input-size: 16px; } } .components-checkbox-control { --checkbox-input-margin: 8px; } .components-checkbox-control__label { cursor: pointer; line-height: var(--checkbox-input-size); } .components-checkbox-control__input[type=checkbox] { border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; margin-right: 12px; padding: 6px 8px; transition: none; } @media not (prefers-reduced-motion) { .components-checkbox-control__input[type=checkbox] { transition: box-shadow .1s linear; } } @media (min-width:600px) { .components-checkbox-control__input[type=checkbox] { font-size: 13px; line-height: normal; } } .components-checkbox-control__input[type=checkbox]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 .5px var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox]::placeholder { color: rgba(30, 30, 30, .62); } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox]:checked:before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { color: #fff; margin: -3px -5px; } @media (min-width:782px) { .components-checkbox-control__input[type=checkbox]:checked:before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { margin: -4px 0 0 -5px; } } .components-checkbox-control__input[type=checkbox][aria-checked=mixed] { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; float: left; font: normal 30px/1 dashicons; vertical-align: middle; width: 16px; } @media (min-width:782px) { .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { float: none; font-size: 21px; } } .components-checkbox-control__input[type=checkbox]:disabled, .components-checkbox-control__input[type=checkbox][aria-disabled=true] { background: #f0f0f0; border-color: #ddd; cursor: default; opacity: 1; } .components-checkbox-control__input[type=checkbox] { appearance: none; background: #fff; clear: none; color: #1e1e1e; cursor: pointer; display: inline-block; height: var(--checkbox-input-size); line-height: 0; margin: 0 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: top; width: var(--checkbox-input-size); } @media not (prefers-reduced-motion) { .components-checkbox-control__input[type=checkbox] { transition: border-color .1s ease-in-out; } } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) var(--wp-admin-theme-color); outline: 2px solid rgba(0, 0, 0, 0); outline-offset: 2px; } .components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-checkbox-control__input[type=checkbox]:checked:before { content: none; } .components-checkbox-control__input-container { aspect-ratio: 1; display: inline-block; flex-shrink: 0; line-height: 1; margin-right: var(--checkbox-input-margin); position: relative; vertical-align: middle; width: var(--checkbox-input-size); } svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { --checkmark-size: var(--checkbox-input-size); fill: #fff; cursor: pointer; height: var(--checkmark-size); left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-user-select: none; user-select: none; width: var(--checkmark-size); } @media (min-width:600px) { svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { --checkmark-size: calc(var(--checkbox-input-size) + 4px); } } .components-checkbox-control__help { display: inline-block; margin-inline-start: calc(var(--checkbox-input-size) + var(--checkbox-input-margin)); } .components-circular-option-picker { display: inline-block; min-width: 188px; width: 100%; } .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; margin-top: 12px; } .components-circular-option-picker .components-circular-option-picker__swatches { display: flex; flex-wrap: wrap; gap: 12px; position: relative; z-index: 1; } .components-circular-option-picker>:not(.components-circular-option-picker__swatches) { position: relative; z-index: 0; } .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; transform: scale(1); vertical-align: top; width: 28px; } @media not (prefers-reduced-motion) { .components-circular-option-picker__option-wrapper { transition: transform .1s ease; will-change: transform; } } .components-circular-option-picker__option-wrapper:hover { transform: scale(1.2); } .components-circular-option-picker__option-wrapper>div { height: 100%; width: 100%; } .components-circular-option-picker__option-wrapper:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'28\' height=\'28\' fill=\'none\'%3E%3Cpath fill=\'%23555D65\' d=\'M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z\'/%3E%3Cpath fill=\'%23555D65\' fill-rule=\'evenodd\' d=\'M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z\' clip-rule=\'evenodd\'/%3E%3Cpath fill=\'%23555D65\' d=\'M18 18v2h-2v-2h2z\'/%3E%3Cpath fill=\'%23555D65\' fill-rule=\'evenodd\' d=\'M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z\' clip-rule=\'evenodd\'/%3E%3Cpath fill=\'%23555D65\' fill-rule=\'evenodd\' d=\'M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E"); border-radius: 50%; bottom: 1px; content: ""; left: 1px; position: absolute; right: 1px; top: 1px; z-index: -1; } .components-circular-option-picker__option { aspect-ratio: 1; background: rgba(0, 0, 0, 0); border: none; border-radius: 50%; box-shadow: inset 0 0 0 14px; display: inline-block; height: 100% !important; vertical-align: top; } @media not (prefers-reduced-motion) { .components-circular-option-picker__option { transition: box-shadow .1s ease; } } .components-circular-option-picker__option { cursor: pointer; } .components-circular-option-picker__option:hover { box-shadow: inset 0 0 0 14px !important; } .components-circular-option-picker__option[aria-pressed=true], .components-circular-option-picker__option[aria-selected=true] { box-shadow: inset 0 0 0 4px; overflow: visible; position: relative; z-index: 1; } .components-circular-option-picker__option[aria-pressed=true]+svg, .components-circular-option-picker__option[aria-selected=true]+svg { border-radius: 50%; left: 2px; pointer-events: none; position: absolute; top: 2px; z-index: 2; } .components-circular-option-picker__option:after { border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; bottom: -1px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); box-sizing: inherit; content: ""; left: -1px; position: absolute; right: -1px; top: -1px; } .components-circular-option-picker__option:focus:after { border: 2px solid #757575; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; content: ""; height: calc(100% + 4px); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 4px); } .components-circular-option-picker__option.components-button:focus { background-color: initial; box-shadow: inset 0 0 0 14px; outline: none; } .components-circular-option-picker__button-action .components-circular-option-picker__option { background: #fff; color: #fff; } .components-circular-option-picker__dropdown-link-action { margin-right: 16px; } .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px; } .components-palette-edit__popover-gradient-picker { padding: 8px; width: 260px; } .components-dropdown-menu__menu .components-palette-edit__menu-button { width: 100%; } .component-color-indicator { background: #fff linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, #ddd 0, #ddd 52%, rgba(0, 0, 0, 0) 0); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); display: inline-block; height: 20px; padding: 0; width: 20px; } .components-combobox-control { width: 100%; } input.components-combobox-control__input[type=text] { background: var(--wp-components-color-background, #fff); border: none; box-shadow: none; color: var(--wp-components-color-foreground, #1e1e1e); font-family: inherit; font-size: 16px; line-height: inherit; margin: 0; min-height: auto; padding: 2px; width: 100%; } @media (min-width:600px) { input.components-combobox-control__input[type=text] { font-size: 13px; } } input.components-combobox-control__input[type=text]:focus { box-shadow: none; outline: none; } .components-combobox-control__suggestions-container { border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; padding: 6px 8px; } @media not (prefers-reduced-motion) { .components-combobox-control__suggestions-container { transition: box-shadow .1s linear; } } @media (min-width:600px) { .components-combobox-control__suggestions-container { font-size: 13px; line-height: normal; } } .components-combobox-control__suggestions-container:focus { border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); } .components-combobox-control__suggestions-container::placeholder { color: rgba(30, 30, 30, .62); } .components-combobox-control__suggestions-container { align-items: flex-start; display: flex; flex-wrap: wrap; padding: 0; width: 100%; } .components-combobox-control__suggestions-container:focus-within { border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); } .components-combobox-control__suggestions-container .components-spinner { margin: 0; } .components-color-palette__custom-color-wrapper { position: relative; z-index: 0; } .components-color-palette__custom-color-button { background: none; border: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); box-sizing: border-box; cursor: pointer; height: 64px; outline: 1px solid rgba(0, 0, 0, 0); position: relative; width: 100%; } .components-color-palette__custom-color-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-width: 2px; } .components-color-palette__custom-color-button:after { background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0); background-position: 0 0, 24px 24px; background-size: 48px 48px; border-radius: 3px 3px 0 0; content: ""; inset: 1px; position: absolute; z-index: -1; } .components-color-palette__custom-color-text-wrapper { border-radius: 0 0 4px 4px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2), inset 1px 0 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 0 rgba(0, 0, 0, .2); font-size: 13px; padding: 12px 16px; position: relative; } .components-color-palette__custom-color-name { color: var(--wp-components-color-foreground, #1e1e1e); margin: 0 1px; } .components-color-palette__custom-color-value { color: #757575; } .components-color-palette__custom-color-value--is-hex { text-transform: uppercase; } .components-color-palette__custom-color-value:empty:after { content: "​"; visibility: hidden; } .components-custom-gradient-picker__gradient-bar { border-radius: 2px; height: 48px; position: relative; width: 100%; z-index: 1; } .components-custom-gradient-picker__gradient-bar.has-gradient { background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0); background-position: 0 0, 12px 12px; background-size: 24px 24px; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background { inset: 0; position: absolute; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { margin-left: auto; margin-right: auto; position: relative; width: calc(100% - 48px); } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown { display: flex; height: 16px; position: absolute; top: 16px; width: 16px; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown { background: #fff; border-radius: 50%; color: #1e1e1e; height: inherit; min-width: 16px !important; padding: 2px; position: relative; width: inherit; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg { height: 100%; width: 100%; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { border-radius: 50%; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, .25); height: inherit; outline: 2px solid rgba(0, 0, 0, 0); padding: 0; width: inherit; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus { box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, .25); outline: 1.5px solid rgba(0, 0, 0, 0); } .components-custom-gradient-picker__remove-control-point-wrapper { padding-bottom: 8px; } .components-custom-gradient-picker__inserter { direction: ltr; } .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; height: 20px; width: 20px; } .components-custom-gradient-picker__ui-line { position: relative; z-index: 0; } body.is-dragging-components-draggable { cursor: move; cursor: grabbing !important; } .components-draggable__invisible-drag-image { height: 50px; left: -1000px; position: fixed; width: 50px; } .components-draggable__clone { background: rgba(0, 0, 0, 0); padding: 0; pointer-events: none; position: fixed; z-index: 1000000000; } .components-drop-zone { border-radius: 2px; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; visibility: hidden; z-index: 40; } .components-drop-zone.is-active { opacity: 1; visibility: visible; } .components-drop-zone .components-drop-zone__content { align-items: center; background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); bottom: 0; color: #fff; display: flex; height: 100%; justify-content: center; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: 50; } .components-drop-zone .components-drop-zone__content-inner { opacity: 0; transform: scale(.9); } .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content { opacity: 1; } @media not (prefers-reduced-motion) { .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content { transition: opacity .2s ease-in-out; } } .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner { opacity: 1; transform: scale(1); } @media not (prefers-reduced-motion) { .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner { transition: opacity .1s ease-in-out .1s, transform .1s ease-in-out .1s; } } .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block; } .components-drop-zone__content-icon { fill: currentColor; line-height: 0; margin: 0 auto 8px; pointer-events: none; } .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; } .components-dropdown { display: inline-block; } .components-dropdown__content .components-popover__content { padding: 8px; } .components-dropdown__content .components-popover__content:has(.components-menu-group) { padding: 0; } .components-dropdown__content .components-popover__content:has(.components-menu-group) .components-dropdown-menu__menu>.components-menu-item__button, .components-dropdown__content .components-popover__content:has(.components-menu-group)>.components-menu-item__button { margin: 8px; width: auto; } .components-dropdown__content [role=menuitem] { white-space: nowrap; } .components-dropdown__content .components-menu-group { padding: 8px; } .components-dropdown__content .components-menu-group+.components-menu-group { border-top: 1px solid #ccc; padding: 8px; } .components-dropdown__content.is-alternate .components-menu-group+.components-menu-group { border-color: #1e1e1e; } .components-dropdown-menu__toggle { vertical-align: top; } .components-dropdown-menu__menu { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; line-height: 1.4; width: 100%; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { cursor: pointer; font-weight: 400; outline: none; padding: 6px; white-space: nowrap; width: 100%; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; overflow: visible; position: relative; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before, .components-dropdown-menu__menu .components-menu-item.has-separator:before { background-color: #ddd; box-sizing: initial; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: -3px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-menu-item.is-active svg { background: #1e1e1e; border-radius: 1px; box-shadow: 0 0 0 1px #1e1e1e; color: #fff; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, .components-dropdown-menu__menu .components-menu-item.is-icon-only { width: auto; } .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { height: auto; min-height: 32px; padding-left: 8px; padding-right: 8px; text-align: left; } .components-duotone-picker__color-indicator:before { background: rgba(0, 0, 0, 0); } .components-duotone-picker__color-indicator>.components-button, .components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled) { background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, #ddd 0, #ddd 52%, rgba(0, 0, 0, 0) 0); color: rgba(0, 0, 0, 0); } .components-duotone-picker__color-indicator>.components-button:hover:not(:disabled):not([aria-disabled=true]), .components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active { color: rgba(0, 0, 0, 0); } .components-color-list-picker, .components-color-list-picker__swatch-button { width: 100%; } .components-color-list-picker__color-picker { margin: 8px 0; } .components-color-list-picker__swatch-color { margin: 2px; } .components-external-link { text-decoration: none; } .components-external-link__contents { text-decoration: underline; } .components-external-link__icon { font-weight: 400; margin-left: .5ch; } .components-form-toggle { display: inline-block; height: 16px; position: relative; } .components-form-toggle .components-form-toggle__track { background-color: #fff; border: 1px solid #949494; border-radius: 8px; box-sizing: border-box; content: ""; display: inline-block; height: 16px; position: relative; vertical-align: top; width: 32px; } @media not (prefers-reduced-motion) { .components-form-toggle .components-form-toggle__track { transition: background-color .2s ease, border-color .2s ease; } } .components-form-toggle .components-form-toggle__track { overflow: hidden; } .components-form-toggle .components-form-toggle__track:after { border-top: 16px solid rgba(0, 0, 0, 0); box-sizing: border-box; content: ""; inset: 0; position: absolute; } @media not (prefers-reduced-motion) { .components-form-toggle .components-form-toggle__track:after { transition: opacity .2s ease; } } .components-form-toggle .components-form-toggle__track:after { opacity: 0; } .components-form-toggle .components-form-toggle__thumb { border-radius: 50%; box-sizing: border-box; display: block; height: 12px; left: 2px; position: absolute; top: 2px; width: 12px; } @media not (prefers-reduced-motion) { .components-form-toggle .components-form-toggle__thumb { transition: transform .2s ease, background-color .2s ease-out; } } .components-form-toggle .components-form-toggle__thumb { background-color: #1e1e1e; border: 6px solid rgba(0, 0, 0, 0); box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .02), 0 3px 3px rgba(0, 0, 0, .02), 0 4px 4px rgba(0, 0, 0, .01); } .components-form-toggle.is-checked .components-form-toggle__track { background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-form-toggle.is-checked .components-form-toggle__track:after { opacity: 1; } .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); outline-offset: 2px; } .components-form-toggle.is-checked .components-form-toggle__thumb { background-color: #fff; border-width: 0; transform: translateX(16px); } .components-disabled .components-form-toggle, .components-form-toggle.is-disabled { opacity: .3; } .components-form-toggle input.components-form-toggle__input[type=checkbox] { border: none; height: 100%; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { background: none; } .components-form-toggle input.components-form-toggle__input[type=checkbox]:before { content: ""; } .components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled,[aria-disabled=true]) { cursor: pointer; } .components-form-token-field__input-container { border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; padding: 6px 8px; } @media not (prefers-reduced-motion) { .components-form-token-field__input-container { transition: box-shadow .1s linear; } } @media (min-width:600px) { .components-form-token-field__input-container { font-size: 13px; line-height: normal; } } .components-form-token-field__input-container:focus { border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); } .components-form-token-field__input-container::placeholder { color: rgba(30, 30, 30, .62); } .components-form-token-field__input-container { cursor: text; padding: 0; width: 100%; } .components-form-token-field__input-container.is-disabled { background: #ddd; border-color: #ddd; } .components-form-token-field__input-container.is-active { border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); } .components-form-token-field__input-container input[type=text].components-form-token-field__input { background: inherit; border: 0; box-shadow: none; color: var(--wp-components-color-foreground, #1e1e1e); display: inline-block; flex: 1; font-family: inherit; font-size: 16px; margin-left: 4px; max-width: 100%; min-height: 24px; min-width: 50px; padding: 0; width: 100%; } @media (min-width:600px) { .components-form-token-field__input-container input[type=text].components-form-token-field__input { font-size: 13px; } } .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input, .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus { box-shadow: none; outline: none; } .components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input { width: auto; } .components-form-token-field__token { color: #1e1e1e; display: flex; font-size: 13px; max-width: 100%; } .components-form-token-field__token.is-success .components-form-token-field__remove-token, .components-form-token-field__token.is-success .components-form-token-field__token-text { background: #4ab866; } .components-form-token-field__token.is-error .components-form-token-field__remove-token, .components-form-token-field__token.is-error .components-form-token-field__token-text { background: #cc1818; } .components-form-token-field__token.is-validating .components-form-token-field__remove-token, .components-form-token-field__token.is-validating .components-form-token-field__token-text { color: #757575; } .components-form-token-field__token.is-borderless { padding: 0 24px 0 0; position: relative; } .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: rgba(0, 0, 0, 0); } .components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: rgba(0, 0, 0, 0); color: #757575; position: absolute; right: 0; top: 1px; } .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { color: #4ab866; } .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { color: #cc1818; padding: 0 4px 0 6px; } .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { color: #1e1e1e; } .components-form-token-field__remove-token.components-button, .components-form-token-field__token-text { background: #ddd; display: inline-block; height: auto; min-width: unset; } @media not (prefers-reduced-motion) { .components-form-token-field__remove-token.components-button, .components-form-token-field__token-text { transition: all .2s cubic-bezier(.4, 1, .4, 1); } } .components-form-token-field__token-text { border-radius: 1px 0 0 1px; line-height: 24px; overflow: hidden; padding: 0 0 0 8px; text-overflow: ellipsis; white-space: nowrap; } .components-form-token-field__remove-token.components-button { border-radius: 0 1px 1px 0; color: #1e1e1e; line-height: 10px; overflow: initial; } .components-form-token-field__remove-token.components-button:hover:not(:disabled) { color: #1e1e1e; } .components-form-token-field__suggestions-list { flex: 1 0 100%; max-height: 128px; min-width: 100%; overflow-y: auto; } @media not (prefers-reduced-motion) { .components-form-token-field__suggestions-list { transition: all .15s ease-in-out; } } .components-form-token-field__suggestions-list { box-shadow: inset 0 1px 0 0 #949494; list-style: none; margin: 0; padding: 0; } .components-form-token-field__suggestion { box-sizing: border-box; color: var(--wp-components-color-foreground, #1e1e1e); display: block; font-size: 13px; margin: 0; min-height: 32px; padding: 8px 12px; } .components-form-token-field__suggestion.is-selected { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-foreground-inverted, #fff); } .components-form-token-field__suggestion[aria-disabled=true] { color: #949494; pointer-events: none; } .components-form-token-field__suggestion[aria-disabled=true].is-selected { background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, rgba(0, 0, 0, 0)); } .components-form-token-field__suggestion:not(.is-empty) { cursor: pointer; } @media (min-width:600px) { .components-guide { width: 600px; } } .components-guide .components-modal__content { margin-top: 0; padding: 0; } .components-guide .components-modal__content:before { content: none; } .components-guide .components-modal__header { border-bottom: none; height: 64px; padding: 0; position: sticky; } .components-guide .components-modal__header .components-button { align-self: flex-start; margin: 8px 8px 0 0; position: static; } .components-guide .components-guide__container { display: flex; flex-direction: column; justify-content: space-between; margin-top: -64px; min-height: 100%; } .components-guide .components-guide__page { display: flex; flex-direction: column; justify-content: center; position: relative; } @media (min-width:600px) { .components-guide .components-guide__page { min-height: 300px; } } .components-guide .components-guide__footer { align-content: center; display: flex; height: 36px; justify-content: center; margin: 0 0 24px; padding: 0 24px; position: relative; width: 100%; } .components-guide .components-guide__page-control { margin: 0; text-align: center; } .components-guide .components-guide__page-control li { display: inline-block; margin: 0; } .components-guide .components-guide__page-control .components-button { color: #e0e0e0; margin: -6px 0; } .components-guide .components-guide__page-control li[aria-current=step] .components-button { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-modal__frame.components-guide { border: none; max-height: 575px; min-width: 312px; } @media (max-width:600px) { .components-modal__frame.components-guide { margin: auto; max-width: calc(100vw - 32px); } } .components-button.components-guide__back-button, .components-button.components-guide__finish-button, .components-button.components-guide__forward-button { position: absolute; } .components-button.components-guide__back-button { left: 24px; } .components-button.components-guide__finish-button, .components-button.components-guide__forward-button { right: 24px; } [role=region] { position: relative; } .is-focusing-regions [role=region]:focus:after, [role=region].interface-interface-skeleton__content:focus-visible:after { bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1000000; } .is-focusing-regions .editor-post-publish-panel, .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel, .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel, .is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel, .is-focusing-regions [role=region]:focus:after, .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header, [role=region].interface-interface-skeleton__content:focus-visible:after { outline-color: var(--wp-admin-theme-color); outline-offset: calc(var(--wp-admin-border-width-focus) * -2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)); outline-style: solid; outline-width: calc(var(--wp-admin-border-width-focus) * 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)); } .components-menu-group+.components-menu-group { border-top: 1px solid #1e1e1e; padding-top: 8px; } .components-menu-group+.components-menu-group.has-hidden-separator { border-top: none; margin-top: 0; padding-top: 0; } .components-menu-group:has(>div:empty) { display: none; } .components-menu-group__label { color: #757575; font-size: 11px; font-weight: 499; margin-bottom: 12px; margin-top: 4px; padding: 0 8px; text-transform: uppercase; white-space: nowrap; } .components-menu-item__button, .components-menu-item__button.components-button { font-weight: 400; width: 100%; } .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child { box-sizing: initial; padding-right: 48px; } .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button.components-button .components-menu-items__item-icon { display: inline-block; flex: 0 0 auto; } .components-menu-item__button .components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { margin-left: 24px; margin-right: -2px; } .components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right { margin-left: 8px; } .components-menu-item__button .block-editor-block-icon, .components-menu-item__button.components-button .block-editor-block-icon { margin-left: -2px; margin-right: 8px; } .components-menu-item__button.components-button.is-primary, .components-menu-item__button.is-primary { justify-content: center; } .components-menu-item__button.components-button.is-primary .components-menu-item__item, .components-menu-item__button.is-primary .components-menu-item__item { margin-right: 0; } .components-menu-item__button.components-button:disabled.is-tertiary, .components-menu-item__button.components-button[aria-disabled=true].is-tertiary, .components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary { background: none; color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); opacity: .3; } .components-menu-item__info-wrapper { display: flex; flex-direction: column; margin-right: auto; } .components-menu-item__info { color: #757575; font-size: 12px; margin-top: 4px; white-space: normal; } .components-menu-item__item { align-items: center; display: inline-flex; margin-right: auto; min-width: 160px; white-space: nowrap; } .components-menu-item__shortcut { align-self: center; color: currentColor; display: none; margin-left: auto; margin-right: 0; padding-left: 24px; } @media (min-width:480px) { .components-menu-item__shortcut { display: inline; } } .components-menu-items-choice, .components-menu-items-choice.components-button { height: auto; min-height: 40px; } .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-right: 12px; } .components-menu-items-choice.components-button.has-icon, .components-menu-items-choice.has-icon { padding-left: 12px; } .components-modal__screen-overlay { background-color: rgba(0, 0, 0, .35); bottom: 0; display: flex; left: 0; position: fixed; right: 0; top: 0; z-index: 100000; } @keyframes __wp-base-styles-fade-in { 0% { opacity: 0; } to { opacity: 1; } } @media not (prefers-reduced-motion) { .components-modal__screen-overlay { animation: __wp-base-styles-fade-in .08s linear 0s; animation-fill-mode: forwards; } } @keyframes __wp-base-styles-fade-out { 0% { opacity: 1; } to { opacity: 0; } } @media not (prefers-reduced-motion) { .components-modal__screen-overlay.is-animating-out { animation: __wp-base-styles-fade-out .08s linear 80ms; animation-fill-mode: forwards; } } .components-modal__frame { box-sizing: border-box; } .components-modal__frame *, .components-modal__frame :after, .components-modal__frame :before { box-sizing: inherit; } .components-modal__frame { animation-fill-mode: forwards; animation-name: components-modal__appear-animation; animation-timing-function: cubic-bezier(.29, 0, 0, 1); background: #fff; border-radius: 8px 8px 0 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .08), 0 15px 27px rgba(0, 0, 0, .07), 0 30px 36px rgba(0, 0, 0, .04), 0 50px 43px rgba(0, 0, 0, .02); color: #1e1e1e; display: flex; margin: 40px 0 0; overflow: hidden; width: 100%; } .components-modal__frame h1, .components-modal__frame h2, .components-modal__frame h3 { color: #1e1e1e; } @media not (prefers-reduced-motion) { .components-modal__frame { animation-duration: var(--modal-frame-animation-duration); } } .components-modal__screen-overlay.is-animating-out .components-modal__frame { animation-name: components-modal__disappear-animation; animation-timing-function: cubic-bezier(1, 0, .2, 1); } @media (min-width:600px) { .components-modal__frame { border-radius: 8px; margin: auto; max-height: calc(100% - 128px); max-width: calc(100% - 32px); min-width: 350px; width: auto; } } @media (min-width:600px) and (min-width:600px) { .components-modal__frame.is-full-screen { height: calc(100% - 32px); max-height: none; width: calc(100% - 32px); } } @media (min-width:600px) and (min-width:782px) { .components-modal__frame.is-full-screen { height: calc(100% - 80px); max-width: none; width: calc(100% - 80px); } } @media (min-width:600px) { .components-modal__frame.has-size-large, .components-modal__frame.has-size-medium, .components-modal__frame.has-size-small { width: 100%; } .components-modal__frame.has-size-small { max-width: 384px; } .components-modal__frame.has-size-medium { max-width: 512px; } .components-modal__frame.has-size-large { max-width: 840px; } } @media (min-width:960px) { .components-modal__frame { max-height: 70%; } } .components-modal__frame.is-full-screen :where(.components-modal__content) { display: flex; margin-bottom: 24px; padding-bottom: 0; } .components-modal__frame.is-full-screen :where(.components-modal__content)>:last-child { flex: 1; } @keyframes components-modal__appear-animation { 0% { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } } @keyframes components-modal__disappear-animation { 0% { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(.9); } } .components-modal__header { align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0); box-sizing: border-box; display: flex; flex-direction: row; height: 72px; justify-content: space-between; left: 0; padding: 24px; position: absolute; top: 0; width: 100%; z-index: 10; } .components-modal__header .components-modal__header-heading { font-size: 20px; font-weight: 600; } .components-modal__header h1 { line-height: 1; margin: 0; } .components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header { border-bottom-color: #ddd; } .components-modal__header+p { margin-top: 0; } .components-modal__header-heading-container { align-items: center; display: flex; flex-direction: row; flex-grow: 1; justify-content: flex-start; } .components-modal__header-icon-container { display: inline-block; } .components-modal__header-icon-container svg { max-height: 36px; max-width: 36px; padding: 8px; } .components-modal__content { flex: 1; margin-top: 72px; overflow: auto; padding: 4px 24px 24px; } .components-modal__content.hide-header { margin-top: 0; padding-top: 24px; } .components-modal__content.is-scrollable:focus-visible { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); outline-offset: -2px; } .components-notice { align-items: center; background-color: #fff; border-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: #1e1e1e; display: flex; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; padding: 8px 12px; } .components-notice.is-dismissible { position: relative; } .components-notice.is-dismissible .components-notice__content { margin-right: 25px; } .components-notice.is-success { background-color: #eff9f1; border-left-color: #4ab866; } .components-notice.is-warning { background-color: #fef8ee; border-left-color: #f0b849; } .components-notice.is-error { background-color: #f4a2a2; border-left-color: #cc1818; } .components-notice__content { flex-grow: 1; margin-bottom: 4px; margin-top: 4px; } .components-notice__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; } .components-notice__dismiss { align-self: flex-start; color: #757575; flex-shrink: 0; } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { background-color: initial; color: #1e1e1e; } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { box-shadow: none; } .components-notice-list { box-sizing: border-box; max-width: 100vw; } .components-notice-list .components-notice__content { line-height: 2; margin-bottom: 12px; margin-top: 12px; } .components-panel { background: #fff; border: 1px solid #e0e0e0; } .components-panel>.components-panel__body:first-child, .components-panel>.components-panel__header:first-child { margin-top: -1px; } .components-panel>.components-panel__body:last-child, .components-panel>.components-panel__header:last-child { border-bottom-width: 0; } .components-panel+.components-panel { margin-top: -1px; } .components-panel__body { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .components-panel__body h3 { margin: 0 0 .5em; } .components-panel__body.is-opened { padding: 16px; } .components-panel__header { align-items: center; border-bottom: 1px solid #ddd; box-sizing: initial; display: flex; flex-shrink: 0; height: 47px; justify-content: space-between; padding: 0 16px; } .components-panel__header h2 { color: inherit; font-size: inherit; margin: 0; } .components-panel__body+.components-panel__body, .components-panel__body+.components-panel__header, .components-panel__header+.components-panel__body, .components-panel__header+.components-panel__header { margin-top: -1px; } .components-panel__body>.components-panel__body-title { display: block; font-size: inherit; margin-bottom: 0; margin-top: 0; padding: 0; } @media not (prefers-reduced-motion) { .components-panel__body>.components-panel__body-title { transition: background .1s ease-in-out; } } .components-panel__body.is-opened>.components-panel__body-title { margin: -16px -16px 5px; } .components-panel__body>.components-panel__body-title:hover { background: #f0f0f0; border: none; } .components-panel__body-toggle.components-button { border: none; box-shadow: none; color: #1e1e1e; font-weight: 499; outline: none; padding: 16px 48px 16px 16px; position: relative; text-align: left; width: 100%; } @media not (prefers-reduced-motion) { .components-panel__body-toggle.components-button { transition: background .1s ease-in-out; } } .components-panel__body-toggle.components-button { height: auto; } .components-panel__body-toggle.components-button:focus { border-radius: 0; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-panel__body-toggle.components-button .components-panel__arrow { fill: currentColor; color: #1e1e1e; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } @media not (prefers-reduced-motion) { .components-panel__body-toggle.components-button .components-panel__arrow { transition: color .1s ease-in-out; } } body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { margin-top: -10px; transform: scaleX(-1); } .components-panel__icon { color: #757575; margin: -2px 0 -2px 6px; } .components-panel__body-toggle-icon { margin-right: -5px; } .components-panel__color-title { float: left; height: 19px; } .components-panel__row { align-items: center; display: flex; justify-content: space-between; margin-top: 8px; min-height: 36px; } .components-panel__row select { min-width: 0; } .components-panel__row label { flex-shrink: 0; margin-right: 12px; max-width: 75%; } .components-panel__row:empty, .components-panel__row:first-of-type { margin-top: 0; } .components-panel .circle-picker { padding-bottom: 20px; } .components-placeholder.components-placeholder { -webkit-font-smoothing: subpixel-antialiased; align-items: flex-start; background-color: #fff; border-radius: 2px; box-shadow: inset 0 0 0 1px #1e1e1e; box-sizing: border-box; color: #1e1e1e; display: flex; flex-direction: column; font-size: 13px; gap: 16px; margin: 0; outline: 1px solid rgba(0, 0, 0, 0); padding: 24px; position: relative; text-align: left; width: 100%; } .components-placeholder__error, .components-placeholder__fieldset, .components-placeholder__instructions, .components-placeholder__label { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: normal; line-height: normal; text-transform: none; } .components-placeholder__label { align-items: center; display: flex; font-weight: 600; } .components-placeholder__label .block-editor-block-icon, .components-placeholder__label .dashicon, .components-placeholder__label>svg { fill: currentColor; margin-right: 4px; } @media (forced-colors:active) { .components-placeholder__label .block-editor-block-icon, .components-placeholder__label .dashicon, .components-placeholder__label>svg { fill: CanvasText; } } .components-placeholder__label:empty { display: none; } .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; justify-content: flex-start; width: 100%; } .components-placeholder__fieldset form p, .components-placeholder__fieldset p { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; } .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column; } .components-placeholder__input[type=url] { border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; padding: 6px 8px; } @media not (prefers-reduced-motion) { .components-placeholder__input[type=url] { transition: box-shadow .1s linear; } } @media (min-width:600px) { .components-placeholder__input[type=url] { font-size: 13px; line-height: normal; } } .components-placeholder__input[type=url]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 .5px var(--wp-admin-theme-color); outline: 2px solid rgba(0, 0, 0, 0); } .components-placeholder__input[type=url]::placeholder { color: rgba(30, 30, 30, .62); } .components-placeholder__input[type=url] { flex: 1 1 auto; } .components-placeholder__error { gap: 8px; width: 100%; } .components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link { margin-left: 10px; margin-right: 10px; } .components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child { margin-right: 0; } .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { display: none; } .components-placeholder.is-medium .components-placeholder__fieldset, .components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, .components-placeholder.is-small .components-placeholder__fieldset form { flex-direction: column; } .components-placeholder.is-medium .components-button, .components-placeholder.is-medium .components-placeholder__fieldset>*, .components-placeholder.is-small .components-button, .components-placeholder.is-small .components-placeholder__fieldset>* { justify-content: center; width: 100%; } .components-placeholder.is-small { padding: 16px; } .components-placeholder.has-illustration { backdrop-filter: blur(100px); backface-visibility: hidden; background-color: initial; border-radius: 0; box-shadow: none; color: inherit; display: flex; } .is-dark-theme .components-placeholder.has-illustration { background-color: rgba(0, 0, 0, .1); } .components-placeholder.has-illustration .components-placeholder__fieldset { margin-left: 0; margin-right: 0; } .components-placeholder.has-illustration .components-button, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-placeholder__label { opacity: 0; pointer-events: none; } @media not (prefers-reduced-motion) { .components-placeholder.has-illustration .components-button, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-placeholder__label { transition: opacity .1s linear; } } .is-selected>.components-placeholder.has-illustration .components-button, .is-selected>.components-placeholder.has-illustration .components-placeholder__instructions, .is-selected>.components-placeholder.has-illustration .components-placeholder__label { opacity: 1; pointer-events: auto; } .components-placeholder.has-illustration:before { background: currentColor; bottom: 0; content: ""; left: 0; opacity: .1; pointer-events: none; position: absolute; right: 0; top: 0; } .components-placeholder.has-illustration { overflow: hidden; } .is-selected .components-placeholder.has-illustration { overflow: auto; } .components-placeholder__preview { display: flex; justify-content: center; } .components-placeholder__illustration { stroke: currentColor; box-sizing: initial; height: 100%; left: 50%; opacity: .25; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .components-popover { box-sizing: border-box; } .components-popover *, .components-popover :after, .components-popover :before { box-sizing: inherit; } .components-popover { will-change: transform; z-index: 1000000; } .components-popover.is-expanded { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000000 !important; } .components-popover__content { background: #fff; border-radius: 4px; box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .04), 0 12px 12px rgba(0, 0, 0, .03), 0 16px 16px rgba(0, 0, 0, .02); box-sizing: border-box; width: min-content; } .is-alternate .components-popover__content { border-radius: 2px; box-shadow: 0 0 0 1px #1e1e1e; } .is-unstyled .components-popover__content { background: none; border-radius: 0; box-shadow: none; } .components-popover.is-expanded .components-popover__content { box-shadow: 0 -1px 0 0 #ccc; height: calc(100% - 48px); overflow-y: visible; position: static; width: auto; } .components-popover.is-expanded.is-alternate .components-popover__content { box-shadow: 0 -1px 0 #1e1e1e; } .components-popover__header { align-items: center; background: #fff; display: flex; height: 48px; justify-content: space-between; padding: 0 8px 0 16px; } .components-popover__header-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .components-popover__close.components-button { z-index: 5; } .components-popover__arrow { display: flex; height: 14px; pointer-events: none; position: absolute; width: 14px; } .components-popover__arrow:before { background-color: #fff; content: ""; height: 2px; left: 1px; position: absolute; right: 1px; top: -1px; } .components-popover__arrow.is-top { bottom: -14px !important; transform: rotate(0); } .components-popover__arrow.is-right { left: -14px !important; transform: rotate(90deg); } .components-popover__arrow.is-bottom { top: -14px !important; transform: rotate(180deg); } .components-popover__arrow.is-left { right: -14px !important; transform: rotate(-90deg); } .components-popover__triangle { display: block; flex: 1; } .components-popover__triangle-bg { fill: #fff; } .components-popover__triangle-border { fill: rgba(0, 0, 0, 0); stroke-width: 1px; stroke: #ccc; } .is-alternate .components-popover__triangle-border { stroke: #1e1e1e; } .components-radio-control { border: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; margin: 0; padding: 0; } .components-radio-control__group-wrapper.has-help { margin-block-end: 12px; } .components-radio-control__option { align-items: center; column-gap: 8px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto minmax(0, max-content); } .components-radio-control__input[type=radio] { border: 1px solid #1e1e1e; border-radius: 50%; grid-column: 1; grid-row: 1; height: 24px; margin-right: 12px; max-width: 24px; min-width: 24px; position: relative; transition: none; width: 24px; } @media not (prefers-reduced-motion) { .components-radio-control__input[type=radio] { transition: box-shadow .1s linear; } } @media (min-width:600px) { .components-radio-control__input[type=radio] { height: 16px; max-width: 16px; min-width: 16px; width: 16px; } } .components-radio-control__input[type=radio]:checked:before { background-color: #fff; border: 4px solid #fff; box-sizing: inherit; height: 12px; left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 12px; } @media (min-width:600px) { .components-radio-control__input[type=radio]:checked:before { height: 8px; width: 8px; } } .components-radio-control__input[type=radio]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); } .components-radio-control__input[type=radio]:checked { background: var(--wp-admin-theme-color); border: none; } .components-radio-control__input[type=radio] { appearance: none; cursor: pointer; display: inline-flex; margin: 0; padding: 0; } .components-radio-control__input[type=radio]:focus { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) var(--wp-admin-theme-color); outline: 2px solid rgba(0, 0, 0, 0); outline-offset: 2px; } .components-radio-control__input[type=radio]:checked { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-radio-control__input[type=radio]:checked:before { border-radius: 50%; content: ""; } .components-radio-control__label { cursor: pointer; grid-column: 2; grid-row: 1; line-height: 24px; } @media (min-width:600px) { .components-radio-control__label { line-height: 16px; } } .components-radio-control__option-description { grid-column: 2; grid-row: 2; padding-block-start: 4px; } .components-radio-control__option-description.components-radio-control__option-description { margin-top: 0; } .components-resizable-box__handle { display: none; height: 23px; width: 23px; z-index: 2; } .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; } .components-resizable-box__handle>div { height: 100%; outline: none; position: relative; width: 100%; z-index: 2; } .components-resizable-box__container>img { width: inherit; } .components-resizable-box__handle:after { background: #fff; border-radius: 50%; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 1px 1px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .02), 0 3px 3px rgba(0, 0, 0, .02), 0 4px 4px rgba(0, 0, 0, .01); content: ""; cursor: inherit; display: block; height: 15px; outline: 2px solid rgba(0, 0, 0, 0); position: absolute; right: calc(50% - 8px); top: calc(50% - 8px); width: 15px; } .components-resizable-box__side-handle:before { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-radius: 9999px; content: ""; cursor: inherit; display: block; height: 3px; position: absolute; right: calc(50% - 1px); top: calc(50% - 1px); width: 3px; } @media not (prefers-reduced-motion) { .components-resizable-box__side-handle:before { transition: transform .1s ease-in; will-change: transform; } } .components-resizable-box__side-handle:before { opacity: 0; } .components-resizable-box__corner-handle, .components-resizable-box__side-handle { z-index: 2; } .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:before, .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-top:before { border-left: 0; border-right: 0; left: 0; width: 100%; } .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-left:before, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-right:before { border-bottom: 0; border-top: 0; height: 100%; top: 0; } @media not (prefers-reduced-motion) { .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before { animation: components-resizable-box__top-bottom-animation .1s ease-out 0s; animation-fill-mode: forwards; } .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before { animation: components-resizable-box__left-right-animation .1s ease-out 0s; animation-fill-mode: forwards; } } @media not all and (min-resolution:0.001dpcm) { @supports (-webkit-appearance:none) { .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before { animation: none; } } } @keyframes components-resizable-box__top-bottom-animation { 0% { opacity: 0; transform: scaleX(0); } to { opacity: 1; transform: scaleX(1); } } @keyframes components-resizable-box__left-right-animation { 0% { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } } .components-resizable-box__handle-right { right: -11.5px; } .components-resizable-box__handle-left { left: -11.5px; } .components-resizable-box__handle-top { top: -11.5px; } .components-resizable-box__handle-bottom { bottom: -11.5px; } .components-responsive-wrapper { align-items: center; display: flex; justify-content: center; max-width: 100%; position: relative; } .components-responsive-wrapper__content { display: block; max-width: 100%; width: 100%; } .components-sandbox { overflow: hidden; } iframe.components-sandbox { width: 100%; } body.lockscroll, html.lockscroll { overflow: hidden; } .components-select-control__input { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; outline: 0; } .components-snackbar { backdrop-filter: blur(16px) saturate(180%); background: rgba(0, 0, 0, .85); border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .04), 0 6px 6px rgba(0, 0, 0, .03), 0 8px 8px rgba(0, 0, 0, .02); box-sizing: border-box; color: #fff; cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; max-width: 600px; padding: 12px 20px; pointer-events: auto; width: 100%; } @media (min-width:600px) { .components-snackbar { width: fit-content; } } .components-snackbar:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-snackbar.components-snackbar-explicit-dismiss { cursor: default; } .components-snackbar .components-snackbar__content-with-icon { padding-left: 24px; position: relative; } .components-snackbar .components-snackbar__icon { left: -8px; position: absolute; top: -2.9px; } .components-snackbar .components-snackbar__dismiss-button { cursor: pointer; margin-left: 24px; } .components-snackbar__action.components-button, .components-snackbar__action.components-external-link { color: #fff; flex-shrink: 0; margin-left: 32px; } .components-snackbar__action.components-button:focus, .components-snackbar__action.components-external-link:focus { box-shadow: none; outline: 1px dotted #fff; } .components-snackbar__action.components-button:hover, .components-snackbar__action.components-external-link:hover { color: currentColor; text-decoration: none; } .components-snackbar__content { align-items: baseline; display: flex; justify-content: space-between; line-height: 1.4; } .components-snackbar-list { box-sizing: border-box; pointer-events: none; position: absolute; width: 100%; z-index: 100000; } .components-snackbar-list__notice-container { padding-top: 8px; position: relative; } .components-tab-panel__tabs { align-items: stretch; display: flex; flex-direction: row; } .components-tab-panel__tabs[aria-orientation=vertical] { flex-direction: column; } .components-tab-panel__tabs-item { background: rgba(0, 0, 0, 0); border: none; border-radius: 0; box-shadow: none; cursor: pointer; font-weight: 400; height: 48px !important; margin-left: 0; padding: 3px 16px; position: relative; } .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: none; outline: none; position: relative; } .components-tab-panel__tabs-item:after { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-radius: 0; bottom: 0; content: ""; height: calc(var(--wp-admin-border-width-focus) * 0); left: 0; pointer-events: none; position: absolute; right: 0; } @media not (prefers-reduced-motion) { .components-tab-panel__tabs-item:after { transition: all .1s linear; } } .components-tab-panel__tabs-item.is-active:after { height: calc(var(--wp-admin-border-width-focus) * 1); outline: 2px solid rgba(0, 0, 0, 0); outline-offset: -1px; } .components-tab-panel__tabs-item:before { border-radius: 2px; bottom: 12px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); content: ""; left: 12px; pointer-events: none; position: absolute; right: 12px; top: 12px; } @media not (prefers-reduced-motion) { .components-tab-panel__tabs-item:before { transition: all .1s linear; } } .components-tab-panel__tabs-item:focus-visible:before { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); } .components-tab-panel__tab-content:focus { box-shadow: none; outline: none; } .components-tab-panel__tab-content:focus-visible { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); outline-offset: 0; } .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] { background: var(--wp-components-color-background, #fff); border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); color: var(--wp-components-color-foreground, #1e1e1e); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; height: 32px; line-height: normal; margin: 0; padding: 6px 8px; width: 100%; } @media not (prefers-reduced-motion) { .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] { transition: box-shadow .1s linear; } } @media (min-width:600px) { .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] { font-size: 13px; line-height: normal; } } .components-text-control__input:focus, .components-text-control__input[type=color]:focus, .components-text-control__input[type=date]:focus, .components-text-control__input[type=datetime-local]:focus, .components-text-control__input[type=datetime]:focus, .components-text-control__input[type=email]:focus, .components-text-control__input[type=month]:focus, .components-text-control__input[type=number]:focus, .components-text-control__input[type=password]:focus, .components-text-control__input[type=tel]:focus, .components-text-control__input[type=text]:focus, .components-text-control__input[type=time]:focus, .components-text-control__input[type=url]:focus, .components-text-control__input[type=week]:focus { border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid rgba(0, 0, 0, 0); } .components-text-control__input::placeholder, .components-text-control__input[type=color]::placeholder, .components-text-control__input[type=date]::placeholder, .components-text-control__input[type=datetime-local]::placeholder, .components-text-control__input[type=datetime]::placeholder, .components-text-control__input[type=email]::placeholder, .components-text-control__input[type=month]::placeholder, .components-text-control__input[type=number]::placeholder, .components-text-control__input[type=password]::placeholder, .components-text-control__input[type=tel]::placeholder, .components-text-control__input[type=text]::placeholder, .components-text-control__input[type=time]::placeholder, .components-text-control__input[type=url]::placeholder, .components-text-control__input[type=week]::placeholder { color: rgba(30, 30, 30, .62); } .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] { border-color: var(--wp-components-color-gray-600, #949494); } .components-text-control__input::placeholder, .components-text-control__input[type=color]::placeholder, .components-text-control__input[type=date]::placeholder, .components-text-control__input[type=datetime-local]::placeholder, .components-text-control__input[type=datetime]::placeholder, .components-text-control__input[type=email]::placeholder, .components-text-control__input[type=month]::placeholder, .components-text-control__input[type=number]::placeholder, .components-text-control__input[type=password]::placeholder, .components-text-control__input[type=tel]::placeholder, .components-text-control__input[type=text]::placeholder, .components-text-control__input[type=time]::placeholder, .components-text-control__input[type=url]::placeholder, .components-text-control__input[type=week]::placeholder { color: color-mix(in srgb, var(--wp-components-color-foreground, #1e1e1e), rgba(0, 0, 0, 0) 38%); } .components-text-control__input.is-next-40px-default-size, .components-text-control__input[type=color].is-next-40px-default-size, .components-text-control__input[type=date].is-next-40px-default-size, .components-text-control__input[type=datetime-local].is-next-40px-default-size, .components-text-control__input[type=datetime].is-next-40px-default-size, .components-text-control__input[type=email].is-next-40px-default-size, .components-text-control__input[type=month].is-next-40px-default-size, .components-text-control__input[type=number].is-next-40px-default-size, .components-text-control__input[type=password].is-next-40px-default-size, .components-text-control__input[type=tel].is-next-40px-default-size, .components-text-control__input[type=text].is-next-40px-default-size, .components-text-control__input[type=time].is-next-40px-default-size, .components-text-control__input[type=url].is-next-40px-default-size, .components-text-control__input[type=week].is-next-40px-default-size { height: 40px; padding-left: 12px; padding-right: 12px; } .components-text-control__input[type=email], .components-text-control__input[type=url] { direction: ltr; } .components-tip { color: #757575; display: flex; } .components-tip svg { fill: #f0b849; align-self: center; flex-shrink: 0; margin-right: 16px; } .components-tip p { margin: 0; } .components-toggle-control__label { line-height: 16px; } .components-toggle-control__label:not(.is-disabled) { cursor: pointer; } .components-toggle-control__help { display: inline-block; margin-inline-start: 40px; } .components-accessible-toolbar { border: 1px solid var(--wp-components-color-foreground, #1e1e1e); border-radius: 2px; display: inline-flex; flex-shrink: 0; } .components-accessible-toolbar>.components-toolbar-group:last-child { border-right: none; } .components-accessible-toolbar.is-unstyled { border: none; } .components-accessible-toolbar.is-unstyled>.components-toolbar-group { border-right: none; } .components-accessible-toolbar[aria-orientation=vertical], .components-toolbar[aria-orientation=vertical] { align-items: center; display: flex; flex-direction: column; } .components-accessible-toolbar .components-button, .components-toolbar .components-button { height: 48px; padding-left: 16px; padding-right: 16px; position: relative; z-index: 1; } .components-accessible-toolbar .components-button:focus:not(:disabled), .components-toolbar .components-button:focus:not(:disabled) { box-shadow: none; outline: none; } .components-accessible-toolbar .components-button:before, .components-toolbar .components-button:before { border-radius: 2px; content: ""; display: block; height: 32px; left: 8px; position: absolute; right: 8px; z-index: -1; } @media not (prefers-reduced-motion) { .components-accessible-toolbar .components-button:before, .components-toolbar .components-button:before { animation: components-button__appear-animation .1s ease; animation-fill-mode: forwards; } } .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { margin-left: auto; margin-right: auto; position: relative; } .components-accessible-toolbar .components-button.is-pressed, .components-accessible-toolbar .components-button.is-pressed:hover, .components-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed:hover { background: rgba(0, 0, 0, 0); } .components-accessible-toolbar .components-button.is-pressed:before, .components-toolbar .components-button.is-pressed:before { background: var(--wp-components-color-foreground, #1e1e1e); } .components-accessible-toolbar .components-button:focus:before, .components-toolbar .components-button:focus:before { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid rgba(0, 0, 0, 0); } .components-accessible-toolbar .components-button.has-icon.has-icon, .components-toolbar .components-button.has-icon.has-icon { min-width: 48px; padding-left: 8px; padding-right: 8px; } @keyframes components-button__appear-animation { 0% { transform: scaleY(0); } to { transform: scaleY(1); } } .components-toolbar__control.components-button { position: relative; } .components-toolbar__control.components-button[data-subscript] svg { padding: 5px 10px 5px 0; } .components-toolbar__control.components-button[data-subscript]:after { bottom: 10px; content: attr(data-subscript); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; font-weight: 600; line-height: 12px; position: absolute; right: 8px; } .components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after { color: #fff; } .components-toolbar-group { background-color: var(--wp-components-color-background, #fff); border-right: 1px solid var(--wp-components-color-foreground, #1e1e1e); display: inline-flex; flex-shrink: 0; flex-wrap: wrap; min-height: 48px; padding-left: 6px; padding-right: 6px; } .components-toolbar-group .components-toolbar-group.components-toolbar-group { border-width: 0; margin: 0; } .components-toolbar-group { line-height: 0; } .components-toolbar-group .components-button.components-button, .components-toolbar-group .components-button.has-icon.has-icon { justify-content: center; min-width: 36px; padding-left: 6px; padding-right: 6px; } .components-toolbar-group .components-button.components-button svg, .components-toolbar-group .components-button.has-icon.has-icon svg { min-width: 24px; } .components-toolbar-group .components-button.components-button:before, .components-toolbar-group .components-button.has-icon.has-icon:before { left: 2px; right: 2px; } .components-toolbar { background-color: var(--wp-components-color-background, #fff); border: 1px solid var(--wp-components-color-foreground, #1e1e1e); display: inline-flex; flex-shrink: 0; flex-wrap: wrap; margin: 0; min-height: 48px; } .components-toolbar .components-toolbar.components-toolbar { border-width: 0; margin: 0; } div.components-toolbar>div { display: flex; margin: 0; } div.components-toolbar>div+div.has-left-divider { margin-left: 6px; overflow: visible; position: relative; } div.components-toolbar>div+div.has-left-divider:before { background-color: #ddd; box-sizing: initial; content: ""; display: inline-block; height: 20px; left: -3px; position: absolute; top: 8px; width: 1px; } .components-tooltip { background: #000; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .04), 0 6px 6px rgba(0, 0, 0, .03), 0 8px 8px rgba(0, 0, 0, .02); color: #f0f0f0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 12px; line-height: 1.4; padding: 4px 8px; text-align: center; z-index: 1000002; } .components-tooltip__shortcut { margin-left: 8px; } .components-validated-control:has(:is(input,select):invalid[data-validity-visible]) .components-input-control__backdrop { --wp-components-color-accent: #cc1818; border-color: #cc1818; } .components-validated-control :is(textarea,input[type=text]):invalid[data-validity-visible] { --wp-admin-theme-color: #cc1818; --wp-components-color-accent: #cc1818; border-color: #cc1818; } .components-validated-control .components-combobox-control__suggestions-container:has(input:invalid[data-validity-visible]):not(:has([aria-expanded=true])) { --wp-components-color-accent: #cc1818; } .components-validated-control__wrapper-with-error-delegate { position: relative; } .components-validated-control__wrapper-with-error-delegate:has(select:invalid[data-validity-visible]) .components-input-control__backdrop { --wp-components-color-accent: #cc1818; border-color: #cc1818; } .components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid[data-validity-visible]) { --wp-components-color-accent: #cc1818; } .components-validated-control__wrapper-with-error-delegate:has(input:invalid[data-validity-visible]) .components-form-token-field__input-container:not(:has([aria-expanded=true])) { --wp-components-color-accent: #cc1818; border-color: #cc1818; } .components-validated-control__error-delegate { height: 100%; opacity: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .components-validated-control__indicator { align-items: flex-start; animation: components-validated-control__indicator-jump .2s cubic-bezier(.68, -.55, .27, 1.55); color: var(--wp-components-color-gray-700, #757575); display: flex; font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 12px; gap: 4px; line-height: 16px; margin: 8px 0 0; } .components-validated-control__indicator.is-invalid { color: #cc1818; } .components-validated-control__indicator.is-valid { color: color-mix(in srgb, #000 30%, #4ab866); } .components-validated-control__indicator-icon { flex-shrink: 0; } .components-validated-control__indicator-spinner { height: 12px; margin: 2px; width: 12px; } @keyframes components-validated-control__indicator-jump { 0% { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } :root { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077; --wp-admin-border-width-focus: 2px; } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } #wpadminbar>.godaddy-styles *, .godaddy-styles * { font-family: GD Sherpa, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; line-height: 1.4; } #wpadminbar>.godaddy-styles .is-bigger, .godaddy-styles .is-bigger { font-size: 1.1em !important; font-weight: 500 !important; } #wpadminbar>.godaddy-styles .components-button, #wpadminbar>.godaddy-styles.components-button, .godaddy-styles .components-button, .godaddy-styles.components-button { border: 0; border-radius: 6px; box-shadow: none; font-size: 1em; height: auto; line-height: 1; padding: 1.25em; transition: background-color, color, .2s ease-in-out; } #wpadminbar>.godaddy-styles .components-button:disabled, #wpadminbar>.godaddy-styles.components-button:disabled, .godaddy-styles .components-button:disabled, .godaddy-styles.components-button:disabled { opacity: .5; } #wpadminbar>.godaddy-styles .components-button>svg, #wpadminbar>.godaddy-styles.components-button>svg, .godaddy-styles .components-button>svg, .godaddy-styles.components-button>svg { height: 24px; margin-left: .2em; position: relative; right: -5px; top: -1px; transform: scale(.75); width: 24px; } #wpadminbar>.godaddy-styles .components-button.no-padding, #wpadminbar>.godaddy-styles.components-button.no-padding, .godaddy-styles .components-button.no-padding, .godaddy-styles.components-button.no-padding { padding: 0; } #wpadminbar>.godaddy-styles .components-button.is-big, #wpadminbar>.godaddy-styles.components-button.is-big, .godaddy-styles .components-button.is-big, .godaddy-styles.components-button.is-big { font-size: 1.1em; font-weight: 600; padding: 1.5em; } #wpadminbar>.godaddy-styles .components-button.is-primary, #wpadminbar>.godaddy-styles.components-button.is-primary, .godaddy-styles .components-button.is-primary, .godaddy-styles.components-button.is-primary { background-color: #000; box-shadow: none; color: #fff; } #wpadminbar>.godaddy-styles .components-button.is-primary:active:not([disabled]), #wpadminbar>.godaddy-styles .components-button.is-primary:hover:not([disabled]), #wpadminbar>.godaddy-styles.components-button.is-primary:active:not([disabled]), #wpadminbar>.godaddy-styles.components-button.is-primary:hover:not([disabled]), .godaddy-styles .components-button.is-primary:active:not([disabled]), .godaddy-styles .components-button.is-primary:hover:not([disabled]), .godaddy-styles.components-button.is-primary:active:not([disabled]), .godaddy-styles.components-button.is-primary:hover:not([disabled]) { background-color: #00a4a6; } #wpadminbar>.godaddy-styles .components-button.is-secondary, #wpadminbar>.godaddy-styles.components-button.is-secondary, .godaddy-styles .components-button.is-secondary, .godaddy-styles.components-button.is-secondary { box-shadow: none; color: #111; } #wpadminbar>.godaddy-styles .components-button.is-secondary:active:not([disabled]), #wpadminbar>.godaddy-styles .components-button.is-secondary:hover:not([disabled]), #wpadminbar>.godaddy-styles.components-button.is-secondary:active:not([disabled]), #wpadminbar>.godaddy-styles.components-button.is-secondary:hover:not([disabled]), .godaddy-styles .components-button.is-secondary:active:not([disabled]), .godaddy-styles .components-button.is-secondary:hover:not([disabled]), .godaddy-styles.components-button.is-secondary:active:not([disabled]), .godaddy-styles.components-button.is-secondary:hover:not([disabled]) { border: 0; box-shadow: none; color: #000; } #wpadminbar>.godaddy-styles .components-button.is-tertiary, #wpadminbar>.godaddy-styles.components-button.is-tertiary, .godaddy-styles .components-button.is-tertiary, .godaddy-styles.components-button.is-tertiary { border: 1px solid #111; color: #111; } #wpadminbar>.godaddy-styles .components-button.is-tertiary:hover, #wpadminbar>.godaddy-styles.components-button.is-tertiary:hover, .godaddy-styles .components-button.is-tertiary:hover, .godaddy-styles.components-button.is-tertiary:hover { background-color: #111; box-shadow: none; color: #fff; } #wpadminbar>.godaddy-styles .components-button.is-link, #wpadminbar>.godaddy-styles.components-button.is-link, .godaddy-styles .components-button.is-link, .godaddy-styles.components-button.is-link { box-shadow: none; color: #00a4a6; padding: 0; text-decoration: none; } #wpadminbar>.godaddy-styles .components-button.is-link:active:not([disabled]), #wpadminbar>.godaddy-styles .components-button.is-link:hover:not([disabled]), #wpadminbar>.godaddy-styles.components-button.is-link:active:not([disabled]), #wpadminbar>.godaddy-styles.components-button.is-link:hover:not([disabled]), .godaddy-styles .components-button.is-link:active:not([disabled]), .godaddy-styles .components-button.is-link:hover:not([disabled]), .godaddy-styles.components-button.is-link:active:not([disabled]), .godaddy-styles.components-button.is-link:hover:not([disabled]) { color: #111; outline: none; } #wpadminbar>.godaddy-styles .components-button.has-icon:active:not([disabled]), #wpadminbar>.godaddy-styles .components-button.has-icon:hover:not([disabled]), #wpadminbar>.godaddy-styles.components-button.has-icon:active:not([disabled]), #wpadminbar>.godaddy-styles.components-button.has-icon:hover:not([disabled]), .godaddy-styles .components-button.has-icon:active:not([disabled]), .godaddy-styles .components-button.has-icon:hover:not([disabled]), .godaddy-styles.components-button.has-icon:active:not([disabled]), .godaddy-styles.components-button.has-icon:hover:not([disabled]) { background-color: transparent; color: #00a4a6; } #wpadminbar>.godaddy-styles .components-modal__frame, #wpadminbar>.godaddy-styles.components-modal__frame, .godaddy-styles .components-modal__frame, .godaddy-styles.components-modal__frame { border-radius: 1rem; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content, .godaddy-styles .components-modal__frame .components-modal__content, .godaddy-styles.components-modal__frame .components-modal__content { margin-top: 0; padding: 4.5rem 4.5rem 4.25rem; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content:before, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content:before, .godaddy-styles .components-modal__frame .components-modal__content:before, .godaddy-styles.components-modal__frame .components-modal__content:before { margin: 0; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content p:last-child, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content p:last-child, .godaddy-styles .components-modal__frame .components-modal__content p:last-child, .godaddy-styles.components-modal__frame .components-modal__content p:last-child { margin-bottom: 0; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header, .godaddy-styles .components-modal__frame .components-modal__content .components-modal__header, .godaddy-styles.components-modal__frame .components-modal__content .components-modal__header { border-bottom: 0; font-size: 2rem; height: unset; margin-bottom: .75em; padding: 0; position: relative; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container, .godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container, .godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container { margin-right: 8px; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading, .godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading, .godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading { font-size: 2rem; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon, .godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon, .godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon { font-size: 1rem; left: auto; padding: .25em; position: absolute; right: -3.5rem; top: -3.25rem; } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg, .godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg, .godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg { margin-left: 0; right: 0; top: 0; transform: scale(1); } #wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input, #wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input, .godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input, .godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input { margin-bottom: .5em; } #wpadminbar>.godaddy-styles .ux-tag, .godaddy-styles .ux-tag { border-radius: 4px; color: #000; font-size: .9em; font-weight: 700; letter-spacing: .05625rem; line-height: 1.5; padding-block: 8px; padding-inline: 8px; text-transform: uppercase; white-space: nowrap; } #wpadminbar>.godaddy-styles .ux-tag-critical, .godaddy-styles .ux-tag-critical { background-color: #fbb; } #wpadminbar>.godaddy-styles .ux-tag-highlight, .godaddy-styles .ux-tag-highlight { background-color: #a6fff8; } #wpadminbar>.godaddy-styles .ux-tag-info, .godaddy-styles .ux-tag-info { background-color: #d3c1f7; } #wpadminbar>.godaddy-styles .ux-tag-internal, .godaddy-styles .ux-tag-internal { background-color: #fbd9ed; } #wpadminbar>.godaddy-styles .ux-tag-neutral, .godaddy-styles .ux-tag-neutral { background-color: #ddeaf8; } #wpadminbar>.godaddy-styles .ux-tag-passive, .godaddy-styles .ux-tag-passive { background-color: #f4f8fc; } #wpadminbar>.godaddy-styles .ux-tag-success, .godaddy-styles .ux-tag-success { background-color: #9fffb8; } #wpadminbar>.godaddy-styles .ux-tag-warning, .godaddy-styles .ux-tag-warning { background-color: #ffeea9; } #wpadminbar>.godaddy-styles .components-toggle-control, #wpadminbar>.godaddy-styles.components-toggle-control, .godaddy-styles .components-toggle-control, .godaddy-styles.components-toggle-control { align-items: flex-end; display: flex; } #wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field, #wpadminbar>.godaddy-styles .components-toggle-control__field, #wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field, #wpadminbar>.godaddy-styles.components-toggle-control__field, .godaddy-styles .components-toggle-control .components-base-control__field, .godaddy-styles .components-toggle-control__field, .godaddy-styles.components-toggle-control .components-base-control__field, .godaddy-styles.components-toggle-control__field { margin: 0; } #wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track, #wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track, .godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track, .godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track { background-color: #f3f6f8; } #wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track, #wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track, .godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track, .godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track { background-color: #00a4a6; } #wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__help, #wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__help, .godaddy-styles .components-toggle-control .components-base-control__help, .godaddy-styles.components-toggle-control .components-base-control__help { margin: 0; } /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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); } .has-secondary-background-color { background-color: var(--wp--custom--color--secondary); } .has-foreground-background-color { background-color: var(--wp--custom--color--foreground); } .has-background-background-color { background-color: var(--wp--custom--color--background); } .has-tertiary-background-color { background-color: var(--wp--custom--color--tertiary); } .has-primary-color { color: var(--wp--custom--color--primary); } .has-secondary-color { color: var(--wp--custom--color--secondary); } .has-foreground-color { color: var(--wp--custom--color--foreground); } .has-background-color { color: var(--wp--custom--color--background); } .has-tertiary-color { color: var(--wp--custom--color--tertiary); } @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: .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: .66; } select { font-size: 100%; } textarea { width: 100%; } input[type=checkbox] + label { display: inline; margin-left: .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.is-responsive .wp-block-navigation__responsive-container.is-menu-open { 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: .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: .5rem; row-gap: .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-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-responsive-navigation-minimal.is-responsive .is-menu-open.wp-block-navigation__responsive-container .wp-block-navigation__container { row-gap: 1rem; } .wp-block-navigation.blockbase-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-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-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-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-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-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-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-responsive-navigation-linear .wp-block-pages-list__item .wp-block-pages-list__item__link:hover, .wp-block-navigation.blockbase-responsive-navigation-linear .wp-block-navigation-link__content:hover { text-decoration: underline; } .wp-block-navigation.blockbase-responsive-navigation-linear.is-responsive .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation-item a { font-size: var(--wp--custom--font-sizes--normal); line-height: 50px; margin: 0; align-items: flex-end; } .wp-block-navigation.blockbase-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-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-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-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-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-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-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-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; } .wp-block-navigation.blockbase-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-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-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-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-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-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-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 {} .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: .66; } .wp-block-search.is-style-small-search { --wp--custom--button--typography--font-size: calc(.8 * var(--wp--preset--font-size--small)); } .wp-block-search.is-style-small-search .wp-block-search__input { padding: calc(.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(.5 * var(--wp--custom--gap--vertical)) calc(.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(.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("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/assets/svg/post-author.svg"); mask-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/assets/svg/post-author.svg"); } .is-style-post-date-icon:before { -webkit-mask-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/assets/svg/post-date.svg"); mask-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/assets/svg/post-date.svg"); } .is-style-post-category-icon:before { -webkit-mask-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/assets/svg/post-category.svg"); mask-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/assets/svg/post-category.svg"); } .is-style-post-tag-icon:before { -webkit-mask-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/assets/svg/post-tag.svg"); mask-image: url("https://cdn-ileaffb.nitrocdn.com/TTcofANfpUtUIYRfVKkexdzYhiCVtVXN/assets/images/optimized/rev-a2c1645/athletereset.ca/wp-content/themes/blockbase/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)); } /* =Tiled Gallery Default Styles -------------------------------------------------------------- */ .tiled-gallery { clear: both; margin: 0 0 20px; overflow: hidden; } .tiled-gallery img { margin: 2px !important; } .tiled-gallery .gallery-group { float: left; position: relative; } .tiled-gallery .tiled-gallery-item { float: left; margin: 0; position: relative; width: inherit; } .tiled-gallery .gallery-row { overflow: hidden; } .tiled-gallery .tiled-gallery-item a { /* Needs to reset some properties for theme compatibility */ background: transparent; border: none; color: inherit; margin: 0; padding: 0; text-decoration: none; width: auto; } .tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover { /* Needs to reset some properties for theme compatibility */ background: none; border: none; box-shadow: none; max-width: 100%; padding: 0; vertical-align: middle; } .tiled-gallery-caption { /* Captions */ background: #f0f0f1; background: rgba(255, 255, 255, .8); color: #333; font-size: 13px; font-weight: 400; overflow: hidden; padding: 10px 0; position: absolute; bottom: 0; text-indent: 10px; text-overflow: ellipsis; width: 100%; white-space: nowrap; } .tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption { /* Smaller captions */ font-size: 11px; } /* Hide galleries in widgets until they've been resized to fit. Gallery widgets are almost guaranteed to need resizing, and the jump is a little more obvious than galleries in content. */ .widget-gallery .tiled-gallery-unresized { visibility: hidden; height: 0; overflow: hidden; } /* =Greyscale -------------------------------------------------------------- */ .tiled-gallery .tiled-gallery-item img.grayscale { -webkit-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); } .tiled-gallery .tiled-gallery-item:hover img.grayscale { -webkit-filter: none; -ms-filter: none; -o-filter: none; filter: none; } /* =Circles Layout -------------------------------------------------------------- */ .tiled-gallery.type-circle .tiled-gallery-item img { border-radius: 50% !important; /* Ensure that circles are displayed in themes that add border-radius to all images as a default */ object-fit: cover; } .tiled-gallery.type-circle .tiled-gallery-caption { display: none; } /* =Square Layout -------------------------------------------------------------- */ .tiled-gallery.type-square .tiled-gallery-item img { object-fit: cover; } /** * 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: 700; } 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; } 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: 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: #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: 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: flex; align-items: center; gap: 8px; text-decoration: none; } #likes-other-gravatars 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; border-radius: 50%; margin: 0 !important; padding: 1px !important; position: static; box-sizing: border-box; } div.sd-box { border-top: 1px solid #dcdcde; border-top: 1px solid rgba(0, 0, 0, .13); } .jetpack-likes-widget-unloaded .likes-widget-placeholder, .jetpack-likes-widget-loading .likes-widget-placeholder, .jetpack-likes-widget-loaded iframe { display: block; } .jetpack-likes-widget-loaded .likes-widget-placeholder, .jetpack-likes-widget-unloaded iframe, .jetpack-likes-widget-loading iframe { display: none; } .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget { margin: 0; border-width: 0; } /* 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; } .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: remove inline style so !important is not needed */ .pd-rating, .cs-rating { display: block !important; } /* Hide G+ title */ .sd-gplus .sd-title { display: none; } @media print { .jetpack-likes-widget-wrapper { display: none; } }