:root {
  --bg-color: #E70ABA;
  --fig-color: #000000;
  
}
/* font styles */

@font-face {
    font-family: 'strast';
    src: url('fonts/strastregular-webfont.eot');
    src: url('fonts/strastregular-webfont.woff') format('woff'),
         url('fonts/strastregular-webfont.ttf') format('truetype'),
         url('fonts/strastregular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
  font-family: 'empatie';
  src: url('fonts/empatieregular-webfont.eot');
  src: url('fonts/empatieregular-webfont.woff') format('woff'),
       url('fonts/empatieregular-webfont.ttf') format('truetype'),
       url('fonts/empatieregular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}*/
@font-face {
    font-family: 'realbold';
    src: url('fonts/gillionblackdb_normal02.eot');
    src: url('fonts/gillionblackdb_normal02.eot?#iefix') format('embedded-opentype'),
         url('fonts/gillionblackdb_normal02.woff') format('woff'),
         url('fonts/gillionblackdb_normal02.ttf') format('truetype'),
         url('fonts/gillionblackdb_normal02.svg#gillionblackdbnormal') format('svg');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'real';
    src: url('fonts/gilliondbnormal02-webfont.eot');
    src: url('fonts/gilliondbnormal02-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilliondbnormal02-webfont.woff2') format('woff2'),
         url('fonts/gilliondbnormal02-webfont.woff') format('woff'),
         url('fonts/gilliondbnormal02-webfont.ttf') format('truetype'),
         url('fonts/gilliondbnormal02-webfont.svg#gilliondbnormal') format('svg');
    font-weight: normal;
    font-style: normal;

  }
    @font-face {
    font-family: 'inst-reg';
    src: url('fonts/InstrumentSerif-Regular.otf') format('opentype');
    src: url('fonts/InstrumentSerif-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

  }
    @font-face {
    font-family: 'inst-it';
    src: url('fonts/InstrumentSerif-Italic.otf') format('opentype');
    src: url('fonts/InstrumentSerif-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;

  }

    body{
        background-color: var(--bg-color) !important;
    }

    em{
        font-family: 'inst-reg', serif;
       /* font-weight: 301;*/
       filter: url(#money);
    }

    article h2 {
    font-size: 5rem;
    }
    
h2 img {
    height: 1em;
    width: auto;
    margin-right: -1rem;
    vertical-align: middle;
    }

    .switch__input:checked {
    background-color: var(--bg-color);
}
.switch__input {
    background-color: var(--bg-color);
    }
.single-link img{
    filter: brightness(0) saturate(100%) invert(33%) sepia(91%) saturate(7405%) hue-rotate(301deg) brightness(95%) contrast(106%);
}
.single-link a:hover, .single-link a:focus {
    background-color: var(--bg-color);
}

.single-link img:hover, .single-link img:focus {
filter: invert(100%);
}
 
.card {
    background-image: url(https://neoego.org/wp-content/uploads/2026/05/Datovy-zdroj-5.svg);
    background-size: contain;
    background-repeat: no-repeat;
    
}

body, p, .text, .type-post a {
   color: var(--fig-color) !important; 
}
.single-link a:link {
    background-color: var(--fig-color) !important; 
}
.margin-8 {
    margin-top: 8rem;
    margin-bottom: 8rem;
}
.margin-4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
@media only screen and (min-width: 800px) {

    #switch:checked ~ .switch {
        color: var(--fig-color);
    }
     .card[role*="https"] {
     background-image: none;
     padding-top: 0em; 
     padding-left: 0em;

 }
     .card {
    background-size: contain;
    background-repeat: no-repeat;
   
    
}
   .heath span a{
        text-transform: none;
        color: var(--bg-color) !important;
        white-space: pre-wrap;
        font-size: 5vw;
        font-family: 'inst-it', serif;
       /* font-weight: 301;*/
        /*font-family: 'empatie', empatie, sans-serif;*/
        line-height: 100%;
        text-align: center;
        /*text-shadow: 4px 4px 0px var(--fig-color);*/
        filter: url(#money);
        
    }
        .heath{
        text-align: center;
        margin-top: 8vw; 
    }

        body:has(#switch:checked) .heath span a{
        text-transform: uppercase;
        color: var(--fig-color) !important;
        white-space: normal;
        font-size: 5vw;
        font-family: 'real';
        line-height: 100%;
        text-align: left;
        text-shadow: none;
         
    }
      body:has(#switch:checked) .heath{
        text-align: left;
        margin-top: 0;  
        margin-left: 15vw;
    }
     article h2 {
    font-size: 8rem;
    }
    h2 img {
    height: 1em;
    width: auto;
    margin-right: -2rem;
    vertical-align: middle;
    }
}

@media only screen and (max-width: 800px) {
        em{
        font-family: 'inst-reg', serif;
       /* font-weight: 301;*/
       filter: url(#money-mobile);
    }
       .heath span a{
        filter: url(#money-mobile);
        
    }
 .heath {
    margin-left: 5rem;
}
.card {
    background-size: 18% auto;
}


}