/* Group styles
--------------------------------------------- */
.wp-block-group.is-position-sticky, .wp-block-group.is-style-sticky {
position: sticky;
top: calc(0px + var(--wp-admin--admin-bar--height,0px) + var(--sticky-header-offset-mobile, 0px) + 1em);
z-index: 10;
}
@media (min-width: 768px) {
.wp-block-group.is-position-sticky, .wp-block-group.is-style-sticky {
top: calc(0px + var(--wp-admin--admin-bar--height,0px) + var(--sticky-header-offset-desktop, 0px) + 1em);
}
}
/* Colored Right Half Borders */
.wp-block-group.is-style-onq-orange-border-right, .wp-block-group.is-style-onq-blue-border-right {
position: relative;
}
.wp-block-group.is-style-onq-orange-border-right:before, .wp-block-group.is-style-onq-blue-border-right:before {
content: "";
display: block;
width: calc(50% + 8px);
height: calc(100% + 16px);
background-color: var(--wp--preset--color--primary);
position: absolute;
top: -8px;
right: -8px;
z-index: -1;
}
.wp-block-group.is-style-onq-blue-border-right:before {
background-color: var(--wp--preset--color--light-blue);
}
/* Pattern: Hex Grid */
/* --------------------------------------------- */
.wp-block-group[class*="is-style-onq-hex-grid"] {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-repeat: no-repeat;
background-size: 684px 605px;
}
.wp-block-group.is-style-onq-hex-grid-right {
background-position-y: calc(0% - 30px);
background-position-x: calc(100% + 390px);
}
.wp-block-group.is-style-onq-hex-grid-left {
background-position-y: calc(0% - 30px);
background-position-x: calc(0% - 390px);
}
/* Pattern: Hex Group */
/* --------------------------------------------- */
.wp-block-group[class*="is-style-onq-hex-group"] {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 686px 267px;
}
.wp-block-group.is-style-onq-hex-group-right {
background-position-y: 100%;
background-position-x: calc(100% + 115px);
}
.wp-block-group.is-style-onq-hex-group-left {
background-position-y: calc(100% + 30px);
background-position-x: calc(0% - 120px);
}
@media (max-width: 768px) {
.wp-block-group.is-style-onq-hex-group-right {
background-position-y: 100%;
background-position-x: calc(100% + 455px);
}
.wp-block-group.is-style-onq-hex-group-left {
background-position-y: calc(100% + 0px);
background-position-x: calc(0% - 450px);
}
}