/*
Theme Name: Prezrti
Author: Boštjan Ciperle
Version: 2.0 alpha
*/

:root{
  --default_font_size: 1rem;
  --bar-width: calc(var(--default_font_size) * 2.5);
  --bar-height: calc(var(--default_font_size) * 0.4);
  --hamburger-gap: calc(var(--default_font_size) * 0.25);
  --hamburger-height: calc(var(  --bar-height) * 3 + var(--hamburger-gap) * 2);
  --hamburger-margin: 6px;
  --padding_1: calc(var(--hamburger-gap) * 1);
  --padding_2: calc(var(--hamburger-gap) * 2);
  --padding_3: calc(var(--hamburger-gap) * 3);
  --padding_4: calc(var(--hamburger-gap) * 4);
  --padding_5: calc(var(--hamburger-gap) * 5);
  --padding_10: calc(var(--hamburger-gap) * 10);
  --animation-timing: 500ms ease-in-out;
  --font-ABite:  'ABite';
  --font-Adripping:  'Adripping';
  --font-AiFragment:  'AIFragment';
  --font-BankGothic:  'BankGothic';
  --font-BeeBopp: 'BeeBopp';
  --font-BovinoLight:  'BovinoLight';
  --font-BovinoMedium:  'BovinoMedium';
  --font-BovinoBlack:  'BovinoBlack';
  --font-ILoveGliter:  'ILoveGliter';
  --font-Dosis: "Dosis", sans-serif;
  --font-Isadora:  'Isadora';
  --font-OldNewspaper:  'OldNewspaper';
  --font-P22TypeWriter:  'P22TypeWriter';
  --font-Praxis:  'Praxis';
  --font-Prezrti:  'Prezrti';
  --font-PrezrtiCromatic:  'PrezrtiCromatic';
  --font-PrezrtiRegular:  'PrezrtiRegular';
  --font-Progress:  'Progress';
  --font-Roboto: "Roboto", sans-serif;
  --font-Rockit: 'Rockit';
  --font-SpecialElite:  'Special Elite';
  --font-TypeWriterSplit: 'TypeWriterSplit';
  --color_Red: rgba(255,0,0,1); /*#ff0000*/
  --color_LunarGreen: rgba(60, 73, 58, 1);/*#3C493A*/
  --color_Green: rgba(47, 143, 37, 1); /*#2F8F25*/
  --color_AshGrayDark: rgba(174, 193, 187, 1); /*#AEC1BB*/
  --color_AshGreyLight: rgba(234, 243, 231, 1); /*#EAF3E7*/
  --color_Bush: rgba(36, 41, 45, 1); /*#24292d*/
  --color_Elephant: rgba(10, 49, 61, 1); /*#0A313D*/
  --color_LightNavyBlue: rgba(30, 99, 131, 1); /*#1E6383*/
  --color_RockBlue: rgba(227, 238, 249, 0.75); /*#e3eef9*/
  --color_RockBlue50: rgba(247, 247, 247, 0.75); /*#f7f7f7*/
  --color_RockBlue75: rgba(146, 178, 203, 1); /*#92B2CB*/
  --color_DirtyBlue: rgba(218, 217, 230, 0.5); /*#DAD9E6*/
  /*spletna SSPPL*/
  --color_Black: rgba(0, 0, 0, 1); /*#000000;*/
  --color_Gray-Dark: rgba(36, 41, 45, 1); /*#24292d; */
  --color_Darkslategrey: rgba(47, 79, 79, 1); /*#2f4f4f;*/
  --color_Lightgrey: rgba(234, 234, 234, 1);/*#eaeaea*/
  --color_White: #ffffff;
  --color_Yellow: #ffff00;
  --color_Goldenrod: #daa520;
  --color_Darkorange: #ff8c00;
  --color_Chartreuse: rgba(100,199,119,1);/*#64c777*/
  --color_Jadegreen: #5efb6e;
  --color_Bisque: #f4cbb3;
  --color_Lightercynar: #e2f5ff;
  --color_Lightcynar: #aae2ff;
  --color_Blue: #0000ff;
  --color_red: #e6083a;
  --color_red50: rgba(230, 8, 58, 30%);
  --color_RedVijola: #e60030;
  --color_Brown: #ca9d88; /*rgba(202, 157, 136, 1)*/
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  }

