@font-face {font-family: Comfortaa; src: url('../czcionki/Comfortaa-Regular.ttf')}
@font-face {font-family: ComfortaaL; src: url('../czcionki/Comfortaa-Light.ttf')}
@font-face {font-family: ComfortaaB; src: url('../czcionki/Comfortaa-Bold.ttf')}

body {font-family: Comfortaa; font-size: 100%; background-color: #fff; color: #37383E}

h1, h2, h3, h4, h5, h6 {color: #37383E; font-family: ComfortaaB;}
h1 {font-size: 300%}
h2 {font-size: 270%}
h3 {font-size: 240%}
h4 {font-size: 210%}
h5 {font-size: 180%}
h6 {font-size: 150%}

a {color: #37383E; text-decoration: none;}
a:hover {color: #CD9A6D;}

iframe {border:0; overflow:hidden; max-width:100%; margin: 0; padding: 0}

hr {color: orange; border-top: 3px solid !important; opacity: 1 !important; width: 50px; margin-left: auto; margin-right: auto;}

.fakelink {cursor: pointer; color: #37383E;}
.fakelink:hover, .wybranyFiltr {color: #CD9A6D;} /* wybranyFiltr jest przy filtrowaniu zdjęć, żeby było wiadomo co jest zaznaczone */


/* menu */
.menu {letter-spacing: .2rem; text-transform: uppercase; z-index: 9999;}
.menu .logo, .menu .logo-right {background-image: url('../layoutImg/logo.png'); background-size: contain; background-repeat: no-repeat;}
.menu .logo {background-position: center;}
.menu .logo-right {background-position: right;}


.menu-desktop {}
.menu-desktop a, .menu-desktop .menu-item {color: #CD9A6D; text-decoration: none; display: block; height: 60px; line-height: 60px; cursor: pointer}
.menu-desktop a:hover, .menu-desktop .menu-item:hover {transition: color .5s ease-out; color: #fff; text-decoration: none}
.menu-desktop a:not(:hover), .menu-desktop .menu-item:not(:hover) {transition: color .5s ease-out; color: #CD9A6D}

.menu-mobile {background: rgba(0,0,0,.8)}
.menu-mobile-switch {cursor: pointer; font-size: 100%; text-align: center; color: #fff}
.menu-mobile-menu {display: none}
.menu-mobile a, .menu-mobile .menu-item {color: #CD9A6D; text-decoration: none; display: block; min-height: 40px; line-height: 40px; cursor: pointer}
.menu-mobile a:hover, .menu-mobile .menu-item:hover {transition: color .5s ease-out; color: #fff; text-decoration: none}
.menu-mobile a:not(:hover), .menu-mobile .menu-item:not(:hover) {transition: color .5s ease-out; color: #CD9A6D}

.text-shadow {text-shadow: 0 0 5px #000;}
                                                                                                                                                
/* slajder */
.slajd {background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; font-size: 3rem; font-family: ComfortaaB;}
.slajd .row {--bs-gutter-x: 0 !important}

/* tło okładkowe */
.bgCover {background-repeat: no-repeat; background-position: center; background-size: cover;}

.wydarzenie, .wydarzenie p {transition: .3s ease;}
.wydarzenie:hover {transform: scale(1.1,1.1);}
.wydarzenie:hover p {font-size: 30px !important;}

.text-white {color: white}


#mapka {height: 480px; background: #ccc;}



.stopka {background: #37383E; color: #fff}
.stopka i {color: #CD9A6D}
.stopka h1, .stopka h2, .stopka h3, .stopka h4, .stopka h5, .stopka h6 {color: #fff}
.stopka a, .stopka .fakelink {color: #fff}
.stopka a:hover, .stopka .fakelink:hover {color: #CD9A6D; text-decoration: none;}


.red {background: red}
.green {background: green}
.blue {background: blue}
.white {background: white;}
.lightgray {background: lightgray;}
.lightlightgray {background: rgb(226, 226, 226);}
.black-opacity {background: rgba(0,0,0,.8)}



.z-3 {z-index: 3;}



@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

    
}