@import url(//fonts.googleapis.com/css?family=Montserrat|Open+Sans);

/* CUSTOMISATIONS */
/* Change the values in root for quick customisation. If you want even more fine grain... venture further. */
:root{
  --maincolor:#FFFFFF;
  --primarycolor:#294172; /* Fedora Dark Blue */
  --secondarycolor:#3c6eb4; /* Fedora Blue */
  --tertiarycolor:#CCCCCC;
  --highlightcolor:#e59728; /* Accent highlight only */
  --sidebarbackground:#CACACA;
  --linkcolor:#0D47A1;
  --linkcoloralternate:#db3279; /* Friends Magneta */
  --white:#FFFFFF;
  --black:#000000;
  --inlinecodebg:#f3f5f8;
  --inlinecodeborder:#e3e8ef;
  --inlinecodetext:#4a5a6a;
  --codeblockbg:#f5f7fa;
  --codeblockborder:#d9e0e8;
  --codeblocktext:#23313d;
}

/* Text styles */

body{font-family: "Open Sans",sans-serif;background-color: var(--maincolor);color:var(--black);}

h1{color:var(--primarycolor) !important;font-family:"Montserrat",sans-serif;}
h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Montserrat",sans-serif;}
.title{color:var(--black) !important;font-family:"Open Sans",sans-serif;font-style: normal; font-weight: normal;}
a{text-decoration: none;}
p{font-family: "Open Sans",sans-serif ! important}
#toc.toc2 a:link{color:var(--linkcolor);}
blockquote{color:var(--linkcoloralternate) !important}
.quoteblock blockquote:before{color:var(--linkcoloralternate)}
mark{background-color: var(--highlightcolor)} /* Text highlighting color */

/* Inline code should read like a subtle annotation, not a warning badge. */
:not(pre) > code,
td code,
th code,
p code,
li code {
  background-color: var(--inlinecodebg) !important;
  border: 1px solid var(--inlinecodeborder);
  border-radius: 4px;
  color: var(--inlinecodetext) !important;
  padding: 0.05rem 0.28rem;
}

/* Fenced/listing code blocks should stand out without overpowering the page. */
pre,
.listingblock pre,
.literalblock pre {
  background-color: var(--codeblockbg) !important;
  color: var(--codeblocktext) !important;
  border: 1px solid var(--codeblockborder);
  box-shadow: none;
}

pre code,
.listingblock pre code,
.literalblock pre code {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
}

/* Table styles */
th{background-color: var(--maincolor);color:var(--black) !important;}
td{background-color: var(--maincolor);color: var(--black) !important}


#toc.toc2{background-color:var(--sidebarbackground);}
#toctitle{color:var(--white);}

/* Responsiveness fixes */
video {
  max-width: 100%;
}

@media all and (max-width: 600px) {
  table {
    width: 55vw!important;
    font-size: 3vw;
  }
}