File: C:/Apache24/htdocs/wp-content/plugins/echo-knowledge-base/css/editor.css
/*
justify-content:
- flex-start
- flex-end
- center
- space-between
- space-around
- space-evenly
align-items:
- stretch
- flex-start
- flex-end
- center
- baseline
*/
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
/*
start - aligns items to be flush with the start edge of their cell
end - aligns items to be flush with the end edge of their cell
center - aligns items in the center of their cell
stretch - fills the whole height of the cell (this is the default)
*/
@-webkit-keyframes section-outline {
0% {
opacity: 0; }
to {
opacity: 1; } }
@keyframes section-outline {
0% {
opacity: 0; }
to {
opacity: 1; } }
.epkb-editor-container {
background-color: #e6e9ec; }
.epkb-editor-container input[type="text"]:focus,
.epkb-editor-container input[type="date"]:focus,
.epkb-editor-container input[type="email"]:focus,
.epkb-editor-container input[type="number"]:focus,
.epkb-editor-container input[type="password"]:focus,
.epkb-editor-container input[type="search"]:focus,
.epkb-editor-container input[type="tel"]:focus,
.epkb-editor-container input[type="url"]:focus,
.epkb-editor-container select:focus,
.epkb-editor-container textarea:focus {
border-color: #333333;
outline: 0 none; }
.epkb-editor-container input[type="text"],
.epkb-editor-container input[type="date"],
.epkb-editor-container input[type="email"],
.epkb-editor-container input[type="number"],
.epkb-editor-container input[type="password"],
.epkb-editor-container input[type="search"],
.epkb-editor-container input[type="tel"],
.epkb-editor-container input[type="url"],
.epkb-editor-container select,
.epkb-editor-container textarea {
border: solid 1px #d5dadf;
border-radius: 3px;
height: 100%; }
.epkb-editor-container a {
color: #CC3366;
text-decoration: underline; }
.epkb-editor-container label {
margin: 0;
padding: 0; }
.epkb-editor-container select {
border: solid 1px #d5dadf;
border-radius: 3px;
font-size: 12px;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
letter-spacing: inherit;
flex-basis: 100%;
padding: 8px 0 8px 5px !important;
cursor: pointer;
height: 100%;
line-height: 1.5; }
.epkb-editor-container input {
border: solid 1px #d5dadf;
border-radius: 3px;
font-size: 12px;
width: 100%;
height: 100%;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6d7882;
outline: none;
padding: 8px 0 8px 5px !important;
line-height: 1.5; }
.epkb-editor-container button {
border: 1px solid #d5dadf;
display: inline-block;
margin: 0;
font-weight: 400;
line-height: 1.5;
text-transform: none;
box-shadow: none !important; }
.epkb-editor-container button:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: #106ecd;
color: #fff; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__menu-btn:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__back-btn, .epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__close-btn {
display: none;
cursor: pointer; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__title {
font-size: 19px; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__config:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-container {
height: calc( 100% - 88px ); }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner {
height: 100%;
display: flex;
flex-direction: column; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
margin-bottom: 10px;
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
width: 100%;
padding: 10px;
position: relative;
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab:after {
display: none;
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #2EA3F2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab.epkb-editor-settings__panel-navigation__tab--active:after {
display: block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab.epkb-editor-settings__panel-navigation__tab--disabled {
color: #C2C2C2;
cursor: default; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab.epkb-editor-settings__panel-navigation__tab--disabled:after {
background: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab .epkb-editor-settings__panel-navigation__tab__icon {
margin-bottom: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab .epkb-editor-settings__panel-navigation__tab__title {
font-size: 16px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container:hover .epkb-editor-settings__panel-navigation__tab:after {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container:hover .epkb-editor-settings__panel-navigation__tab:hover:after {
display: block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container {
position: relative;
height: 100%;
overflow: auto;
background-color: #ffffff; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__panel {
display: none;
flex-direction: column;
padding-top: 15px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__panel--active {
display: flex; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__help {
display: flex;
justify-content: center;
align-items: center;
padding: 50px 25px;
font-size: 15px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__help a {
color: #6d7882; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__help a:hover {
color: #2EA3F2;
text-decoration: underline; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-container {
padding: 0 20px 15px 20px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header {
font-size: 15px;
font-weight: bold;
padding: 20px 20px 15px 20px;
margin-top: 15px;
border-top: 1px solid #e6e9ec; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header-desc {
padding: 20px 20px 15px 20px;
margin-top: 15px;
border-top: 1px solid #e6e9ec; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header-desc .epkb-editor-settings-control-type-header-desc__title {
font-size: 15px;
font-weight: bold; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header-desc .epkb-editor-settings-control-type-header-desc__desc {
font-size: 12px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 52%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field .epkb-editor-settings-control__input select {
width: 100%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--small .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--small .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
width: 24%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text textarea {
border-radius: 3px;
font-size: 12px;
width: 100%;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6d7882;
border: 1px solid;
outline: none;
padding: 5px;
border-color: #d5dadf;
height: 70px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text textarea:focus {
box-shadow: 0 0 0px 1px #2EA3F2 inset; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--full .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--full .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
width: 100%;
margin-top: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--inline .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--inline .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--inline .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 52%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--small .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--small .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--small .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 24%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 75%;
display: flex;
justify-content: flex-end;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field .epkb-editor-settings-control__input input {
width: 100%;
margin-left: auto;
text-align: right; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__slider.ui-slider {
height: 3px;
margin: 15px 0;
position: relative;
background: #2EA3F2;
border-right: 9px solid #2EA3F2;
border-left: 9px solid #2EA3F2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__slider.ui-slider .ui-slider-handle {
display: block;
width: 19px;
height: 19px;
position: absolute;
top: -8px;
border: 1px solid #2EA3F2;
border-radius: 50%;
background: white;
cursor: pointer;
margin-left: -9px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--small .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--small .epkb-editor-settings-control__input {
width: 24%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--slider .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--slider .epkb-editor-settings-control__input {
width: 24%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 24%;
text-align: right; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__label {
background: #71d7f7; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__label:before {
color: #71d7f7; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__label:after {
color: #ffffff; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__handle {
left: auto;
right: 2px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle {
position: relative;
display: inline-block;
vertical-align: top;
height: 24px;
background-color: #fff;
border-radius: 18px;
cursor: pointer;
width: 54px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__toggle {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
transition: .15s ease-out;
transition-property: opacity,background; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__label:before {
content: attr(data-off);
right: 3px;
color: #a4afb7;
position: absolute;
top: 2px;
width: 50%;
text-align: center;
line-height: 22px;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__label:after {
opacity: 1;
content: attr(data-on);
left: 3px;
color: #eceeef;
position: absolute;
top: 2px;
width: 50%;
text-align: center;
line-height: 22px;
transition: inherit; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__handle {
right: 1px;
-webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
position: absolute;
top: 3px;
left: 1px;
width: 18px;
height: 18px;
background: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: left .15s ease-out;
-o-transition: left .15s ease-out;
transition: left .15s ease-out; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 52%;
text-align: right; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-color-result {
border-radius: 3px;
border: 1px solid #2EA3F2;
margin-right: 0;
margin-bottom: 0;
text-decoration: none !important;
outline: none;
box-shadow: none;
height: 33px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-color-result-text {
font-size: 0;
font-family: 'ep_icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 30px;
width: 31px;
height: 31px;
box-sizing: border-box;
position: relative;
border-radius: 0 3px 3px 0;
text-decoration: none !important; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-color-result-text:after {
position: absolute;
display: block;
font-size: 14px;
content: "\e903";
top: 1px;
left: 7px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-picker-container {
position: relative;
background: white; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-picker-container.wp-picker-active .wp-picker-input-wrap {
position: absolute;
top: 40px;
right: 0;
width: 257px;
background: white;
box-sizing: border-box;
border-radius: 3px 3px 0 0;
border: 1px solid #2EA3F2;
border-bottom: 0;
padding: 10px;
display: flex;
z-index: 2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-picker-container.wp-picker-active .wp-picker-input-wrap label {
display: block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-picker-container.wp-picker-active .wp-picker-input-wrap label .wp-color-picker {
width: 100%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-picker-container.wp-picker-active .wp-picker-input-wrap .wp-picker-clear {
width: 49%;
line-height: 1;
text-decoration: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-picker-container.wp-picker-active .wp-picker-holder {
position: absolute;
top: 85px;
right: 0;
border-radius: 0 0 3px 3px;
border: 1px solid #2EA3F2;
z-index: 2;
border: 1px solid #2EA3F2;
border-top: 0; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .wp-picker-container.wp-picker-active .wp-picker-holder .iris-picker {
border: 0;
margin: 0; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-separator {
border-bottom: solid 1px #e6e9ec;
margin-bottom: 20px;
margin-top: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice {
display: flex;
align-items: center;
border-radius: 5px;
padding: 10px 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 15px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice .epkb-editor-notice__icon {
width: 40px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice .epkb-editor-notice__title {
font-size: 15px;
line-height: 1.2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--default {
background: #106ecd;
color: white; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--edit-zone {
display: flex;
flex-direction: column;
background-color: #feff94;
border: solid 3px #eff17d;
border-radius: 14px;
padding: 0 20px 20px 40px;
margin-top: 100px;
color: #000;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--edit-zone .epkb-editor-notice__icon {
width: 100%;
font-size: 60px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--edit-zone .epkb-editor-notice__icon .epkbfa-info {
border: solid 2px #000;
border-radius: 40px;
padding: 9px 28px;
margin-bottom: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__header {
font-size: 13px;
line-height: 1;
margin-bottom: 10px;
display: flex;
justify-content: space-between; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields {
display: flex; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields input {
height: 35px;
line-height: 35px;
padding: 10px 0;
border-radius: 0;
border-right-width: 0;
text-align: center;
background: white;
position: relative; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields input:focus {
box-shadow: 0 0 0px 1px #2EA3F2 inset; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking {
height: 35px;
line-height: 35px;
padding: 0 15px;
background: #eeeeee;
color: #CC3366;
border-radius: 0 3px 3px 0;
border-color: #d5dadf; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking:focus {
outline: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking.epkb-editor-settings-control__input__linking--active, .epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking:hover {
background: #2EA3F2;
color: #fff; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input {
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input:first-child input {
border-radius: 3px 0 0 3px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input .epkb-editor-settings-control__input__label {
font-size: 12px;
text-transform: uppercase;
color: lightgrey;
padding: 5px;
padding-right: 12px;
display: block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions--count-2 .epkb-editor-settings-control__input:nth-child(1) {
flex: 2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions--count-2 .epkb-editor-settings-control__input:nth-child(2) {
flex: 2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-separator {
border-bottom: solid 1px #ddd;
margin: 20px 0px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label {
width: 48%;
cursor: pointer;
margin-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input + .epkb-editor-settings-control-image-select--label {
border: 1px solid lightgrey;
padding: 10px 5px;
border-radius: 4px;
height: 100%;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input + .epkb-editor-settings-control-image-select--label img {
margin: auto;
margin-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input + .epkb-editor-settings-control-image-select--label span {
font-size: 12px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input:checked + .epkb-editor-settings-control-image-select--label {
border: 6px solid #39b54a; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label:hover .epkb-editor-settings-control-image-select--label {
border-color: grey; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units {
padding-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input {
display: flex;
justify-content: flex-end; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input + span {
font-size: 12px;
display: inline-block;
margin-left: 10px;
cursor: pointer;
text-transform: uppercase; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input:checked + span, .epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input + span:hover {
text-decoration: underline; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-wp-editor .epkb-editor-settings-wpeditor_button {
width: 100%;
margin-top: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__description {
font-size: 12px;
margin-top: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__description a {
font-size: 12px; }
.epkb-editor-container .epkb-editor-footer-container {
min-height: 60px;
padding: 0;
background-color: #495157;
padding: 0; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav {
display: flex;
justify-content: flex-end;
align-items: center;
padding-left: 20px; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-footer-nav__item {
text-align: center;
cursor: pointer;
color: #a4afb7;
padding: 10px; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-footer-nav__item-icon {
display: none; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-save {
padding: 8px 16px;
font-size: 16px;
border-radius: 3px;
line-height: 1.5;
height: 100%;
color: #ffffff;
background-color: #39b54a;
border: none;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
line-height: 1;
text-transform: uppercase; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-save:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-exit {
padding: 8px 16px;
font-size: 16px;
border-radius: 3px;
color: #ffffff;
background-color: #8b978c;
border: none;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
line-height: 1;
text-transform: uppercase; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-exit:hover {
cursor: pointer; }
.epkb-editor-container #epkb-editor-close {
position: absolute;
right: 0;
top: 0;
font-size: 25px;
cursor: pointer;
line-height: 15px;
display: none; }
.epkb-editor-container .epkb-editor-settings-menu-container {
display: none;
padding: 10px; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group__title {
font-size: 16px;
margin-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container {
margin-bottom: 20px; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
border-bottom: solid 1px #ddd;
padding: 10px 10px;
background-color: #fff;
color: #6d7882;
text-decoration: none; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container:hover {
background-color: #f4f4f4; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__icon {
font-size: 22px;
width: 50px;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__title {
font-size: 15px; }
.epkb-editor-container #epkb-editor-settings-panel-global {
padding: 0; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container {
padding: 20px 10px;
background-color: #e6e9ec; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
border-bottom: solid 1px #ddd;
padding: 10px 10px;
background-color: #fff;
color: #6d7882;
text-decoration: none; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container:hover {
background-color: #f4f4f4; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__icon {
font-size: 22px;
width: 50px;
text-align: center; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__title {
font-size: 15px; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__settings-container {
padding-top: 20px; }
.epkb-editor-popup {
display: none; }
.epkb-editor-popup.epkb-editor-popup--active {
display: flex !important;
position: fixed;
top: 5%;
right: 0;
bottom: 5%;
left: 400px;
z-index: 150000;
width: calc(90% - 400px);
box-sizing: border-box;
background: white;
flex-direction: column;
border-radius: 25px;
justify-content: space-between;
-webkit-box-shadow: 0px 12px 21px -4px rgba(0, 0, 0, 0.46);
box-shadow: 0px 12px 21px -4px rgba(0, 0, 0, 0.46); }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__header {
text-align: center;
padding: 10px 15px;
margin-bottom: 30px;
font-size: 18.5px;
font-weight: bold;
border-bottom: 1px solid black;
background: #106ecd;
color: #ffffff;
border-top-left-radius: 25px;
border-top-right-radius: 25px; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__body {
padding: 0 20px; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__footer {
display: flex;
justify-content: center;
margin: 20px 0; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__footer #epkb-editor-popup__button-update {
margin: 0 10px; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__footer #epkb-editor-popup__button-cancel {
margin: 0 10px; }
.epkb-editor-popup.epkb-editor-popup--active #epkbeditormce_ifr {
height: calc( 100vh - 350px ) !important; }
#epkb-editor-iframe, #epkb-editor {
display: none; }
.epkb-edit-mode {
/* body */
overflow: hidden; }
.epkb-edit-mode:after {
content: "";
display: block;
position: absolute;
background: white;
left: 0;
top: 0;
width: 100%;
height: 130vh;
z-index: 2; }
.epkb-edit-mode #epkb-editor-iframe {
position: fixed;
top: -32px;
border: none;
left: 0;
right: 0;
z-index: 99998;
bottom: 0;
width: 100%;
height: 100%;
transition: 0.2s; }
.epkb-edit-mode #epkb-editor-iframe #epkb-editor-body {
height: 100%;
padding: 20px 0;
overflow: auto; }
.epkb-edit-mode.epkb-editor--active #wpadminbar {
display: none !important; }
.epkb-edit-mode.epkb-editor--active > div {
display: none; }
.epkb-edit-mode.epkb-editor--active #epkb-editor-iframe {
left: 400px;
width: calc(100% - 400px) !important;
display: block; }
.epkb-edit-mode.epkb-editor--active #epkb-editor {
display: flex;
position: fixed;
flex-direction: column;
z-index: 99999999;
top: 0;
bottom: 0;
left: 0;
width: 400px;
border-right: 1px solid black; }
.epkb-edit-mode .media-modal {
left: 438px; }
.epkb-editor-preview {
/* iframe body */ }
.epkb-editor-preview #wpadminbar {
display: none; }
.epkb-editor-preview .epkb-editor-zone {
box-shadow: none;
cursor: pointer;
transition: 0.2s;
position: relative; }
.epkb-editor-preview .epkb-editor-zone.hover {
box-shadow: 0 0 0 3px #64b5f6 !important; }
.epkb-editor-preview .epkb-editor-zone--active {
box-shadow: 0 0 0 3px #11f644 !important; }
.epkb-editor-preview .epkb-editor-zone--active:hover {
box-shadow: 0 0 0 3px #11f644 !important; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs {
position: absolute;
bottom: 100%;
left: -3px;
right: -3px;
display: flex;
justify-content: space-between;
z-index: 99999999;
text-shadow: none;
color: #000; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--active, .epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
font-size: 13px !important;
padding: 5px !important;
margin-bottom: 3px !important;
font-weight: bold !important; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--active {
background: #11f644; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
background: #ddd; }
.epkb-editor-preview #eckb-article-left-sidebar.epkb-editor-zone {
margin: 3px; }
.epkb-editor-preview #eckb-article-right-sidebar.epkb-editor-zone {
margin: 3px; }
.epkb-editor-preview #eckb-article-content.epkb-editor-zone {
margin: 3px; }
.epkb-editor-preview #elay-grid-layout-page-container .section-head.epkb-editor-zone {
margin-bottom: 3px; }
.epkb-editor-preview #eckb-article-left-sidebar.epkb-editor-zone--active {
margin: 3px; }
.epkb-editor-preview #eckb-article-right-sidebar.epkb-editor-zone--active {
margin: 3px; }
.epkb-editor-preview #eckb-article-content.epkb-editor-zone--active {
margin: 3px; }
.eckb-bottom-notice-message {
/* notices */
position: fixed;
bottom: 0px;
left: 400px;
z-index: 999999999;
transition: all 0.5s ease-in-out;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
max-width: 400px; }
.eckb-bottom-notice-message .contents {
display: block;
position: relative;
font-size: 16px; }
.eckb-bottom-notice-message .contents h4 {
font-size: 16px;
margin: 0; }
.eckb-bottom-notice-message .contents span {
display: block;
border: solid 1px;
padding: 14px 30px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.eckb-bottom-notice-message .contents span p {
padding: 0;
margin: 0;
font-size: 1em; }
.eckb-bottom-notice-message .contents span a {
color: white; }
.eckb-bottom-notice-message .contents .general {
background-color: #e5e5e5;
border-color: #cccccc; }
.eckb-bottom-notice-message .contents .success {
background-color: #5cb85c;
border-color: #449d44;
color: #fff; }
.eckb-bottom-notice-message .contents .warning {
background-color: #F0BC71;
border-color: #eba643;
color: #fff; }
.eckb-bottom-notice-message .contents .attention {
background-color: #d0d849;
border-color: #bbc42a;
color: #5e5e5e; }
.eckb-bottom-notice-message .contents .error {
background-color: #d9534f;
border-color: #c9302c;
color: #fff; }
.eckb-bottom-notice-message .contents .primary {
background-color: #2EA3F2;
border-color: #0e8bdf;
color: #fff; }
.eckb-bottom-notice-message .epkb-close-notice {
position: absolute;
top: 0;
right: 0;
padding: 5px;
opacity: .5;
font-size: 15px; }
.eckb-bottom-notice-message .epkb-close-notice:hover {
opacity: 1;
cursor: pointer; }
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.epkb-editor-settings-panel-container {
border-bottom: 1px solid white;
display: none; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__title {
text-align: center;
padding: 15px;
padding-top: 0; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__description {
text-align: center;
padding: 10px 15px; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__learn-more {
text-align: center;
padding: 10px 15px;
display: block;
width: 150px;
margin: auto;
border: 1px solid black;
border-radius: 4px;
font-size: 14px;
color: black; }
.epkb-frontend-loader {
position: fixed;
left: 0;
right: 0;
top: 32px;
bottom: 0;
display: none;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.8);
z-index: 999999991; }
.epkb-frontend-loader.epkb-frontend-loader--active {
display: flex !important; }
.epkb-frontend-loader.epkb-frontend-loader--iframe {
left: 400px;
background: white; }
.epkb-frontend-loader .epkb-frontend-loader-icon {
border: dashed 6px #2EA3F2;
color: #2EA3F2;
padding: 30px 32px;
border-radius: 100px;
animation: epkb_spin 2s linear infinite; }
.epkb-frontend-loader .epkb-frontend-loader-icon:before {
font-size: 30px; }
@keyframes epkb_spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.epkb-editor-container a.epkb-comment-link {
color: #106ecd;
text-decoration: none; }