/*  -----------------------------------------------------------------------------------------------
    Gutenberg Style - It compiles in assets/dist/css/gutenberg.css
    @package v.1.0.0
--------------------------------------------------------------------------------------------------- */
/*  -----------------------------------------------------------------------------------------------
    Global Variables
    @package v.1.0.0
--------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: 'Roboto Condensed';
  src: url("../fonts/RobotoCondensed-Light.woff2") format("woff2"), url("../fonts/RobotoCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

.editor-styles-wrapper .block-editor-writing-flow {
  /*  -----------------------------------------------------------------------------------------------
    Headings
    @package v.1.0.0
--------------------------------------------------------------------------------------------------- */
  max-width: 1071px;
  margin: 0 auto;
}

.editor-styles-wrapper .block-editor-writing-flow h1 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 2.5px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #121212;
}

@media (max-width: 1024px) {
  .editor-styles-wrapper .block-editor-writing-flow h1 {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .editor-styles-wrapper .block-editor-writing-flow h1 {
    font-size: 32px;
  }
}

.editor-styles-wrapper .block-editor-writing-flow h2 {
  font-size: 36px;
  line-height: 40px;
}

@media (max-width: 1024px) {
  .editor-styles-wrapper .block-editor-writing-flow h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (max-width: 768px) {
  .editor-styles-wrapper .block-editor-writing-flow h2 {
    font-size: 28px;
    line-height: 32px;
  }
}

.editor-styles-wrapper .block-editor-writing-flow h3 {
  font-size: 32px;
  line-height: 36px;
}

@media (max-width: 1024px) {
  .editor-styles-wrapper .block-editor-writing-flow h3 {
    font-size: 28px;
    line-height: 32px;
  }
}

@media (max-width: 768px) {
  .editor-styles-wrapper .block-editor-writing-flow h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.editor-styles-wrapper .block-editor-writing-flow h4 {
  font-size: 28px;
  line-height: 32px;
}

@media (max-width: 1024px) {
  .editor-styles-wrapper .block-editor-writing-flow h4 {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (max-width: 768px) {
  .editor-styles-wrapper .block-editor-writing-flow h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

.editor-styles-wrapper .block-editor-writing-flow h5 {
  font-size: 24px;
  line-height: 28px;
}

@media (max-width: 1024px) {
  .editor-styles-wrapper .block-editor-writing-flow h5 {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (max-width: 768px) {
  .editor-styles-wrapper .block-editor-writing-flow h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

.editor-styles-wrapper .block-editor-writing-flow h6 {
  font-size: 20px;
  line-height: 24px;
}

@media (max-width: 1024px) {
  .editor-styles-wrapper .block-editor-writing-flow h6 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 768px) {
  .editor-styles-wrapper .block-editor-writing-flow h6 {
    font-size: 16px;
    line-height: 20px;
  }
}

.editor-styles-wrapper .block-editor-writing-flow h1, .editor-styles-wrapper .block-editor-writing-flow h2, .editor-styles-wrapper .block-editor-writing-flow h3, .editor-styles-wrapper .block-editor-writing-flow h4, .editor-styles-wrapper .block-editor-writing-flow h5, .editor-styles-wrapper .block-editor-writing-flow h6 {
  margin: 24px 0;
}

.edit-post-visual-editor__post-title-wrapper {
  font-family: "Roboto Condensed", serif;
}

.edit-post-visual-editor__post-title-wrapper label, .edit-post-visual-editor__post-title-wrapper textarea {
  font-size: 48px;
  line-height: 1.1;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2.5px;
}

.edit-post-visual-editor {
  font-family: "Roboto Condensed", serif;
}

.edit-post-visual-editor .wp-block {
  max-width: 100%;
}

.edit-post-visual-editor .editor-post-title .editor-post-title__block .editor-post-title__input {
  font-family: "Roboto Condensed", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 2.5px;
}

.edit-post-visual-editor .block-editor-block-list__block {
  font-family: "Roboto Condensed", serif !important;
}