html {
    margin-top: 0 !important;
  }

body {
  display: flex;
  position: relative;
  flex-direction: row;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-size: var(--default_font_size);
}

.MM_MLJ{  background-color: var(--color_Bisque);}
.SS_PPL{  background-color: var(--color_Chartreuse);}
.SS_MLJ{  background-color: var(--color_White);}
.SS_LPT{  background-color: var(--color_Black);}

ul, li, a, i{ 
  list-style-type: none;  
  text-decoration: none; 
}

i{ font-style: normal; }

h1 {font-size: 2rem; font-family: var(--font-Roboto); margin: 0;} /*(32px)*/
h2 {font-size: 1.5rem; font-family: var(--font-Roboto); margin: 0;} /*(24px)*/
h3 {font-size: 1.17rem; font-family: var(--font-Roboto); margin: 0;} /*(18.72px)*/
h4 {font-size: 1rem; font-family: var(--font-Roboto); margin: 0;} /*(16px)*/
h5 {font-size: 0.83rem; font-family: var(--font-Roboto); margin: 0;} /*(13.28px)*/
h6 {font-size: 0.67rem; font-family: var(--font-Roboto); margin: 0;} /*(10.72px)*/

/*   nastavitve side*/

.side_L {
  position: relative;
  width: calc(var(--default_font_size)  * 16);
}

.MM_MLJ .side_L {
  width: calc((100vw - var(--default_font_size) * 23) * 0.3);
}

.SS_STD .side_L {
  background-color: var(--color_Lightercynar);
  width: calc((100vw - var(--default_font_size) * 23) * 0.5);} 

.SS_MLJ .side_L {
  width: calc(var(--default_font_size)  * 16);
}

.MM_PPL .side_L, .SS_PPL .side_L, .SS_LPT .side_L, .SS_DLE .side_L, .SS_KEV .side_L { 
  display: none;}
  
.side_L::-webkit-scrollbar {
  display: none;
}
  
.side_C {
    position: relative;
    overflow: hidden;
    padding:  var(--padding_3) var(--padding_5);
    width: calc(100vw - 256px - 370px);
}
.MM_PPL .side_C {
  width: calc(100vw - var(--default_font_size) * 23);
  height: 100%;
  font-family: var(--font-Roboto);
}
.MM_MLJ .side_C { width: calc((100vw - var(--default_font_size) * 23) * 0.7);} 
.SS_PPL .side_C { 
  width: calc(100vw - var(--default_font_size) * 23);
  height: 100%;
  font-family: var(--font-Roboto);
}
.SS_MLJ .side_C {
  overflow: none;
  height: 100%;}
.SS_KEV .side_C {width: calc(100vw - var(--default_font_size) * 23);}
.SS_DLE .side_C {width: calc(100vw - var(--default_font_size) * 23);}
.SS_LPT .side_C { 
  width: calc((100vw - var(--default_font_size)  * 23));
  padding: 0;
} 
  
.SS_STD .side_C { 
  width: calc((100vw - var(--default_font_size)  * 23) * 0.5);
  padding:  0;
} 

.side_C::-webkit-scrollbar { display: none; }
  
.side_C a {  
  cursor: pointer; 
  color: var(--color_LunarGreen);
}

.side_C a:link{color: var(--color_LunarGreen)}
.side_C a:visited{ color: var(--color_LunarGreen);}
.side_C a:hover{  
  color: var(--color_LunarGreen);
  font-weight: 700;
}

.side_C_header {
  padding: calc(var(--hamburger-gap) * 1.5) 0;
  width: 100%;
  position: relative;
  line-height: 30px;
  display: flex;
  align-items: end;
  font-family: var(--font-BovinoMedium);
  color: var(--color_LunarGreen);
}

