/*****************************************************************************************************
* Block CSS
* 
* Used for Frontend and Editor.
******************************************************************************************************/

/*
Core Blocks: Common
---------------------------------------------------------------------------------------------------- */

/* Core Blocks: Colors
--------------------------------------------- */

/* General Color Styles */

mark[style*="background-color"]:not([style*="background-color:rgba(0, 0, 0, 0)"]) {
  font-size: 0.95em;
  padding: 0.1em 0.2em;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

/* bub Default Colors */

.has-black-background-color {
  background-color: #151515;
}
.has-black-color {
  color: #151515;
}

.has-grey-dark-background-color {
  background-color: #777;
}
.has-grey-dark-color {
  color: #777;
}

.has-grey-middle-background-color {
  background-color: #aaa;
}
.has-grey-middle-color {
  color: #aaa;
}

.has-grey-light-background-color {
  background-color: #eee;
}
.has-grey-light-color {
  color: #eee;
}

.has-white-background-color {
  background-color: #fff;
}
.has-white-color {
  color: #fff;
}


/* Core Blocks: Font Sizes
--------------------------------------------- */

.has-bub-xsmall-font-size {
  font-size: 0.7em;
}

.has-bub-small-font-size {
  font-size: 0.85em;
}

.has-bub-normal-font-size {
  font-size: 1em;
}

.has-bub-large-font-size {
  font-size: 1.15em;
}

.has-bub-xlarge-font-size {
  font-size: 1.3em;
}


/*
Core Blocks: Specific
---------------------------------------------------------------------------------------------------- */

/* Audio
--------------------------------------------- */

#editor .wp-block-audio {
  background: #ddd;
  padding: 7px;
}

#editor .wp-block-audio audio {
  display: block;
}


/* Blockquote
--------------------------------------------- */

#editor .wp-block-quote {
  border-left: 0.25em solid;
  margin: 1.75em 0 1.75em;
  padding: 0 0 0 1em;
}

#editor .wp-block-quote.has-text-align-right {
  border-left: none;
  border-right: 0.25em solid;
  padding: 0 1em 0 0;
}

#editor .wp-block-quote.has-text-align-center {
  border: none;
  padding: 0;
}

#editor .wp-block-quote.is-style-plain {
  border: none;
}

#editor .wp-block-quote.is-style-large p {
  font-size: 1.2em;
}

#editor .wp-block-quote cite {
  font-size: 0.8em;
  font-style: normal;
}


/* Button
--------------------------------------------- */

#editor .wp-block-buttons {
  margin: 1.3em 0;
}

#editor .wp-block-button {
  font-size: 0.9em;
}

#editor .wp-block-button__link {
  text-decoration: none;
}

#editor .wp-block-button__link:hover {
  opacity: 0.85;
  color: #fff;
}


/* Details
--------------------------------------------- */

#editor .wp-block-details {
  margin-bottom: 0.75em;
}

#editor .wp-block-details summary {
  display: list-item;
}

#editor .wp-block-details summary br {
  display: none;
}

#editor .wp-block-details p {
  margin: 0.7em 0 0;
}


/* File
--------------------------------------------- */

#editor .wp-block-file {
  font-size: 1em;
  margin: 1.3em 0;
}

#editor .wp-block-file a[id^="wp-block-file--media"] {
  font-size: 1em;
}

#editor .wp-block-file__button {
  font-size: 0.8em;
  text-decoration: none;
  vertical-align: 0.1em;
}

#editor .wp-block-file__button:hover {
  color: #fff;
}

/* HTML
--------------------------------------------- */

#editor .wp-block-html textarea {
  display: block;
}


/* Image
--------------------------------------------- */

#editor .wp-block-image figcaption {
  font-size: 0.9em;
  margin-top: 0.2em;
}


/* Preformatted (Code, Verse)
--------------------------------------------- */

#editor :is(.wp-block-preformatted, .wp-block-code, .wp-block-verse) {
  font-family: monospace, serif;
}


/* Pullquote
--------------------------------------------- */

#editor .wp-block-pullquote {
  margin: 1.3em 0;
  padding: 0;
}

#editor .wp-block-pullquote blockquote {
  margin: 0;
}

#editor .wp-block-pullquote p {
  margin: 0;
}

#editor .wp-block-pullquote cite {
  display: block;
  font-size: 0.75em;
}


/* Separator
--------------------------------------------- */

#editor .wp-block-separator {
  background-color: #ccc;
  border: none;
  height: 1px;
  margin: 1em 0 0.85em;
}


/* Video
--------------------------------------------- */

#editor .wp-block-embed.is-type-video .wp-block-embed__wrapper {
  line-height: 0;
}

#editor .wp-block-embed.is-type-video iframe {
  margin: 0;
}

#editor .wp-block-embed.is-type-video figcaption {
  font-size: 0.9em;
  margin: 0.2em 0 0; 
}