/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Complex
   ========================================================================== */
.postbox .cf-complex__inserter-menu {
  margin: 0;
  border-radius: 3px;
  background-color: #191e23; }
  .postbox .cf-complex__inserter-menu:before {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 0;
    height: 0;
    border-width: 5px 5px 5px 0;
    border-style: solid;
    border-color: transparent #191e23;
    margin-top: -5px;
    content: ''; }

.postbox .cf-complex__inserter-item {
  font-weight: 600;
  color: #fff;
  transition: color 0.1s linear; }
  .postbox .cf-complex__inserter-item:hover {
    color: #00a0d2; }

.postbox .cf-complex__tabs .cf-complex__inserter-button {
  font-weight: 600;
  color: #23282d; }

.postbox .cf-complex__tabs-item {
  font-weight: 600;
  color: #23282d; }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Field
   ========================================================================== */
.cf-container .cf-field {
  flex: 1 1 100%;
  padding: 12px;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #e2e4e7; }

.cf-container .cf-field + .cf-field {
  border-top-width: 1px; }

.term-php .cf-container__fields > .cf-field:not(.cf-field--has-width) > .cf-field__head,
.cf-container-user-meta .cf-container__fields > .cf-field > .cf-field__head {
  position: absolute;
  left: 0;
  font-weight: 600; }

.cf-container .cf-field__label {
  padding-bottom: 6.5px;
  font-weight: 600;
  color: #23282d; }

.cf-container-term-meta .cf-field__label,
.cf-container-user-meta .cf-field__label {
  margin: 0 !important; }

.cf-field__help {
  display: inline-block;
  color: #666;
  margin-top: 10px; }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Multiselect
   ========================================================================== */
.postbox .cf-multiselect__control {
  border-color: #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; }

.postbox .cf-multiselect__control--is-focused,
.postbox .cf-multiselect__control--is-focused:hover {
  box-shadow: 0 0 2px rgba(0, 115, 170, 0.8); }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Media Gallery
   ========================================================================== */
.postbox .cf-media-gallery__inner {
  border: 1px solid #e2e4e7; }

.postbox .cf-media-gallery__actions {
  border-top: 1px solid #e2e4e7; }

.cf-container-term-meta .cf-media-gallery__actions {
  padding-left: 0; }

.cf-container-term-meta .cf-media-gallery__list {
  margin: 0 -8px;
  max-height: 285px; }

.cf-container-term-meta .cf-media-gallery__item {
  flex-basis: 20%; }

.postbox .cf-media-gallery__item-inner,
.cf-container-term-meta .cf-media-gallery__item-inner {
  border: 1px solid #e2e4e7; }

.postbox .cf-media-gallery__item-preview,
.cf-container-term-meta .cf-media-gallery__item-preview {
  background-color: #f3f4f5; }

.postbox .cf-media-gallery__item-name,
.cf-container-term-meta .cf-media-gallery__item-name {
  border-top: 1px solid #e2e4e7;
  background-color: #f3f4f5; }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Radio
   ========================================================================== */
.inside .cf-radio-image .cf-radio__input:focus ~ .cf-radio__label {
  box-shadow: 0 0 2px rgba(0, 160, 210, 0.8); }

.inside .cf-radio-image__image {
  border: 1px solid #b5bcc2; }

.inside .cf-radio__input:focus ~ .cf-radio__label .cf-radio-image__image,
.inside .cf-radio__input:checked ~ .cf-radio__label .cf-radio-image__image {
  outline: 4px solid #00a0d2; }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Widget
   ========================================================================== */
.cf-container-widget {
  margin-bottom: 13px; }
  .cf-container-widget .cf-field {
    margin: 1em 0 0;
    padding: 0;
    border-width: 0; }
  .cf-container-widget .cf-field + .cf-field {
    border-top-width: 0; }
  .cf-container-widget .cf-complex__group-body {
    border-width: 1px 1px 1px 1px;
    margin-top: 0; }
  .cf-container-widget .cf-complex__group-body .cf-field {
    padding: 12px; }
  .cf-container-widget .cf-complex__group-body .cf-field + .cf-field {
    border-width: 1px 0 0 0;
    padding-top: 1em; }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Theme Options
   ========================================================================== */
.carbon-theme-options #post-body.columns-2 #postbox-container-1.fixed,
.carbon-network #post-body.columns-2 #postbox-container-1.fixed {
  position: fixed;
  right: 0;
  margin-right: 20px; }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   User Meta
   ========================================================================== */
.cf-container-user-meta {
  max-width: 600px; }

/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
   ========================================================================== */
/* ==========================================================================
   Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   WordPress Variables
   ========================================================================== */
/* ==========================================================================
   Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss
   ========================================================================== */
/* ==========================================================================
   Container
   ========================================================================== */
.carbon-box.hide-if-js:not([hidden]) {
  display: block; }

#poststuff .carbon-box .inside,
.carbon-box .inside {
  padding: 0;
  margin: 0; }

.cf-container__fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px 0 0;
  background-color: #fff; }
  .cf-container__fields[hidden] {
    display: none; }
  .block-editor .cf-container__fields {
    border-left: 1px solid #e2e4e7; }
  .cf-container-term-meta .cf-container__fields,
  .cf-container-user-meta .cf-container__fields {
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #e2e4e7;
    margin: 0; }

.cf-container__tabs {
  position: relative;
  z-index: 1;
  padding: 12px 12px 0;
  border-bottom: 1px solid #e2e4e7;
  background-color: #fbfbfc; }

.cf-container__tabs-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -1px; }

.cf-container__tabs-item {
  display: flex;
  align-items: center;
  border: 1px solid #e2e4e7;
  margin: 0 8px 0 0;
  background-color: #fbfbfc;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.1s linear, border-color 0.1s linear; }
  .cf-container__tabs-item button {
    background: 0;
    border: 0;
    padding: 8px 12px;
    margin: 0; }
  .cf-container__tabs-item:hover {
    background-color: #fff; }
  .cf-container__tabs-item--current {
    background-color: #fff;
    border-bottom-color: #fff; }

