/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Colors */
.gblocks-notice {
  margin-bottom: 20px; }

.gblocks-panel-label .components-panel__body-toggle.components-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.gblocks-panel-label svg.components-panel__icon {
  margin: 0 10px 0 0; }

.components-gblocks-control__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 5px;
  -ms-flex-align: center;
      align-items: center; }

.components-panel__body .components-gblocks-control__units .components-button {
  background: #fff;
  border-color: #e2e4e7;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #6c7781;
  font-size: 10px;
  padding: 0 5px;
  position: relative;
  text-align: center;
  text-shadow: none;
  border: 1px solid; }
  .components-panel__body .components-gblocks-control__units .components-button.is-primary {
    background: #0070a7;
    border-color: #0070a7;
    color: #fff;
    cursor: default;
    z-index: 1; }

.gblocks-control-tabs .components-tab-panel__tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8eaeb; }

.gblocks-control-tabs .components-tab-panel__tabs button {
  padding: 9px 11px;
  padding-bottom: 11px;
  margin: 0;
  margin-bottom: -1px;
  color: #555d66;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  outline-offset: -1px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center; }

.gblocks-control-tabs .components-tab-panel__tabs button.active-tab {
  position: relative;
  border-bottom: 2px solid #00a0d2;
  z-index: 1;
  font-weight: bold;
  background: #fafafa; }

.gblocks-block-control-icon svg {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 2px; }

.gblocks-block-control-icon.gblocks-add-grid-item svg {
  padding: 0; }

.gblocks-block-control-icon svg path {
  fill: inherit !important; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Colors */
.gblocks-notice {
  margin-bottom: 20px; }

.gblocks-panel-label .components-panel__body-toggle.components-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.gblocks-panel-label svg.components-panel__icon {
  margin: 0 10px 0 0; }

.components-gblocks-control__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 5px;
  -ms-flex-align: center;
      align-items: center; }

.components-panel__body .components-gblocks-control__units .components-button {
  background: #fff;
  border-color: #e2e4e7;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #6c7781;
  font-size: 10px;
  padding: 0 5px;
  position: relative;
  text-align: center;
  text-shadow: none;
  border: 1px solid; }
  .components-panel__body .components-gblocks-control__units .components-button.is-primary {
    background: #0070a7;
    border-color: #0070a7;
    color: #fff;
    cursor: default;
    z-index: 1; }

.gblocks-control-tabs .components-tab-panel__tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8eaeb; }

.gblocks-control-tabs .components-tab-panel__tabs button {
  padding: 9px 11px;
  padding-bottom: 11px;
  margin: 0;
  margin-bottom: -1px;
  color: #555d66;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  outline-offset: -1px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center; }

.gblocks-control-tabs .components-tab-panel__tabs button.active-tab {
  position: relative;
  border-bottom: 2px solid #00a0d2;
  z-index: 1;
  font-weight: bold;
  background: #fafafa; }

.gblocks-block-control-icon svg {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 2px; }

.gblocks-block-control-icon.gblocks-add-grid-item svg {
  padding: 0; }

.gblocks-block-control-icon svg path {
  fill: inherit !important; }

/**
 * Frontend Styles
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Colors */
.gblocks-notice {
  margin-bottom: 20px; }

.gblocks-panel-label .components-panel__body-toggle.components-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.gblocks-panel-label svg.components-panel__icon {
  margin: 0 10px 0 0; }

.components-gblocks-control__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 5px;
  -ms-flex-align: center;
      align-items: center; }

.components-panel__body .components-gblocks-control__units .components-button {
  background: #fff;
  border-color: #e2e4e7;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #6c7781;
  font-size: 10px;
  padding: 0 5px;
  position: relative;
  text-align: center;
  text-shadow: none;
  border: 1px solid; }
  .components-panel__body .components-gblocks-control__units .components-button.is-primary {
    background: #0070a7;
    border-color: #0070a7;
    color: #fff;
    cursor: default;
    z-index: 1; }

.gblocks-control-tabs .components-tab-panel__tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8eaeb; }

.gblocks-control-tabs .components-tab-panel__tabs button {
  padding: 9px 11px;
  padding-bottom: 11px;
  margin: 0;
  margin-bottom: -1px;
  color: #555d66;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  outline-offset: -1px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center; }

.gblocks-control-tabs .components-tab-panel__tabs button.active-tab {
  position: relative;
  border-bottom: 2px solid #00a0d2;
  z-index: 1;
  font-weight: bold;
  background: #fafafa; }

.gblocks-block-control-icon svg {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 2px; }

.gblocks-block-control-icon.gblocks-add-grid-item svg {
  padding: 0; }

.gblocks-block-control-icon svg path {
  fill: inherit !important; }

.gb-button {
  display: inline-block;
  padding: .75em 1em;
  line-height: 1em;
  color: #fff;
  text-decoration: none !important;
  background-color: #32373c;
  border: none;
  -webkit-transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;
  -o-transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;
  transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out; }
  .gb-button:hover, .gb-button:focus, .gb-button:active {
    color: #fff;
    background-color: #32373c; }