/* Website creator Maciej Kornaga */



body {

    background-color: white;

    color: black;

    font-family: "Arial";

    font-size: 20px;

    margin: 0 !important;

    max-width: 100%;

}



.wrapper {

    width: 100%;

}



.rules {

    text-align: center;

}



.postcard

{

	display: inline-block;

	width: 100%;

	align-items: center;

	text-align: center;

	padding: 5px;

	margin-left: auto;

}



.postcard2

{

	display: inline-block;

	width: 45%;

	text-align: center;

	align-items:center;

	padding: 5px;

	margin-left:40px;

}





.logo {

    margin-left: 15px;

    margin-right: 15px;

    background-color: white;

}



#logoL {

    float: left;

    padding: 10px;

    width: 40px;

    text-align: center;

}



#logoS {

    float: left;

    padding: 1px;

    margin-left: 50px;

}



#logoP {

    float: right;

    padding-top: 33px;

    text-align: right;

    padding-bottom: 30px;

}



.nav {

    text-align: center;

}



.content {

    width: 80%; /* Full width for mobile */

    margin-left: auto;

    margin-right: auto;

    text-align: justify;

    padding-top: 15px;

    padding-bottom: 20px;

}



.foother {

    text-align: center;

    padding: 35px; /* Adjusted padding for mobile */

    color: black;

    font-size: 15px;

    clear: both;

    background-color: #DAA520;

}



.sticky {

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 100;

    transition: height 1s ease, font-size 1s ease;

}



a {

    color: #DAA520;

    text-decoration: none;

}



a:hover {

    color: black;

}



#logoS p {

    color: #DAA520;

    font-family: "Anton", sans-serif;

    font-size: 30px;

}



h1 {

    text-align: center;

}



h3 {

    text-align: center;

}



h2

{

	text-align: center;

}



.form {

    margin-left: auto;

	align-items: center;

	text-align: center;

}



.wyniki {

    margin-left: auto;
	align-items: center;

	text-align: center;

}



.logo ol {

    padding: 0;

    margin: 0;

    list-style-type: none;

    font-size: 18px;

    height: 35px;

    line-height: 200%;

    display: inline-block;

}



.logo a {

    color: black;

    text-decoration: none;

    display: block;

}



.logo a:hover {

    color: black;

}



.logo li a {

    color: #DAA520;

    text-decoration: none;

    display: block;

}



.logo li:hover > a {

    color: black;

}



.logo ol a {

    color: #DAA520;

    text-decoration: none;

    display: block;

}



.logo ol > li {

    float: left;

    width: 150px;

    height: 40px;

	display:block; 

}



.logo ol > li:hover > a {

    color: black;

}



.logo ol > li > ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

    height: 40px;

    display: none;

}



.logo ol > li:hover > ul {

    display: block;

}



.logo ol > li > ul > li {

    background-color: white;

    position: relative;

    z-index: 100;

}



.logo ol > li > ul > li:hover > a {

    color: black;

}



/* Styl paska */

.progressbar {

    width: 100%;

    height: 30px;

    background-color: #DAA520; /* Adjusted background color for visibility */

    position: relative;

    overflow: hidden;

}



/* Styl napisu */

.message {

    position: absolute;

    top: 13%;

    left: -30%; /* Początkowo ukryj napis poza widocznym obszarem */

    font-size: 18px;

    color: black;

    white-space: nowrap;

}



.message a {

    color: black;

    text-decoration: none;

    display: block;

}



.message a:hover {

    color: white;

    text-decoration: none;

}



.download-button {

    display: inline-block;

    padding: 10px;

    background-color: #DAA520;

    color: black;

    text-decoration: none;

    border-radius: 5px;

}



.download-button:hover {

    background-color: black;

    color: white;

}



.download-icon {

    margin-right: 5px;

}



.postcardNews
{
	display: inline-block;
	width: 45%;
	text-align: center;
	align-items:center;
	padding: 5px;
	margin-left:40px;
	opacity: 0.9;
}



.postcardNews i

{

	color:black;

}



.link a {

    color: black;

    text-decoration: none;

}



.link a:hover {

    color: white;

}



.overlay 

