/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/sections/section_CC2-578_faq/scss/style.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-ds-citeocom-faq-full-width {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: var(--ds-semantic-spacing-l);
column-gap: var(--ds-semantic-spacing-l);
position: relative;
padding: calc(2 * var(--ds-semantic-spacing-3xl)) 0 calc(var(--ds-semantic-spacing-5xl) + var(--ds-semantic-spacing-3xl)) 0;
}
.wp-block-ds-citeocom-faq-full-width > .wp-block-heading, .wp-block-ds-citeocom-faq-full-width > .wp-block-buttons, .wp-block-ds-citeocom-faq-full-width > .wp-block-citeo-semantic-list-accordeon, .wp-block-ds-citeocom-faq-full-width > .wp-block-group {
grid-column: span 8;
}
.wp-block-ds-citeocom-faq-full-width > .wp-block-heading, .wp-block-ds-citeocom-faq-full-width > .wp-block-group {
padding: var(--ds-semantic-spacing-l) 0;
}
.wp-block-ds-citeocom-faq-full-width > .wp-block-buttons {
margin-top: var(--ds-semantic-spacing-xl);
}
.wp-block-ds-citeocom-faq-full-width::before {
content: "";
position: absolute;
z-index: -1;
top: var(--ds-semantic-spacing-5xl);
right: var(--ds-semantic-spacing-5xl);
width: var(--ds-semantic-sizing-8xl);
height: var(--ds-semantic-sizing-9xl);
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--ds-semantic-color-accent1-surface-subtlest);
}
.wp-block-ds-citeocom-faq-full-width .wp-block-citeo-semantic-block-accordeon .accordeon-toggle .wp-element-button {
text-align: left;
}
.wp-block-ds-citeocom-faq-full-width.subtheme-accent1::before {
background-color: var(--ds-semantic-color-accent1-surface-subtlest);
}
.wp-block-ds-citeocom-faq-full-width.subtheme-accent2::before {
background-color: var(--ds-semantic-color-accent2-surface-subtlest);
}
.wp-block-ds-citeocom-faq-full-width.subtheme-accent3::before {
background-color: var(--ds-semantic-color-accent3-surface-subtlest);
}
.wp-block-ds-citeocom-faq-full-width.subtheme-accent4::before {
background-color: var(--ds-semantic-color-accent4-surface-subtlest);
}
.wp-block-ds-citeocom-faq-full-width.subtheme-accent5::before {
background-color: var(--ds-semantic-color-accent5-surface-subtlest);
}
@media screen and (max-width: 840px) {
.wp-block-ds-citeocom-faq-full-width {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.wp-block-ds-citeocom-faq-full-width {
padding: var(--ds-semantic-spacing-3xl) 0;
}
.wp-block-ds-citeocom-faq-full-width::before {
display: none;
}
}
.ds-theme-citeob2c .wp-block-ds-citeocom-faq-full-width::before, .ds-theme-citeob2c.wp-block-ds-citeocom-faq-full-width::before {
-webkit-mask-image: none;
mask-image: none;
background-image: url("data:image/svg+xml,");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
}
/*# sourceMappingURL=style-index.css.map*/