$base-margin: 30px;
$margin-padding: 120px;
$margin-padding-mobile: 80px;
$path_font : './assets/css/fonts/';

// elements
@import "assets/sass/mixins/mixins-master";
@import "assets/sass/mixins/utilities";
@import "assets/sass/variables-site/variables-site";
@import "assets/sass/typography/typography";


@import "assets/sass/blocks/wp-blocks/captions";
@import "assets/sass/blocks/wp-blocks/lists";
@import "assets/sass/blocks/wp-blocks/elements";
@import "assets/sass/blocks/wp-blocks/bg&color";
@import "assets/sass/blocks/wp-blocks/galleries";
@import "assets/sass/blocks/wp-blocks/forms";
@import "assets/sass/blocks/wp-blocks/tables";



:root {


  --bg-color: #131313;
  --assistant-color: #191919;

  --theme-color: #e4dcd3;
  --font-color: #ddd;
  --heading-color: #fff;
  --border-color: #ffffff1a;
  --smooth-color: #f9f9f9;
  --reverse-color: #f9f9f9;
  --reverse-heading-color: #000;

  --bg-btn: #0a0909;
  .background-theme, &.background-theme {
    --font-color: #0009;
    --heading-color: #000;
  }
}



:root {

  --body-font: 'Poppins', sans-serif;
  --heading-font: 'Excon', sans-serif;
  --font-code: Menlo, monaco, Consolas, Lucida Console, monospace;
  --font-pre: "Courier 10 Pitch", Courier, monospace;

  --font-size-base: 15px;
  --font-size-h1: 40px;
  --font-size-h2: 35px;
  --font-size-h3: 30px;
  --font-size-h4: 25px;
  --font-size-h5: 22px;
  --font-size-h6: 16px;
  --menu-size: 12px;

  --line-height-base: 1.3;
  --line-height-content: 1.6;
  --font-weight-heading: 500;
  --font-weight-body: 400;



}


html {
  font-size: $font-size-base;
}


body {
  background-color: $bg-color;
  line-height: $line-height-base;
  color: $body-color;
  font-family: $body-font;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}


p, .wp-block-freeform.block-library-rich-text__tinymce p {
  line-height: 1.6;


  br[data-mce-bogus="1"] {
    display: none;
  }
}


//-> input post Title
.wp-block.editor-post-title__block {
  max-width: 100%;
  textarea{
    color: $heading-color;
    font-family: $heading-font;
  }


  .editor-post-title__input {
    margin: 0;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
  }
}


figure {
  margin: 0;
}


h1, h2, h3, h4, h5, h6 {
  margin-top: 20px;
  margin-bottom: 20px;
}


.wp-block-freeform.block-library-rich-text__tinymce p > code {
  background-color: $assistant-color;
}


a {
  color: $heading-color;
  //color: $theme-color;
}


.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
  color: $heading-color;
  //color: $theme-color;
  margin-top: 0;
}


.wp-block-button {
  width: 100%;
}


.wp-block-rss {
  padding-left: 0;
  margin-left: 0;
}


.wp-block-pullquote {
  &.is-style-solid-color {
    margin-top: 60px;


    .wp-block-pullquote__citation {
      color: inherit;
    }


    blockquote {
      margin: 0 auto;
    }
  }
}


.blocks-gallery-grid, .blocks-gallery-grid, .wp-block-gallery, .wp-block-gallery {
  &.alignleft {
    margin-right: 10px;
  }


  &.alignright {
    margin-left: 10px;
  }
}


.wp-block[data-align="left"] > * {
  margin-right: 20px;
  margin-top: 0;
  margin-bottom: 20px;
}


.wp-block-latest-posts, .wp-block-categories ul {
  //margin-left: 0;
  padding-left: 0;
}


.wp-block {
  max-width: 650px;
}


.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
  &.alignleft {
    margin-right: 20px;
  }

  &.aligncenter{
    margin-left: auto;
    margin-right: auto;
  }


  &.alignright {
    margin-left: 20px;
  }

}


.wp-block-quote.is-large, .wp-block-quote.is-style-large , .wp-block-pullquote.is-style-solid-color{
  margin-left: auto;
  margin-right: auto;
}


.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color.has-background.has-cyan-bluish-gray-background-color blockquote{
  color: inherit;
}

legend + p{
  margin-top: 0;
}

.wp-block-quote.is-style-large .wp-block-quote__citation , .wp-block-quote.is-large .wp-block-quote__citation{
  font-size: 18px;
}

.wp-block-file , fieldset label{
  color: $heading-color;
  //color: $theme-color;
}

.wp-block-freeform.block-library-rich-text__tinymce ol, .wp-block-freeform.block-library-rich-text__tinymce ul{
  padding-left: 1rem;
}

.wp-block-cover .wp-block-cover__inner-container a {
  color: inherit ;
}