.article__content{--valm-blog-radius: 16px;--valm-blog-accent: #ff8c00;--valm-blog-h2-size: 28px;--valm-blog-h3-size: 22px}.article__content a:not(.btn,.button,.blog-image-overlay){display:inline}.article__content .full-width-container-blog{width:100%;max-width:100%;margin-block:clamp(32px,4vw,48px);margin-inline:0}.article__content .background-container-blog{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(240px,32vw,360px);padding:24px;overflow:hidden;border-radius:var(--valm-blog-radius);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;text-align:center}.article__content .background-overlay-blog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background-color:#0000008c;pointer-events:none}.article__content .text-overlay-blog{position:relative;z-index:1;width:100%;max-width:40rem;color:#fff;text-align:center;overflow-wrap:anywhere}.article__content .text-overlay-blog :is(h1,h2,h3,h4,h5,h6){margin:0;color:inherit;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(24px,3vw,var(--font-size--h2, 32px));line-height:1.25;text-transform:uppercase}.article__content .text-overlay-blog .highlight{background-image:linear-gradient(90deg,var(--valm-blog-accent),transparent);background-size:100% 24%;background-position:left 90%;background-repeat:no-repeat;font-style:normal;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}.article__content .text-overlay-blog :is(p,a){color:inherit}.article__content .blog-answer-container{margin-block:24px;padding:clamp(16px,3vw,24px);border-radius:var(--valm-blog-radius);background-color:rgb(var(--color-foreground) / 4%)}.article__content .blog-answer{padding-inline-start:16px;border-inline-start:3px solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));line-height:var(--font-paragraph--line-height, 1.6)}.article__content .blog-answer>:first-child{margin-block-start:0}.article__content .blog-answer>:last-child{margin-block-end:0}.article__content .full-width-container-b{width:100%;max-width:100%;margin-block:clamp(24px,4vw,40px)}.article__content .background-container-b{overflow:hidden;border-radius:var(--valm-blog-radius)}.article__content .background-container-b img{display:block;width:100%;max-width:100%;height:auto;margin:0}.article__content .blog-image-overlay{position:relative;display:block}.article__content .blog-image-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background-color:#0003;pointer-events:none}.article__content .divider-wrap{max-width:100%}.article__content .divider-border{width:100%;max-width:100%;height:1px;background-color:rgb(var(--color-border) / 15%)}.article__content .grid-container{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr) minmax(140px,1fr);align-items:center;gap:24px;max-width:100%;margin-block:clamp(32px,4vw,48px);padding:24px;border:1px solid rgb(var(--color-border) / 20%);border-radius:var(--valm-blog-radius)}.article__content .grid-container>*{min-width:0}.article__content .grid-container .image-column img{display:block;width:100%;max-width:100%;height:auto;margin:0;border-radius:var(--valm-blog-radius)}.article__content .grid-container .text-column{overflow-wrap:anywhere}.article__content .grid-container .text-column h3{margin:0;font-size:var(--valm-blog-h3-size);text-transform:uppercase}.article__content .grid-container .text-column :is(ul,ol){margin-block:12px 0;padding-inline-start:20px;list-style-position:outside}.article__content .grid-container .text-column li{padding:0;margin:0}.article__content .grid-container .text-column li+li{margin-block-start:6px}.article__content .grid-container .button-column{text-align:center}.article__content .grid-container .button-column>span{display:block;margin-block-end:12px;color:rgb(var(--color-foreground));font-weight:500}.article__content .grid-container .button-column a.link{display:inline-flex;background:none;text-decoration:none}.article__content .grid-container .button-column :is(button,a.button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:12px 24px;border:1px solid rgb(var(--color-primary-button-background));border-radius:var(--button-corner-radius, 0);background:rgb(var(--color-primary-button-background));color:rgb(var(--color-primary-button-text));font-family:var(--font-button--family);font-weight:var(--font-button--weight);font-size:var(--font-size--paragraph);line-height:1.4;letter-spacing:var(--font-button--letter-spacing);text-transform:var(--font-button--transform);text-decoration:none;cursor:pointer}@media(hover:hover){.article__content .grid-container .button-column :is(button,a.button):hover{opacity:.9}}@media(min-width:1024px){.article__content :is(.full-width-container-blog,.full-width-container-b){--valm-blog-media-width: min( calc(100% + 190px) , calc(100vw - 48px) );width:var(--valm-blog-media-width);max-width:none;margin-inline:calc((100% - var(--valm-blog-media-width)) / 2)}}.article__content :is(h2,h3),.article__content .text-overlay-blog :is(h2,h3){font-family:var(--font-body--family);font-style:normal;font-weight:600;line-height:1.35;letter-spacing:normal}.article__content h2,.article__content .text-overlay-blog h2{font-size:var(--valm-blog-h2-size)}.article__content h3,.article__content .text-overlay-blog h3{font-size:var(--valm-blog-h3-size)}@media(max-width:767.98px){.article__content{--valm-blog-h2-size: 24px;--valm-blog-h3-size: 20px}.article__content .background-container-blog{padding:20px}.article__content .grid-container{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}.article__content .grid-container .image-column{display:flex;justify-content:center}.article__content .grid-container .image-column img{max-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/valm-article-content.css.map */