/*global*/
html {
  min-height: 100%;
}
body {
  font-family: 'poppins';
  background: #fff;
  
}
.bg-img {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100vw;
  height: 65vh;
  object-fit: cover;
  z-index: -1;
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
  padding-bottom: 10px;
}
#content {
width: 100%;
margin: 00;
padding: 00;

}
.container {
  width: 100%;
}
ol.breadcrumb {
  background: #fff;
  
}
#footer {
  margin-top: 50px;
  padding-top: 50px;
  background: #1a2b4c!important;
  color: #fff;
  height: auto;
}
h1 {
    color: #fff;
    font-size: 56px;
    font-weight: 400;  
    font-style: oblique;

}
.display-2  {
    margin-top: 170px;
    z-index: 5;
    position: center;
    color: #fff!important;
    align-content: center;    
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 150px;
    
     
    
}
.display-2.choco  {
    margin-top: 450px;
    z-index: 5;
    position: center;
    color: #fff70e!important;
    font-size: 85px;
    align-content: center;
    text-align: baseline;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
     
    
}
.display-6 {
  font-family: 'poppins';
  font-size: 24px;
  font-weight: normal;
  margin-top: 32px;
  text-align: start ;
  align-self: center;
  align-content: center;
  align-items: center;
  
}
.display-5 {
  font-family: 'poppins';
  font-size: 30px;
  font-weight: normal;
  margin-top: 60px;
  text-align: start ;
  align-self: center;
  align-content: center;
  align-items: center;
}
.display-3 {
  font-size: 35px;
  font-weight: 300;
  line-height: 1.2;
}
/*menu nawigacja*/
nav {
  width: 100%;
  background: #11457e !important;
  padding: 0px;
  margin: ;
}

.navbar-brand {
    padding:10px;
}
.navbar {
    padding: 00;
    opacity: 80%;
    background: #11457e !important;
    
} 
.navbar-nav {
    margin-right: 80px;
    background: #11457e !important;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0;
}

