/*! @theme gropius */

/*
  ============================================
    Created by Paulo Cunha
    version: 1.0
    last update: 28.mar.2024
  ============================================       
*/

/*! Importing COLOR SCHEMA */

@import "default";
@import "schema";
@import "structure";

/*-----------------------------------------------*/
/*! Importing Font                                */
/*! Font Credit: htts://https://www.cdnfonts.com/ */
/*-----------------------------------------------*/
/* @import url('https://fonts.cdnfonts.com/css/libre-bodoni-2'); */
/* @import url('https://fonts.cdnfonts.com/css/joan-2'); */
/* @import url('https://fonts.cdnfonts.com/css/fira-sans-condensed?styles=19730'); */
/* @import url('https://fonts.cdnfonts.com/css/montserrat'); */
/* @import url('https://fonts.cdnfonts.com/css/futura-std-4'); */
/* @import url('https://fonts.cdnfonts.com/css/open-sans'); */
/* @import url('https://fonts.cdnfonts.com/css/noto-serif-thai'); */
@import url('https://fonts.cdnfonts.com/css/faustina-2');
@import url('https://fonts.cdnfonts.com/css/droid-sans-2');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*! -------------------- ROOT -------------------------------*/

:root {

  /*! Default items */
  /* --default-font-family: 'Futura Std', 'Faustina', 'Berlin Type Office', 'Calisto MT', 'Bookerly', 'Noto Serif Thai', sans-serif; */
  /* --default-font-family: 'Faustina', sans-serif; */
  --default-font-family: 'Inria Sans', 'Bookerly', 'Noto Serif Thai', sans-serif;
  --default-font-weight: initial;
  --default-font-size: 22pt !important;
  --default-font-color: rgb(48, 49, 85);
  --default-letter-spacing: -0.8px;
  /* 
  --default-background-color: #A4C2F4; 
  --default-background-color: #C9DAF8; 
  --default-background-color: #ffb600; 
  */
  --default-background-color: #b8c2f9; 
  
  /*! Paragraph */
  --p-color: rgba(4, 20, 41, 0.814);
  --p-font-size: 112%;
  --p-font-weight: 500;
  --p-line-height: 112%;

  /*!  Title Page Title*/
  --titlepage-title-font-family: 'Arial';
  --titlepage-title-font-family: 'Futura Std';
  --titlepage-title-font-family: 'Droid Sans';
  --titlepage-title-font-size: 34pt;
  --titlepage-title-font-weight: 700;
  --titlepage-title-padding-bottom: 0pt;
  
  /*!  Title Page Subtitle*/
  /*! --titlepage-subtitle-font-family: 'Fira Sans Condensed'; */
  --titlepage-subtitle-font-family: 'Open Sans Light';
  --titlepage-subtitle-font-size: 26pt;
  --titlepage-subtitle-font-weight: 700;
  --titlepage-subtitle-font-color: rgb(7, 7, 224);
  
  
  /*! Strong */
  --strong-padding-left: 2px;
  --strong-padding-right: 2px;
  --strong-font-weight: 600;
  
  /*! Bold  */
  --bold-color: rgb(255, 8, 0);
  --bold-color: rgb(2, 96, 236);

  /*! Italic */
  --italic-color: rgb(17, 16, 16);
  --italic-background-color: rgb(238, 234, 9);

  /*! Cool-List */
  --cool-list-color: rgb(233, 26, 11);

  /*! H1 */
  /* --h1-color: rgb(9, 38, 80); */
  --h1-color: rgb(255, 255, 255);
  --h1-font-family: 'Montserrat';
  --h1-font-size: 36pt;
  --h1-font-weight: 600;
  --h1-letter-spacing: -1.76px;
  --h1-text-shadow: -10px 2px 45px #0c3157b4;

  --h1-padding-bottom: 2mm;
  --h1-margin-bottom: 10mm;
  /* --h1-border-bottom: 1px solid orangered; */

  /*! Code */
  --code-background-color: rgba(206, 252, 0, 0.726);
  --code-font-family: inherit;
  --code-font-color: rgb(10, 10, 10);
  --code-font-size: inherit;
  --code-font-weight: 600;
  --code-padding-left: 16px;
  --code-padding-right: 16px;
  --code-border-radius: 13pt;

    /*! List Item <li> */
  --li-font-size: 22pt;
  --li-hover-font-color: rgb(255, 255, 255);
  --li-hover-background-color: rgba(10, 10, 10, 0.089);

  
  /*! Transition  */
  --transition-background-color: rgb(115, 137, 196);
  --transition-em-background-color: rgba(38, 75, 151, 0.773);
  
  /*! Transition2  */
  --transition2-background-color: #ffa700;
  --transition2-em-background-color: #d63d00e3;

  /*! Cite  */
  --cite-background-color: rgb(154, 173, 226);
}

:root {

  font-family: var(--default-font-family);
  font-weight: var(--default-font-weight);
  font-size: var(--default-font-size);
  background-color: var(--default-background-color);
  color: var(--default-font-color);
  font-kerning: auto !important;
  letter-spacing: var(--default-letter-spacing);

}

/*! ----------------------- TITLE PAGE -------------------------------*/

section.titlepage .title {
  
  font-family: var(--titlepage-title-font-family);
  font-size: var(--titlepage-title-font-size);
  font-weight: var(--titlepage-title-font-weight) !important;

  border-bottom: var(--h1-border-bottom);
  padding-bottom: var(--titlepage-title-padding-bottom);

}

