.wp-block-group {
position: relative;
}
.wp-block-group .wp-block-group__inner-container {
position: relative;
width: 100%;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
@media (min-width: 760px) and (min-width: 760px) {
.wp-block-group > .is-block-content {
max-width: 50%;
width: 100%;
}
}
.is-style-cnvs-block-bordered {
--cnvs-style-single-border-color: #dee2e6;
border: 1px solid var(--cnvs-style-single-border-color);
padding: 40px;
}
.is-style-cnvs-block-single-border {
--cnvs-style-single-border-width: 1px;
--cnvs-style-single-border-color: #dee2e6;
--cnvs-style-single-margin: 2rem;
}
.is-style-cnvs-block-single-border:before {
position: relative !important;
content: "";
background-color: var(--cnvs-style-single-border-color);
display: block;
width: 4rem;
height: var(--cnvs-style-single-border-width);
margin: var(--cnvs-style-single-margin) auto;
}
.is-style-cnvs-block-single-border:after {
position: relative !important;
content: "";
background-color: var(--cnvs-style-single-border-color);
display: block;
width: 4rem;
height: var(--cnvs-style-single-border-width);
margin: var(--cnvs-style-single-margin) auto;
}
.is-style-cnvs-block-single-border.alignright {
border: none;
padding-left: var(--cnvs-style-single-margin);
border-left: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
}
.is-style-cnvs-block-single-border.alignright:before, .is-style-cnvs-block-single-border.alignright:after {
content: none;
}
.is-style-cnvs-block-single-border.alignleft {
border: none;
padding-right: var(--cnvs-style-single-margin);
border-right: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
}
.is-style-cnvs-block-single-border.alignleft:before, .is-style-cnvs-block-single-border.alignleft:after {
content: none;
}
.is-style-cnvs-block-bg-light {
--cnvs-style-bg-light-background: #f8f9fa;
--cnvs-style-bg-light-padding: 40px;
background: var(--cnvs-style-bg-light-background);
padding: var(--cnvs-style-bg-light-padding);
}
.is-style-cnvs-block-bg-inverse {
--cnvs-style-bg-inverse-background: black;
--cnvs-style-bg-inverse-color: #fff;
--cnvs-style-bg-inverse-padding: 40px;
background: var(--cnvs-style-bg-inverse-background);
padding: var(--cnvs-style-bg-inverse-padding);
color: var(--cnvs-style-bg-inverse-color);
}
.is-style-cnvs-block-shadow {
--cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0,0,0,0.08);
--cnvs-style-shadow-padding: 40px;
-webkit-box-shadow: var(--cnvs-style-shadow-box-shadow);
box-shadow: var(--cnvs-style-shadow-box-shadow);
padding: var(--cnvs-style-shadow-padding);
}
@media (max-width: 1019.98px) {
.is-style-cnvs-block-single-border.alignleft,
.is-style-cnvs-block-single-border.alignright {
float: none;
width: 100%;
max-width: 100%;
border-left: none;
border-right: none;
margin-left: 0;
margin-right: 0;
}
}