Ancho amplio & completo - Parte 2

gutenberg-front-end.css

/**
* Gutenberg front end styles
*/

/**
* Block Color Palettes
*/

.has-flesh-background-color {
    background-color: #ffe5d1;
}

.has-flesh-color {
    color: #ffe5d1;
}

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

.has-white-color {
    color: #ffffff;
}

.has-pink-background-color {
    background-color: #e53b51;
}

.has-pink-color {
    color: #e53b51;
}

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

.has-black-color {
    color: #352712;
}

/**
* Wide Alignments
*/

.entry-content{
  padding-left: 0;
  padding-right: 0;
}

.entry-content > *:not(.alignwide):not(.alignfull){
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .alignwide,
.entry-content > .alignfull{
  margin-top: 0;
  margin-bottom: 2em;
}

.entry-content > .alignwide{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* Audio */
.entry-content > .wp-block-audio.alignwide audio,
.entry-content > .wp-block-audio.alignfull audio{
  width: 100%;
}

/* Archivo */
.entry-content > .wp-block-file.alignwide a:first-child,
.entry-content > .wp-block-file.alignfull a:first-child{
  display: none;
}
.entry-content > .wp-block-file.alignwide .wp-block-file__button,
.entry-content > .wp-block-file.alignfull .wp-block-file__button{
  margin-left: 0;
  display: block;
  text-align: center;
}

/* Cita (Formatos) */
.entry-content > .wp-block-pullquote.alignfull{
  margin-left: 0;
}

/* Ultimas entradas, Categorias */
.entry-content > .wp-block-latest-posts.alignfull,
.entry-content > .wp-block-categories.alignfull{
  margin-left: 30px;
}

/* Incrustados Youtube y Vimeo */
.wp-block-embed.is-type-video.alignfull{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.wp-block-embed.is-type-video.alignfull > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}