.bloggle--blog-item-button { border: none; } #bloggy--article a:not(.bggle_button-link) {color: #2c4b52;text-decoration: normal;font-weight: 400;} #bloggy--article a:not(.bggle_button-link):hover {}/* ========================================================= PAWRIPPLE × BLOGGLE  GLOBAL ARTICLE STYLES Paste this entire file into: Bloggle > Global Styles > General > Custom CSS Important: - CSS only. Do not include <style> tags. - This stylesheet intentionally controls article buttons. - Primary CTA: Deep Teal - Secondary CTA: White with Deep Teal outline - Aqua is reserved for accents, links and focus states. - Styles are scoped to Bloggle article content. ========================================================= */@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");/* ========================================================= 1. PAWRIPPLE DESIGN TOKENS ========================================================= */:is(#bloggy--article, #bloggle_article-layout) { /* Brand colours */ --pr-deep-teal: #2c4a52; --pr-deep-teal-hover: #1e353b; --pr-deep-teal-active: #14272c; --pr-aqua: #3bb8c8; --pr-aqua-hover: #34aaba; --pr-aqua-accessible: #0b7f8c; --pr-sky-blue: #6ac8e8; --pr-ice: #a8d8ea; --pr-coral: #ff7f6b; --pr-sand: #e6dbcf; /* Surfaces */ --pr-white: #ffffff; --pr-surface-page: #ffffff; --pr-surface-ice: #eef7fc; --pr-surface-warm: #f4efed; --pr-surface-dark: #2c4a52; /* Text */ --pr-text-heading: #2c4a52; --pr-text-body: #526b72; --pr-text-muted: #5c7379; --pr-text-subtle: #667c82; --pr-text-on-dark: #ffffff; --pr-text-on-dark-muted: rgba(255, 255, 255, 0.82); /* Borders */ --pr-border-soft: rgba(44, 74, 82, 0.1); --pr-border-default: rgba(44, 74, 82, 0.16); --pr-border-strong: rgba(44, 74, 82, 0.28); /* Focus */ --pr-focus-ring: #0b7f8c; /* Typography */ --pr-font-family: "DM Sans", Arial, sans-serif; --pr-font-regular: 400; --pr-font-medium: 500; --pr-font-semibold: 600; --pr-font-bold: 700; --pr-text-xs: 12px; --pr-text-sm: 14px; --pr-text-base: 16px; --pr-text-lg: 18px; --pr-text-xl: 20px; --pr-heading-xs: clamp(20px, 2vw, 24px); --pr-heading-sm: clamp(24px, 3vw, 28px); --pr-heading-md: clamp(30px, 3.5vw, 36px); --pr-heading-lg: clamp(36px, 4.5vw, 44px); --pr-heading-xl: clamp(42px, 5.5vw, 60px); --pr-line-tight: 1.08; --pr-line-heading: 1.18; --pr-line-body: 1.72; --pr-tracking-tight: -0.035em; --pr-tracking-heading: -0.022em; --pr-tracking-label: 0.1em; /* Spacing */ --pr-space-1: 4px; --pr-space-2: 8px; --pr-space-3: 12px; --pr-space-4: 16px; --pr-space-5: 20px; --pr-space-6: 24px; --pr-space-8: 32px; --pr-space-10: 40px; --pr-space-12: 48px; --pr-space-16: 64px; --pr-space-20: 80px; /* Layout */ --pr-blog-reading-width: 760px; --pr-blog-wide-width: 1120px; --pr-blog-gutter: clamp(18px, 4vw, 48px); /* Mobile article card */ --pr-blog-mobile-outer-gutter: 18px; --pr-blog-mobile-inner-gutter: 18px; --pr-blog-mobile-surface-y: 24px; /* Radius */ --pr-radius-xs: 8px; --pr-radius-sm: 12px; --pr-radius-md: 18px; --pr-radius-lg: 28px; --pr-radius-xl: 36px; --pr-radius-pill: 999px; /* Shadows */ --pr-shadow-xs: 0 4px 12px rgba(44, 74, 82, 0.06); --pr-shadow-sm: 0 8px 24px rgba(44, 74, 82, 0.08); --pr-shadow-md: 0 14px 36px rgba(44, 74, 82, 0.11); --pr-shadow-lg: 0 24px 60px rgba(44, 74, 82, 0.14); /* Motion */ --pr-transition-fast: 150ms ease; --pr-transition-base: 220ms ease; --pr-transition-slow: 350ms ease;}/* ========================================================= 2. FOUNDATION AND RESET ========================================================= */:is(#bloggy--article, #bloggle_article-layout),:is(#bloggy--article, #bloggle_article-layout) *,:is(#bloggy--article, #bloggle_article-layout) *::before,:is(#bloggy--article, #bloggle_article-layout) *::after { box-sizing: border-box;}:is(#bloggy--article, #bloggle_article-layout) { color: var(--pr-text-body); font-family: var(--pr-font-family) !important; font-size: var(--pr-text-base); font-weight: var(--pr-font-regular); line-height: var(--pr-line-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}:is(#bloggy--article, #bloggle_article-layout) :where(button, input, textarea, select) { font: inherit;}:is(#bloggy--article, #bloggle_article-layout) :where(img, svg, video, iframe) { max-width: 100%;}:is(#bloggy--article, #bloggle_article-layout) ::selection { color: var(--pr-deep-teal); background: rgba(59, 184, 200, 0.24);}/* ========================================================= 3. ARTICLE LAYOUT ========================================================= */#bloggle_article-layout { width: min( calc(100% - (var(--pr-blog-gutter) * 2)), var(--pr-blog-wide-width) ) !important; max-width: var(--pr-blog-wide-width) !important; margin: clamp(24px, 4vw, 48px) auto clamp(72px, 8vw, 112px) !important; padding: 0 !important;}#bloggle_article-layout #bloggle_article,#bloggle_article-layout #article { width: 100% !important; max-width: 100% !important;}#bloggle_article-layout #bloggle_rte,#bloggy--article { width: min(100%, var(--pr-blog-reading-width)); max-width: var(--pr-blog-reading-width); min-width: 0; margin-inline: auto; color: var(--pr-text-body); font-family: var(--pr-font-family) !important; font-size: var(--pr-text-base) !important; line-height: var(--pr-line-body) !important; overflow-wrap: anywhere;}#bloggle_article-layout #bloggle_rte #bloggy--article { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;}#bloggle_article-layout #bloggle_rte .bggle--block,#bloggle_article-layout #bloggle_rte .bggle_text--container,#bloggle_article-layout #bloggle_rte .bggle_image--container { min-width: 0; max-width: 100%;}#bloggle_article-layout #bloggle_rte > :first-child,#bloggy--article > :first-child { margin-top: 0 !important;}#bloggle_article-layout #bloggle_rte > :last-child,#bloggy--article > :last-child { margin-bottom: 0 !important;}/* ========================================================= 4. ARTICLE FEATURE IMAGE ========================================================= */#bloggle_article-layout .bloggle--blog-item-img { display: block; width: 100% !important; height: auto !important; max-height: 620px; margin: 0 0 clamp(32px, 5vw, 56px); aspect-ratio: 16 / 9; object-fit: cover; object-position: center; border: 1px solid var(--pr-border-soft); border-radius: var(--pr-radius-lg); background: var(--pr-surface-ice); box-shadow: var(--pr-shadow-sm);}/* ========================================================= 5. ARTICLE HEADER ========================================================= */#bloggle_article-layout #article-header { width: min(100%, 980px); margin: 0 auto clamp(38px, 5vw, 58px); padding: 0; text-align: center;}#bloggle_article-layout #bloggle--article-title,#bloggy--article h1:first-child { max-width: 980px; margin: 0 auto clamp(20px, 3vw, 30px) !important; color: var(--pr-text-heading) !important; font-family: var(--pr-font-family) !important; font-size: var(--pr-heading-xl) !important; font-style: normal !important; font-weight: var(--pr-font-semibold) !important; line-height: var(--pr-line-tight) !important; letter-spacing: var(--pr-tracking-tight) !important; text-align: center; text-transform: none !important; text-wrap: balance;}#bloggle_article-layout #article-header .info_header { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 12px; margin: 0; color: var(--pr-text-muted); font-family: var(--pr-font-family) !important; font-size: var(--pr-text-sm); line-height: 1.5;}#bloggle_article-layout #article-header .info_header p,#bloggle_article-layout #article-header .info_header span { margin: 0 !important; color: inherit !important; font-family: var(--pr-font-family) !important; font-size: inherit !important; font-weight: var(--pr-font-medium); line-height: inherit !important;}#bloggle_article-layout #article-header .info_header #separator { color: var(--pr-border-strong) !important;}/* ========================================================= 6. ARTICLE TYPOGRAPHY ========================================================= */:is(#bloggy--article, #bloggle_rte) :where(h1, h2, h3, h4, h5, h6) { color: var(--pr-text-heading) !important; font-family: var(--pr-font-family) !important; font-style: normal !important; font-weight: var(--pr-font-semibold) !important; line-height: var(--pr-line-heading) !important; letter-spacing: var(--pr-tracking-heading) !important; text-transform: none !important; text-wrap: balance; scroll-margin-top: 110px;}:is(#bloggy--article, #bloggle_rte) h1 { margin: 0 0 clamp(22px, 3vw, 32px); font-size: var(--pr-heading-xl) !important; line-height: var(--pr-line-tight) !important; letter-spacing: var(--pr-tracking-tight) !important;}:is(#bloggy--article, #bloggle_rte) h2 { margin: clamp(48px, 7vw, 76px) 0 20px; font-size: var(--pr-heading-lg) !important;}:is(#bloggy--article, #bloggle_rte) h3 { margin: clamp(36px, 5vw, 52px) 0 16px; font-size: var(--pr-heading-md) !important;}:is(#bloggy--article, #bloggle_rte) h4 { margin: 32px 0 14px; font-size: var(--pr-heading-sm) !important;}:is(#bloggy--article, #bloggle_rte) h5,:is(#bloggy--article, #bloggle_rte) h6 { margin: 28px 0 12px; font-size: var(--pr-heading-xs) !important;}#bloggle_article-layout #bloggle_rte.bloggle_rte p:not(.bggle-font),:is(#bloggy--article, #bloggle_rte) p { margin: 0 0 1.35em; color: var(--pr-text-body) !important; font-family: var(--pr-font-family) !important; font-size: var(--pr-text-base) !important; line-height: var(--pr-line-body) !important; text-wrap: pretty;}:is(#bloggy--article, #bloggle_rte) :where(li, dd, dt, th, td, figcaption) { color: var(--pr-text-body); font-family: var(--pr-font-family) !important; line-height: var(--pr-line-body);}:is(#bloggy--article, #bloggle_rte) .pr-blog-lead { margin-bottom: 1.5em; color: var(--pr-text-body); font-size: clamp(18px, 2vw, 21px) !important; line-height: 1.65 !important;}:is(#bloggy--article, #bloggle_rte) :where(strong, b) { color: var(--pr-text-heading); font-weight: var(--pr-font-bold);}:is(#bloggy--article, #bloggle_rte) :where(em, i) { font-style: italic;}:is(#bloggy--article, #bloggle_rte) :where(small, .small, [class*="caption"]) { color: var(--pr-text-muted); font-size: var(--pr-text-sm) !important; line-height: 1.55;}/* ========================================================= 7. LINKS ========================================================= */:is(#bloggy--article, #bloggle_rte) a:not(.btn) :not(.btn-primary) :not(.btn-secondary) { font-family: var(--pr-font-family) !important;}/* Standard article links only. Button classes are deliberately excluded so regular link decoration cannot appear on CTA buttons.*/:is(#bloggy--article, #bloggle_rte) a:not(.btn) :not(.btn-primary) :not(.btn-secondary) { border-bottom: 0;}:is(#bloggy--article, #bloggle_rte) a:not(.btn):not(.btn-primary):not(.btn-secondary): not(.bggle_button-link):not(.pr-blog-button): not([role="button"]):not([class*="button"]) { color: var(--pr-aqua-accessible) !important; font-weight: var(--pr-font-semibold); text-decoration: underline !important; text-decoration-color: rgba(11, 127, 140, 0.45) !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px; border-bottom: 0 !important; overflow-wrap: anywhere; transition: color var(--pr-transition-fast), text-decoration-color var(--pr-transition-fast), text-decoration-thickness var(--pr-transition-fast);}:is(#bloggy--article, #bloggle_rte) a:not(.btn):not(.btn-primary):not(.btn-secondary): not(.bggle_button-link):not(.pr-blog-button): not([role="button"]):not([class*="button"]):hover { color: var(--pr-deep-teal-hover) !important; text-decoration-color: currentColor !important; text-decoration-thickness: 2px !important;}:is(#bloggy--article, #bloggle_rte) a:focus-visible,#bloggle_article-layout a:focus-visible { outline: 3px solid var(--pr-focus-ring); outline-offset: 3px; border-radius: 4px;}/* ========================================================= 8. LISTS AND CHECKLISTS ========================================================= */:is(#bloggy--article, #bloggle_rte) :where(ul, ol) { margin: 0 0 1.5em; padding-left: 1.45em;}:is(#bloggy--article, #bloggle_rte) li { margin-bottom: 0.65em; padding-left: 0.2em;}:is(#bloggy--article, #bloggle_rte) li::marker { color: var(--pr-aqua-accessible); font-weight: var(--pr-font-bold);}:is(#bloggy--article, #bloggle_rte) li > :last-child { margin-bottom: 0;}:is(#bloggy--article, #bloggle_rte) .pr-blog-checklist { padding-left: 0; list-style: none;}:is(#bloggy--article, #bloggle_rte) .pr-blog-checklist li { position: relative; padding-left: 34px;}:is(#bloggy--article, #bloggle_rte) .pr-blog-checklist li::before { position: absolute; top: 0.05em; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: var(--pr-deep-teal); background: rgba(59, 184, 200, 0.18); font-size: 13px; font-weight: var(--pr-font-bold); line-height: 1; content: "";}/* ========================================================= 9. IMAGES, MEDIA AND CAPTIONS ========================================================= */:is(#bloggy--article, #bloggle_rte) :where(img, picture, video, iframe) { display: block; max-width: 100%;}:is(#bloggy--article, #bloggle_rte) img { width: auto; height: auto; margin: clamp(24px, 4vw, 40px) auto; border-radius: var(--pr-radius-md); background: var(--pr-surface-ice);}:is(#bloggy--article, #bloggle_rte) figure { margin: clamp(28px, 4vw, 44px) 0;}:is(#bloggy--article, #bloggle_rte) figure img { width: 100%; margin: 0;}:is(#bloggy--article, #bloggle_rte) figcaption { margin-top: 10px; color: var(--pr-text-muted); font-size: var(--pr-text-sm) !important; line-height: 1.55; text-align: center;}:is(#bloggy--article, #bloggle_rte) :where(.video-wrapper, .responsive-video, [class*="video"]) { position: relative; width: 100%; margin: clamp(28px, 4vw, 44px) 0; overflow: hidden; border-radius: var(--pr-radius-md); background: var(--pr-surface-ice);}:is(#bloggy--article, #bloggle_rte) :where(.video-wrapper, .responsive-video, [class*="video"]) iframe { width: 100%; aspect-ratio: 16 / 9; border: 0;}/* ========================================================= 10. BLOCKQUOTES AND CALLOUTS ========================================================= */:is(#bloggy--article, #bloggle_rte) blockquote { margin: clamp(32px, 5vw, 52px) 0; padding: clamp(24px, 4vw, 34px); border: 1px solid rgba(59, 184, 200, 0.24); border-left: 4px solid var(--pr-aqua); border-radius: 0 var(--pr-radius-md) var(--pr-radius-md) 0; color: var(--pr-text-heading); background: var(--pr-surface-ice); box-shadow: var(--pr-shadow-xs); font-family: var(--pr-font-family) !important; font-size: clamp(18px, 2.2vw, 22px); font-weight: var(--pr-font-medium); line-height: 1.55;}:is(#bloggy--article, #bloggle_rte) blockquote > :last-child { margin-bottom: 0;}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout { margin: clamp(28px, 4vw, 44px) 0; padding: clamp(22px, 3vw, 30px); border: 1px solid var(--pr-border-soft); border-radius: var(--pr-radius-md); color: var(--pr-text-body); background: var(--pr-white); box-shadow: var(--pr-shadow-xs);}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout > :first-child { margin-top: 0;}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout > :last-child { margin-bottom: 0;}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout--aqua { border-color: rgba(59, 184, 200, 0.24); background: var(--pr-surface-ice);}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout--warm { background: var(--pr-surface-warm);}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout--dark { color: var(--pr-text-on-dark-muted); border-color: rgba(255, 255, 255, 0.12); background: var(--pr-surface-dark); box-shadow: var(--pr-shadow-md);}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout--dark :where(h1, h2, h3, h4, h5, h6, strong) { color: var(--pr-white) !important;}:is(#bloggy--article, #bloggle_rte) .pr-blog-callout--dark p { color: var(--pr-text-on-dark-muted) !important;}/* ========================================================= 11. TABLES ========================================================= */:is(#bloggy--article, #bloggle_rte) table { display: block; width: 100%; max-width: 100%; margin: clamp(28px, 4vw, 44px) 0; overflow-x: auto; border: 1px solid var(--pr-border-default); border-spacing: 0; border-collapse: separate; border-radius: var(--pr-radius-sm); background: var(--pr-white); -webkit-overflow-scrolling: touch;}:is(#bloggy--article, #bloggle_rte) :where(th, td) { min-width: 140px; padding: 13px 15px; border-right: 1px solid var(--pr-border-soft); border-bottom: 1px solid var(--pr-border-soft); text-align: left; vertical-align: top;}:is(#bloggy--article, #bloggle_rte) th { color: var(--pr-text-heading); background: var(--pr-surface-ice); font-weight: var(--pr-font-bold);}:is(#bloggy--article, #bloggle_rte) tr:last-child td { border-bottom: 0;}:is(#bloggy--article, #bloggle_rte) :where(th, td):last-child { border-right: 0;}/* ========================================================= 12. CODE AND DIVIDERS ========================================================= */:is(#bloggy--article, #bloggle_rte) :not(pre) > code { padding: 0.15em 0.42em; border: 1px solid var(--pr-border-soft); border-radius: 6px; color: var(--pr-deep-teal); background: var(--pr-surface-ice); font-size: 0.88em;}:is(#bloggy--article, #bloggle_rte) pre { margin: clamp(28px, 4vw, 44px) 0; padding: 20px; overflow-x: auto; border-radius: var(--pr-radius-sm); color: rgba(255, 255, 255, 0.94); background: var(--pr-deep-teal-active); font-size: 14px; line-height: 1.65; -webkit-overflow-scrolling: touch;}:is(#bloggy--article, #bloggle_rte) pre code { padding: 0; color: inherit; background: transparent; border: 0;}:is(#bloggy--article, #bloggle_rte) hr { width: 100%; margin: clamp(42px, 6vw, 68px) 0; border: 0; border-top: 1px solid var(--pr-border-soft); opacity: 1;}/* ========================================================= 13. BUTTONS AND CTAS Supported classes: Bloggle: .bggle_button .bggle_button-link Standard: .btn .btn-primary .btn-secondary PawRipple: .pr-blog-button .pr-blog-button--primary .pr-blog-button--secondary ========================================================= *//* Bloggle outer button wrapper */#bloggy--article .bggle_button,#bloggle_rte .bggle_button,#bloggle_article-layout #bloggle_rte #bloggy--article .bggle_button { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; text-align: center !important;}/* Shared button foundation */:is(#bloggy--article, #bloggle_rte) :where( a.bggle_button-link, button.bggle_button-link, a.btn, button.btn, input.btn, a.btn-primary, button.btn-primary, input.btn-primary, a.btn-secondary, button.btn-secondary, input.btn-secondary, a.pr-blog-button, button.pr-blog-button ),#bloggle_article-layout #bloggle_rte #bloggy--article .bggle_button > a.bggle_button-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: auto !important; min-width: 210px !important; max-width: 100% !important; min-height: 50px !important; margin-inline: auto !important; padding: 0 28px !important; border-radius: var(--pr-radius-sm) !important; font-family: var(--pr-font-family) !important; font-size: 15px !important; font-style: normal !important; font-weight: var(--pr-font-semibold) !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; white-space: normal !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; transition: color var(--pr-transition-base), background-color var(--pr-transition-base), border-color var(--pr-transition-base), box-shadow var(--pr-transition-base), transform var(--pr-transition-base) !important;}/* Primary button */:is(#bloggy--article, #bloggle_rte) :where( a.bggle_button-link, button.bggle_button-link, a.btn:not(.btn-secondary), button.btn:not(.btn-secondary), input.btn:not(.btn-secondary), a.btn-primary, button.btn-primary, input.btn-primary, a.pr-blog-button:not(.pr-blog-button--secondary), button.pr-blog-button:not(.pr-blog-button--secondary), a.pr-blog-button--primary, button.pr-blog-button--primary ),#bloggle_article-layout #bloggle_rte #bloggy--article .bggle_button > a.bggle_button-link { color: var(--pr-white) !important; background: var(--pr-deep-teal) !important; background-color: var(--pr-deep-teal) !important; border: 1px solid var(--pr-deep-teal) !important; border-bottom: 1px solid var(--pr-deep-teal) !important; box-shadow: 0 8px 20px rgba(44, 74, 82, 0.17) !important;}/* Primary hover */:is(#bloggy--article, #bloggle_rte) :where( a.bggle_button-link, button.bggle_button-link, a.btn:not(.btn-secondary), button.btn:not(.btn-secondary), input.btn:not(.btn-secondary), a.btn-primary, button.btn-primary, input.btn-primary, a.pr-blog-button:not(.pr-blog-button--secondary), button.pr-blog-button:not(.pr-blog-button--secondary), a.pr-blog-button--primary, button.pr-blog-button--primary ):hover,#bloggle_article-layout #bloggle_rte #bloggy--article .bggle_button > a.bggle_button-link:hover { color: var(--pr-white) !important; background: var(--pr-deep-teal-hover) !important; background-color: var(--pr-deep-teal-hover) !important; border-color: var(--pr-deep-teal-hover) !important; border-bottom-color: var(--pr-deep-teal-hover) !important; box-shadow: 0 12px 26px rgba(44, 74, 82, 0.23) !important; transform: translateY(-1px) !important;}/* Primary active */:is(#bloggy--article, #bloggle_rte) :where( a.bggle_button-link, button.bggle_button-link, a.btn:not(.btn-secondary), button.btn:not(.btn-secondary), input.btn:not(.btn-secondary), a.btn-primary, button.btn-primary, input.btn-primary, a.pr-blog-button:not(.pr-blog-button--secondary), button.pr-blog-button:not(.pr-blog-button--secondary), a.pr-blog-button--primary, button.pr-blog-button--primary ):active,#bloggle_article-layout #bloggle_rte #bloggy--article .bggle_button > a.bggle_button-link:active { color: var(--pr-white) !important; background: var(--pr-deep-teal-active) !important; background-color: var(--pr-deep-teal-active) !important; border-color: var(--pr-deep-teal-active) !important; border-bottom-color: var(--pr-deep-teal-active) !important; box-shadow: 0 6px 14px rgba(44, 74, 82, 0.18) !important; transform: translateY(0) !important;}/* Secondary button */:is(#bloggy--article, #bloggle_rte) :where( a.btn-secondary, button.btn-secondary, input.btn-secondary, a.btn--secondary, button.btn--secondary, a.button--secondary, button.button--secondary, a.pr-blog-button--secondary, button.pr-blog-button--secondary, a.bggle_button-link.btn-secondary, a.bggle_button-link.btn--secondary, a.bggle_button-link.button--secondary, a.bggle_button-link.pr-blog-button--secondary ) { color: var(--pr-deep-teal) !important; background: var(--pr-white) !important; background-color: var(--pr-white) !important; border: 1px solid var(--pr-border-strong) !important; border-bottom: 1px solid var(--pr-border-strong) !important; box-shadow: none !important;}/* Secondary hover */:is(#bloggy--article, #bloggle_rte) :where( a.btn-secondary, button.btn-secondary, input.btn-secondary, a.btn--secondary, button.btn--secondary, a.button--secondary, button.button--secondary, a.pr-blog-button--secondary, button.pr-blog-button--secondary, a.bggle_button-link.btn-secondary, a.bggle_button-link.btn--secondary, a.bggle_button-link.button--secondary, a.bggle_button-link.pr-blog-button--secondary ):hover { color: var(--pr-deep-teal-hover) !important; background: var(--pr-surface-ice) !important; background-color: var(--pr-surface-ice) !important; border-color: var(--pr-deep-teal) !important; border-bottom-color: var(--pr-deep-teal) !important; box-shadow: 0 8px 20px rgba(44, 74, 82, 0.1) !important; transform: translateY(-1px) !important;}/* Secondary active */:is(#bloggy--article, #bloggle_rte) :where( a.btn-secondary, button.btn-secondary, input.btn-secondary, a.btn--secondary, button.btn--secondary, a.button--secondary, button.button--secondary, a.pr-blog-button--secondary, button.pr-blog-button--secondary ):active { color: var(--pr-deep-teal-active) !important; background: #e3f2f6 !important; border-color: var(--pr-deep-teal-active) !important; transform: translateY(0) !important;}/* Keyboard focus */:is(#bloggy--article, #bloggle_rte) :where( a.bggle_button-link, button.bggle_button-link, a.btn, button.btn, input.btn, a.btn-primary, button.btn-primary, input.btn-primary, a.btn-secondary, button.btn-secondary, input.btn-secondary, a.pr-blog-button, button.pr-blog-button ):focus-visible,#bloggle_article-layout #bloggle_rte #bloggy--article .bggle_button > a.bggle_button-link:focus-visible { outline: none !important; box-shadow: 0 0 0 3px var(--pr-white), 0 0 0 6px var(--pr-focus-ring) !important;}/* Disabled state */:is(#bloggy--article, #bloggle_rte) :where( button.btn, input.btn, button.btn-primary, input.btn-primary, button.btn-secondary, input.btn-secondary, button.pr-blog-button ):disabled,:is(#bloggy--article, #bloggle_rte) :where(.btn, .btn-primary, .btn-secondary, .pr-blog-button) [aria-disabled="true"] { opacity: 0.55 !important; cursor: not-allowed !important; pointer-events: none !important; transform: none !important; box-shadow: none !important;}/* ========================================================= 14. RELATED ARTICLE BUTTONS ========================================================= */#bloggy--article .bggle_blog-post-button,#bloggle_rte .bggle_blog-post-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 0 20px !important; border: 1px solid var(--pr-deep-teal) !important; border-radius: var(--pr-radius-sm) !important; color: var(--pr-white) !important; background: var(--pr-deep-teal) !important; font-family: var(--pr-font-family) !important; font-size: 13px !important; font-weight: var(--pr-font-bold) !important; line-height: 1 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; transition: background-color var(--pr-transition-base), border-color var(--pr-transition-base), transform var(--pr-transition-base) !important;}#bloggy--article .bggle_blog-post-button:hover,#bloggle_rte .bggle_blog-post-button:hover { color: var(--pr-white) !important; background: var(--pr-deep-teal-hover) !important; border-color: var(--pr-deep-teal-hover) !important; transform: translateY(-1px) !important;}/* ========================================================= 15. REUSABLE CONTENT BLOCKS ========================================================= */:is(#bloggy--article, #bloggle_rte) .pr-blog-card { overflow: hidden; margin: clamp(28px, 4vw, 44px) 0; border: 1px solid var(--pr-border-soft); border-radius: var(--pr-radius-lg); background: var(--pr-white); box-shadow: var(--pr-shadow-sm); transition: border-color var(--pr-transition-base), box-shadow var(--pr-transition-base), transform var(--pr-transition-base);}:is(#bloggy--article, #bloggle_rte) .pr-blog-card:hover { border-color: var(--pr-border-default); box-shadow: var(--pr-shadow-md); transform: translateY(-2px);}:is(#bloggy--article, #bloggle_rte) .pr-blog-card__media { overflow: hidden; background: var(--pr-surface-ice);}:is(#bloggy--article, #bloggle_rte) .pr-blog-card__media img { width: 100%; margin: 0; border-radius: 0;}:is(#bloggy--article, #bloggle_rte) .pr-blog-card__content { padding: clamp(22px, 3vw, 32px);}:is(#bloggy--article, #bloggle_rte) .pr-blog-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 16px; padding: 9px 14px; border: 1px solid var(--pr-border-default); border-radius: var(--pr-radius-pill); color: var(--pr-deep-teal); background: rgba(255, 255, 255, 0.9); font-family: var(--pr-font-family) !important; font-size: 11px !important; font-weight: var(--pr-font-bold); line-height: 1; letter-spacing: var(--pr-tracking-label); text-transform: uppercase;}:is(#bloggy--article, #bloggle_rte) .pr-blog-eyebrow::before { width: 7px; height: 7px; border-radius: 50%; background: var(--pr-aqua); box-shadow: 0 0 0 5px rgba(59, 184, 200, 0.14); content: ""; flex: 0 0 auto;}:is(#bloggy--article, #bloggle_rte) .pr-blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3vw, 28px); width: min(100vw - 40px, var(--pr-blog-wide-width)); margin: clamp(32px, 5vw, 52px) 50%; transform: translateX(-50%);}:is(#bloggy--article, #bloggle_rte) .pr-blog-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr));}:is(#bloggy--article, #bloggle_rte) .pr-blog-narrow { max-width: 640px; margin-inline: auto;}:is(#bloggy--article, #bloggle_rte) .pr-blog-wide { width: min(100vw - 40px, var(--pr-blog-wide-width)); max-width: var(--pr-blog-wide-width); margin-inline: 50%; transform: translateX(-50%);}:is(#bloggy--article, #bloggle_rte) .pr-blog-surface { padding: clamp(28px, 5vw, 48px); border-radius: var(--pr-radius-lg); background: var(--pr-surface-ice);}:is(#bloggy--article, #bloggle_rte) .pr-blog-dark { color: var(--pr-text-on-dark-muted); background: var(--pr-surface-dark);}:is(#bloggy--article, #bloggle_rte) .pr-blog-dark :where(h1, h2, h3, h4, h5, h6, strong) { color: var(--pr-white) !important;}/* ========================================================= 16. PRODUCT AND RELATED-ARTICLE CARDS ========================================================= */#bloggle_article-layout :where( .bggle--info-siderBar-product, .bggle-latest-article, [class*="product-card"], [class*="article-card"] ) { overflow: hidden; border: 1px solid var(--pr-border-soft); border-radius: var(--pr-radius-md); background: var(--pr-white); box-shadow: var(--pr-shadow-xs);}#bloggle_article-layout :where(.bggle--product-info, .bggle-latest-article-info) { padding: 16px; font-family: var(--pr-font-family) !important;}#bloggle_article-layout :where(.bggle--product-title, .bggle-latest-article-title) { color: var(--pr-text-heading) !important; font-family: var(--pr-font-family) !important; font-size: var(--pr-text-lg) !important; font-weight: var(--pr-font-semibold) !important; line-height: 1.3; letter-spacing: -0.015em;}#bloggle_article-layout .bggle--product-vendor { color: var(--pr-text-muted) !important; font-family: var(--pr-font-family) !important; font-size: var(--pr-text-xs) !important; font-weight: var(--pr-font-bold); letter-spacing: 0.08em; text-transform: uppercase;}#bloggle_article-layout .bggle--product-price { color: var(--pr-deep-teal) !important; font-family: var(--pr-font-family) !important; font-size: var(--pr-text-base) !important; font-weight: var(--pr-font-bold);}#bloggle_article-layout .bggle--product-item-img,#bloggle_article-layout .bggle-latest-article-img img { width: 100% !important; height: auto !important; object-fit: contain !important; background: var(--pr-surface-ice);}/* ========================================================= 17. SHARE BUTTONS ========================================================= */#bloggle_article-layout #share-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: min(100%, var(--pr-blog-reading-width)); margin: clamp(36px, 5vw, 56px) auto 0; padding-top: clamp(28px, 4vw, 40px); border-top: 1px solid var(--pr-border-soft); font-family: var(--pr-font-family) !important;}#bloggle_article-layout #share-buttons > div { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 14px; border: 1px solid var(--pr-border-default); border-radius: var(--pr-radius-pill); color: var(--pr-deep-teal); background: var(--pr-white); transition: border-color var(--pr-transition-fast), background-color var(--pr-transition-fast), transform var(--pr-transition-fast);}#bloggle_article-layout #share-buttons > div:hover { border-color: var(--pr-deep-teal); background: var(--pr-surface-ice); transform: translateY(-1px);}#bloggle_article-layout #share-buttons a { color: var(--pr-deep-teal) !important; font-family: var(--pr-font-family) !important; font-size: var(--pr-text-sm) !important; font-weight: var(--pr-font-semibold); text-decoration: none !important;}#bloggle_article-layout #share-buttons svg,#bloggle_article-layout #share-buttons svg path { width: 17px !important; height: 17px !important; color: var(--pr-deep-teal) !important; fill: currentColor !important;}/* ========================================================= 18. GO-BACK LINK ========================================================= */#bloggle_article-layout #bloggle--blog-item-goback { margin: clamp(38px, 5vw, 58px) 0 0; padding-top: clamp(28px, 4vw, 38px); border-top: 1px solid var(--pr-border-soft);}#bloggle_article-layout #bloggle--blog-item-goback a { display: inline-flex; align-items: center; gap: 8px; color: var(--pr-deep-teal) !important; font-family: var(--pr-font-family) !important; font-weight: var(--pr-font-semibold); text-decoration: none !important;}#bloggle_article-layout #bloggle--blog-item-goback a:hover { color: var(--pr-aqua-accessible) !important;}/* ========================================================= 19. FORMS AND COMMENTS ========================================================= */#bloggle_article-layout :where( input[type="text"], input[type="email"], input[type="url"], textarea, select ) { width: 100%; min-height: 52px; padding: 0 16px; border: 1px solid var(--pr-border-default); border-radius: var(--pr-radius-sm); color: var(--pr-deep-teal); background: var(--pr-white); box-shadow: none; outline: none; font-family: var(--pr-font-family) !important; font-size: var(--pr-text-base); transition: border-color var(--pr-transition-fast), box-shadow var(--pr-transition-fast);}#bloggle_article-layout textarea { min-height: 140px; padding-block: 14px; resize: vertical;}#bloggle_article-layout :where( input[type="text"], input[type="email"], input[type="url"], textarea, select ):focus { border-color: var(--pr-focus-ring); box-shadow: 0 0 0 3px rgba(11, 127, 140, 0.16);}#bloggle_article-layout :where(label, .bggle--form-label) { color: var(--pr-deep-teal); font-family: var(--pr-font-family) !important; font-size: var(--pr-text-sm); font-weight: var(--pr-font-bold);}#bloggle_article-layout .bggle--success-message,#bloggle_article-layout .bggle--form-error { padding: 12px 14px; border-radius: var(--pr-radius-sm); font-family: var(--pr-font-family) !important; font-size: var(--pr-text-sm); line-height: 1.5;}#bloggle_article-layout .bggle--success-message { color: var(--pr-deep-teal); border: 1px solid rgba(59, 184, 200, 0.28); background: rgba(168, 216, 234, 0.24);}#bloggle_article-layout .bggle--form-error { color: #7a3028; border: 1px solid rgba(255, 127, 107, 0.3); background: rgba(255, 127, 107, 0.12);}/* ========================================================= 20. FAQ AND ACCORDIONS ========================================================= */:is(#bloggy--article, #bloggle_rte) details { margin: 0 0 12px; overflow: hidden; border: 1px solid var(--pr-border-soft); border-radius: var(--pr-radius-sm); background: var(--pr-white);}:is(#bloggy--article, #bloggle_rte) summary { position: relative; padding: 18px 48px 18px 18px; color: var(--pr-text-heading); font-family: var(--pr-font-family) !important; font-weight: var(--pr-font-semibold); line-height: 1.4; cursor: pointer; list-style: none;}:is(#bloggy--article, #bloggle_rte) summary::-webkit-details-marker { display: none;}:is(#bloggy--article, #bloggle_rte) summary::after { position: absolute; top: 50%; right: 18px; color: var(--pr-aqua-accessible); font-size: 24px; font-weight: var(--pr-font-medium); line-height: 1; transform: translateY(-50%); content: "+";}:is(#bloggy--article, #bloggle_rte) details[open] summary::after { content: "";}:is(#bloggy--article, #bloggle_rte) details > :not(summary) { margin-inline: 18px;}:is(#bloggy--article, #bloggle_rte) details > :last-child { margin-bottom: 18px;}/* ========================================================= 21. TABLET ========================================================= */@media screen and (max-width: 989px) { :is(#bloggy--article, #bloggle_rte) .pr-blog-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }}/* ========================================================= 22. MOBILE ========================================================= */@media screen and (max-width: 749px) { :is(#bloggy--article, #bloggle_article-layout) { --pr-blog-gutter: var(--pr-blog-mobile-outer-gutter); --pr-heading-xl: clamp(34px, 10vw, 44px); --pr-heading-lg: clamp(30px, 8vw, 36px); --pr-heading-md: clamp(25px, 7vw, 30px); } #bloggle_article-layout { width: calc( 100% - (var(--pr-blog-mobile-outer-gutter) * 2) ) !important; max-width: none !important; margin-top: 24px !important; margin-bottom: 72px !important; padding: 0 !important; } #bloggle_article-layout .bloggle--blog-item-img { max-height: none; margin-bottom: 30px; aspect-ratio: 4 / 3; border-radius: var(--pr-radius-md); } #bloggle_article-layout #article-header { margin-bottom: 34px; } #bloggle_article-layout #bloggle--article-title, #bloggy--article h1:first-child { font-size: var(--pr-heading-xl) !important; line-height: 1.1 !important; letter-spacing: -0.03em !important; } #bloggle_article-layout #article-header .info_header { gap: 5px 8px; font-size: 13px; } #bloggle_article-layout #article-header .info_header #separator { display: none; } #bloggle_article-layout #article-header .info_header p { display: block; width: 100%; } /* Mobile article card */ #bloggle_article-layout #bloggle_rte { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 auto !important; padding: var(--pr-blog-mobile-surface-y) var(--pr-blog-mobile-inner-gutter) calc(var(--pr-blog-mobile-surface-y) + 8px) !important; overflow: hidden; border: 1px solid var(--pr-border-soft) !important; border-radius: var(--pr-radius-md) !important; color: var(--pr-text-body); background: var(--pr-white) !important; box-shadow: var(--pr-shadow-xs) !important; font-size: 15px !important; line-height: 1.7 !important; } #bloggle_article-layout #bloggle_rte #bloggy--article { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 15px !important; line-height: 1.7 !important; } #bloggle_article-layout #bloggle_rte #bloggy--article .bggle--block[style*="width"] { width: 100% !important; max-width: 100% !important; } #bloggle_article-layout #bloggle_rte .bggle--block, #bloggle_article-layout #bloggle_rte .bggle_text--container, #bloggle_article-layout #bloggle_rte .bggle_image--container { max-width: 100% !important; } #bloggle_article-layout #bloggle_rte.bloggle_rte p:not(.bggle-font), :is(#bloggy--article, #bloggle_rte) p, :is(#bloggy--article, #bloggle_rte) li { font-size: 15px !important; line-height: 1.7 !important; } :is(#bloggy--article, #bloggle_rte) h2 { margin-top: 46px; font-size: var(--pr-heading-lg) !important; } :is(#bloggy--article, #bloggle_rte) h3 { margin-top: 36px; font-size: var(--pr-heading-md) !important; } :is(#bloggy--article, #bloggle_rte) :where(ul, ol) { max-width: 100%; padding-left: 1.35em; } :is(#bloggy--article, #bloggle_rte) blockquote, :is(#bloggy--article, #bloggle_rte) .pr-blog-callout, :is(#bloggy--article, #bloggle_rte) .pr-blog-surface { padding: 22px 20px; } :is(#bloggy--article, #bloggle_rte) .pr-blog-grid, :is(#bloggy--article, #bloggle_rte) .pr-blog-grid--3 { grid-template-columns: 1fr; width: 100%; margin-inline: 0; transform: none; } :is(#bloggy--article, #bloggle_rte) .pr-blog-wide { width: 100%; margin-inline: 0; transform: none; } #bloggle_article-layout #share-buttons { justify-content: flex-start; } #bloggle_article-layout #share-buttons > div { flex: 1 1 auto; justify-content: center; } /* Mobile buttons */ :is(#bloggy--article, #bloggle_rte) :where( a.bggle_button-link, button.bggle_button-link, a.btn, button.btn, input.btn, a.btn-primary, button.btn-primary, input.btn-primary, a.btn-secondary, button.btn-secondary, input.btn-secondary, a.pr-blog-button, button.pr-blog-button ), #bloggle_article-layout #bloggle_rte #bloggy--article .bggle_button > a.bggle_button-link { width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 48px !important; padding-inline: 20px !important; }}/* ========================================================= 23. REDUCED MOTION ========================================================= */@media (prefers-reduced-motion: reduce) { :is(#bloggy--article, #bloggle_article-layout), :is(#bloggy--article, #bloggle_article-layout) *, :is(#bloggy--article, #bloggle_article-layout) *::before, :is(#bloggy--article, #bloggle_article-layout) *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } :is(#bloggy--article, #bloggle_rte) .pr-blog-card:hover, #bloggle_article-layout #share-buttons > div:hover, :is(#bloggy--article, #bloggle_rte) :where(.btn, .btn-primary, .btn-secondary, .pr-blog-button):hover { transform: none !important; }}/* ========================================================= 24. PRINT ========================================================= */@media print { #bloggle_article-layout { width: 100% !important; max-width: none !important; margin: 0 !important; } #bloggle_article-layout #share-buttons, #bloggle_article-layout #bloggle--blog-item-goback { display: none !important; } :is(#bloggy--article, #bloggle_rte) a { color: inherit !important; text-decoration: underline !important; } :is(#bloggy--article, #bloggle_rte) :where(.pr-blog-card, .pr-blog-callout, blockquote) { box-shadow: none !important; break-inside: avoid; }}/* ========================================================= 25. FINAL BLOGGLE FONT SAFEGUARD Keep this section last so Bloggle inline font declarations cannot reintroduce another font family. ========================================================= */#bloggle_article-layout,#bloggle_article-layout #bloggle_article,#bloggle_article-layout #article,#bloggle_article-layout #article-header,#bloggle_article-layout #bloggle_rte,#bloggy--article { font-family: var(--pr-font-family) !important;}#bloggle_article-layout :where( p, li, a, span, strong, b, em, i, small, blockquote, figcaption, label, button, input, textarea, select, th, td ),#bloggy--article :where( p, li, a, span, strong, b, em, i, small, blockquote, figcaption, label, button, input, textarea, select, th, td ) { font-family: var(--pr-font-family) !important;}#bloggle_article-layout [style*="font-family"],#bloggle_article-layout [style*="font-family" i],#bloggy--article [style*="font-family"],#bloggy--article [style*="font-family" i] { font-family: var(--pr-font-family) !important;} #bloggy--article p.text--1624614913014, #bloggy--article li.text--1624614913014, #bloggy--article h6.text--1624614913014, #bloggy--article h5.text--1624614913014, #bloggy--article h4.text--1624614913014, #bloggy--article h3.text--1624614913014, #bloggy--article h2.text--1624614913014, #bloggy--article h1.text--1624614913014, #bloggy--article span.text--1624614913014, #bloggle_article-layout p.text--1624614913014, #bloggle_article-layout li.text--1624614913014, #bloggle_article-layout h6.text--1624614913014, #bloggle_article-layout h5.text--1624614913014, #bloggle_article-layout h4.text--1624614913014, #bloggle_article-layout h3.text--1624614913014, #bloggle_article-layout h2.text--1624614913014, #bloggle_article-layout h1.text--1624614913014, #bloggle_article-layout span.text--1624614913014, #bloggle--blog_layout p.text--1624614913014, #bloggle--blog_layout li.text--1624614913014, #bloggle--blog_layout h6.text--1624614913014, #bloggle--blog_layout h5.text--1624614913014, #bloggle--blog_layout h4.text--1624614913014, #bloggle--blog_layout h3.text--1624614913014, #bloggle--blog_layout h2.text--1624614913014, #bloggle--blog_layout h1.text--1624614913014, #bloggle--blog_layout span.text--1624614913014 {font-weight:400;text-transform: none;font-style: normal;color: #333232;text-decoration:none;} #bloggy--article a.text--1624614913014 {text-transform: none;font-style: normal;} #bloggy--article p.text--1624626181416, #bloggy--article li.text--1624626181416, #bloggy--article h6.text--1624626181416, #bloggy--article h5.text--1624626181416, #bloggy--article h4.text--1624626181416, #bloggy--article h3.text--1624626181416, #bloggy--article h2.text--1624626181416, #bloggy--article h1.text--1624626181416, #bloggy--article span.text--1624626181416, #bloggle_article-layout p.text--1624626181416, #bloggle_article-layout li.text--1624626181416, #bloggle_article-layout h6.text--1624626181416, #bloggle_article-layout h5.text--1624626181416, #bloggle_article-layout h4.text--1624626181416, #bloggle_article-layout h3.text--1624626181416, #bloggle_article-layout h2.text--1624626181416, #bloggle_article-layout h1.text--1624626181416, #bloggle_article-layout span.text--1624626181416, #bloggle--blog_layout p.text--1624626181416, #bloggle--blog_layout li.text--1624626181416, #bloggle--blog_layout h6.text--1624626181416, #bloggle--blog_layout h5.text--1624626181416, #bloggle--blog_layout h4.text--1624626181416, #bloggle--blog_layout h3.text--1624626181416, #bloggle--blog_layout h2.text--1624626181416, #bloggle--blog_layout h1.text--1624626181416, #bloggle--blog_layout span.text--1624626181416 {font-family: 'Helvetica';font-weight:700;text-transform: none;font-style: normal;color: #333232;text-decoration:none;} #bloggy--article a.text--1624626181416 {font-family: 'Helvetica';text-transform: none;font-style: normal;} #bloggy--article p.text--1624626098994, #bloggy--article li.text--1624626098994, #bloggy--article h6.text--1624626098994, #bloggy--article h5.text--1624626098994, #bloggy--article h4.text--1624626098994, #bloggy--article h3.text--1624626098994, #bloggy--article h2.text--1624626098994, #bloggy--article h1.text--1624626098994, #bloggy--article span.text--1624626098994, #bloggle_article-layout p.text--1624626098994, #bloggle_article-layout li.text--1624626098994, #bloggle_article-layout h6.text--1624626098994, #bloggle_article-layout h5.text--1624626098994, #bloggle_article-layout h4.text--1624626098994, #bloggle_article-layout h3.text--1624626098994, #bloggle_article-layout h2.text--1624626098994, #bloggle_article-layout h1.text--1624626098994, #bloggle_article-layout span.text--1624626098994, #bloggle--blog_layout p.text--1624626098994, #bloggle--blog_layout li.text--1624626098994, #bloggle--blog_layout h6.text--1624626098994, #bloggle--blog_layout h5.text--1624626098994, #bloggle--blog_layout h4.text--1624626098994, #bloggle--blog_layout h3.text--1624626098994, #bloggle--blog_layout h2.text--1624626098994, #bloggle--blog_layout h1.text--1624626098994, #bloggle--blog_layout span.text--1624626098994 {font-family: 'Helvetica';font-weight:700;text-transform: none;font-style: normal;color: #333232;text-decoration:none;font-size:15px;line-height:18px;letter-spacing: 0em;} #bloggy--article a.text--1624626098994 {font-family: 'Helvetica';text-transform: none;font-style: normal;font-size:15px;line-height:18px;letter-spacing: 0em;}@media screen and (min-width: 768px) and (max-width: 1024px) { #bloggy--article p.text--1624626098994, #bloggy--article li.text--1624626098994, #bloggy--article h6.text--1624626098994, #bloggy--article h5.text--1624626098994, #bloggy--article h4.text--1624626098994, #bloggy--article h3.text--1624626098994, #bloggy--article h2.text--1624626098994, #bloggy--article h1.text--1624626098994, #bloggy--article span.text--1624626098994, #bloggle_article-layout p.text--1624626098994, #bloggle_article-layout li.text--1624626098994, #bloggle_article-layout h6.text--1624626098994, #bloggle_article-layout h5.text--1624626098994, #bloggle_article-layout h4.text--1624626098994, #bloggle_article-layout h3.text--1624626098994, #bloggle_article-layout h2.text--1624626098994, #bloggle_article-layout h1.text--1624626098994, #bloggle_article-layout span.text--1624626098994, #bloggle--blog_layout p.text--1624626098994, #bloggle--blog_layout li.text--1624626098994, #bloggle--blog_layout h6.text--1624626098994, #bloggle--blog_layout h5.text--1624626098994, #bloggle--blog_layout h4.text--1624626098994, #bloggle--blog_layout h3.text--1624626098994, #bloggle--blog_layout h2.text--1624626098994, #bloggle--blog_layout h1.text--1624626098994, #bloggle--blog_layout span.text--1624626098994 {font-size:13px;line-height:16px;letter-spacing: 0em;}}@media screen and (max-width: 767px) { #bloggy--article p.text--1624626098994, #bloggy--article li.text--1624626098994, #bloggy--article h6.text--1624626098994, #bloggy--article h5.text--1624626098994, #bloggy--article h4.text--1624626098994, #bloggy--article h3.text--1624626098994, #bloggy--article h2.text--1624626098994, #bloggy--article h1.text--1624626098994, #bloggy--article span.text--1624626098994, #bloggle_article-layout p.text--1624626098994, #bloggle_article-layout li.text--1624626098994, #bloggle_article-layout h6.text--1624626098994, #bloggle_article-layout h5.text--1624626098994, #bloggle_article-layout h4.text--1624626098994, #bloggle_article-layout h3.text--1624626098994, #bloggle_article-layout h2.text--1624626098994, #bloggle_article-layout h1.text--1624626098994, #bloggle_article-layout span.text--1624626098994, #bloggle--blog_layout p.text--1624626098994, #bloggle--blog_layout li.text--1624626098994, #bloggle--blog_layout h6.text--1624626098994, #bloggle--blog_layout h5.text--1624626098994, #bloggle--blog_layout h4.text--1624626098994, #bloggle--blog_layout h3.text--1624626098994, #bloggle--blog_layout h2.text--1624626098994, #bloggle--blog_layout h1.text--1624626098994, #bloggle--blog_layout span.text--1624626098994 {font-size:13px;line-height:16px;letter-spacing: 0em;}} #bloggy--article p.text--1624622718223, #bloggy--article li.text--1624622718223, #bloggy--article h6.text--1624622718223, #bloggy--article h5.text--1624622718223, #bloggy--article h4.text--1624622718223, #bloggy--article h3.text--1624622718223, #bloggy--article h2.text--1624622718223, #bloggy--article h1.text--1624622718223, #bloggy--article span.text--1624622718223, #bloggle_article-layout p.text--1624622718223, #bloggle_article-layout li.text--1624622718223, #bloggle_article-layout h6.text--1624622718223, #bloggle_article-layout h5.text--1624622718223, #bloggle_article-layout h4.text--1624622718223, #bloggle_article-layout h3.text--1624622718223, #bloggle_article-layout h2.text--1624622718223, #bloggle_article-layout h1.text--1624622718223, #bloggle_article-layout span.text--1624622718223, #bloggle--blog_layout p.text--1624622718223, #bloggle--blog_layout li.text--1624622718223, #bloggle--blog_layout h6.text--1624622718223, #bloggle--blog_layout h5.text--1624622718223, #bloggle--blog_layout h4.text--1624622718223, #bloggle--blog_layout h3.text--1624622718223, #bloggle--blog_layout h2.text--1624622718223, #bloggle--blog_layout h1.text--1624622718223, #bloggle--blog_layout span.text--1624622718223 {font-family: 'Helvetica';font-weight:700;text-transform: none;font-style: normal;color: #333232;text-decoration:none;} #bloggy--article a.text--1624622718223 {font-family: 'Helvetica';text-transform: none;font-style: normal;} #bloggy--article p.text--1624615450320, #bloggy--article li.text--1624615450320, #bloggy--article h6.text--1624615450320, #bloggy--article h5.text--1624615450320, #bloggy--article h4.text--1624615450320, #bloggy--article h3.text--1624615450320, #bloggy--article h2.text--1624615450320, #bloggy--article h1.text--1624615450320, #bloggy--article span.text--1624615450320, #bloggle_article-layout p.text--1624615450320, #bloggle_article-layout li.text--1624615450320, #bloggle_article-layout h6.text--1624615450320, #bloggle_article-layout h5.text--1624615450320, #bloggle_article-layout h4.text--1624615450320, #bloggle_article-layout h3.text--1624615450320, #bloggle_article-layout h2.text--1624615450320, #bloggle_article-layout h1.text--1624615450320, #bloggle_article-layout span.text--1624615450320, #bloggle--blog_layout p.text--1624615450320, #bloggle--blog_layout li.text--1624615450320, #bloggle--blog_layout h6.text--1624615450320, #bloggle--blog_layout h5.text--1624615450320, #bloggle--blog_layout h4.text--1624615450320, #bloggle--blog_layout h3.text--1624615450320, #bloggle--blog_layout h2.text--1624615450320, #bloggle--blog_layout h1.text--1624615450320, #bloggle--blog_layout span.text--1624615450320 {font-family: 'Helvetica';font-weight:700;text-transform: none;font-style: normal;color: #333232;text-decoration:none;} #bloggy--article a.text--1624615450320 {font-family: 'Helvetica';text-transform: none;font-style: normal;} #bloggy--article p.text--1624614929012, #bloggy--article li.text--1624614929012, #bloggy--article h6.text--1624614929012, #bloggy--article h5.text--1624614929012, #bloggy--article h4.text--1624614929012, #bloggy--article h3.text--1624614929012, #bloggy--article h2.text--1624614929012, #bloggy--article h1.text--1624614929012, #bloggy--article span.text--1624614929012, #bloggle_article-layout p.text--1624614929012, #bloggle_article-layout li.text--1624614929012, #bloggle_article-layout h6.text--1624614929012, #bloggle_article-layout h5.text--1624614929012, #bloggle_article-layout h4.text--1624614929012, #bloggle_article-layout h3.text--1624614929012, #bloggle_article-layout h2.text--1624614929012, #bloggle_article-layout h1.text--1624614929012, #bloggle_article-layout span.text--1624614929012, #bloggle--blog_layout p.text--1624614929012, #bloggle--blog_layout li.text--1624614929012, #bloggle--blog_layout h6.text--1624614929012, #bloggle--blog_layout h5.text--1624614929012, #bloggle--blog_layout h4.text--1624614929012, #bloggle--blog_layout h3.text--1624614929012, #bloggle--blog_layout h2.text--1624614929012, #bloggle--blog_layout h1.text--1624614929012, #bloggle--blog_layout span.text--1624614929012 {font-family: 'Helvetica';font-weight:700;text-transform: none;font-style: normal;color: #333232;text-decoration:none;} #bloggy--article a.text--1624614929012 {font-family: 'Helvetica';text-transform: none;font-style: normal;} #bloggy--article p.text--1624614913014, #bloggy--article li.text--1624614913014, #bloggy--article h6.text--1624614913014, #bloggy--article h5.text--1624614913014, #bloggy--article h4.text--1624614913014, #bloggy--article h3.text--1624614913014, #bloggy--article h2.text--1624614913014, #bloggy--article h1.text--1624614913014, #bloggy--article span.text--1624614913014, #bloggle_article-layout p.text--1624614913014, #bloggle_article-layout li.text--1624614913014, #bloggle_article-layout h6.text--1624614913014, #bloggle_article-layout h5.text--1624614913014, #bloggle_article-layout h4.text--1624614913014, #bloggle_article-layout h3.text--1624614913014, #bloggle_article-layout h2.text--1624614913014, #bloggle_article-layout h1.text--1624614913014, #bloggle_article-layout span.text--1624614913014, #bloggle--blog_layout p.text--1624614913014, #bloggle--blog_layout li.text--1624614913014, #bloggle--blog_layout h6.text--1624614913014, #bloggle--blog_layout h5.text--1624614913014, #bloggle--blog_layout h4.text--1624614913014, #bloggle--blog_layout h3.text--1624614913014, #bloggle--blog_layout h2.text--1624614913014, #bloggle--blog_layout h1.text--1624614913014, #bloggle--blog_layout span.text--1624614913014 {font-weight:700;text-transform: none;font-style: normal;color: #333232;text-decoration:none;} #bloggy--article a.text--1624614913014 {text-transform: none;font-style: normal;} #bloggy--article p.text--1784529983366, #bloggy--article li.text--1784529983366, #bloggy--article h6.text--1784529983366, #bloggy--article h5.text--1784529983366, #bloggy--article h4.text--1784529983366, #bloggy--article h3.text--1784529983366, #bloggy--article h2.text--1784529983366, #bloggy--article h1.text--1784529983366, #bloggy--article span.text--1784529983366, #bloggle_article-layout p.text--1784529983366, #bloggle_article-layout li.text--1784529983366, #bloggle_article-layout h6.text--1784529983366, #bloggle_article-layout h5.text--1784529983366, #bloggle_article-layout h4.text--1784529983366, #bloggle_article-layout h3.text--1784529983366, #bloggle_article-layout h2.text--1784529983366, #bloggle_article-layout h1.text--1784529983366, #bloggle_article-layout span.text--1784529983366, #bloggle--blog_layout p.text--1784529983366, #bloggle--blog_layout li.text--1784529983366, #bloggle--blog_layout h6.text--1784529983366, #bloggle--blog_layout h5.text--1784529983366, #bloggle--blog_layout h4.text--1784529983366, #bloggle--blog_layout h3.text--1784529983366, #bloggle--blog_layout h2.text--1784529983366, #bloggle--blog_layout h1.text--1784529983366, #bloggle--blog_layout span.text--1784529983366 {font-weight:400;text-transform: none;font-style: normal;color: #333232;text-decoration:none;} #bloggy--article a.text--1784529983366 {text-transform: none;font-style: normal;} #bloggy--article a.button--1627045344089, #bloggy--article button.button--1627045344089, #bloggle_article-layout button.button--1627045344089, #bloggle_article-layout a.button--1627045344089, #bloggle--blog_layout button.button--1627045344089, #bloggle--blog_layout a.button--1627045344089, #bloggle-template__comment-wrapper button.button--1627045344089, #bloggle-template__comment-wrapper a.button--1627045344089 { cursor: pointer; display: block; width: fit-content;background-color: #FFFFFF;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;padding-top: 10px;font-weight:400;text-transform: none;font-style: normal;color: #000000;text-decoration: none;font-size:14px;line-height:20px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article a.button--1627045344089, #bloggy--article button.button--1627045344089, #bloggle_article-layout button.button--1627045344089, #bloggle_article-layout a.button--1627045344089, #bloggle--blog_layout button.button--1627045344089, #bloggle--blog_layout a.button--1627045344089, #bloggle-template__comment-wrapper button.button--1627045344089, #bloggle-template__comment-wrapper a.button--1627045344089 {font-size:13px;line-height:18px;}}@media screen and (max-width: 767px) {#bloggy--article a.button--1627045344089, #bloggy--article button.button--1627045344089, #bloggle_article-layout button.button--1627045344089, #bloggle_article-layout a.button--1627045344089, #bloggle--blog_layout button.button--1627045344089, #bloggle--blog_layout a.button--1627045344089, #bloggle-template__comment-wrapper button.button--1627045344089, #bloggle-template__comment-wrapper a.button--1627045344089 {font-size:12px;line-height:16px;}}#bloggy--article a.button--1627045344089:hover, #bloggy--article button.button--1627045344089:hover, #bloggle_article-layout button.button--1627045344089:hover, #bloggle_article-layout a.button--1627045344089:hover, #bloggle--blog_layout button.button--1627045344089:hover, #bloggle--blog_layout a.button--1627045344089:hover, #bloggle-template__comment-wrapper button.button--1627045344089:hover, #bloggle-template__comment-wrapper a.button--1627045344089:hover {} #bloggy--article a.button--1624635896012, #bloggy--article button.button--1624635896012, #bloggle_article-layout button.button--1624635896012, #bloggle_article-layout a.button--1624635896012, #bloggle--blog_layout button.button--1624635896012, #bloggle--blog_layout a.button--1624635896012, #bloggle-template__comment-wrapper button.button--1624635896012, #bloggle-template__comment-wrapper a.button--1624635896012 { cursor: pointer; display: block; width: fit-content;background-color: #FFFFFF;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;padding-top: 10px;font-weight:400;text-transform: none;font-style: normal;color: #000000;text-decoration: none;font-size:14px;line-height:20px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article a.button--1624635896012, #bloggy--article button.button--1624635896012, #bloggle_article-layout button.button--1624635896012, #bloggle_article-layout a.button--1624635896012, #bloggle--blog_layout button.button--1624635896012, #bloggle--blog_layout a.button--1624635896012, #bloggle-template__comment-wrapper button.button--1624635896012, #bloggle-template__comment-wrapper a.button--1624635896012 {font-size:13px;line-height:18px;}}@media screen and (max-width: 767px) {#bloggy--article a.button--1624635896012, #bloggy--article button.button--1624635896012, #bloggle_article-layout button.button--1624635896012, #bloggle_article-layout a.button--1624635896012, #bloggle--blog_layout button.button--1624635896012, #bloggle--blog_layout a.button--1624635896012, #bloggle-template__comment-wrapper button.button--1624635896012, #bloggle-template__comment-wrapper a.button--1624635896012 {font-size:12px;line-height:16px;}}#bloggy--article a.button--1624635896012:hover, #bloggy--article button.button--1624635896012:hover, #bloggle_article-layout button.button--1624635896012:hover, #bloggle_article-layout a.button--1624635896012:hover, #bloggle--blog_layout button.button--1624635896012:hover, #bloggle--blog_layout a.button--1624635896012:hover, #bloggle-template__comment-wrapper button.button--1624635896012:hover, #bloggle-template__comment-wrapper a.button--1624635896012:hover {} #bloggy--article a.button--1784658176814, #bloggy--article button.button--1784658176814, #bloggle_article-layout button.button--1784658176814, #bloggle_article-layout a.button--1784658176814, #bloggle--blog_layout button.button--1784658176814, #bloggle--blog_layout a.button--1784658176814, #bloggle-template__comment-wrapper button.button--1784658176814, #bloggle-template__comment-wrapper a.button--1784658176814 { cursor: pointer; display: block; width: fit-content;background-color: #a8d8ea;border-radius: 3px;padding-left: 20px;padding-right: 20px;padding-bottom: 12px;padding-top: 12px;font-family: 'DM Sans';font-weight:700;text-transform: none;font-style: normal;color: #2c4b52;text-decoration: none;font-size:14px;line-height:20px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article a.button--1784658176814, #bloggy--article button.button--1784658176814, #bloggle_article-layout button.button--1784658176814, #bloggle_article-layout a.button--1784658176814, #bloggle--blog_layout button.button--1784658176814, #bloggle--blog_layout a.button--1784658176814, #bloggle-template__comment-wrapper button.button--1784658176814, #bloggle-template__comment-wrapper a.button--1784658176814 {font-size:13px;line-height:18px;}}@media screen and (max-width: 767px) {#bloggy--article a.button--1784658176814, #bloggy--article button.button--1784658176814, #bloggle_article-layout button.button--1784658176814, #bloggle_article-layout a.button--1784658176814, #bloggle--blog_layout button.button--1784658176814, #bloggle--blog_layout a.button--1784658176814, #bloggle-template__comment-wrapper button.button--1784658176814, #bloggle-template__comment-wrapper a.button--1784658176814 {font-size:12px;line-height:16px;}}#bloggy--article a.button--1784658176814:hover, #bloggy--article button.button--1784658176814:hover, #bloggle_article-layout button.button--1784658176814:hover, #bloggle_article-layout a.button--1784658176814:hover, #bloggle--blog_layout button.button--1784658176814:hover, #bloggle--blog_layout a.button--1784658176814:hover, #bloggle-template__comment-wrapper button.button--1784658176814:hover, #bloggle-template__comment-wrapper a.button--1784658176814:hover {border: 2px solid #000000;color: #000000;background-color: transparent;} #bloggy--article .margin_vertical--large {margin-top: 55px;margin-bottom: 55px;} #bloggy--article .padding_vertical--large {padding-top: 55px;padding-bottom: 55px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article .margin_vertical--large {margin-top: 35px;margin-bottom: 35px;}#bloggy--article .padding_vertical--large {padding-top: 35px;padding-bottom: 35px;}}@media screen and (max-width: 767px) {#bloggy--article .margin_vertical--large {margin-top: 35px;margin-bottom: 35px;}#bloggy--article .padding_vertical--large {padding-top: 35px;padding-bottom: 35px;}} #bloggy--article .margin_vertical--medium {margin-top: 30px;margin-bottom: 40px;} #bloggy--article .padding_vertical--medium {padding-top: 30px;padding-bottom: 40px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article .margin_vertical--medium {margin-top: 30px;margin-bottom: 30px;}#bloggy--article .padding_vertical--medium {padding-top: 30px;padding-bottom: 30px;}}@media screen and (max-width: 767px) {#bloggy--article .margin_vertical--medium {margin-top: 20px;margin-bottom: 20px;}#bloggy--article .padding_vertical--medium {padding-top: 20px;padding-bottom: 20px;}} #bloggy--article .margin_vertical--small {margin-top: 20px;margin-bottom: 20px;} #bloggy--article .padding_vertical--small {padding-top: 20px;padding-bottom: 20px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article .margin_vertical--small {margin-top: 20px;margin-bottom: 20px;}#bloggy--article .padding_vertical--small {padding-top: 20px;padding-bottom: 20px;}}@media screen and (max-width: 767px) {#bloggy--article .margin_vertical--small {margin-top: 20px;margin-bottom: 20px;}#bloggy--article .padding_vertical--small {padding-top: 20px;padding-bottom: 20px;}} #bloggy--article .no--margin-vertical {margin-top: 0px;margin-bottom: 0px;} #bloggy--article .no--padding-vertical {padding-top: 0px;padding-bottom: 0px;} #bloggy--article .margin_horizontal--large {margin-left: 30px;margin-right: 30px;} #bloggy--article .padding_horizontal--large {padding-left: 30px;padding-right: 30px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article .margin_horizontal--large {margin-left: 40px;margin-right: 40px;}#bloggy--article .padding_horizontal--large {padding-left: 40px;padding-right: 40px;}}@media screen and (max-width: 767px) {#bloggy--article .margin_horizontal--large {margin-left: 30px;margin-right: 30px;}#bloggy--article .padding_horizontal--large {padding-left: 30px;padding-right: 30px;}} #bloggy--article .margin_horizontal--medium {margin-left: 40px;margin-right: 40px;} #bloggy--article .padding_horizontal--medium {padding-left: 40px;padding-right: 40px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article .margin_horizontal--medium {margin-left: 30px;margin-right: 30px;}#bloggy--article .padding_horizontal--medium {padding-left: 30px;padding-right: 30px;}}@media screen and (max-width: 767px) {#bloggy--article .margin_horizontal--medium {margin-left: 20px;margin-right: 20px;}#bloggy--article .padding_horizontal--medium {padding-left: 20px;padding-right: 20px;}} #bloggy--article .margin_horizontal--small {margin-left: 30px;margin-right: 30px;} #bloggy--article .padding_horizontal--small {padding-left: 30px;padding-right: 30px;}@media screen and (min-width: 768px) and (max-width: 1024px) {#bloggy--article .margin_horizontal--small {margin-left: 20px;margin-right: 20px;}#bloggy--article .padding_horizontal--small {padding-left: 20px;padding-right: 20px;}}@media screen and (max-width: 767px) {#bloggy--article .margin_horizontal--small {margin-left: 10px;margin-right: 10px;}#bloggy--article .padding_horizontal--small {padding-left: 10px;padding-right: 10px;}} #bloggy--article .no--margin-horizontal {margin-left: 0px;margin-right: 0px;} #bloggy--article .no--padding-horizontal {padding-left: 0px;padding-right: 0px;}}@media screen and (max-width: 767px) {#bloggy--article .xs--100 { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; }} #bloggy--article .bggle_double-column { display: grid; grid-template-columns: repeat(2, calc(50% - 10px)); column-gap: 20px;}#article-header, #bloggle_rte, #bloggle_article-layout, #bloggle_article, #bloggle--blog_layout .content--container, #bloggle--blog_layout {box-sizing: border-box!important;}/* General *//* ========================= */ .bggle--slider, .bggle--slider-blog { display: block !important; } #bloggy--article ol { list-style-type: decimal; } #bloggy--article ul { list-style-type: disc; } #bloggy--article li::marker { display: initial !important; font-size: inherit !important; } #bloggy--article .bggle_product-container { display: inline-block !important; } #bloggy--article { display: flex; flex-direction: column; } #bloggy--article, #bloggy--article div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bloggy--article img[data-sizes="auto"] { display: block; width: 100%; } #bloggy--article .bggle--child-link { padding-left: 20px; } #bloggy--article p a { text-decoration: underline; } #bloggy--article .bggle--block { direction: ltr; } #bloggy--article .bggle_text hr { margin-top: 20px; margin-bottom: 20px; } #bloggy--article .bggle_text a { font-size: inherit; } #preloader { display: none !important; } #bloggy--article .flex-wrap { flex-wrap: wrap; } #bloggy--article .bggle_video iframe { max-width: 100%; min-height: initial !important; } #bloggy--article.bggle-wrapper { padding: 20px; } #bloggy--article .fd--row { display: flex; flex-direction: row; } #bloggy--article .fd--column { display: flex; flex-direction: column; } #bloggy--article .jc--center { justify-content: center; } #bloggy--article .jc--start { justify-content: flex-start; } #bloggy--article .jc--end { justify-content: flex-end; } #bloggy--article .flex--order { order: -2; } #bloggy--article .text__left { text-align: left; } #bloggy--article .fw_700 { font-weight: 700; } #bloggy--article .text__center { text-align: center; } #bloggy--article .text__right { text-align: right; } #bloggy--article .ml--auto { margin-left: auto; } #bloggy--article .mr--auto { margin-right: auto; } #bloggy--article .m--auto { margin-left: auto; margin-right: auto; } .bggle--margin-auto { margin-left: auto !important; margin-right: auto !important; } #bloggy--article .bggle_summary .one-summary{ margin-bottom: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } #bloggy--article .bggle_summary .margin-summary{ margin-bottom: 20px; } #bloggy--article .bggle_summary .blggle-summary-iconV2{ display: flex; } #bloggy--article .bggle_summary .one-summary:last-child { margin-bottom: 0px; } #bloggy--article .bggle_summary .text-summary{ padding-left: 20px; width: fit-content; } #bloggy--article .bggle_summary .tick{ width: 20px; margin-top: 3px; } #bloggy--article .margin-top_none { margin-top: 0px !important; } #bloggy--article .margin-bottom_none { margin-bottom: 0px !important; } .bggle_button-link .bloggle_product--infos, .bggle_button-link .bloggle--vendor, .bggle_button-link .bloggle_product--price-currency, .bggle_button-link .bloggle_product--compare-at-price { border: none !important; } .bggle_product-container .bggle_button-link { text-decoration: none; color: inherit; border-bottom: 0px; } #bloggy--article .bggle_button { display: flex; align-items: center; }/* Products *//* ========================= */#bloggy--article .bggle_product-grid button {min-width: auto !important;}#bloggy--article .bggle--compare, #bloggy--article .bggle--price { margin-left: 4px; margin-right: 4px;}#bloggy--article .bggle--compare { text-decoration: line-through;}#bloggy--article .bloggle_product--img { margin-left: auto; margin-right: auto;}#bloggy--article .bggle--slider { display: flex; flex-direction: row; justify-content: center;}#bloggy--article .bloggle_product--price, #bloggy--article .bloggle_product--price-currency { margin-top: 0px; margin-bottom: 0px;}#bloggy--article .bggle_spacer { display: flex; flex-direction: row; align-items: center;}#bloggy--article .bggle--slider .bggle_product { cursor: pointer;}#bloggy--article .bloggle_product--infos { margin-bottom: 10px;}#bloggy--article .bggle_product-container { display: flex; flex-direction: column;}#bloggy--article strong { font-weight: 700;}#bloggy--article .bggle_product-container .bloggle_product--img { max-width: 100%;}#bloggy--article .tns-nav { text-align: center; margin-top: 10px; margin-bottom: 10px;}#bloggy--article .tns-controls { display: none;}#bloggy--article .bloggle_product--img { margin-top: 0px; margin-bottom: 15px;}#bloggy--article .tns-nav > [aria-controls] { width: 8px; height: 8px; padding: 0; margin: 0 5px; border-radius: 50%; background: #ddd; border: 0; min-height: 8px; min-width: 8px; max-height: 8px; max-width: 8px;}#bloggy--article .tns-nav > .tns-nav-active { background: #000;}@media screen and (max-width: 767px) { #bloggy--article .bggle_double-column { grid-template-columns: repeat(1, 100%); row-gap: 10px; }}/* Marges *//* ========================= */ #bloggy--article .padding_right--none { padding-right: 0px; } #bloggy--article .padding_left--none { padding-left: 0px; } #bloggy--article .margin_left--none { margin-left: 0px; } #bloggy--article .margin_right--none { margin-right: 0px; } #bloggy--article .margin__auto { margin-left: auto; margin-right: auto; } #bloggy--article p, #bloggy--article h6, #bloggy--article h5, #bloggy--article h4, #bloggy--article h3, #bloggy--article h2, #bloggy--article h1 { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }#bloggy--article .bggle_text-with-image, #bloggy--article .bggle_text-with-video, #bloggy--article .bggle_product-with-text { display: flex; flex-wrap: wrap;}#bloggy--article .bggle_text-with-image.bggle--v2, #bloggy--article .bggle_text-with-video.bggle--v2, #bloggy--article .bggle_product-with-text.bggle--v2 { gap: 20px;}#bloggy--article .bggle_text-with-image .bggle_text--container .bggle_button-link { display: flex !important; align-items: center;}#bloggy--article .bggle_text--container, #bloggy--article .bggle_image--container, #bloggy--article .bggle_product--container { width: 50%;}#bloggy--article .bggle--v2 .bggle_text--container, #bloggy--article .bggle--v2 .bggle_image--container, #bloggy--article .bggle--v2 .bggle_product--container { width: calc(50% - 10px);}#bloggy--article .bggle_product--container.one-product { width: auto;}#bloggy--article .bggle_image--container, #bloggy--article .bggle_product--container { position: sticky; height: fit-content; top: 20px;}#bloggy--article .bggle_image--container.bggle_image--containerV2, #bloggy--article .bggle_product--container.bggle_product--containerV2, #bloggy--article .bggle_text-with-video.bggle_image--containerV2 { position: relative; top:0;}#bloggy--article .bggl_sticky { position: sticky!important; top:20px!important;}.bggle_image .bggle_image-link { width: 100%;}#bloggy--article .bggle_image-source { font-size: 13px; font-style: italic;}@media screen and (max-width: 767px) { #bloggy--article .bggle_text--container, #bloggy--article .bggle_image--container, #bloggy--article .bggle_product--container { width: 100% !important; } #bloggy--article .one-product .bloggle_product--img { margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px !important; } #bloggy--article .blog__img { padding-left: 0px !important; padding-right: 0px !important; } #bloggy--article .bggle_image-source { padding-left: 0px !important; padding-right: 0px !important; } #bloggy--article .bggle_image--container.aboveText.imageLeft, #bloggy--article .bggle_product-with-text .aboveText.productLeft { margin-bottom: 20px; } #bloggy--article .bggle--v2 .bggle_image--container.aboveText.imageLeft, #bloggy--article .bggle_product-with-text.bggle--v2 .aboveText.productLeft { margin-bottom: 0px; } #bloggy--article .bggle_product-with-text .bggle_product--container { padding-left: 0px !important; padding-right: 0px !important; } #bloggy--article .bggle_image--container.aboveText.imageRight, #bloggy--article .bggle_product-with-text .aboveText.productRight { margin-bottom: 20px; order: -1; } #bloggy--article .bggle_image--container.underText.imageLeft, #bloggy--article .bggle_product-with-text .underText.productLeft { margin-top: 20px; margin-bottom: 0px; order: 3; } #bloggy--article .bggle--v2 .bggle_image--container.aboveText.imageRight, #bloggy--article .bggle--v2 .bggle_product-with-text .aboveText.productRight { margin-bottom: 0px; order: -1; } #bloggy--article .bggle--v2 .bggle_image--container.underText.imageLeft, #bloggy--article .bggle_product-with-text.bggle--v2 .underText.productLeft { margin-top: 0px; margin-bottom: 0px; order: 3; } #bloggy--article .bggle_image--container.underText.imageRight, #bloggy--article .bggle_product-with-text .underText.productRight { margin-top: 20px; } #bloggy--article .bggle--v2 .bggle_image--container.underText.imageRight, #bloggy--article .bggle_product-with-text.bggle--v2 .underText.productRight { margin-top: 0px; } #bloggy--article .bggle_image--container, #bloggy--article .bggle_product--container { position: relative; height: fit-content; top: 0px; }}/* Double images in column *//* ========================= */#bloggy--article .bggle_double-images { display: flex; flex-direction: row;}#bloggy--article .bggle_double-images.bggle--v2 { gap: 20px;}#bloggy--article .first--image { padding-right: 10px;}#bloggy--article .second--image { padding-left: 10px;}#bloggy--article .bggle--v2 .first--image { padding-right: 0px;}#bloggy--article .bggle--v2 .second--image { padding-left: 0px;}#bloggy--article .first--image, #bloggy--article .second--image { display: flex; flex-direction: column; width: 50%; align-items: flex-start; justify-content: flex-start;}#bloggy--article .bggle--v2 .first--image, #bloggy--article .bggle--v2 .second--image { width: calc(50% - 10px);}#bloggy--article .bggle_text-with-image .imageLeft, #bloggy--article .bggle_product-with-text .productLeft, #bloggy--article .bggle_text-with-video .imageLeft{ order: -1}#bloggy--article .bggle_text-with-image .imageRight, #bloggy--article .bggle_product-with-text .productRight, #bloggy--article .bggle_text-with-video .imageRight { order: 1}#bloggy--article .blog__img { object-fit: cover; margin-top: 0px; margin-bottom: 0px; width: 100%;}#bloggy--article .cursor--pointer { cursor: pointer;}/* Triple Image *//* ========================= */#bloggy--article .bggle_triple-images { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr;}@media screen and (max-width: 768px) { #bloggy--article .bggle_triple-images { grid-template-columns: repeat(1, 1fr); }}/* One product *//* ========================= */#bloggy--article .bggle_one-product { max-width: 100%;}[dir="rtl"] #bloggy--article .product--hor .bloggle_product--img { margin-right: 0px !important; margin-left: 20px !important;}#bloggy--article .bggle_one-product.product--hor .bggle_button-link { display: flex; align-items: center;}#bloggy--article .bggle_one-product.product--hor .bloggle_product--img { margin-right: 20px; max-width: 300px; margin-bottom: 0px;}@media screen and (max-width: 1024px) { #bloggy--article .bggle_one-product.product--hor .bggle_button-link { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; } #bloggy--article .bggle_one-product.product--hor .bloggle_product--img { margin-right: 15px; max-width: 100%; margin-bottom: 0px; }}@media screen and (max-width: 767px) { #bloggy--article .bggle_one-product.product--hor .bloggle_product--img { max-width: 108px; }}/* Blog post reco *//* ========================= */#bloggy--article .bggle--slider-blog { display: flex; flex-direction: row; justify-content: flex-start;}#bloggy--article .bggle_blog-post-title { margin-top: 10px; margin-bottom: 10px;}#bloggy--article .bggle_blog-post-image { object-fit: cover;}#bloggy--article .bggle_blog-post-url { display: flex; flex-direction: column;}@media screen and (max-width: 767px) { #bloggy--article .bggle_text-with-image .image--container, #bloggy--article .bggle_text-with-video .image--container { order: 1 !important; } #bloggy--article .blog__img { width: 100%; margin-left: auto; margin-right: auto; } #bloggy--article .xs--100 .blog__img { width: 100% !important; } #bloggy--article .first--image, #bloggy--article .second--image { width: 100%; } #bloggy--article .xs--100 { width: 100% !important; padding-left: 0px; padding-right: 0px; } #bloggy--article .second--image.xs--100 { padding-top: 20px; }}#bloggy--article img {opacity: 1 !important;} img.lazyloadedbloggle { opacity: 1 !important; }#bloggy--article .bggle_product-container .bggle_button-link, #bloggy--article .bggle_product--container .bggle_button-link, #bloggy--article .bggle_blog-post-container .bggle_blog-post-url {text-decoration: none !important;}#bloggy--article .button-social .bggle_button-link {margin: 0 10px;padding: 5px 10px;border-radius: 3px;background: grey;text-decoration: none;color: white;transition: all 0.3s;align-items: center;}#bloggy--article .button-social .bggle_button-link:hover{ background: rgba(80,80,80,0.7)}@media screen and (max-width: 767px) { .bggle_social .flex.fd--row.jc--center { flex-wrap: wrap; } #bloggy--article .button-social { width: 130px; margin-top: 16px; } #bloggy--article .button-social .bggle_button-link { width: 100%; }}#bloggy--article .button-social .bggle_button-link .custom--icon{height: 20px;}#bloggy--article .bggle_social .jc--flex-end{justify-content: flex-end !important;}.bggle--youtube-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}.bggle--youtube-video { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}.bggle--vimeo-container { position: relative; display: block; width: 100%; overflow: hidden;}.bggle--vimeo-container::before { display: block; content: ""; padding-top: 56.25%;}.bggle--vimeo-video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}/* Blog image gallery *//* ========================= */#bloggy--article .bggle--slider-image .image-slider{ height: 100%;}#bloggy--article .bggle--slider-image .image-slider .blog__img { width: 100%; height: 100%; border: 0;}.bggle_text-with-video .bggle--vimeo-container::before { padding-top: 56.25% !important;}#bloggy--article .bggle_table-of-content { max-width: 100%;}/* Grid Product *//* ========================= */.grid-bloggle{ display: grid;}.grid-bloggle.grid-cols-2{ grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}.grid-bloggle.grid-cols-3{ grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}.grid-bloggle.grid-cols-4{ grid-template-columns: repeat(4, 1fr); grid-gap: 20px;}@media screen and (max-width: 768px) { .grid-bloggle{ display: grid; grid-template-columns: repeat(2, 1fr)!important; }}.bggle_text-with-video .bggle--vimeo-container::before { display: block; content: ""; padding-top: 0px;}@media screen and (max-width: 767px) { .bggle_text-with-video .bggle_image--container{ padding-left: 0px !important; padding-right: 0px !important; }}.bggle_author{ display: grid; grid-template-columns: 150px calc(100% - 170px); column-gap: 20px;}.bggle_author.no-image{ grid-template-columns: 100% !important;}.bggle_author .bggle_image--container{ width: 150px !important;}#bloggy--article .bggle_author-V2 .bggl-author-img-v2{width: 150px !important;height: 150px !important;}@media screen and (max-width: 767px) { #bloggy--article .bggle_author{ grid-template-columns: 100px calc(100% - 120px); } #bloggy--article .bggle_author-V2{ grid-template-columns: 100%!important; } #bloggy--article .bggle_author.bggle_author-V2 .bggle_image--container{ margin-bottom: 20px; height:auto!important; } .bggle_author .bggle_image--container{ width: 100px !important; //min-width: 100px; height: 100px !important; } #bloggy--article .image_resized { max-width: 100% !important; width: 100% !important; }}.bggle_author .bggle_image--container .blog__img{ width: 100%; height: auto; object-fit:cover;}.bggle_author .bggle_image--container .blog__img.rounded{ border-radius: 50%;}#bloggy--article .bggle_author .italic-text { font-style: italic;}.bggle_author .bggle_text--container{ width: 100% !important; display: flex; flex-direction: column; justify-content: center;}#bloggy--article .bggle--block li {list-style-position: outside;margin-left: 12px;}.bggle_faq .faq--container{ border-bottom: 1px solid black;}.bggle_faq .faq--container .bggle--question-title { padding-right: 20px;}.bggle_faq .faq--container .arrow__down--svg{ width: 10px; margin-left: auto; min-width: 10px; transition: all 0.3s;}.bggle_faq .faq--container .arrow__down--svg.opened{ transition: rotate(-180deg)}.bggle_faq .faq--container .arrow__down--svg polyline{ stroke-width: 4px;}.bggle_faq .faq--container:last-child{ border-bottom: 0 solid black;}.bggle_faq .bggle--question{ padding: 20px 0 !important; cursor: pointer; display: flex; flex-direction: row;}.bggle_faq .bggle--question.bold{ font-weight: 700;}.bggle_faq .reponse { display: none; padding-bottom: 20px !important;}#bloggy--article figure.table { max-width: 100% !important; overflow: auto; margin: 0;}#bloggy--article figure.image { margin: 0; max-width: 100% !important;}#bloggy--article figure.image img { margin: 0; max-width: 100%;}#bloggy--article figure.table table { width: 100%; height: 100%; table-layout: auto; border-collapse: collapse; border-style: initial;}#bloggy--article figure.table td, #bloggy--article figure.table th { text-align: center; min-width: 170px !important;}#bloggy--article .bggle_text--container span, #bloggy--article .bggle_text--container a { display: inline !important;}/* Recipe Header */ #bloggy--article .bggle-recipe-block .bggl--recipe{ display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 20px; margin-top:20px; } #bloggy--article .bggle-recipe-block.image__left{ flex-direction: row; } #bloggy--article .bggle-recipe-block.image__right{ flex-direction: row-reverse; } #bloggy--article .bggle-recipe-block { display: flex; gap: 20px; } #bloggy--article .bggle-recipe-block>img { max-width: 50%; } #bloggy--article .bggle-recipe-block .bggl-recipe-infos { max-width: 50%; width:100% } #bloggy--article .bggle-recipe-title{ position:relative; } #bloggy--article .bggl-recipe-info-icon{ display:flex; align-items: center; gap: 10px; margin-bottom: 5px; } #bloggy--article .bggle-recipe-title button, #bloggy--article .bggle-recipe-title .blggl-print { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: transparent; border:none; outline: none; cursor: pointer; position: absolute; top: 0; right: 0; } /* RTL languages - begin */.blggle-rtl #bloggy--article p, .blggle-rtl #bloggy--article h1, .blggle-rtl #bloggy--article h2, .blggle-rtl #bloggy--article h3, .blggle-rtl #bloggy--article h4, .blggle-rtl #bloggy--article h5, .blggle-rtl #bloggy--article h6, .blggle-rtl #bloggy--article a {direction: rtl !important;}.blggle-rtl .bggl-recipe-info p {text-align: right;padding-right: 35px;}.blggle-rtl .bggl-recipe-info {padding-right: 20px;}.blggle-rtl .bggl-recipe-info-icon {justify-content: end;}.blggle-rtl .bggl-recipe-info-icon svg {order: 2;}.blggle-rtl .bggl-recipe-info-icon p {padding-right: 0px;}/* RTL languages - end */#bloggy--article .bggle-recipe-title svg{ height: 100%; width: 100%; } #bloggy--article .bggl-recipe-info{ width:50%; } #bloggy--article .bggl-recipe-info-no-image{ width:33%; } #bloggy--article .bggl-recipe-info-icon svg{ width: 25px; height: 25px; } .bggle_printable-recipe-title { padding-right: 40px; } @media screen and (max-width: 1024px) { #bloggy--article .bggle-recipe-block { flex-direction: column !important; gap: 20px; } #bloggy--article .bggle-recipe-block>img { max-width: 100%; } #bloggy--article .bggle-recipe-block>div { max-width: 100%!important; width: 100%; } #bloggy--article .bggle-recipe-block .bggl--recipe{ display: flex; flex-direction:row; } #bloggy--article .bggl-recipe-info, #bloggy--article .bggl-recipe-info-no-image{ width:50%; } }@media print { body { visibility: hidden !important; } #bloggy--article { visibility: visible !important; position: absolute !important; left: 0 !important; top: 0 !important; max-width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; } #bggle_printButton, #bggle_printButton, .bggle_faq, .bggle_product-slider, .bggle_video, .bggle_reco_blog_posts, .bggle_button, .bggle_klaviyo--form, .bggle_social { display: none !important; }}#bloggy--article .bggle-toc-summaryV2{ display: flex; align-items: center; gap:16px;}#bloggy--article .bggle-toc-summaryV2 p{ margin-bottom:0!important; padding-bottom:0!important;}#bloggy--article .bggle-toc-detailsV2 svg{ transition: all 0.3s ease-in-out;}#bloggy--article .bggle-toc-detailsV2 .fd--column { padding-top: 10px;}#bloggy--article .bggle-toc-detailsV2[open] svg{ transform: rotate(90deg);}#bloggy--article .one-summary.bggleV2{ display: flex; align-items: flex-start;}#bloggy--article .one-summary.bggleV2 .blggle-summary-iconV2{ position: relative;}#bloggy--article .one-summary.bggleV2 .bggle-sumary-iconV2-back{ height: 22px; width: 22px; padding: 5px; z-index: 1; display: flex; border-radius: 100%; justify-content: center; align-items: center;}#bloggy--article .one-summary.bggleV2 .bggle-sumary-iconV2-back .svg--icon-info{margin-left: 1px;}@media (min-width: 1024px) { #bloggy--article .bggle-h-desktop { display: none; }}@media (min-width: 767px) and (max-width: 1024px) { #bloggy--article .bggle-h-tablet { display: none; }}@media (max-width: 767px) { #bloggy--article .bggle-h-mobile { display: none; }}#bloggy--article .bggle--start{align-items: flex-start;}#bloggy--article .bggle--end{align-items: flex-end;}#bloggy--article .bggle--center{align-items: center;}