/* @theme orwell */
/*
============================================
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/faustina-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/noto-serif-thai');
/* -------------------- ROOT -------------------------------*/
:root {
/* Default items */
/* --default-font-family: 'Bookerly', 'Noto Serif Thai', 'Joan', 'Faustina', 'Libre Bodoni', sans-serif; */
--default-font-family: 'Bookerly', 'Noto Serif Thai', sans-serif;
--default-font-weight: initial;
--default-font-size: 22pt !important;
--default-font-color: #303155;
--default-letter-spacing: -0.4px;
--default-background-color: #fdf8ed ;
/* Paragraph */
--p-color: rgba(4, 20, 41, 0.814);
--p-font-size: 112%;
--p-font-weight: 500;
--p-line-height: 112%;
/* Title Page */
--titlepage-title-font-family: inherit;
--titlepage-subtitle-font-family: 'Fira Sans Condensed';
--titlepage-title-font-size: 32pt;
--titlepage-title-padding-bottom: 6pt;
/* Strong */
--strong-padding-left: 2px;
--strong-padding-right: 2px;
--strong-font-weight: 600;
/* Bold */
--bold-color: rgb(255, 8x, 0);
--bold-color: #e70000;
/* Italic */
--italic-color: #ffffff;
--italic-background-color: #ee0909;
/* Cool-List */
--cool-list-color: rgb(233, 26, 11);
/* H1 */
--h1-color: #32446b;
--h1-font-family: 'Fira Sans condensed';
--h1-font-size: 36pt;
--h1-font-weight: 900;
--h1-padding-bottom: 2mm;
--h1-margin-bottom: 10mm;
--h1-border-bottom: 1px solid orangered;
/* Code */
--code-background-color: rgba(206, 252, 0, 0.877);
--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-font-size: 22pt;
--li-hover-font-color: rgb(255, 255, 255);
--li-hover-background-color: rgba(10, 10, 10, 0.089);
/* Transition */
--transition-em-background-color: #264b97c5;
--transition-background-color: #7389c4;
/* Transition2 */
--transition2-em-background-color: #d63d00e3;
--transition2-background-color: #ee7614;
/* --transition2-em-background-color: #a3343494;
--transition2-background-color: #df8379; */
}
: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);
border-bottom: var(--h1-border-bottom);
padding-bottom: var(--titlepage-title-padding-bottom);
}
section.titlepage .subtitle {
font-family: var(--titlepage-subtitle-font-family);
}
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;
}
section.titlepage h2 {
line-height: 0pt !important;
font-family: var(--titlepage-subtitle-font-family);
padding-bottom: 150pt !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);
}
/* ------------------- 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;
}
/* ----------------- 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: #424b52;
--biblio-background-color: #b8c2f9;
--text-color: #000000;
--bold-color: #4760ff;
}
/* -------------------- 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: #9aade2;
}
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;
}