@import url("settings.css");

header {background: var(--body-background)}
h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: var(--color1); }
h2 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: #000;}
h3 {margin-top: 20px; color: var(--color1); margin-bottom:10px; line-height: 1.5em; font-size: 20px}
h4 {margin-top: 20px;  color: #000; margin-bottom:20px; line-height: 1.5em; font-size: 1.3em}
h5 {margin-top: 20px; font-weight: bold; color: var(--color1); padding-bottom: 5px; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em; border-bottom: 1px solid var(--color1)}
h6 {margin-top: 20px; font-weight: bold; color: #000; line-height: 1em; font-size: 0.8em}

#chooselang_google_content {border:0}
#menu_sidebar .navbar-brand, header .navbar-brand {font-size: 38px; color: var(--color1)}
.page-title {text-align:left; font-family: var(--font-family); background:#055eb9; color:#fff}
.page-title h1 {text-align:left; font-family: var(--font-family); font-size: 24px; color: #fff}
.page-title h1 a, .page-title h1 a:hover {color: #fff}
 .slider {height:fit-content}
.slider-image>img, .slider-image video {position:relative}
/*odkomentuj jesli ma wyswietlac napisy*/
/*.slider .carousel-one {background: unset}
.slider .carousel-one {display:none !important}*/ 
.content {padding-right:30px}
.events2 img {padding:0}
.events2 div {border: 0px solid #aaa; padding: 5px; margin-bottom: 20px}
.events2 p {min-height: 85px; font-size: 17px; background:var(--color1); line-height: 1.2em; margin-top:0px; margin-bottom:0; text-transform:uppercase; padding: 10px 5px}
.events2 p  a {color:#fff; }
.events2 p  a em {font-size: 12px ; line-height: 1em}
.event-detail h4 {margin-bottom:20px; margin-top:20px}
.event-detail .detail h4 {margin-bottom:0px; margin-top:0px}
.event-detail .detail p,.event-detail .detail li {font-size: 16px; text-align:left}
.eventtitle {padding-top:15px}
 footer{background: var(--color1); color: #fff; font-size: 13px; margin-top:30px}
 footer a,.page-title h1.subtitle {color: #fff}
footer .footer-box h4 {text-shadow: unset; color: #fff; font-weight: normal; padding:10px; background: rgba(255,255,255,0.3)}
footer .footer-box li {font-size: 14px}
footer .copyright {background:#014f9f}
header .navbar-brand  {text-align:left}
header .navbar-brand span {display:block}
.sidebar .tile {font-size: 13px}

  #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-right:1px solid rgba(0,0,0,0.1);}
    #menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:first-child a{border-left:1px solid rgba(0,0,0,0.1);}
 .sidebar .tile h3,.sidebar .tile .tile-icon i {color: var(--color1)}   
 .input-group {justify-content: right}
 header .topbar .address span {font-size: 16px}
 .tileatuty p {text-align:left; font-size: 15px; color: #fff; padding-left:20px}
 .sidebar .tileatuty h3 { color: #fff}
 .sidebar .tileatuty {background: var(--color1); color: #fff}
 .topbar i {display:none}
 .content h2.home a {color: #000}
 .welcome {margin-top:30px}
 h3.podtytul {color: #000; margin-top:0}
 .footer-box-text-contact {font-size: 18px}
@media (max-width: 1400px){
header .navbar-brand {  font-size: 22px;}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 10px}
}
@media (max-width: 1200px){
header .navbar-brand {  font-size: 18px;}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 8px}
}
@media (max-width: 992px){
    
  #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-right:0}
    #menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:first-child a{border-left:0}
    header .navbar-brand {  font-size: 30px; padding-top:8px}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 5px 20px;}
}
@media (max-width: 780px){
    header .topbar .search {display:none}
 .welcome {margin-top:0px}
 .footer-box-text-contact p {font-size: 16px}
}
@media (max-width: 576px){
     h3 {margin-top:10px}
     h2 {font-size: 22px}
      h3.podtytul  {font-size: 18px}
    header .topbar .address span:first-child {display:block}
.content {padding-right:10px}
/*      .slider {height:400px}
         .slider .carousel-one {display:block  !important}
    .slider .carousel-one h1 {font-size:20px}*/
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display: inline}
    header .navbar-brand {  font-size: 25px; padding-top:7px}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {line-height:0}
}

@media (max-width: 380px){
     /*.slider {height:360px}*/
}