header.header {
  margin-top: -10px; 
  padding: 0px;
  font-family: 'Poopins';
  color: #070bf7;
  /* background-image: url('../img/layout/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: baseline;
  height: 530px;
}
header.aktualnosci {
  margin-top: -10px; 
  padding: 0px;
  font-family: 'Poopins';
  color: #070bf7;
  /* background-image: url('../img/layout/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: baseline;
  height: 570px;
}
header.polecamy.wazne-informacje {
  margin-top: -10px; 
  padding: 0px;
  font-family: 'Poopins';
  color: #070bf7;
  /* background-image: url('../img/layout/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: baseline;
  height: 570px;
}
header.onas {
  margin-top: -10px; 
  padding: 0px;
  font-family: 'Poopins';
  color: #070bf7;
  /* background-image: url('../img/layout/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: baseline;
  height: 580px;
}
header.atrakcje {  
  padding: 00;
  font-family: 'Poopins';
  color: #070bf7;
  /* background-image: url('../img/layout/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  height: 570px;
}
header.kontakt {  
  padding: 00;
  font-family: 'Poopins';
  color: #070bf7;
  /* background-image: url('../img/layout/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  height: 470px;
}
header.imprezy {  
  padding: 00;
  font-family: 'Poopins';
  color: #070bf7;
  /* background-image: url('../img/layout/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  height: 350px;
}

a.navbar-brand {
  color: #2a4b8f;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  font-family: 'lora';

}
 a.navbar-brand img  {
  color: #fefefe;
  font-size: 16px;
  font-style: italic;
  font-family: 'poppins';
  
} 
a.dropdown-item {
  color: #ffffff;
  font-size: 20px;
  font-family: 'Poppins';
  font-weight: 600;
  background: #1a2b4c;
}
a.dropdown-item:hover {
  color: #ffffff;
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 600;
  background: transparent;
}
ul.dropdown-menu {
  color: #670202;
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 600;
  background: #2a4b8f;
}

a.navbar-brand:hover {
  color:#1a2b4c;
}
a.navbar-brand:hover {
  color:#1a2b4c;
}
.navbar-brand img {
  width: 87px;
  height: 87px;
  display: block;
  margin-left: 150px;
  
}
a.nav-link {
  color: #e8cd00 !important;
  font-size: 16px;
  font-weight: 600;
  padding: 15px;
}
a.nav-link.transport {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 800;
  padding: 15px;
}
a.nav-link:hover {
  color: #750600 !important;
  border-radius: 25px;
  font-size: 16px;
}
.nav-item {
 color: #53358f !important;
 padding: 15px;
}
a.nav-link:active {
  background: transparent;
  color: #d2ae6d;
  font-size: 16px;
}
.dropdown:hover .dropdown-menu {
  display: block;
  color: #1a2b4c;
  background:#2a4b8f;
}
/*działy*/
.konsulat {
  background: #fff;
  padding: 10px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;

}
.konsulat img {
 border-radius:15px;
 
}
.konsul img {
  width: 900px;
  margin-right: 10px;
  padding: 20px;    
  align-self: center;
}
/*imprezy*/
.imprezy {
  margin-top: 150px;
  display: block;
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 700;
  color: #2a4b8f;
  margin-bottom: 150px;
}
.imprezy h5 {
  font-size: 46px;
  font-family: 'arimo';
  font-weight: 600;
  color: #2a4b8f;
  
}
.imprezy hr {
  background-color:#750600;
  width: 150px;
  height: 5px;
 
}
/*card*/
.card h5 {
  font-size: 18px;
  color: red;
  font-weight: 700;
  font-family: 'Poppins';
  padding: 10px;
}
.card p {
  font-size: 16px;
  color: #2a4b8f;
  font-weight: 600;
  font-family: 'Poppins';
  padding: 20px;
}
.card-img-top {
  margin-top: 10px;
  border-radius: 25px;
}
.card-img {
  padding: 10px;
}
/*button*/
.btn-outline-primary a:hover {
  color: #fff;

  font-size: 16px;
} 
.btn .btn-outline-primary {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
/*aktualnosci*/
img.plakatspc {
  width: 600px!important;
  height: 800px;
  
}
.aktualnosci hr {
  max-width: 250px;
  size: 5px;
  color: #670202;
  
}
p.card-text.text-muted {
  font-weight: 700;
  font-size: 18px;
}
.uo {
  
  align-self: center;
  text-align: start;
  align-items: center;

}
.stadion {
  width: 250px;
}
.bi.bi-flag {
  width: 16px;
  height: 16px;
}
.mecz {
  align-self: center;
  align-items: center;

}
.kontakt  {
  margin-top: 100px;
  margin-bottom: 150px;
  display: flex;
}
.poznajnaszecele {
  margin-top: 100px;
  padding-top: 150px;
  padding-bottom: 150px;
}
.atrakcje-czech {
  padding-top: 150px;
  padding-bottom: 150px;
}
.hrubaskala {
  background-image: url('../img/galeria/czeski-raj-hruba-skala.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;

}


header.gastronomia {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/layout/gastronomia.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}

h5.gastronomia.card-header {
  font-weight: 800;
  font-family: 'poppins';
  font-size: 18px;
}
.mini-img {
  width: 300px;
}

.spc-logo {
  border-width: 0;
  width: 25%;
}
.spc {
  margin-top: 50px;
  margin-bottom: 50px;
  
  justify-content: center;
  align-self: center;
}
.spc h4 {
  padding-top: 50px;
}
.img-galery {
  padding: 10px;
}
header.kultura {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/kultura/kultura.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
img.galerie {
  border-radius: 15px;
  width: 100%;
  padding: 10px;
  

}
header.miejsca-historyczne {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/layout/miejsca-historyczne.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
h1.text-warning {
  color: #ef0505!important;
  font-size: 80px;
  font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
header.muzea-i-galerie {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/layout/galerie.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.teatr {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/layout/teatr.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.krab {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/layout/czerwony-krab.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
hr.text-danger {
  background-color:#e31e24;
  width: 250px;
  height: 5px;
}
header.muzeum-muchy {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/muzeum-muchy/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.trutnov {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/trutnov-epo/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
h1.trutnov.display-2 {
  z-index: 5;
  position: center;
  color: #c80202!important;   
  align-content: center;
  text-align: baseline;
  margin-left: auto;
  margin-right: auto;
  margin-top: 350px;
     
}
/*--/trutnov--*/

header.muzeum-muchy-palacu-savarin {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/muzeum-muchy-w-palacu/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
h3.text-bold.text-primary {
  font-weight: 800;
  font-size: 24px;
  padding-top: 50px;
}

#cookies-message {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #222;
    color: #fff;
    padding: 18px 10px;
    z-index: 10000;
    text-align: center;
    font-size: 16px;
}
#cookies-message a {
    color: #4ae;
    text-decoration: underline;
}
#cookies-message button {
    margin-left: 20px;
    padding: 6px 14px;
    background: #4ae;
    color: #222;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    font-size: 15px;
}
header.galeria-art-palace {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/galeria-art-palace/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.muzeum-choco-art-bg {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/muzeum-choco-art/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.cifra-galery {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/cifra-galery/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.agharta {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/muzyka/1.jpg');
  background-size: cover;
  background-position: cover;
  background-repeat: no-repeat;
  height: 750px;
}
header.spejbl-hurvinek {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/muzyka//hurvinek/hurvinek.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.jazz-dock {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/galeria/muzyka/jazz-dock/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
/*--czeski-design--*/
header.czeski-design {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #f9ae0c!important;
  background-image: url('../img/czeskie-marki/1.jpg')!important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
hr.czeskie-marki {
  background-color:#e31e24;
  width: 250px;
  height: 2px;
  
}
header.pilsner {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #f9ae0c!important;
  background-image: url('../img/czeskie-marki/pilsner-urquel/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.skoda-auto-bg {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/czeskie-marki/skoda/2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.tomas-bata {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #fff;
  background-image: url('../img/czeskie-marki/tomasz-bata/2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.moser-glasworks-bg {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/czeskie-marki/moser/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.thun-porcelain {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/czeskie-marki/thun-porcelain/2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.beherovka {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/czeskie-marki/beherovka/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
}
header.kretecek {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/czeskie-marki/kretecek/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
  
}
p.kretecek {
  margin-bottom: 50px;
}
h1.display-2 .kretecek {
  z-index: 5;
  position: center;
  color: #ffffff!important;   
  align-content: center;
  align-items: baseline;
  align-self: baseline;
  text-align: baseline;
  margin-left: auto;
  margin-right: auto;
  text-shadow: #222;
}
header.lasvit {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/czeskie-marki/lasvit/2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
  
}
header.tatra-koprivnice {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/czeskie-marki/tatra/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
  
}
/* architektura */
header.architektura {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/architektura/2.jpg')!important;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
  min-height: 300px;
  background-size: cover;
  
  
}
.architektura h1.display-2 {
  z-index: 5;
  position: center;
  color: #ffffff!important;   
  align-content: center;
  align-self: baseline; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 350px;
  text-shadow: #141313 ;
  font-family: 'poppins';
  font-weight: 800;
  font-size: 86px;
  
     
}
.architektura h5 {
  z-index: 6;
  position: center;
  color: #002afa!important;   
  align-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;  
  text-shadow: #141313 ;
  font-family: 'poppins';
  font-weight: 600;
  font-size: 46px;
     
}
h5.card-title.architektura {
  font-weight: 800;
  font-family: 'henrik-regular';
  font-size: 18px;
  padding-top: 25px;
  text-align: left;
  color: #2a4b8f;
}
hr.architektura {
  background-color:#e31e24;
  width: 150px;
  height: 2px;
  
}
p.card-text.architektura {
  font-size: 18px;
  color: #2a4b8f;
  font-weight: 600;
  font-family: 'Poppins';
  padding: 20px;
  text-align:left;
  
} 
header.po1989 {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #930303;
  background-image: url('../img/architektura/2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
  min-height: 300px;

  
}
header.erakomunizmu {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff;
  background-image: url('../img/architektura/3.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 750px;
  min-height: 300px;
  
}
header.gotyk {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff;
  background-image: url('../img/architektura/4.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90vh;
  
}
header.rokoko {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff;
  background-image: url('../img/architektura/5.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90vh;
  
}
ol.breadcrumb {
  padding-top: 0px;  
  font-size: 16px;
  font-weight: 600;
  font-family: 'henrik';
  margin-top: 0px;
  
}
header.renesans {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff important;
  background-image: url('../img/architektura/renesans/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90vh;
  
}
header.funkcjonalizm {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff important;
  background-image: url('../img/architektura/funkcjonalizm/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90vh;
  
}
header.klasycyzm {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff important;
  background-image: url('../img/architektura/klasycyzm/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90vh;
  
}
header.secesja {
  margin-top: -10px;
  padding: 00;
  font-family: 'Poopins';
   color: #ffffff important;
  background-image: url('../img/architektura/sztuka-secesji/1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 90vh;
}
header.romanski {
  margin-top: -10px;
  padding: 00;
  font-family: 'Poopins';
   color: #ffffff important;
  background-image: url('../img/architektura/styl-romanski/1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 90vh;
}
header.barok {
  margin-top: -10px;
  padding: 00;
  font-family: 'Poopins';
   color: #ffffff important;
  background-image: url('../img/architektura/barok/1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 90vh;
}
.galery-barok {
  padding-top: 50px;
  padding-bottom: 50px;
}
.galery-barok img {
  width: 100%;
  border-radius: 15px;
  padding: 10px;
}
.galery-barok h6 {
  font-weight: 800;
  font-family: 'poppins';
  font-size: 18px;
  padding-top: 5px;
  padding-left: 15px;
  text-align: left;
  color: #2a4b8f;
}

header.socrealizm {
  margin-top: -10px;
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff !important;
  background-image: url('../img/architektura/socrealizm/1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 90vh;
}
header.sanktuaria {
  margin-top: -10px;
  padding: 00;
  font-family: 'Poopins';
   color: #ffffff !important;
  /* background-image: url('../img/architektura/socrealizm/1.jpg'); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 65vh;
}
.sanktuaria h1.display-2 {
  z-index: 5;
  position: center;
  color: #ffffff!important;   
  align-content: center;
  align-self: baseline; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  text-shadow: #141313 ;
  font-family: 'poppins';
  font-weight: 500;
  font-size: 86px;      
} 
.sanktuaria h5 {
  z-index: 6;
  position: center;
  color: #ffffff!important;   
  align-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;  
  text-shadow: #141313 ;
  font-family: 'henrik-regular';
  font-weight: 600;
  font-size: 46px;
  padding-bottom: 80px;
}
.sanktuaria {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #000;
}
.sanktuaria h2 {
  font-weight: 800;
  font-family: 'henrik-regular';
  font-size: 18px;
  padding-top: 25px;
  text-align: left;
  color: #0345c8;
}
hr.sanktuaria-text  {
  background-color:#e31e24;
  height: 2px; 
  width: 150px;
  align-items: center; 
  text-align: center;
  margin: 10px auto;
  padding: 10px auto;
  margin-top: 10px;
  
}
hr.sanktuaria-text1  {
  background-color:#e31e24;
  height: 2px; 
  width: 50px;
  align-items: start; 
  text-align: start;
  margin-left: 10px;
  padding: 10px auto;
  margin-top: 20px;
  
}
h5.zydowska {
  padding: 10px;
}
p.zydowska {
  padding: 20px;
}
h5.sakralne {
  padding: 10px;
} 
p.sakralne {
  padding: 20px;
}
header.kultura-zydowska {
  margin-top: -10px; 
  padding: 00;
  font-family: 'Poopins';
  color: #ffffff;
  /* background-image: url('../img/architektura/kultura-zydowska/1.jpg'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 470px;
  
}
h5.kultura-zydowska {
  font-weight: 600;
  font-family: 'henrik-regular';
  font-size: 16px;
  padding-top: 15px;
  padding-left: 15px;
  text-align: left;
  color: #2a4b8f;
}
p.kultura-zydowska {
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 600;
  font-family: 'Poppins';
  padding: 20px;
  text-align:left;
} 
img.kultura-zydowska {
  width: 100%;
  border-radius: 15px;
  padding: 10px;
}
h5.zabytki-sakralne {
  font-weight: 600;
  font-family: 'henrik-regular';
  font-size: 16px;
  padding-top: 15px;
  padding-left: 15px;
  text-align: left;
  color: #2a4b8f;
}
p.zabytki-sakralne {
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 600;
  font-family: 'Poppins';
  padding: 20px;
  text-align:left;
} 
img.zabytki-sakralne {
  width: 100%;
  border-radius: 15px;
  padding: 10px;
}
header.palace {
    margin-top: -10px; 
    padding: 00;
    font-family: 'Poopins';
    color: #ffffff;
    /* background-image: url('../img/architektura/kultura-zydowska/1.jpg'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
}
header.zabytki-sakralne {
    margin-top: -10px; 
    padding: 00;
    font-family: 'Poopins';
    color: #ffffff;
    /* background-image: url('../img/architektura/kultura-zydowska/1.jpg'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
}
@media (max-width: 760px) {
  header.gotyk {
    min-height: 30vh;
  }
  h1 {
    font-size: calc(1.525rem + +3.3vw);
  }
  header.rokoko {
    margin-top: -10px; 
    padding: 00;
    font-family: 'Poopins';
    color: #970202;
    background-image: url('../img/architektura/5.jpg')!important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 30vh;
  }
}
/* Wyraźny fokus dla nawigacji klawiaturą */
.user-is-tabbing *:focus {
    outline: 4px solid #ffc107 !important; /* Wyraźny żółty obrys */
    outline-offset: 2px;
}

/* Tryb Wysokiego Kontrastu (Żółty na Czarnym) */
body.high-contrast {
    background-color: #000 !important;
    color: #ffff00 !important;
}

body.high-contrast .card, 
body.high-contrast .navbar,
body.high-contrast header {
    background-color: #000 !important;
    border: 1px solid #ffff00 !important;
    color: #ffff00 !important;
}

body.high-contrast a, 
body.high-contrast .btn-outline-primary {
    color: #ffff00 !important;
    text-decoration: underline !important;
}

body.high-contrast .btn-primary {
    background-color: #ffff00 !important;
    color: #000 !important;
    border: none !important;
}

/* Płynne przejście przy powiększaniu czcionki */
html {
    transition: font-size 0.2s ease-in-out;
}

/* Wyraźny wskaźnik fokusu dla nawigacji klawiaturą */
:focus-visible {
    outline: 3px solid var(--spc-red) !important;
    outline-offset: 2px;
}

/* Zwiększenie kontrastu dla linków w stopce */
footer .nav-link {
    color: #444 !important; /* Ciemniejszy odcień dla lepszego kontrastu */
    text-decoration: underline decoration-transparent;
    transition: text-decoration-color 0.3s;
}

footer .nav-link:hover {
    text-decoration-color: var(--spc-red);
}

/* Skip Link - pozwala przeskoczyć menu i przejść do treści (ukryty, pojawia się po Tab) */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--spc-red);
    color: white;
    padding: 8px;
    z-index: 2000;
    transition: top 0.3s;
}
.skip-link:focus {
    top: 0;
}
/* Tryb Wysokiego Kontrastu (WCAG) */
body.high-contrast {
    background-color: #000 !important;
    color: #fff !important;
}

body.high-contrast .navbar, 
body.high-contrast footer, 
body.high-contrast .card {
    background-color: #000 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

body.high-contrast a, 
body.high-contrast .nav-link,
body.high-contrast .card-title {
    color: #ffff00 !important; /* Żółte linki na czarnym tle - najwyższy kontrast */
}

body.high-contrast .btn-primary {
    background-color: #ffff00 !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold;
}