{

	position: relative;

	width: 460px;

	height: 225px;

}



.photo4

{

	position: center;

	width: 460px;

	height: 225px;

}



.overlay .link

{

	position: absolute;

	display: block;

	width: 460px;

	height: 100%;

	background-color: #daa520;

	top: 45%;

	left: 50%;

	opacity: 0;

	transition: opacity 0.5s ease-in-out;

	transform: translate(-50%, -50%);

	text-align: center;

	justify-content: center;

    align-items: center;

	display: flex;

	color:black;

}



.overlay:hover .link

{

	opacity: 0.9;

}



.postcardWyniki

{

	display: inline-block;

	width: 45%;

	text-align: center;

	align-items:center;

	padding: 5px;

	margin-left:40px;

	opacity: 0.9;

}



.postcardWyniki1

{

	display: inline-block;

	width: 45%;

	text-align: center;

	align-items:center;

	padding: 5px;

	margin-left:30%;

	opacity: 0.9;

}



.postcardWyniki2

{

	display: inline-block;

	width: 45%;

	text-align: center;

	align-items:center;

	padding: 5px;

	margin-left:10%;

	opacity: 0.9;

}



.postcardWyniki i

{

	color:black;

}



.linkwyniki a {

    color: black;

    text-decoration: none;

}



.linkwyniki a:hover {

    color: white;

}



.overlaywyniki 

{

	position: relative;

	width: 400px;

	height: 225px;

}



.overlaywyniki .linkwyniki

{

	position: absolute;

	display: block;

	width: 460px;

	height: 100%;

	background-color: #daa520;

	top: 45%;

	left: 50%;

	opacity: 0;

	transition: opacity 0.5s ease-in-out;

	transform: translate(-50%, -50%);

	text-align: center;

	justify-content: center;

    align-items: center;

	display: flex;

	color:black;

}



.overlaywyniki:hover .linkwyniki

{

	opacity: 0.9;

}



.linkwyniki2 a {

    color: black;

    text-decoration: none;

}



.linkwyniki2 a:hover {

    color: white;

}



.overlaywyniki2 

{

	position: relative;

	width: 900px;

	height: 100%;

}



.overlaywyniki2 .linkwyniki2

{

	position: absolute;

	display: block;

	width: 900px;

	height: 100%;

	background-color: #daa520;

	top: 40%;

	left: 50%;

	opacity: 0;

	transition: opacity 0.5s ease-in-out;

	transform: translate(-50%, -50%);

	text-align: center;

	justify-content: center;

    align-items: center;

	display: flex;

	color:black;

	font-size: 40px;

}



.overlaywyniki2:hover .linkwyniki2

{

	opacity: 0.9;

}



#cookieConsent {

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: #daa520;

	color: black;

	text-align: center;

	padding: 15px;

	display: none;

}



#cookieConsent button{

	width: 300px;

	background-color: #d3d3d3;

	font-size: 20px;

	color: black;

	padding: 15px 10px;

	margin-top: 20px;

	border: none;

	border-radius: 5px;

	cursor: pointer;

	letter-spacing: 2px;

	outline: none;

}



#cookieConsent .accept:hover {

    background: linear-gradient(#80ff94, #2efe23, #80ff94);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); 

}



#cookieConsent .deny:hover {

    background: linear-gradient(#ff665c, #fc2415, #ff665c);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); 

}













@media (max-width: 768px) {

    .logo ol {

        display: none; /* Hide the main navigation menu */

    }



    .sticky {

        height: 0; /* Hide the sticky navigation bar */

    }



    .navbar-toggle {

        display: block; /* Display a mobile menu toggle button */

        background-color: #DAA520;

        color: black;

        text-align: center;

        padding: 10px;

        font-size: 20px;

        cursor: pointer;

    }



    .navbar-toggle:hover {

        background-color: black;

        color: white;

    }



    .navbar-toggle.active {

        background-color: black;

        color: white;

    }



    .nav {

        display: none; /* Hide the main navigation links */

    }



    .nav.active {

        display: block; /* Display the navigation links when the toggle button is active */

        background-color: white;

        text-align: center;

        margin-top: 10px;

    }

}