/*@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Recursive:wght,CRSV,MONO@300..800,0,1&display=swap');*/
@import url('https://fonts.cdnfonts.com/css/offbit-trial?styles=139381,139378');
@import url('https://fonts.cdnfonts.com/css/onli?styles=30095,30094');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
/*@import url('https://www.w3schools.com/lib/w3.css');*/

/* CC--FONTS */
/*tags and cats taxonomies lists*/
.tags {list-style:none}
.tags a {font-family: ;text-decoration: none; padding:0.05em; font-size:}
.subtitle {
  font-family: "DotGothic16", serif;
  font-size: 0.8em;
}
.sitetitl {
  font-size: 1.5em;
  text-transform: uppercase;  
  
}
.sitetitl a {
  text-decoration: none;  
  padding:0.2em;
  font-weight: bold;
  font-family:  "DotGothic16", serif;
  background: linear-gradient(
    to right,  
    var(--c-title_BG1),
    var(--c-title_BG2),
    var(--c-title_BG3)
  );
  /* background-size: 50% 10%; Optional: Adds animation effect */
  /*animation: gradientAnimation 10s ease infinite;  Optional: Adds animation */
}
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.sitetitl a:hover {
  text-decoration: underline; 
  color:blueviolet
}
@font-face {
    font-family: dos;
    src: url("./fonts/HelvetiPixel.ttf") format("woff2");
    font-display: swap;
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: DepartureMono-Regular;
    src: url("./fonts/DepartureMono-Regular.woff2") format("woff2");
    font-display: swap;
/*    font-weight: 300;*/
    font-style: normal;
}
/*h1,h2,h3,h4,h4,h6,a,strong {
  font-family: 'Onli', sans-serif;
  }*/
/*end test*/

@font-face {
    font-family: NeueB_CC;
    src: url("./fonts/regular-neuebit.woff2") format("woff2");
    font-display: swap;
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: NeueB_CC;
    src: url("./fonts/bold-neuebit.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

/* columns */
* {
  box-sizing: border-box;
}


.row::after {
  content: "";
  clear: both;
  display: block;
}

[class*="col-"] {
  float: left;
  padding: 0.5em;
}

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .tntsearch-dropdown ~ .tntsearch-results .row  { width: 100%;}
}


body {
    margin: 30px auto;  /* Center it */
    /*font-family: "DotGothic16", serif;
    font-size: 1.5em;*/
    font-family: serif;
    font-size: 1.1em;
    line-height: 1.2em;
/*    font-weight:300;*/
    padding: 0 1em;
    background-color:#fff8dc;
    color: #000;                            
    max-width:980px;             /* If your text hits the side of the browser, fuck off forever. You ever see a book like that? Yes? What a shitty book. */
    /* queries cc */
    @media (max-width: 750px) {
        font-size: 110%;        
        margin:20px auto;
        padding: 0 10px 0 10px;
      
    }
}
/* LINKS*/

/*a:link {
  color: #0066cc;
  background-color: transparent;
}
a:visited {
  color: #6389b0;
  background-color: transparent;
  text-decoration: underline;
}
a:hover {
  color: darkgray;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: dimgray;
  background-color: transparent;
  text-decoration: underline;
}*/

/*sub Captions*/
sup {
  vertical-align: sup;
  font-size: 0.8em;
}

/*breadcrumbs*/
#breadcrumbs a{font-size: 0.7em; color:#003c7e}

/*cat an tags search*/
.cat-tag {
  color:#f8690e;
  font-size: ;
  padding:0.05em 0.35em;
  border:1px solid #f8690e;

}

/*Children lists*/

/*ol {
  background: #ff9999;
  padding: 5px;
  list-style-type: ;
}

ul {
  background: #3399ff;
  padding: 20px;
  list-style-type: ;
}

ol li.child-level-1 {
 
  background: #ffe5e5;
  color: darkred;
  padding: 5px;
  margin-left: 35px;
}
li.child-level-1::marker {
  content: "☇ ";
  color:;

}
ul li {
  background: #cce5ff;
  color:#brown;
  margin: 15px;
   
}*/
li.child-level-1::marker {
  content: "☇ ";
  color:;
}
li.folder_img {
  list-style-type: " \223f " ;
  padding:0.2em
}
ul {
  background: ;
  padding: 20px;
  list-style-type: " \0023 "   ;
}
ul li {
  background: ;
  color:;
  padding-left:10px;
   
}
.newstitle{
  background: var(--c-background_panel); 
  color:var(--c-interactive);
  border-top: 2px solid gray;
  text-transform: uppercase; 
  line-height: 40px;
  /* queries cc */
    @media (max-width: 750px) {
        font-size: 120%;             
    }
}
.newstitle:hover{
  background: var(--c-hovernews);
  
}
a {
   text-decoration: underline;        /* No <strike>*/
} 
/*
a:link    {color: #4a006a ;}   
a:visited {color: #4a006a;}   
a:hover   {color: darkblue;} 
a:active  {color: royalblue;}
*/

/*drk mode*/

:root {
  --c-text: #333;
  --c-background: #fff8dc;
  --c-interactive: #00008b;
  --c-background_panel: #eee2e4;
  --c-background_search: #ffff33;
  --c-hovernews: #eee2e4  ;
  --c-title_BG1: #90d5ff ;
  --c-title_BG2: #ffebcd;
  --c-title_BG3: #fff8dc;
}

body {
  padding: 20px;
  background-color: var(--c-background);
  color: var(--c-text); 
}
.tntsearch-results em { 
  background-color: var(--c-background_search);
}
.tntsearch-dropdown ~ .tntsearch-results .row{
  background: var(--c-background_panel);
  top: 3em;
  
}
a {
  color: var(--c-interactive);
}
a:hover   {color:#3f75a2 ;}
:root:has(#dark-mode:checked) {
  --c-text: #eee ;
  --c-background: #333;
  --c-interactive: #6ab0b9 ;
  --c-background_search:#758000;
  --c-background_panel: #242c3c;
  --c-hovernews: #1e002a;
  --c-title_BG1: #333 ;
  --c-title_BG2: #635b4e;
  --c-title_BG3: #aaa;
}
.tntsearch-form .form-input {
    float: right;
}
.tntsearch-clear{color: #aaa}

.button {
  background-color:#fff8dc;
  border: 1px solid black;
  color: #000;
  padding: 3px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-family: inherit
}
.tntsearch-form .form-input {
    font-family: serif;
    font-size: 16px
}
div.updates {
  display: flex;
  flex-direction: column;
}
nav a {
  margin-right: 0.8em;
}