Cleaning and Hygiene

TOILET BOWL CLEANER

Product Code TBC – F6.E

Product Description

Ready to use product. Flush the toilet or urinal. Apply toilet bowl cleaner and allow contact time of 5-10 minutes depending upon the soil level. Flush to rinse the toilet/ urinal.

Advantages

Cleans extreme dirt
Dissolves stubborn encrustation of limescale, urine deposits, rust and scale
Viscosity enables good adherence

Dilution

Ready to Use

Pack Size

img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } body { --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--duotone--dark-grayscale: url("#wp-duotone-dark-grayscale"); --wp--preset--duotone--grayscale: url("#wp-duotone-grayscale"); --wp--preset--duotone--purple-yellow: url("#wp-duotone-purple-yellow"); --wp--preset--duotone--blue-red: url("#wp-duotone-blue-red"); --wp--preset--duotone--midnight: url("#wp-duotone-midnight"); --wp--preset--duotone--magenta-yellow: url("#wp-duotone-magenta-yellow"); --wp--preset--duotone--purple-green: url("#wp-duotone-purple-green"); --wp--preset--duotone--blue-orange: url("#wp-duotone-blue-orange"); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(.is-layout-flex) { gap: .5em; } body .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } body .is-layout-flex { flex-wrap: wrap; align-items: center; } body .is-layout-flex > * { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .wp-block-navigation a:where(:not(.wp-element-button)) { color: inherit; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } .wp-block-pullquote { font-size: 1.5em; line-height: 1.6; } .ext-absolute { position: absolute !important; } .ext-relative { position: relative !important; } .ext-top-base { top: var(--wp--style--block-gap, 1.75rem) !important; } .ext-top-lg { top: var(--extendify--spacing--large, 3rem) !important; } .ext--top-base { top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--top-lg { top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-right-base { right: var(--wp--style--block-gap, 1.75rem) !important; } .ext-right-lg { right: var(--extendify--spacing--large, 3rem) !important; } .ext--right-base { right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--right-lg { right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-bottom-base { bottom: var(--wp--style--block-gap, 1.75rem) !important; } .ext-bottom-lg { bottom: var(--extendify--spacing--large, 3rem) !important; } .ext--bottom-base { bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--bottom-lg { bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-left-base { left: var(--wp--style--block-gap, 1.75rem) !important; } .ext-left-lg { left: var(--extendify--spacing--large, 3rem) !important; } .ext--left-base { left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--left-lg { left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-order-1 { order: 1 !important; } .ext-order-2 { order: 2 !important; } .ext-col-auto { grid-column: auto !important; } .ext-col-span-1 { grid-column: span 1/span 1 !important; } .ext-col-span-2 { grid-column: span 2/span 2 !important; } .ext-col-span-3 { grid-column: span 3/span 3 !important; } .ext-col-span-4 { grid-column: span 4/span 4 !important; } .ext-col-span-5 { grid-column: span 5/span 5 !important; } .ext-col-span-6 { grid-column: span 6/span 6 !important; } .ext-col-span-7 { grid-column: span 7/span 7 !important; } .ext-col-span-8 { grid-column: span 8/span 8 !important; } .ext-col-span-9 { grid-column: span 9/span 9 !important; } .ext-col-span-10 { grid-column: span 10/span 10 !important; } .ext-col-span-11 { grid-column: span 11/span 11 !important; } .ext-col-span-12 { grid-column: span 12/span 12 !important; } .ext-col-span-full { grid-column: 1/-1 !important; } .ext-col-start-1 { grid-column-start: 1 !important; } .ext-col-start-2 { grid-column-start: 2 !important; } .ext-col-start-3 { grid-column-start: 3 !important; } .ext-col-start-4 { grid-column-start: 4 !important; } .ext-col-start-5 { grid-column-start: 5 !important; } .ext-col-start-6 { grid-column-start: 6 !important; } .ext-col-start-7 { grid-column-start: 7 !important; } .ext-col-start-8 { grid-column-start: 8 !important; } .ext-col-start-9 { grid-column-start: 9 !important; } .ext-col-start-10 { grid-column-start: 10 !important; } .ext-col-start-11 { grid-column-start: 11 !important; } .ext-col-start-12 { grid-column-start: 12 !important; } .ext-col-start-13 { grid-column-start: 13 !important; } .ext-col-start-auto { grid-column-start: auto !important; } .ext-col-end-1 { grid-column-end: 1 !important; } .ext-col-end-2 { grid-column-end: 2 !important; } .ext-col-end-3 { grid-column-end: 3 !important; } .ext-col-end-4 { grid-column-end: 4 !important; } .ext-col-end-5 { grid-column-end: 5 !important; } .ext-col-end-6 { grid-column-end: 6 !important; } .ext-col-end-7 { grid-column-end: 7 !important; } .ext-col-end-8 { grid-column-end: 8 !important; } .ext-col-end-9 { grid-column-end: 9 !important; } .ext-col-end-10 { grid-column-end: 10 !important; } .ext-col-end-11 { grid-column-end: 11 !important; } .ext-col-end-12 { grid-column-end: 12 !important; } .ext-col-end-13 { grid-column-end: 13 !important; } .ext-col-end-auto { grid-column-end: auto !important; } .ext-row-auto { grid-row: auto !important; } .ext-row-span-1 { grid-row: span 1/span 1 !important; } .ext-row-span-2 { grid-row: span 2/span 2 !important; } .ext-row-span-3 { grid-row: span 3/span 3 !important; } .ext-row-span-4 { grid-row: span 4/span 4 !important; } .ext-row-span-5 { grid-row: span 5/span 5 !important; } .ext-row-span-6 { grid-row: span 6/span 6 !important; } .ext-row-span-full { grid-row: 1/-1 !important; } .ext-row-start-1 { grid-row-start: 1 !important; } .ext-row-start-2 { grid-row-start: 2 !important; } .ext-row-start-3 { grid-row-start: 3 !important; } .ext-row-start-4 { grid-row-start: 4 !important; } .ext-row-start-5 { grid-row-start: 5 !important; } .ext-row-start-6 { grid-row-start: 6 !important; } .ext-row-start-7 { grid-row-start: 7 !important; } .ext-row-start-auto { grid-row-start: auto !important; } .ext-row-end-1 { grid-row-end: 1 !important; } .ext-row-end-2 { grid-row-end: 2 !important; } .ext-row-end-3 { grid-row-end: 3 !important; } .ext-row-end-4 { grid-row-end: 4 !important; } .ext-row-end-5 { grid-row-end: 5 !important; } .ext-row-end-6 { grid-row-end: 6 !important; } .ext-row-end-7 { grid-row-end: 7 !important; } .ext-row-end-auto { grid-row-end: auto !important; } .ext-m-0:not([style*="margin"]) { margin: 0 !important; } .ext-m-auto:not([style*="margin"]) { margin: auto !important; } .ext-m-base:not([style*="margin"]) { margin: var(--wp--style--block-gap, 1.75rem) !important; } .ext-m-lg:not([style*="margin"]) { margin: var(--extendify--spacing--large, 3rem) !important; } .ext--m-base:not([style*="margin"]) { margin: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--m-lg:not([style*="margin"]) { margin: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-mx-0:not([style*="margin"]) { margin-left: 0 !important; margin-right: 0 !important; } .ext-mx-auto:not([style*="margin"]) { margin-left: auto !important; margin-right: auto !important; } .ext-mx-base:not([style*="margin"]) { margin-left: var(--wp--style--block-gap, 1.75rem) !important; margin-right: var(--wp--style--block-gap, 1.75rem) !important; } .ext-mx-lg:not([style*="margin"]) { margin-left: var(--extendify--spacing--large, 3rem) !important; margin-right: var(--extendify--spacing--large, 3rem) !important; } .ext--mx-base:not([style*="margin"]) { margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--mx-lg:not([style*="margin"]) { margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-my-0:not([style*="margin"]) { margin-top: 0 !important; margin-bottom: 0 !important; } .ext-my-auto:not([style*="margin"]) { margin-top: auto !important; margin-bottom: auto !important; } .ext-my-base:not([style*="margin"]) { margin-top: var(--wp--style--block-gap, 1.75rem) !important; margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .ext-my-lg:not([style*="margin"]) { margin-top: var(--extendify--spacing--large, 3rem) !important; margin-bottom: var(--extendify--spacing--large, 3rem) !important; } .ext--my-base:not([style*="margin"]) { margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--my-lg:not([style*="margin"]) { margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-mt-0:not([style*="margin"]) { margin-top: 0 !important; } .ext-mt-auto:not([style*="margin"]) { margin-top: auto !important; } .ext-mt-base:not([style*="margin"]) { margin-top: var(--wp--style--block-gap, 1.75rem) !important; } .ext-mt-lg:not([style*="margin"]) { margin-top: var(--extendify--spacing--large, 3rem) !important; } .ext--mt-base:not([style*="margin"]) { margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--mt-lg:not([style*="margin"]) { margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-mr-0:not([style*="margin"]) { margin-right: 0 !important; } .ext-mr-auto:not([style*="margin"]) { margin-right: auto !important; } .ext-mr-base:not([style*="margin"]) { margin-right: var(--wp--style--block-gap, 1.75rem) !important; } .ext-mr-lg:not([style*="margin"]) { margin-right: var(--extendify--spacing--large, 3rem) !important; } .ext--mr-base:not([style*="margin"]) { margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--mr-lg:not([style*="margin"]) { margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-mb-0:not([style*="margin"]) { margin-bottom: 0 !important; } .ext-mb-auto:not([style*="margin"]) { margin-bottom: auto !important; } .ext-mb-base:not([style*="margin"]) { margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .ext-mb-lg:not([style*="margin"]) { margin-bottom: var(--extendify--spacing--large, 3rem) !important; } .ext--mb-base:not([style*="margin"]) { margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--mb-lg:not([style*="margin"]) { margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-ml-0:not([style*="margin"]) { margin-left: 0 !important; } .ext-ml-auto:not([style*="margin"]) { margin-left: auto !important; } .ext-ml-base:not([style*="margin"]) { margin-left: var(--wp--style--block-gap, 1.75rem) !important; } .ext-ml-lg:not([style*="margin"]) { margin-left: var(--extendify--spacing--large, 3rem) !important; } .ext--ml-base:not([style*="margin"]) { margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .ext--ml-lg:not([style*="margin"]) { margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .ext-block { display: block !important; } .ext-inline-block { display: inline-block !important; } .ext-inline { display: inline !important; } .ext-flex { display: flex !important; } .ext-inline-flex { display: inline-flex !important; } .ext-grid { display: grid !important; } .ext-inline-grid { display: inline-grid !important; } .ext-hidden { display: none !important; } .ext-w-auto { width: auto !important; } .ext-w-full { width: 100% !important; } .ext-max-w-full { max-width: 100% !important; } .ext-flex-1 { flex: 1 1 0% !important; } .ext-flex-auto { flex: 1 1 auto !important; } .ext-flex-initial { flex: 0 1 auto !important; } .ext-flex-none { flex: none !important; } .ext-flex-shrink-0 { flex-shrink: 0 !important; } .ext-flex-shrink { flex-shrink: 1 !important; } .ext-flex-grow-0 { flex-grow: 0 !important; } .ext-flex-grow { flex-grow: 1 !important; } .ext-list-none { list-style-type: none !important; } .ext-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .ext-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .ext-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .ext-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .ext-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .ext-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .ext-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .ext-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .ext-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .ext-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .ext-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .ext-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .ext-grid-cols-none { grid-template-columns: none !important; } .ext-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .ext-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .ext-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .ext-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .ext-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .ext-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .ext-grid-rows-none { grid-template-rows: none !important; } .ext-flex-row { flex-direction: row !important; } .ext-flex-row-reverse { flex-direction: row-reverse !important; } .ext-flex-col { flex-direction: column !important; } .ext-flex-col-reverse { flex-direction: column-reverse !important; } .ext-flex-wrap { flex-wrap: wrap !important; } .ext-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .ext-flex-nowrap { flex-wrap: nowrap !important; } .ext-items-start { align-items: flex-start !important; } .ext-items-end { align-items: flex-end !important; } .ext-items-center { align-items: center !important; } .ext-items-baseline { align-items: baseline !important; } .ext-items-stretch { align-items: stretch !important; } .ext-justify-start { justify-content: flex-start !important; } .ext-justify-end { justify-content: flex-end !important; } .ext-justify-center { justify-content: center !important; } .ext-justify-between { justify-content: space-between !important; } .ext-justify-around { justify-content: space-around !important; } .ext-justify-evenly { justify-content: space-evenly !important; } .ext-justify-items-start { justify-items: start !important; } .ext-justify-items-end { justify-items: end !important; } .ext-justify-items-center { justify-items: center !important; } .ext-justify-items-stretch { justify-items: stretch !important; } .ext-gap-0 { gap: 0 !important; } .ext-gap-base { gap: var(--wp--style--block-gap, 1.75rem) !important; } .ext-gap-lg { gap: var(--extendify--spacing--large, 3rem) !important; } .ext-gap-x-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .ext-gap-x-base { -moz-column-gap: var(--wp--style--block-gap, 1.75rem) !important; column-gap: var(--wp--style--block-gap, 1.75rem) !important; } .ext-gap-x-lg { -moz-column-gap: var(--extendify--spacing--large, 3rem) !important; column-gap: var(--extendify--spacing--large, 3rem) !important; } .ext-gap-y-0 { row-gap: 0 !important; } .ext-gap-y-base { row-gap: var(--wp--style--block-gap, 1.75rem) !important; } .ext-gap-y-lg { row-gap: var(--extendify--spacing--large, 3rem) !important; } .ext-justify-self-auto { justify-self: auto !important; } .ext-justify-self-start { justify-self: start !important; } .ext-justify-self-end { justify-self: end !important; } .ext-justify-self-center { justify-self: center !important; } .ext-justify-self-stretch { justify-self: stretch !important; } .ext-rounded-none { border-radius: 0px !important; } .ext-rounded-full { border-radius: 9999px !important; } .ext-rounded-t-none { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .ext-rounded-t-full { border-top-left-radius: 9999px !important; border-top-right-radius: 9999px !important; } .ext-rounded-r-none { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .ext-rounded-r-full { border-top-right-radius: 9999px !important; border-bottom-right-radius: 9999px !important; } .ext-rounded-b-none { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .ext-rounded-b-full { border-bottom-right-radius: 9999px !important; border-bottom-left-radius: 9999px !important; } .ext-rounded-l-none { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .ext-rounded-l-full { border-top-left-radius: 9999px !important; border-bottom-left-radius: 9999px !important; } .ext-rounded-tl-none { border-top-left-radius: 0px !important; } .ext-rounded-tl-full { border-top-left-radius: 9999px !important; } .ext-rounded-tr-none { border-top-right-radius: 0px !important; } .ext-rounded-tr-full { border-top-right-radius: 9999px !important; } .ext-rounded-br-none { border-bottom-right-radius: 0px !important; } .ext-rounded-br-full { border-bottom-right-radius: 9999px !important; } .ext-rounded-bl-none { border-bottom-left-radius: 0px !important; } .ext-rounded-bl-full { border-bottom-left-radius: 9999px !important; } .ext-border-0 { border-width: 0px !important; } .ext-border-t-0 { border-top-width: 0px !important; } .ext-border-r-0 { border-right-width: 0px !important; } .ext-border-b-0 { border-bottom-width: 0px !important; } .ext-border-l-0 { border-left-width: 0px !important; } .ext-p-0:not([style*="padding"]) { padding: 0 !important; } .ext-p-base:not([style*="padding"]) { padding: var(--wp--style--block-gap, 1.75rem) !important; } .ext-p-lg:not([style*="padding"]) { padding: var(--extendify--spacing--large, 3rem) !important; } .ext-px-0:not([style*="padding"]) { padding-left: 0 !important; padding-right: 0 !important; } .ext-px-base:not([style*="padding"]) { padding-left: var(--wp--style--block-gap, 1.75rem) !important; padding-right: var(--wp--style--block-gap, 1.75rem) !important; } .ext-px-lg:not([style*="padding"]) { padding-left: var(--extendify--spacing--large, 3rem) !important; padding-right: var(--extendify--spacing--large, 3rem) !important; } .ext-py-0:not([style*="padding"]) { padding-top: 0 !important; padding-bottom: 0 !important; } .ext-py-base:not([style*="padding"]) { padding-top: var(--wp--style--block-gap, 1.75rem) !important; padding-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .ext-py-lg:not([style*="padding"]) { padding-top: var(--extendify--spacing--large, 3rem) !important; padding-bottom: var(--extendify--spacing--large, 3rem) !important; } .ext-pt-0:not([style*="padding"]) { padding-top: 0 !important; } .ext-pt-base:not([style*="padding"]) { padding-top: var(--wp--style--block-gap, 1.75rem) !important; } .ext-pt-lg:not([style*="padding"]) { padding-top: var(--extendify--spacing--large, 3rem) !important; } .ext-pr-0:not([style*="padding"]) { padding-right: 0 !important; } .ext-pr-base:not([style*="padding"]) { padding-right: var(--wp--style--block-gap, 1.75rem) !important; } .ext-pr-lg:not([style*="padding"]) { padding-right: var(--extendify--spacing--large, 3rem) !important; } .ext-pb-0:not([style*="padding"]) { padding-bottom: 0 !important; } .ext-pb-base:not([style*="padding"]) { padding-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .ext-pb-lg:not([style*="padding"]) { padding-bottom: var(--extendify--spacing--large, 3rem) !important; } .ext-pl-0:not([style*="padding"]) { padding-left: 0 !important; } .ext-pl-base:not([style*="padding"]) { padding-left: var(--wp--style--block-gap, 1.75rem) !important; } .ext-pl-lg:not([style*="padding"]) { padding-left: var(--extendify--spacing--large, 3rem) !important; } .ext-text-left { text-align: left !important; } .ext-text-center { text-align: center !important; } .ext-text-right { text-align: right !important; } .ext-leading-none { line-height: 1 !important; } .ext-leading-tight { line-height: 1.25 !important; } .ext-leading-snug { line-height: 1.375 !important; } .ext-leading-normal { line-height: 1.5 !important; } .ext-leading-relaxed { line-height: 1.625 !important; } .ext-leading-loose { line-height: 2 !important; } .ext-aspect-square img { aspect-ratio: 1/1 !important; -o-object-fit: cover !important; object-fit: cover !important; } .ext-aspect-landscape img { aspect-ratio: 4/3 !important; -o-object-fit: cover !important; object-fit: cover !important; } .ext-aspect-landscape-wide img { aspect-ratio: 16/9 !important; -o-object-fit: cover !important; object-fit: cover !important; } .ext-aspect-portrait img { aspect-ratio: 3/4 !important; -o-object-fit: cover !important; object-fit: cover !important; } .ext-aspect-square .components-resizable-box__container, .ext-aspect-landscape .components-resizable-box__container, .ext-aspect-landscape-wide .components-resizable-box__container, .ext-aspect-portrait .components-resizable-box__container { height: auto !important; } .clip-path--rhombus img { -webkit-clip-path: polygon(15% 6%, 80% 29%, 84% 93%, 23% 69%) !important; clip-path: polygon(15% 6%, 80% 29%, 84% 93%, 23% 69%) !important; } .clip-path--diamond img { -webkit-clip-path: polygon(5% 29%, 60% 2%, 91% 64%, 36% 89%) !important; clip-path: polygon(5% 29%, 60% 2%, 91% 64%, 36% 89%) !important; } .clip-path--rhombus-alt img { -webkit-clip-path: polygon(14% 9%, 85% 24%, 91% 89%, 19% 76%) !important; clip-path: polygon(14% 9%, 85% 24%, 91% 89%, 19% 76%) !important; } /* The .ext utility is a top-level class that we use to target contents within our patterns. We use it here to ensure columns blocks display well across themes. */ .wp-block-columns[class*="fullwidth-cols"] { /* no suggestion */ margin-bottom: unset !important; } .wp-block-column.editor\:pointer-events-none { /* no suggestion */ margin-top: 0 !important; margin-bottom: 0 !important; } .is-root-container.block-editor-block-list__layout > [data-align="full"]:not(:first-of-type) > .wp-block-column.editor\:pointer-events-none, .is-root-container.block-editor-block-list__layout > [data-align="wide"] > .wp-block-column.editor\:pointer-events-none { /* no suggestion */ margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important; } .is-root-container.block-editor-block-list__layout > [data-align="full"]:not(:first-of-type) > .ext-my-0, .is-root-container.block-editor-block-list__layout > [data-align="wide"] > .ext-my-0:not([style*="margin"]) { /* no suggestion */ margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important; } /* Some popular themes use padding instead of core margin for columns; remove it */ .ext .wp-block-columns .wp-block-column[style*="padding"] { /* no suggestion */ padding-left: 0 !important; padding-right: 0 !important; } /* Some popular themes add double spacing between columns; remove it */ .ext .wp-block-columns + .wp-block-columns:not([class*="mt-"]):not([class*="my-"]):not([style*="margin"]) { /* no suggestion */ margin-top: 0 !important; } [class*="fullwidth-cols"] .wp-block-column:first-child, [class*="fullwidth-cols"] .wp-block-group:first-child {} [class*="fullwidth-cols"] .wp-block-column:first-child, [class*="fullwidth-cols"] .wp-block-group:first-child { margin-top: 0 !important; } [class*="fullwidth-cols"] .wp-block-column:last-child, [class*="fullwidth-cols"] .wp-block-group:last-child {} [class*="fullwidth-cols"] .wp-block-column:last-child, [class*="fullwidth-cols"] .wp-block-group:last-child { margin-bottom: 0 !important; } [class*="fullwidth-cols"] .wp-block-column:first-child > * { /* no suggestion */ margin-top: 0 !important; } [class*="fullwidth-cols"] .wp-block-column > *:first-child { /* no suggestion */ margin-top: 0 !important; } [class*="fullwidth-cols"] .wp-block-column > *:last-child { /* no suggestion */ margin-bottom: 0 !important; } .ext .is-not-stacked-on-mobile .wp-block-column { /* no suggestion */ margin-bottom: 0 !important; } /* Add base margin bottom to all columns */ .wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:last-child) { /* no suggestion */ margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } @media (min-width: 782px) { .wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:last-child) { /* no suggestion */ margin-bottom: 0 !important; } } /* Remove margin bottom from "not-stacked" columns */ .wp-block-columns[class*="fullwidth-cols"].is-not-stacked-on-mobile > .wp-block-column { /* no suggestion */ margin-bottom: 0 !important; } @media (min-width: 600px) and (max-width: 781px) { .wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) { /* no suggestion */ margin-left: var(--wp--style--block-gap, 2em) !important; } } /* The `tablet:fullwidth-cols` and `desktop:fullwidth-cols` utilities are used to counter the core/columns responsive for at our breakpoints. */ @media (max-width: 781px) { .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) { flex-wrap: wrap !important; } .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { margin-left: 0 !important; } .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not([style*="margin"]) { /* no suggestion */ margin-left: 0 !important; } .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } @media (max-width: 1079px) { .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) { flex-wrap: wrap !important; } .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { margin-left: 0 !important; } .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not([style*="margin"]) { /* no suggestion */ margin-left: 0 !important; } .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:last-child) { margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } } .direction-rtl { direction: rtl !important; } .direction-ltr { direction: ltr !important; } /* Use "is-style-" prefix to support adding this style to the core/list block */ .is-style-inline-list { padding-left: 0 !important; } .is-style-inline-list li { /* no suggestion */ list-style-type: none !important; } @media (min-width: 782px) { .is-style-inline-list li { margin-right: var(--wp--style--block-gap, 1.75rem) !important; display: inline !important; } } .is-style-inline-list li:first-child {} @media (min-width: 782px) { .is-style-inline-list li:first-child { margin-left: 0 !important; } } .is-style-inline-list li:last-child {} @media (min-width: 782px) { .is-style-inline-list li:last-child { margin-right: 0 !important; } } .bring-to-front { position: relative !important; z-index: 10 !important; } .text-stroke { -webkit-text-stroke-width: var(--wp--custom--typography--text-stroke-width, 2px) !important; -webkit-text-stroke-color: var(--wp--preset--color--background) !important; } .text-stroke--primary { -webkit-text-stroke-width: var(--wp--custom--typography--text-stroke-width, 2px) !important; -webkit-text-stroke-color: var(--wp--preset--color--primary) !important; } .text-stroke--secondary { -webkit-text-stroke-width: var(--wp--custom--typography--text-stroke-width, 2px) !important; -webkit-text-stroke-color: var(--wp--preset--color--secondary) !important; } .editor\:no-caption .block-editor-rich-text__editable { display: none !important; } .editor\:no-inserter > .block-list-appender, .editor\:no-inserter .wp-block-group__inner-container > .block-list-appender { display: none !important; } .editor\:no-inserter .wp-block-cover__inner-container > .block-list-appender { display: none !important; } .editor\:no-inserter .wp-block-column:not(.is-selected) > .block-list-appender { display: none !important; } .editor\:no-resize .components-resizable-box__handle::after, .editor\:no-resize .components-resizable-box__side-handle::before, .editor\:no-resize .components-resizable-box__handle { display: none !important; pointer-events: none !important; } .editor\:no-resize .components-resizable-box__container { display: block !important; } .editor\:pointer-events-none { pointer-events: none !important; } .is-style-angled { /* no suggestion */ align-items: center !important; justify-content: flex-end !important; } .ext .is-style-angled > [class*="_inner-container"] { align-items: center !important; } .is-style-angled .wp-block-cover__image-background, .is-style-angled .wp-block-cover__video-background { /* no suggestion */ -webkit-clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important; clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important; z-index: 1 !important; } @media (min-width: 782px) { .is-style-angled .wp-block-cover__image-background, .is-style-angled .wp-block-cover__video-background { /* no suggestion */ -webkit-clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important; clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important; } } .has-foreground-color { /* no suggestion */ color: var(--wp--preset--color--foreground, #000) !important; } .has-foreground-background-color { /* no suggestion */ background-color: var(--wp--preset--color--foreground, #000) !important; } .has-background-color { /* no suggestion */ color: var(--wp--preset--color--background, #fff) !important; } .has-background-background-color { /* no suggestion */ background-color: var(--wp--preset--color--background, #fff) !important; } .has-primary-color { /* no suggestion */ color: var(--wp--preset--color--primary, #4b5563) !important; } .has-primary-background-color { /* no suggestion */ background-color: var(--wp--preset--color--primary, #4b5563) !important; } .has-secondary-color { /* no suggestion */ color: var(--wp--preset--color--secondary, #9ca3af) !important; } .has-secondary-background-color { /* no suggestion */ background-color: var(--wp--preset--color--secondary, #9ca3af) !important; } /* Ensure themes that target specific elements use the right colors */ .ext.has-text-color p, .ext.has-text-color h1, .ext.has-text-color h2, .ext.has-text-color h3, .ext.has-text-color h4, .ext.has-text-color h5, .ext.has-text-color h6 { /* no suggestion */ color: currentColor !important; } .has-white-color { /* no suggestion */ color: var(--wp--preset--color--white, #fff) !important; } .has-black-color { /* no suggestion */ color: var(--wp--preset--color--black, #000) !important; } .has-ext-foreground-background-color { /* no suggestion */ background-color: var(--wp--preset--color--foreground, var(--wp--preset--color--black, #000)) !important; } .has-ext-primary-background-color { /* no suggestion */ background-color: var(--wp--preset--color--primary, var(--wp--preset--color--cyan-bluish-gray, #000)) !important; } /* Fix button borders with specified background colors */ .wp-block-button__link.has-black-background-color { /* no suggestion */ border-color: var(--wp--preset--color--black, #000) !important; } .wp-block-button__link.has-white-background-color { /* no suggestion */ border-color: var(--wp--preset--color--white, #fff) !important; } .has-ext-small-font-size { /* no suggestion */ font-size: var(--wp--preset--font-size--ext-small) !important; } .has-ext-medium-font-size { /* no suggestion */ font-size: var(--wp--preset--font-size--ext-medium) !important; } .has-ext-large-font-size { /* no suggestion */ font-size: var(--wp--preset--font-size--ext-large) !important; line-height: 1.2 !important; } .has-ext-x-large-font-size { /* no suggestion */ font-size: var(--wp--preset--font-size--ext-x-large) !important; line-height: 1 !important; } .has-ext-xx-large-font-size { /* no suggestion */ font-size: var(--wp--preset--font-size--ext-xx-large) !important; line-height: 1 !important; } /* Line height */ .has-ext-x-large-font-size:not([style*="line-height"]) { /* no suggestion */ line-height: 1.1 !important; } .has-ext-xx-large-font-size:not([style*="line-height"]) { /* no suggestion */ line-height: 1.1 !important; } .ext .wp-block-group > * { /* Line height */ margin-top: 0 !important; margin-bottom: 0 !important; } .ext .wp-block-group > * + * { margin-top: var(--wp--style--block-gap, 1.75rem) !important; margin-bottom: 0 !important; } .ext h2 { margin-top: var(--wp--style--block-gap, 1.75rem) !important; margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .has-ext-x-large-font-size + p, .has-ext-x-large-font-size + h3 { margin-top: .5rem !important; } .ext .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - var(--wp--style--block-gap, .5em) * .75) !important; min-width: 12rem !important; } /* Classic themes use an inner [class*="_inner-container"] that our utilities cannot directly target, so we need to do so with a few */ .ext .ext-grid > [class*="_inner-container"] { /* no suggestion */ display: grid !important; } /* Unhinge grid for container blocks in classic themes, and < 5.9 */ .ext > [class*="_inner-container"] > .ext-grid:not([class*="columns"]), .ext > [class*="_inner-container"] > .wp-block > .ext-grid:not([class*="columns"]) { /* no suggestion */ display: initial !important; } /* Grid Columns */ .ext .ext-grid-cols-1 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-2 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-3 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-4 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-5 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-6 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-7 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-8 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-9 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-10 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-11 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-12 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-13 > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: repeat(13, minmax(0, 1fr)) !important; } .ext .ext-grid-cols-none > [class*="_inner-container"] { /* no suggestion */ grid-template-columns: none !important; } /* Grid Rows */ .ext .ext-grid-rows-1 > [class*="_inner-container"] { /* no suggestion */ grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .ext .ext-grid-rows-2 > [class*="_inner-container"] { /* no suggestion */ grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .ext .ext-grid-rows-3 > [class*="_inner-container"] { /* no suggestion */ grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .ext .ext-grid-rows-4 > [class*="_inner-container"] { /* no suggestion */ grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .ext .ext-grid-rows-5 > [class*="_inner-container"] { /* no suggestion */ grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .ext .ext-grid-rows-6 > [class*="_inner-container"] { /* no suggestion */ grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .ext .ext-grid-rows-none > [class*="_inner-container"] { /* no suggestion */ grid-template-rows: none !important; } /* Align */ .ext .ext-items-start > [class*="_inner-container"] { align-items: flex-start !important; } .ext .ext-items-end > [class*="_inner-container"] { align-items: flex-end !important; } .ext .ext-items-center > [class*="_inner-container"] { align-items: center !important; } .ext .ext-items-baseline > [class*="_inner-container"] { align-items: baseline !important; } .ext .ext-items-stretch > [class*="_inner-container"] { align-items: stretch !important; } .ext.wp-block-group > *:last-child { /* no suggestion */ margin-bottom: 0 !important; } /* For <5.9 */ .ext .wp-block-group__inner-container { /* no suggestion */ padding: 0 !important; } .ext.has-background { /* no suggestion */ padding-left: var(--wp--style--block-gap, 1.75rem) !important; padding-right: var(--wp--style--block-gap, 1.75rem) !important; } /* Fallback for classic theme group blocks */ .ext *[class*="inner-container"] > .alignwide *[class*="inner-container"], .ext *[class*="inner-container"] > [data-align="wide"] *[class*="inner-container"] { /* no suggestion */ max-width: var(--responsive--alignwide-width, 120rem) !important; } .ext *[class*="inner-container"] > .alignwide *[class*="inner-container"] > *, .ext *[class*="inner-container"] > [data-align="wide"] *[class*="inner-container"] > * {} .ext *[class*="inner-container"] > .alignwide *[class*="inner-container"] > *, .ext *[class*="inner-container"] > [data-align="wide"] *[class*="inner-container"] > * { max-width: 100% !important; } /* Ensure image block display is standardized */ .ext .wp-block-image { /* no suggestion */ position: relative !important; text-align: center !important; } .ext .wp-block-image img { /* no suggestion */ display: inline-block !important; vertical-align: middle !important; } body { /* no suggestion */ /* We need to abstract this out of tailwind.config because clamp doesnt translate with negative margins */ --extendify--spacing--large: var(--wp--custom--spacing--large, clamp(2em, 8vw, 8em)) !important; --wp--preset--font-size--ext-small: 1rem !important; --wp--preset--font-size--ext-medium: 1.125rem !important; --wp--preset--font-size--ext-large: clamp(1.65rem, 3.5vw, 2.15rem) !important; --wp--preset--font-size--ext-x-large: clamp(3rem, 6vw, 4.75rem) !important; --wp--preset--font-size--ext-xx-large: clamp(3.25rem, 7.5vw, 5.75rem) !important; --wp--preset--color--black: #000 !important; --wp--preset--color--white: #fff !important; } .ext * { box-sizing: border-box !important; } /* Astra: Remove spacer block visuals in the library */ .block-editor-block-preview__content-iframe .ext [data-type="core/spacer"] .components-resizable-box__container { /* no suggestion */ background: transparent !important; } .block-editor-block-preview__content-iframe .ext [data-type="core/spacer"] .block-library-spacer__resize-container::before { /* no suggestion */ display: none !important; } /* Twenty Twenty adds a lot of margin automatically to blocks. We only want our own margin added to our patterns. */ .ext .wp-block-group__inner-container figure.wp-block-gallery.alignfull { /* no suggestion */ margin-top: unset !important; margin-bottom: unset !important; } /* Ensure no funky business is assigned to alignwide */ .ext .alignwide { /* no suggestion */ margin-left: auto !important; margin-right: auto !important; } /* Negate blockGap being inappropriately assigned in the editor */ .is-root-container.block-editor-block-list__layout > [data-align="full"]:not(:first-of-type) > .ext-my-0, .is-root-container.block-editor-block-list__layout > [data-align="wide"] > .ext-my-0:not([style*="margin"]) { /* no suggestion */ margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important; } /* Ensure vh content in previews looks taller */ .block-editor-block-preview__content-iframe .preview\:min-h-50 { /* no suggestion */ min-height: 50vw !important; } .block-editor-block-preview__content-iframe .preview\:min-h-60 { /* no suggestion */ min-height: 60vw !important; } .block-editor-block-preview__content-iframe .preview\:min-h-70 { /* no suggestion */ min-height: 70vw !important; } .block-editor-block-preview__content-iframe .preview\:min-h-80 { /* no suggestion */ min-height: 80vw !important; } .block-editor-block-preview__content-iframe .preview\:min-h-100 { /* no suggestion */ min-height: 100vw !important; } /* Removes excess margin when applied to the alignfull parent div in Block Themes */ .ext-mr-0.alignfull:not([style*="margin"]):not([style*="margin"]) { /* no suggestion */ margin-right: 0 !important; } .ext-ml-0:not([style*="margin"]):not([style*="margin"]) { /* no suggestion */ margin-left: 0 !important; } /* Ensures fullwidth blocks display properly in the editor when margin is zeroed out */ .is-root-container .wp-block[data-align="full"] > .ext-mx-0:not([style*="margin"]):not([style*="margin"]) { /* no suggestion */ margin-right: calc(1 * var(--wp--custom--spacing--outer, 0)) !important; margin-left: calc(1 * var(--wp--custom--spacing--outer, 0)) !important; overflow: hidden !important; width: unset !important; } @media (min-width: 782px) { .tablet\:ext-absolute { position: absolute !important; } .tablet\:ext-relative { position: relative !important; } .tablet\:ext-top-base { top: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-top-lg { top: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--top-base { top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--top-lg { top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-right-base { right: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-right-lg { right: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--right-base { right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--right-lg { right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-bottom-base { bottom: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-bottom-lg { bottom: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--bottom-base { bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--bottom-lg { bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-left-base { left: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-left-lg { left: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--left-base { left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--left-lg { left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-order-1 { order: 1 !important; } .tablet\:ext-order-2 { order: 2 !important; } .tablet\:ext-m-0:not([style*="margin"]) { margin: 0 !important; } .tablet\:ext-m-auto:not([style*="margin"]) { margin: auto !important; } .tablet\:ext-m-base:not([style*="margin"]) { margin: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-m-lg:not([style*="margin"]) { margin: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--m-base:not([style*="margin"]) { margin: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--m-lg:not([style*="margin"]) { margin: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-mx-0:not([style*="margin"]) { margin-left: 0 !important; margin-right: 0 !important; } .tablet\:ext-mx-auto:not([style*="margin"]) { margin-left: auto !important; margin-right: auto !important; } .tablet\:ext-mx-base:not([style*="margin"]) { margin-left: var(--wp--style--block-gap, 1.75rem) !important; margin-right: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-mx-lg:not([style*="margin"]) { margin-left: var(--extendify--spacing--large, 3rem) !important; margin-right: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--mx-base:not([style*="margin"]) { margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--mx-lg:not([style*="margin"]) { margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-my-0:not([style*="margin"]) { margin-top: 0 !important; margin-bottom: 0 !important; } .tablet\:ext-my-auto:not([style*="margin"]) { margin-top: auto !important; margin-bottom: auto !important; } .tablet\:ext-my-base:not([style*="margin"]) { margin-top: var(--wp--style--block-gap, 1.75rem) !important; margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-my-lg:not([style*="margin"]) { margin-top: var(--extendify--spacing--large, 3rem) !important; margin-bottom: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--my-base:not([style*="margin"]) { margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--my-lg:not([style*="margin"]) { margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-mt-0:not([style*="margin"]) { margin-top: 0 !important; } .tablet\:ext-mt-auto:not([style*="margin"]) { margin-top: auto !important; } .tablet\:ext-mt-base:not([style*="margin"]) { margin-top: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-mt-lg:not([style*="margin"]) { margin-top: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--mt-base:not([style*="margin"]) { margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--mt-lg:not([style*="margin"]) { margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-mr-0:not([style*="margin"]) { margin-right: 0 !important; } .tablet\:ext-mr-auto:not([style*="margin"]) { margin-right: auto !important; } .tablet\:ext-mr-base:not([style*="margin"]) { margin-right: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-mr-lg:not([style*="margin"]) { margin-right: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--mr-base:not([style*="margin"]) { margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--mr-lg:not([style*="margin"]) { margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-mb-0:not([style*="margin"]) { margin-bottom: 0 !important; } .tablet\:ext-mb-auto:not([style*="margin"]) { margin-bottom: auto !important; } .tablet\:ext-mb-base:not([style*="margin"]) { margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-mb-lg:not([style*="margin"]) { margin-bottom: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--mb-base:not([style*="margin"]) { margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--mb-lg:not([style*="margin"]) { margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-ml-0:not([style*="margin"]) { margin-left: 0 !important; } .tablet\:ext-ml-auto:not([style*="margin"]) { margin-left: auto !important; } .tablet\:ext-ml-base:not([style*="margin"]) { margin-left: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-ml-lg:not([style*="margin"]) { margin-left: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext--ml-base:not([style*="margin"]) { margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .tablet\:ext--ml-lg:not([style*="margin"]) { margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .tablet\:ext-block { display: block !important; } .tablet\:ext-inline-block { display: inline-block !important; } .tablet\:ext-inline { display: inline !important; } .tablet\:ext-flex { display: flex !important; } .tablet\:ext-inline-flex { display: inline-flex !important; } .tablet\:ext-grid { display: grid !important; } .tablet\:ext-inline-grid { display: inline-grid !important; } .tablet\:ext-hidden { display: none !important; } .tablet\:ext-w-auto { width: auto !important; } .tablet\:ext-w-full { width: 100% !important; } .tablet\:ext-max-w-full { max-width: 100% !important; } .tablet\:ext-flex-1 { flex: 1 1 0% !important; } .tablet\:ext-flex-auto { flex: 1 1 auto !important; } .tablet\:ext-flex-initial { flex: 0 1 auto !important; } .tablet\:ext-flex-none { flex: none !important; } .tablet\:ext-flex-shrink-0 { flex-shrink: 0 !important; } .tablet\:ext-flex-shrink { flex-shrink: 1 !important; } .tablet\:ext-flex-grow-0 { flex-grow: 0 !important; } .tablet\:ext-flex-grow { flex-grow: 1 !important; } .tablet\:ext-list-none { list-style-type: none !important; } .tablet\:ext-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .tablet\:ext-grid-cols-none { grid-template-columns: none !important; } .tablet\:ext-flex-row { flex-direction: row !important; } .tablet\:ext-flex-row-reverse { flex-direction: row-reverse !important; } .tablet\:ext-flex-col { flex-direction: column !important; } .tablet\:ext-flex-col-reverse { flex-direction: column-reverse !important; } .tablet\:ext-flex-wrap { flex-wrap: wrap !important; } .tablet\:ext-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .tablet\:ext-flex-nowrap { flex-wrap: nowrap !important; } .tablet\:ext-items-start { align-items: flex-start !important; } .tablet\:ext-items-end { align-items: flex-end !important; } .tablet\:ext-items-center { align-items: center !important; } .tablet\:ext-items-baseline { align-items: baseline !important; } .tablet\:ext-items-stretch { align-items: stretch !important; } .tablet\:ext-justify-start { justify-content: flex-start !important; } .tablet\:ext-justify-end { justify-content: flex-end !important; } .tablet\:ext-justify-center { justify-content: center !important; } .tablet\:ext-justify-between { justify-content: space-between !important; } .tablet\:ext-justify-around { justify-content: space-around !important; } .tablet\:ext-justify-evenly { justify-content: space-evenly !important; } .tablet\:ext-justify-items-start { justify-items: start !important; } .tablet\:ext-justify-items-end { justify-items: end !important; } .tablet\:ext-justify-items-center { justify-items: center !important; } .tablet\:ext-justify-items-stretch { justify-items: stretch !important; } .tablet\:ext-justify-self-auto { justify-self: auto !important; } .tablet\:ext-justify-self-start { justify-self: start !important; } .tablet\:ext-justify-self-end { justify-self: end !important; } .tablet\:ext-justify-self-center { justify-self: center !important; } .tablet\:ext-justify-self-stretch { justify-self: stretch !important; } .tablet\:ext-p-0:not([style*="padding"]) { padding: 0 !important; } .tablet\:ext-p-base:not([style*="padding"]) { padding: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-p-lg:not([style*="padding"]) { padding: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext-px-0:not([style*="padding"]) { padding-left: 0 !important; padding-right: 0 !important; } .tablet\:ext-px-base:not([style*="padding"]) { padding-left: var(--wp--style--block-gap, 1.75rem) !important; padding-right: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-px-lg:not([style*="padding"]) { padding-left: var(--extendify--spacing--large, 3rem) !important; padding-right: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext-py-0:not([style*="padding"]) { padding-top: 0 !important; padding-bottom: 0 !important; } .tablet\:ext-py-base:not([style*="padding"]) { padding-top: var(--wp--style--block-gap, 1.75rem) !important; padding-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-py-lg:not([style*="padding"]) { padding-top: var(--extendify--spacing--large, 3rem) !important; padding-bottom: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext-pt-0:not([style*="padding"]) { padding-top: 0 !important; } .tablet\:ext-pt-base:not([style*="padding"]) { padding-top: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-pt-lg:not([style*="padding"]) { padding-top: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext-pr-0:not([style*="padding"]) { padding-right: 0 !important; } .tablet\:ext-pr-base:not([style*="padding"]) { padding-right: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-pr-lg:not([style*="padding"]) { padding-right: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext-pb-0:not([style*="padding"]) { padding-bottom: 0 !important; } .tablet\:ext-pb-base:not([style*="padding"]) { padding-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-pb-lg:not([style*="padding"]) { padding-bottom: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext-pl-0:not([style*="padding"]) { padding-left: 0 !important; } .tablet\:ext-pl-base:not([style*="padding"]) { padding-left: var(--wp--style--block-gap, 1.75rem) !important; } .tablet\:ext-pl-lg:not([style*="padding"]) { padding-left: var(--extendify--spacing--large, 3rem) !important; } .tablet\:ext-text-left { text-align: left !important; } .tablet\:ext-text-center { text-align: center !important; } .tablet\:ext-text-right { text-align: right !important; } } @media (min-width: 1080px) { .desktop\:ext-absolute { position: absolute !important; } .desktop\:ext-relative { position: relative !important; } .desktop\:ext-top-base { top: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-top-lg { top: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--top-base { top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--top-lg { top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-right-base { right: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-right-lg { right: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--right-base { right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--right-lg { right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-bottom-base { bottom: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-bottom-lg { bottom: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--bottom-base { bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--bottom-lg { bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-left-base { left: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-left-lg { left: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--left-base { left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--left-lg { left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-order-1 { order: 1 !important; } .desktop\:ext-order-2 { order: 2 !important; } .desktop\:ext-m-0:not([style*="margin"]) { margin: 0 !important; } .desktop\:ext-m-auto:not([style*="margin"]) { margin: auto !important; } .desktop\:ext-m-base:not([style*="margin"]) { margin: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-m-lg:not([style*="margin"]) { margin: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--m-base:not([style*="margin"]) { margin: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--m-lg:not([style*="margin"]) { margin: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-mx-0:not([style*="margin"]) { margin-left: 0 !important; margin-right: 0 !important; } .desktop\:ext-mx-auto:not([style*="margin"]) { margin-left: auto !important; margin-right: auto !important; } .desktop\:ext-mx-base:not([style*="margin"]) { margin-left: var(--wp--style--block-gap, 1.75rem) !important; margin-right: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-mx-lg:not([style*="margin"]) { margin-left: var(--extendify--spacing--large, 3rem) !important; margin-right: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--mx-base:not([style*="margin"]) { margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--mx-lg:not([style*="margin"]) { margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-my-0:not([style*="margin"]) { margin-top: 0 !important; margin-bottom: 0 !important; } .desktop\:ext-my-auto:not([style*="margin"]) { margin-top: auto !important; margin-bottom: auto !important; } .desktop\:ext-my-base:not([style*="margin"]) { margin-top: var(--wp--style--block-gap, 1.75rem) !important; margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-my-lg:not([style*="margin"]) { margin-top: var(--extendify--spacing--large, 3rem) !important; margin-bottom: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--my-base:not([style*="margin"]) { margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--my-lg:not([style*="margin"]) { margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-mt-0:not([style*="margin"]) { margin-top: 0 !important; } .desktop\:ext-mt-auto:not([style*="margin"]) { margin-top: auto !important; } .desktop\:ext-mt-base:not([style*="margin"]) { margin-top: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-mt-lg:not([style*="margin"]) { margin-top: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--mt-base:not([style*="margin"]) { margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--mt-lg:not([style*="margin"]) { margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-mr-0:not([style*="margin"]) { margin-right: 0 !important; } .desktop\:ext-mr-auto:not([style*="margin"]) { margin-right: auto !important; } .desktop\:ext-mr-base:not([style*="margin"]) { margin-right: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-mr-lg:not([style*="margin"]) { margin-right: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--mr-base:not([style*="margin"]) { margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--mr-lg:not([style*="margin"]) { margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-mb-0:not([style*="margin"]) { margin-bottom: 0 !important; } .desktop\:ext-mb-auto:not([style*="margin"]) { margin-bottom: auto !important; } .desktop\:ext-mb-base:not([style*="margin"]) { margin-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-mb-lg:not([style*="margin"]) { margin-bottom: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--mb-base:not([style*="margin"]) { margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--mb-lg:not([style*="margin"]) { margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-ml-0:not([style*="margin"]) { margin-left: 0 !important; } .desktop\:ext-ml-auto:not([style*="margin"]) { margin-left: auto !important; } .desktop\:ext-ml-base:not([style*="margin"]) { margin-left: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-ml-lg:not([style*="margin"]) { margin-left: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext--ml-base:not([style*="margin"]) { margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important; } .desktop\:ext--ml-lg:not([style*="margin"]) { margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important; } .desktop\:ext-block { display: block !important; } .desktop\:ext-inline-block { display: inline-block !important; } .desktop\:ext-inline { display: inline !important; } .desktop\:ext-flex { display: flex !important; } .desktop\:ext-inline-flex { display: inline-flex !important; } .desktop\:ext-grid { display: grid !important; } .desktop\:ext-inline-grid { display: inline-grid !important; } .desktop\:ext-hidden { display: none !important; } .desktop\:ext-w-auto { width: auto !important; } .desktop\:ext-w-full { width: 100% !important; } .desktop\:ext-max-w-full { max-width: 100% !important; } .desktop\:ext-flex-1 { flex: 1 1 0% !important; } .desktop\:ext-flex-auto { flex: 1 1 auto !important; } .desktop\:ext-flex-initial { flex: 0 1 auto !important; } .desktop\:ext-flex-none { flex: none !important; } .desktop\:ext-flex-shrink-0 { flex-shrink: 0 !important; } .desktop\:ext-flex-shrink { flex-shrink: 1 !important; } .desktop\:ext-flex-grow-0 { flex-grow: 0 !important; } .desktop\:ext-flex-grow { flex-grow: 1 !important; } .desktop\:ext-list-none { list-style-type: none !important; } .desktop\:ext-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .desktop\:ext-grid-cols-none { grid-template-columns: none !important; } .desktop\:ext-flex-row { flex-direction: row !important; } .desktop\:ext-flex-row-reverse { flex-direction: row-reverse !important; } .desktop\:ext-flex-col { flex-direction: column !important; } .desktop\:ext-flex-col-reverse { flex-direction: column-reverse !important; } .desktop\:ext-flex-wrap { flex-wrap: wrap !important; } .desktop\:ext-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .desktop\:ext-flex-nowrap { flex-wrap: nowrap !important; } .desktop\:ext-items-start { align-items: flex-start !important; } .desktop\:ext-items-end { align-items: flex-end !important; } .desktop\:ext-items-center { align-items: center !important; } .desktop\:ext-items-baseline { align-items: baseline !important; } .desktop\:ext-items-stretch { align-items: stretch !important; } .desktop\:ext-justify-start { justify-content: flex-start !important; } .desktop\:ext-justify-end { justify-content: flex-end !important; } .desktop\:ext-justify-center { justify-content: center !important; } .desktop\:ext-justify-between { justify-content: space-between !important; } .desktop\:ext-justify-around { justify-content: space-around !important; } .desktop\:ext-justify-evenly { justify-content: space-evenly !important; } .desktop\:ext-justify-items-start { justify-items: start !important; } .desktop\:ext-justify-items-end { justify-items: end !important; } .desktop\:ext-justify-items-center { justify-items: center !important; } .desktop\:ext-justify-items-stretch { justify-items: stretch !important; } .desktop\:ext-justify-self-auto { justify-self: auto !important; } .desktop\:ext-justify-self-start { justify-self: start !important; } .desktop\:ext-justify-self-end { justify-self: end !important; } .desktop\:ext-justify-self-center { justify-self: center !important; } .desktop\:ext-justify-self-stretch { justify-self: stretch !important; } .desktop\:ext-p-0:not([style*="padding"]) { padding: 0 !important; } .desktop\:ext-p-base:not([style*="padding"]) { padding: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-p-lg:not([style*="padding"]) { padding: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext-px-0:not([style*="padding"]) { padding-left: 0 !important; padding-right: 0 !important; } .desktop\:ext-px-base:not([style*="padding"]) { padding-left: var(--wp--style--block-gap, 1.75rem) !important; padding-right: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-px-lg:not([style*="padding"]) { padding-left: var(--extendify--spacing--large, 3rem) !important; padding-right: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext-py-0:not([style*="padding"]) { padding-top: 0 !important; padding-bottom: 0 !important; } .desktop\:ext-py-base:not([style*="padding"]) { padding-top: var(--wp--style--block-gap, 1.75rem) !important; padding-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-py-lg:not([style*="padding"]) { padding-top: var(--extendify--spacing--large, 3rem) !important; padding-bottom: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext-pt-0:not([style*="padding"]) { padding-top: 0 !important; } .desktop\:ext-pt-base:not([style*="padding"]) { padding-top: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-pt-lg:not([style*="padding"]) { padding-top: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext-pr-0:not([style*="padding"]) { padding-right: 0 !important; } .desktop\:ext-pr-base:not([style*="padding"]) { padding-right: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-pr-lg:not([style*="padding"]) { padding-right: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext-pb-0:not([style*="padding"]) { padding-bottom: 0 !important; } .desktop\:ext-pb-base:not([style*="padding"]) { padding-bottom: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-pb-lg:not([style*="padding"]) { padding-bottom: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext-pl-0:not([style*="padding"]) { padding-left: 0 !important; } .desktop\:ext-pl-base:not([style*="padding"]) { padding-left: var(--wp--style--block-gap, 1.75rem) !important; } .desktop\:ext-pl-lg:not([style*="padding"]) { padding-left: var(--extendify--spacing--large, 3rem) !important; } .desktop\:ext-text-left { text-align: left !important; } .desktop\:ext-text-center { text-align: center !important; } .desktop\:ext-text-right { text-align: right !important; } } #website-menu { display: none; } #news-update img { opacity: 1 !important; } .page-id-11190 #website-menu, .page-id-11204 #website-menu, .page-id-11214 #website-menu, .page-id-11274 #website-menu, .page-id-11272 #website-menu, .page-id-11270 #website-menu, .page-id-11268 #website-menu, .page-id-11266 #website-menu, .page-id-11264 #website-menu, .page-id-11260 #website-menu, .page-id-11255 #website-menu, .page-id-11248 #website-menu, .page-id-11243 #website-menu, .page-id-5962 #website-menu, .page-id-6013 #website-menu, .page-id-6056 #website-menu, .page-id-6079 #website-menu, .page-id-6098 #website-menu { display: block; } .page-id-11190 #others-menu, .page-id-11204 #others-menu, .page-id-11214 #others-menu, .page-id-11274 #others-menu, .page-id-11272 #others-menu, .page-id-11270 #others-menu, .page-id-11268 #others-menu, .page-id-11266 #others-menu, .page-id-11264 #others-menu, .page-id-11260 #others-menu, .page-id-11255 #others-menu, .page-id-11248 #others-menu, .page-id-11243 #others-menu, .page-id-5962 #others-menu, .page-id-6013 #others-menu, .page-id-6056 #others-menu, .page-id-6079 #others-menu, .page-id-6098 #others-menu { display: none; } .accordion-box .block .acc-btn { padding: 15px 15px; padding-right: 50px; font-size: 18px; line-height: 22px; } .accordion-box .block .icon-outer { top: 17px; } .accordion-box .block .acc-content { padding: 23px 0px; } .accordion-box.style-two .block .acc-btn.active { background: #0000cd; border-color: #0000cd; } .main-menu .navigation>li.dropdown>a:after { content: ""; } .flaticon-phone:before { content: ""; } .flaticon-mail-1:before { content: ""; } .fa-facebook-f:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-instagram:before { content: ""; } .fa-youtube:before { content: ""; } .fa-twitter:before { content: ""; } .fa-whatsapp:before { content: ""; } #list-bg { margin: 0 -15px; padding: 15px; } .links-widget-two ul li i { position: absolute; left: 0; top: 2px; } .services-details .tab-btn-style-one li a.active:before, .services-details .tab-btn-style-one li a:hover:before { opacity: 0 !important; } .links-widget-two ul li a::before, .links-widget-two ul li a:hover:after, .main-menu .navigation>li.dropdown>a:after { opacity: 0 !important; } .main-header.header-style-five .main-menu .navigation>li i { position: relative; right: -5px; } .widget_categories_two .categories-list li a:before, .widget_categories_two .categories-list li a span:before { display: none !important; } .widget_categories_two .categories-list li a { padding: 14px 0 13px 20px; } .single-post .content-side li, .single-post .content-side ul { list-style: inherit; } @media screen and (max-width: 767px) { .is-menu-wrapper .is-menu form { right: 0; left: auto; } .is-menu.is-dropdown form { display: none; min-width: 310px; max-width: 100%; position: absolute; right: 0; top: 100%; z-index: 9; } .is-menu-wrapper { position: absolute; right: 5px; top: 5px; width: auto; z-index: 9999; } } #goog-gt-tt { display: none !important; } .goog-te-banner-frame { display: none !important; } .goog-te-menu-value:hover { text-decoration: none !important; } .goog-text-highlight { background-color: transparent !important; box-shadow: none !important; } body { top: 0 !important; } #google_translate_element2 { display: none !important; }

Cleaning and Hygiene

TOILET BOWL CLEANER

Product Description

Advantages

Dilution

Pack Size

MSDS

TDS

Products

Quick Links