.side_C_header H2 {
  position: absolute;
  left: calc(58% + var(--padding_3));
}

.side_C_VCM {
  position: relative;
  padding: calc(var(--hamburger-gap) * 1.5) 0;
  font-family: var(--font-Roboto);
  color: var(--color_LunarGreen);
  /*overflow: hidden;*/
  overflow: scroll;
  height: calc(100vh - var(--default_font_size)*2.5 - var(--padding_2) - var(--padding_2));
}

.side_C_VCM::-webkit-scrollbar{
  display: none;
}

.SS_VCM .besedilo {
  font-family: Arial, Helvetica, sans-serif;
}

.side_C_cookie_banner {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(var(--bar-width) * 9 + var(--hamburger-gap) * 2);
  background-color: var(--color_RockBlue75);
  color: var(--color_LunarGreen);
  text-align: center;
  padding: 10px;
  z-index: 100;
}

.side_R {
    position: relative;
    width: calc(var(--default_font_size) * 23);
    padding: calc(var(--hamburger-gap) * 2);
    background-color: rgba(5, 5, 5, 0.05);
}

.side_R::-webkit-scrollbar {
  display: none;
}


@media only screen and (max-width: 64em) /*769-1024px*/ {
    body {flex-wrap: wrap;}

    .side_L {
        width: calc(4 * var(--hamburger-gap) + var(--bar-width) * 5.7); /* Adjusted width for navigation and main */
        height: 80vh;
    }

    .side_L_gostovanje{ bottom: 0vh;}

    .side_C{ height: 80vh !important; }

    .MM_PPL .side_C { width: 100%;}
    .MM_MLJ .side_L { width: calc(var(--default_font_size) * 15);}
    .MM_MLJ .side_C { width: calc(100vw - var(--default_font_size) * 15);}
    .SS_PPL .side_C { width: 100%;}
    .SS_MLJ .side_L { width: calc(var(--default_font_size) * 11);}
    .SS_MLJ .side_C { width: calc(100vw - var(--default_font_size) * 11);}
    .SS_DLE .side_C { width: 100%;
                      padding: 0;}
    .SS_LPT .side_L { width: calc(100vw - (var(--default_font_size) * 11) / 2);}
    .SS_LPT .side_C { width: 100%;}
    .SS_STD .side_L { width: calc(var(--default_font_size) * 22);}
    .SS_STD .side_C { width: calc(100vw - var(--default_font_size) * 22);}
    .SS_VCM .side_C { width: calc(100% - (4 * var(--hamburger-gap) + var(--bar-width) * 5.7)); }
    .SS_KEV .side_C {width: 100%;}

    .side_R {
      position: relative;
      width: 100vw;
      height: 20vh;
      border-top: 1px solid var(--color_RockBlue75);
      background-color: var(--color_RockBlue);
    }

    .side_R_dogodki_2, .side_R_dogodki_1 {display: none;}

    .side_C_cookie_banner {width: 100%; }
}

@media only screen and (max-width: 48em) /*481-768px*/ {	
  
  .side_L {
    display: none;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100vw;
    height: 80vh;
    opacity: 0;
  }
  
  [class^="MM"] .side_L,
  [class^="SS"] .side_L {  
    width: 100vw;
    background-color: inherit;
    overflow: scroll;
  }
  
  .side_C{  
    width: 100vw;
    height: 80vh;
    padding: 0;
    position: relative;
  }

  .MM_MLJ .side_C {
    width: 100vw;
    height: 80vh;
  }
  
  .SS_MLJ .side_C {width: 100vw;}  

  .SS_STD .side_C { 
    width: 100vw;
    padding:  0;
  } 

  .SS_VCM .side_C {
    width: 100vw;
    height: 80vh;
  }
  
  .side_R {   
    position: relative;
    width: 100vw;
    height: 20vh;
    z-index: 3;
    order: 3;
    border-top: 1px solid var(--color_RockBlue50);
    background-color: inherit;
  }      

  .side_R_full {   
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: var(--color_RockBlue75);
    padding-right: calc(var(--hamburger-gap) * 2);
  }      
}