norma_para_toda_obra/_extensions/moan-livro/custom.scss

/*-- scss:defaults --*/

/* TODO: Customize html appearance by setting SCSS variables */
/* See https://quarto.org/docs/output-formats/html-themes.html#theme-options */

/*-- scss:rules --*/

/* TODO: Provide custom CSS rules */

/*-- scss:defaults --*/
$h2-font-size:          1.6rem !default;
$headings-font-weight:  500 !default;
$font-size-base: 1.1rem !default;

/*-- scss:rules --*/
main p, main li {
    text-align: left;
    hyphens: auto;
    -webkit-hyphens: auto;
    font-kerning: auto;
}

.duas_colunas {
    column-count: 2;
    column-gap: 20px;
    margin-bottom: 40px;
}

.esquerda p {
    text-align: left;
}

.direita p {
    text-align: right;
}

.centralizado p {
    text-align: center;
}

.justificado p {
    text-align: justify;
}

.versos {
    margin: 20px 20px 20px 60px;
    width: 70%;
}

.versos p {
    text-indent: -20px;
    margin-bottom: 0;
}

/*-- As fontes --*/

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/fontes/Source_Sans_3/SourceSans3-VariableFont_wght.ttf');
    /* Adicione outras variantes da fonte (light, regular, etc.) conforme necessário */
  }

  @font-face {
    font-family: 'Source Serif';
    src: url('/fontes/Source_Serif_4/SourceSerif4-VariableFont_opsz,wght.ttf');
    /* Adicione outras variantes da fonte (light, regular, etc.) conforme necessário */
  }

  @font-face {
    font-family: 'Source Code Pro';
    src: url('/fontes/Source_Code_Pro/SourceCodePro-VariableFont_wght.ttf');
    /* Adicione outras variantes da fonte (light, regular, etc.) conforme necessário */
  }
  
  @font-face {
    font-family: 'EB Garamond';
    src: url('/fontes/EB_Garamond/EBGaramond-VariableFont_wght.ttf');
    /* Adicione outras variantes da fonte (light, regular, etc.) conforme necessário */
  }
  @font-face {
    font-family: 'Open Sans';
    src: url('/fontes/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf');
    /* Adicione outras variantes da fonte (light, regular, etc.) conforme necessário */
  }
  
  .sourcesans {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
  }

  .sourceserif {
    font-family: 'Source Serif', serif;
    font-weight: 400;
  }

  .sourcecode {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
  }
  
  .ebgaramond {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
  }

  .opensans {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
  }

  
/*-- FIM das fontes --*/

.fonte_8 {
    font-size: 0.7rem;
}
.fonte_9 {
    font-size: 0.8rem;
}
.fonte_10 {
    font-size: 0.9rem;
}
.fonte_11 {
    font-size: 1.0rem;
}
.fonte_12 {
    font-size: 1.1rem;
}
.fonte_13 {
    font-size: 1.2rem;
}
.fonte_14 {
    font-size: 1.3rem;
}
.fonte_15 {
    font-size: 1.4rem;
}
.fonte_16 {
    font-size: 1.5rem;
}

.espacamento_simples {
    line-height: 1.2   ;
}

.espacamento_padrao {
    line-height: 1.5   ;
}

.destaque
{
   display: block;
   margin: 15px auto;
   width: 300px;
}

.continuacao {
    text-indent: 0;
}

.qrcode {
    display: block;
    margin: 20px auto;
    width: 35%;
}

#como-citar-bibtex, #como-citar-atribuicao {

    border: 1px solid #dedede;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 1rem;
    
}

#como-citar-atribuicao p {
    text-indent: -20px;
    margin-left: 20px;
}

#como-citar p {
    margin-bottom: 5px;
}

.verso {
   text-indent: -15px;
}

main li {
    margin-bottom: 15px;
}

h1{
    margin-bottom: 18px !important;
    text-align: center;
}

h2#toc-title {
    box-shadow:none;
}

h1, h2 {

    margin-top: 50px;

}

#TOC .small_h2{
    font-size: inherit;
}


 #TOC a {
    word-break: normal;
 }

.subtitle {
    text-align: center;
}

div.autores{
    margin-bottom: 30px;
    margin-top: -15px;
    font-size: 0.8em;
  }

div.autores p {
    text-align: right;
}

#direitos-autorais p {
    text-align: center;
}

blockquote{
    text-align: left;
    hyphens: auto;
    font-kerning: auto;
    margin-top: 30px;
}

  blockquote+p span div {
    text-align: left;
    font-weight: normal;
    font-size: unset;
  }
 .references div{
     text-indent: -20px;
     margin-left: 20px;
     text-align: justify;
 }

 .citation div {
     text-align: justify;
 }


.figure-caption {
    text-align: center;
}

.contador-figura{
    font-weight: bold;
    font-variant: small-caps;
}

mjx-container {
    overflow-x: auto;
    overflow-y: hidden;
}


@media (max-width: 400px){

    .qrcode {
        width: 75%;
    }

}

@media (max-width: 500px){

    .duas_colunas {
        column-count: 1;
    }
}


 @media (max-width: 991.98px){
 body .page-columns, body.fullcontent:not(.floating):not(.docked) .page-columns, body.slimcontent:not(.floating):not(.docked) .page-columns, body.docked .page-columns, body.docked.slimcontent .page-columns, body.docked.fullcontent .page-columns, body.floating .page-columns, body.floating.slimcontent .page-columns, body.floating.fullcontent .page-columns {
     display: grid;
     gap: 0;
     grid-template-columns: [screen-start] 1.5em [screen-start-inset page-start page-start-inset body-start-outset body-start body-content-start] minmax(0px, 1fr) [body-content-end body-end body-end-outset page-end-inset page-end screen-end-inset] 1.5em [screen-end];
 }

 #quarto-margin-sidebar {
     display: none;
 }

 #quarto-content {
    max-width: 768px;
    margin: auto;

}
 }