@font-face {
    font-family: 'FjallaOne';
    src: url('/static/website/fonts/FjallaOne-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CardoRegular';
    src: url('/static/website/fonts/Asar-Regular.ttf');
}

#id-vstupne h3 { 
    color: #eaeaea;
    text-shadow: 1px 1px 4px #000;
}

* { font-family: 'FjallaOne'; }
/*p { font-family: 'FjallaOne'; }*/
p { font-family: 'CardoRegular'; }

/* zakladni barvy */
/* hneda bg: #b09c90
   cerna font: #2b2928
   modra: #005b9e
   jemne bila: #eaeaea
*/
.card-text { color: #2b2928; }

.bg-yellow {
    background-color: #fda22e61;
}

.color-link a { color: #005b9e; }
.color-link a:hover { color: #9d3327; }

h3,h4,a,.card-title { color: #005b9e; }

a:hover { color: #9d3327; }

/* Adds a bit of spacing to "Responsive Grid Row" blocks. */
.crx-grid {
  padding-top: 40px;
  padding-bottom: 40px;
}
.crx-grid .crx-grid {
  padding-top: 0;
  padding-bottom: 0;
}

/* Blur */
.bg-blur { 
    backdrop-filter: blur(6px) saturate(102%);
    -webkit-backdrop-filter: blur(6px) saturate(102%);
    background-color: rgba(255, 255, 255, 0.45);
    border-radius: 12px;
    /*border: 1px solid rgba(209, 213, 219, 0.3);*/
}


/* Hero */
.hero-fg {
    padding: 10px 0;
}

.bg-gradient-sm {
    background: rgb(103,49,12);
    background: linear-gradient(180deg, rgba(103,49,12,1) 0%, rgba(78,19,6,1) 40%, rgba(255,255,255,0.5704482476584384) 100%);
}