/* Cover styles
--------------------------------------------- */
.wp-block-cover.alignfull,
.wp-block-cover.alignwide{
padding: 0;
}
.wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover__inner-container {
/* max-width: var(--wp--style--global--content-size); */
padding-right: var(--wp--custom--spacing--30);
padding-left: var(--wp--custom--spacing--30);
}
@media only screen and (max-width: 781px) {
.wp-block-cover.mobile--height--200 {
min-height: 200px !important;
}
.wp-block-cover.mobile--height--300 {
min-height: 300px !important;
}
.wp-block-cover.mobile--height--400 {
min-height: 400px !important;
}
.wp-block-cover.mobile--height--500 {
min-height: 500px !important;
}
}
.wp-block-cover .wp-block-cover__inner-container > .wp-block-spacer { margin-top: 0 !important }
.wp-block-cover .wp-block-cover__inner-container > .wp-block-spacer:first-child + div[class*="wp-block-"] { margin-top: 0 !important }
.wp-block-cover .wp-block-cover__inner-container > .wp-block-spacer:nth-child(2) + div[class*="wp-block-"] { margin-top: 0 !important }
/* Pattern Background */
.wp-block-cover[class*="is-style-onq-dark-hex-pattern"] {
overflow: hidden;
position: relative;
}
.wp-block-cover[class*="is-style-onq-dark-hex-pattern"] .wp-block-cover__background {
background-image: radial-gradient(
165% 70% at 80% 80%,
#143051 0%,
#061425 100%
) !important;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-1 .wp-block-cover__background {
background-image: radial-gradient(
165% 70% at 20% 80%,
#143051 0%,
#061425 100%
) !important;
}
.wp-block-cover[class*="is-style-onq-dark-hex-pattern"] .wp-block-cover__inner-container {
position: relative;
z-index: 10;
}
.block-editor .editor-styles-wrapper .wp-block-cover[class*="is-style-onq-dark-hex-pattern"]::before,
.block-editor .editor-styles-wrapper .wp-block-cover[class*="is-style-onq-dark-hex-pattern"]::after {
content: none;
}
.wp-block-cover[class*="is-style-onq-dark-hex-pattern"]::before,
.wp-block-cover[class*="is-style-onq-dark-hex-pattern"]::after {
content: '';
display: inline-block;
position: absolute;
background-repeat: no-repeat;
z-index: 2;
}
/* Hex Pattern 1 */
.wp-block-cover.is-style-onq-dark-hex-pattern-1::before,
.wp-block-cover.is-style-onq-dark-hex-pattern-1::after {
background-image: url('data:image/svg+xml,');
width: 686px;
height: 267px;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-1::before {
top: -70px;
left: -260px;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-1::after {
right: -340px;
bottom: -70px;
}
/* Hex Pattern 2 */
.wp-block-cover.is-style-onq-dark-hex-pattern-2::before {
background-image: url('data:image/svg+xml,');
width: 686px;
height: 267px;
bottom: 0;
left: 0;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-2::after { content: none; }
/* Hex Pattern 3 */
.wp-block-cover.is-style-onq-dark-hex-pattern-3::before {
background-image: url('data:image/svg+xml,');
width: 635px;
height: 562px;
top: 50%;
left: 50%;
transform: translateX(-50%);
}
.wp-block-cover.is-style-onq-dark-hex-pattern-3::after { content: none; }
@media (max-width: 768px) {
.wp-block-cover.is-style-onq-dark-hex-pattern-1::before,
.wp-block-cover.is-style-onq-dark-hex-pattern-1::after {
background-size: 419px 163px;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-1::before {
top: -70px;
left: -260px;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-1::after {
right: -570px;
bottom: -103px;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-2::before {
background-size: 419px 163px;
bottom: -105px;
left: -137px;
}
.wp-block-cover.is-style-onq-dark-hex-pattern-3::before {
bottom: -390px;
}
}