/* Pismo */
@font-face {
  font-display: swap; 
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/red-hat-display-v19-latin-ext-300.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/red-hat-display-v19-latin-ext-300italic.woff2') format('woff2');
}
@font-face {
  font-display: swap; 
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/red-hat-display-v19-latin-ext-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/red-hat-display-v19-latin-ext-italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/red-hat-display-v19-latin-ext-500.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/red-hat-display-v19-latin-ext-500italic.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/red-hat-display-v19-latin-ext-700.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/red-hat-display-v19-latin-ext-700italic.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/red-hat-display-v19-latin-ext-900.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/red-hat-display-v19-latin-ext-900italic.woff2') format('woff2'); 
}

/* definice barev */
:root {
  --oranzova: rgb(240,124,1);
  --modra: rgb(1,73,148);
  --tmava: rgb(56,67,74);
  
}

/* hlavni pismo */
body {
  font-family: 'Red Hat Display';
  font-weight: 400;
  font-size: 1.2rem;
  color: var(--tmava);
}

h1 {font-weight: 900; letter-spacing:0.05rem;}
h2 {font-weight: 700; letter-spacing:0.05rem; color: var(--modra);}
h3 {font-weight: 900; letter-spacing:0.05rem;}
h4 {font-weight: 700; line-height: 150%; color: var(--oranzova); letter-spacing:0.05rem;}
h5 {font-weight: 500; font-size: 1.33rem; line-height: 150%; color: var(--modra); text-transform: uppercase; letter-spacing:0.1rem;}
h6 {font-weight: 500; font-size: 1.33rem; line-height: 150%; color: var(--oranzova); text-transform: uppercase;  letter-spacing:0.1rem;}

/* top bar */
#sp-top-bar {
    padding: 4px 0;
    font-size: 1rem; /* zvysuje vysku top-bar */
  border-bottom: #e0e2e4 solid 1px; 
}
#sp-top-bar .sp-module {
    margin: 0px;
}
#sp-header {
    box-shadow: none;
}

/* Velikost pisma menu */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-family: 'Red Hat Display';  
  font-size: 1.2rem;
    font-weight: 400;
    text-transform: none;
}
/* Mezery menu */
.sp-megamenu-parent > li:not(:last-child) {
    margin-right: 12px;
}

/* Velikost pisma podmenu */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 1.1rem;
    line-height: 1.5;
  font-family: 'Red Hat Display';
  font-weight: 400;
}

/* Linky v podmenu */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) {
    border-bottom: #e0e2e4 solid 1px;
}

.sp-page-title {
    position: relative;
    /* background-image: url(/images/layout/header-bg-vodarny.jpg); */
    background-size: cover;
    background-position: cover;
    padding: 110px 0 50px;
}

.sp-page-title .sp-page-title-heading {
    font-size: 2.75rem;
    margin-bottom: 1rem;
    color: #fff;
}
.sp-page-title .sp-page-title-sub-heading {
    font-size: 1.5rem;
    color: var(--oranzova);
}

/* Vetsi alert message */
#system-message-container joomla-alert {
  font-size: 1.5rem;
}
.joomla-alert {
    font-size: 1.5rem;
}
#system-message-container {
  max-width: 450px;
}