/** * All of the CSS for your block editor functionality should be * included in this file. */ /** * Environment for all styles (variables, additions, etc). */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ .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; } }