a, a * {text-decoration:none;}
	a h5  {color:#231F20;}
	.btn-link {padding-left:0 !important; padding-right:0 !important; text-decoration:none; font-size:.9rem;}

.btn, .card, .form-control, .form-select {border-radius:0 !important;}

.logo-top {width:120px; height:120px; margin-bottom:-60px;}
.logo-footer {width:64px; height:64px;}
.social svg {width:32px; heighf:32px; fill:#082647 !important}

.subpage img {
    max-width: 100%;
    object-fit: cover;
}

.gallery img {width:100% !important; padding:2px; background:#fff; border:solid 1px #ccc; }
.gallery a:hover img {border: solid 1px #00a5df; opacity:.8;}



    #preloader {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: #082647; /* ciemne tło */
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }
    body.loaded #preloader {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease, visibility 0.5s ease;
    }

    header {
      background: #fff;
    }
    header .nav-link {
      color: #231F20 !important;
    }
	header .form-control {border:none;  }
	header .form-control::placeholder {color:#ccc !important;}
    .title-section {
      position: relative;

      background-size: cover !important;
      height: 300px;
    }

.btn-secondary{background:#082647 !important;}
.btn-secondary:hover {background:#00a5df !important; border-color:#00a5df !important;}

header  .navbar-nav .nav-link {text-transform:uppercase;}

  .loga-top {position: absolute;
    top: 130px;
    right: 15px;
    z-index: 20;
    background: #fff;
    padding: 10px;
    min-width:23.5%;

  }
  .loga-top p {display: flex; justify-content: space-between; margin:0 !important; padding:0; gap: 10px; width:100%;}
  .loga-top img {height:60px !important; width:auto !important;}


	.title-section .container {position:relative; height:100%;}
    .title-card {
      position: absolute;
      bottom: -50px;
      left: 10px;
      transform: translateY(-10%);
	  border:none;
	  background: #fff;
	  color:#231F20;
	  height: 140px;
	  min-width: 40% !important;

    }
	@media (min-width: 900px){
		header .navbar-nav .nav-link {padding-left:15px !important; padding-right:15px !important; font-size:1.2rem;}
		.title-card {max-width:75%;}

		.hero .w-70 {width:75vw;}

		.social.justify-content-center {
    justify-content: start !important;
}
header li.active {position:relative;}
header li.active a:before {display:block; 
content:'';
width:100%; position:absolute; 
left:0; 
bottom:-21px; height:2px; background:#00a5df !important;}


	}
	header li  .dropdown-menu a.nav-link {font-size:1rem;}
header li.active .dropdown a:before, header .lang  a:before {display:none;}
.dropdown-menu {min-width:300px;}


.title-card .btn-back {
position:absolute; top:-16px; right:-16px; 
width:32px; height:32px; background:#fff; color:#00a5df; text-align:center; line-height:30px;}

  	.event-logo {background-color:#fff; width:110px; height: 140px;}

.card {border: solid 1px #00a5df;}

.nav-tabs .nav-link {color: #11365e; height:49px; padding-top:.7rem;}
	.nav-tabs .nav-link:disabled, .nav-tabs .nav-link[disabled]{background:#e9f8ff !important; }
	.nav-tabs .nav-link:disabled i, .nav-tabs .nav-link[disabled] i {opacity:.5;}

	.card-file {background:#fff !important; border:solid 1px #00a5df !important;  color: #231F20 !important;}
	.card-file span i {font-size:40px; color:#00a5df !important;}

	header .navbar-nav  .active .dropdown-menu .nav-link {color:#000 !important;} 

	header .navbar-nav .active .dropdown-menu  .nav-item.active.active .nav-link {color:#00a5df !important;}



	.card-file:hover, .nav-tabs .nav-link:hover {background:#e9f8ff !important;}


	.tab-line { border:solid 1px #00a5df !important; border-top:1px #fff solid !important;}
	.nav-tabs {gap:2px; border-bottom:none !important;}
	.nav-tabs .nav-link {border:solid 1px #00a5df !important; border-radius:0 !important; }
	.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {border-bottom: 1px #fff !important; background:#fff !important; }

	.card.card-light h6 .badge {font-size:16px;}

	.hero {
      height: 100vh;
	  background-size: cover !important;

      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      color: #fff;
      text-align: center;
      background-attachment: fixed;
    }
	.hero .carousel-inner:before {
content:''; display:block;
	position:absolute; z-index:1; background:#2a4995b5;
width:100%; height:100%; left:0; top:0; bottom:0; right:0;
	}
	.hero .w-70 {z-index:3;}

    .hero h1 { font-size: 3rem; font-weight: bold; text-shadow: 0px 2px 4px black;}
    .hero p { font-size: 1.3rem; margin-bottom: 20px; text-shadow: 0px 2px 4px black;}
	.hero #regaty p { font-size: 1rem; margin-bottom: 10px;  text-shadow: unset;}
    .hero .btn { font-size: 1.1rem; }


    footer {
      background: #fff;
	  border-top:1px solid #efefef;
      color: #222;
      padding: 30px 0;
    }
    footer a {
      color: #666;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }

	.card-line {border:solid 1px #00a5df !important; background:#fff !important;}



header .lang {margin-right:1rem;}
header .lang li {list-style-type:none;}
header   li.active a {color: #00a5df !important;}

header .lang li.nav-item a {width:32px; height:24px; overflow:hidden; opacity:.7;}
header .lang li.nav-item.active a, header .lang li.nav-item  a:hover {opacity:1;}
header .lang li.nav-item a:before {position:relative; background-color:transparent !important; content:''; display:block; 
width:32px; height:24px !important; bottom:0; }
header .lang li.nav-item:first-child a:before {background:url(../pl.png) center !important; background-size:cover !important;}
header .lang li.nav-item:last-child a:before{background:url(../en.png) center !important; background-size:cover!important;}


#program table {width:100%; border:none; margin-bottom:-1rem;}
#program tr td:first-child {max-width:120px; text-align:right; vertical-align:top; padding-right:60px; position:relative;}
#program tr td:first-child:before {
content:''; display:block; border-right:solid 1px #00a5df !important;
top:0; bottom:0; right:11px;
z-index:0;
position:absolute;
}
#program tr td:first-child:after {
content:''; display:block; width:22px; height:22px; border-radius:50%; background:#fff; 
border:solid 1px #00a5df !important;
right:0px;
top:0;
z-index:3;
position:absolute;
}
#program tr td + td {padding-left:15px;}

#program tr td ul {margin-bottom:2rem;}


	.regata .countdown { display: flex; justify-content: center; gap: 2px; margin: 20px 0; }
    .regata .countdown div { text-align: center; }
    .regata .countdown .num { font-size: 2rem; font-weight: bold; color: #082647; }

    .time #countdown {
      display: flex;
      justify-content: space-around;
      font-size: 1.2rem;
	  gap:2px;
    }
    .time #countdown .countdown-section {
      text-align: center;

    }
    .time #countdown .countdown-amount {
      font-size: 2rem;
      font-weight: bold;

    }
	.countdown-amount, .num {color: #082647 !important;}
	.countdown-section  {background: #e9f8ff !important;
	min-width:24%; padding: 10px;}



	#map iframe {width:100% !important;}

	@media (min-width: 1500px) {
	  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		  max-width: 1470px !important;
	  }
  	}




	div.cookieconsent {opacity:1 !important; width:32%; left:0 !important; bottom:0 !important; top:auto !important;
		background-color: #082647 !important;
    	color: #fff !important  ;
		margin:0 !important;
		padding:20px 30px;
		border:none !important;
		font-size:1rem;
	}
	div.cookieconsent .h1 i {position:relative; top:-5px;}
	div.cookieconsent .h1:after  {content:''; display:block; float:right; margin-right:30%; height:41px; width:1px; background:rgba(255,255,255,.1)}
	div.cookieconsent p {font-size:.8rem; line-height:1.2;}
	div.cookieconsent p a {color:#00a5df; font-weight:700;}
	div.cookieconsent .btn {padding:.25rem .5rem; display:block; width:100%; color:#222 !important; background:#fff !important; border:none !important;}
	div.cookieconsent .btn:hover {color:#fff !important; background:#00a5df !important;}

	#sponsorzy .d-flex.gap-5.mb-5 img {margin:auto !important; max-height:70px !important; max-width:160px !important;}

.navbar-toggler {border:none !important; padding: .25rem .5rem;}


.pic, .pics img {

border: solid 2px #00a5df;

}


	@media (max-width: 767px){
	body, html {width:100vw !important;}

	.subpage {padding-top:2rem;}

	.hero #regaty p {font-size:.7rem !important;}
		.w-70 {width:70%;}
	 .countdown-amount, .num  {
		font-size: 1.2rem !important;
	  }
	 .countdown-section div, .time-down div div {font-size:.6rem !important;}

	body {font-size:.9rem;}
	header .navbar-nav  li {margin:5px 0 ;}
	header .navbar-nav .nav-link {font-size:1.15rem; letter-spacing:1px;}
	header .lang {margin: 1rem 0 !important;     padding: 0;}

	header .dropdown-menu {border:none !important; padding:.5rem 0 0 1rem;}


	.h5, h5 {font-size: .95rem;}
.logo-top {width:80px; height:80px; margin-bottom:-40px; margin-left:10px;}
#mainNavbar {padding:20px; margin-top:20px;}

	.hero h1 {
    font-size: 1.4rem;}

		div.cookieconsent {width:100%; font-size:.8rem;}
		div.cookieconsent .btn {font-size:.8rem;}
		div.cookieconsent p {font-size:.7rem; line-height:1.1;}
		div.cookieconsent .h1:after {height:31px; margin-top:-5px;}

		.card.title-card {width: calc(100% - 20px); height: 90px;}

		.loga-top {padding:7px; right:10px;}
		.loga-top img {
    		height: 25px !important;

		}
		#sponsorzy .d-flex.gap-5.mb-5 {
		  display: grid !important; 
		  grid-template-columns: repeat(2, 1fr) !important; 
		  gap: 20px !important; 
		}
		#sponsorzy .d-flex.gap-5.mb-5 img {margin:auto !important; max-height:50px !important; max-width:90px !important;}

		.event-logo {width: 60px; height: 90px;}
		.event-logo + .col.p-4 {padding:.5rem !important;}
		.event-logo + .col.p-4 .h3 {font-size: calc(1rem + .2vw);}
		.event-logo + .col.p-4 p {font-size: calc(.7rem + .2vw);}

		.nav-tabs .nav-link {
    height: 35px;
    padding-top: .3rem;
}

.title-card .btn-back {
    top: -32px;
    right: 0px;}

.nav-tabs .nav-link i {font-size:70%;}

		.wpis h5, .wpis h4, .wpis h6 {text-align:center;}
		.wpis .card-light h6 {font-size:16px; text-align:left;}

		#program tr td:first-child {
    max-width: 110px !important;
    padding-right: 40px;
	}

		footer, footer div {text-align:center !important;}
		.footer-loga img {max-height:60px !important; max-width:90% !important; object-fit: cover;}

		.footer-loga .col-md-4 img {max-height:40px !important; max-width:80% !important;}
	}