section.titlepage .subtitle{

  font-family: var(--titlepage-subtitle-font-family);
  font-size: var(--titlepage-subtitle-font-size);
  font-weight: var(--titlepage-subtitle-font-weight);

  color: var(--titlepage-subtitle-font-color);
  line-height: 25pt !important;
  
}

section.titlepage h1 {

  font-family: var(--titlepage-title-font-family) !important;
  font-size: var(--titlepage-title-font-size) !important;
  padding-bottom: var(--titlepage-title-padding-bottom) !important;

  font-family: var(--titlepage-title-font-family);
  font-size: var(--titlepage-title-font-size);
  font-weight: var(--titlepage-title-font-weight) !important;

  border-bottom: var(--h1-border-bottom);
  padding-bottom: var(--titlepage-title-padding-bottom);

}

section.titlepage h2 {

  line-height: 0pt !important;
  font-family: var(--titlepage-subtitle-font-family);
  padding-bottom: 150pt !important;
  
  font-family: var(--titlepage-subtitle-font-family);
  font-size: var(--titlepage-subtitle-font-size);
  font-weight: var(--titlepage-subtitle-font-weight);

  color: var(--titlepage-subtitle-font-color) !important;

}

section.titlepage .author,
section.titlepage .date,
section.titlepage .organization {
  text-align: left;
}

/*! -------------------- H1 -------------------------------*/

h1 {

  font-family: var(--h1-font-family);
  font-weight: var(--h1-font-weight);
  font-size: var(--h1-font-size);
  color: var(--h1-color);

  padding-bottom: var(--h1-padding-bottom);
  margin-bottom: var(--h1-margin-bottom);
  border-bottom: var(--h1-border-bottom);
  letter-spacing: var(--h1-letter-spacing);
  text-shadow: var(--h1-text-shadow);
}

/*! ------------------- PARAGRAPH ------------------------*/

p {
  font-size: var(--p-font-size);
  font-weight: var(--p-font-weight);
  color: var(--p-color);
  line-height: var(--p-line-height) !important;
}

/*! ------------------- ANCHOR ------------------------*/

a {
  color: #1e3f7c;
  font-size: 95%;
}

/*! ----------------- LIST ITEM ------------------------*/

li {
  font-size: var(--li-font-size) !important;
}

li:hover {
  background-color: var(--li-hover-background-color);
  color: var(--li-hover-font-color);
}


/*! --------------------- STRONG -------------------------*/

strong {
  color: var(--bold-color) !important;
  padding-left: var(--strong-padding-left);
  padding-right: var(--strong-padding-right);
  font-weight: var(--strong-font-weight);
}

/*! ----------------------- CODE -------------------------------*/

section code {

  font-family: var(--code-font-family);
  font-size: var(--code-font-size);
  font-weight: var(--code-font-weight) !important;

  background-color: var(--code-background-color);
  color: var(--code-font-color) !important;

  padding-left: var(--code-padding-left) !important;
  padding-right: var(--code-padding-right) !important;

  border-end-start-radius:    var(--code-border-radius);
  border-start-end-radius:    var(--code-border-radius);
  border-end-end-radius:      var(--code-border-radius);
  border-start-start-radius:  var(--code-border-radius);
}


/*! -------------------- TRANSITION -------------------------------*/

section.transition {
  background-color: var(--transition-background-color) !important;

}

section.transition em{

  color: unset !important;
  background-color: var(--transition-em-background-color);
  font-family: unset;
  font-weight: unset;
  font-style: italic;

  padding-left: var(--code-padding-left) !important;
  padding-right: var(--code-padding-right) !important;

  border-end-start-radius:    var(--code-border-radius);
  border-start-end-radius:    var(--code-border-radius);
  border-end-end-radius:      var(--code-border-radius);
  border-start-start-radius:  var(--code-border-radius);

}

section.transition strong {

  color: unset !important;

}


/*! -------------------- TRANSITION2 -------------------------------*/

section.transition2 {
  background-color: var(--transition2-background-color) !important;

}

section.transition2 strong {

  color: unset !important;

}

section.transition2  em {

  background-color: var(--transition2-em-background-color) !important;
  
  color: unset !important;
  background-color: unset;
  font-family: unset;
  font-weight: unset;
  font-style: italic;

  padding-left: var(--code-padding-left) !important;
  padding-right: var(--code-padding-right) !important;

  border-end-start-radius:    var(--code-border-radius);
  border-start-end-radius:    var(--code-border-radius);
  border-end-end-radius:      var(--code-border-radius);
  border-start-start-radius:  var(--code-border-radius);

}

/*! -------------------- BIBLIO -------------------------------*/

section.biblio {

  font-family: var(--default-font-family) !important;
  --border-color: rgb(66, 75, 82);
  --biblio-background-color: rgb(184, 194, 249);

  --text-color: rgb(0, 0, 0);
  --bold-color: rgb(71, 96, 255);
}

/*! -------------------- COLUMNS -------------------------------*/

section.columns ul,
section.columns ol,
section.columns li {
  color: var(--default-font-color);
  font-family: var(--default-font-family);
  font-size: 28px !important;
  font-weight: 400;
}

/*! ----------------------- CITE -------------------------------*/

section.cite {

  background-color: var(--cite-background-color) !important;
}

section.cite p{
  color: rgb(34, 34, 48) !important;
  font-family: 'Faustina';
  font-weight: 600;
  font-size: 34pt !important;

}

section.cite strong{

  color: rgb(248, 248, 247) !important;
  
}
