/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
div.essgrid_block {
  background: url(../images/esglogo.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 145px;
  line-height: 32px; }

div.essgrid_block .components-text-control__input {
  display: none; }

div.essgrid_block span {
  font-weight: bold;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 16px;
  line-height: 16px; }

div.essgrid_block .grid_slug {
  float: left; }

div.essgrid_block .grid_edit_button {
  float: right;
  margin: 2px 0 0 10px;
  width: auto; }

div.essgrid_block .grid_edit_material_icon {
  float: right;
  margin-left: 10px;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: top;
  line-height: 26px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  width: 34px; }

div.essgrid_block .editor_icon {
  font-family: dashicons;
  font-size: 16px;
  width: auto;
  line-height: 16px; }

div[data-type="themepunch/essgrid"] button {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

div[data-type="themepunch/essgrid"] {
  background: #f6f6f9; }

div[data-type="themepunch/essgrid"] > div:first-child {
  padding: 15px; }

div[data-type="themepunch/essgrid"] div.block-editor-block-toolbar {
  padding: 0px !important; }

[data-type="themepunch/essgrid"] .editor-block-list__block-edit:before {
  outline: 1px solid rgba(145, 151, 162, 0.25) !important; }

[data-type="themepunch/essgrid"] .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
  background-color: #d20000;
  color: #f8f9f9 !important;
  padding-left: 3px; }

.editor-block-list-item-themepunch-essgrid svg,
.components-panel__body.edit-post-block-sidebar__panel svg.dashicons-screenoptions {
  width: 24px;
  height: 24px; }

.editor-block-list-item-themepunch-essgrid .editor-block-types-list__item-title {
  padding: 4px 1px 4px 1px; }

.ess-stepnavigator, .ess-bottom_half, #eg-add-predefined-grid {
  display: none; }

#ess-grid-tiny-dialog-step-1 .ess-top_half {
  border-bottom: 0 !important; }

.grid_edit_button, .grid_edit_button:focus, .grid_edit_button:active, .grid_edit_button:active:enabled {
  /*border-color: rgb(210, 0, 0)!important;
    background: rgb(210, 0, 0)!important;*/
  border: none !important;
  background: #ed4446 !important;
  color: #fff !important;
  height: 28px; }

.grid_edit_button:hover {
  -webkit-filter: brightness(105%) !important;
  filter: brightness(105%) !important;
  border-color: #ed4446 !important;
  background: #ed4446 !important;
  color: #fff !important; }
