@import url("settings.css");

header {color: #fff; z-index:1; position:fixed; width:100%; top:0; }
header.page {background: var(--color1)}
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;margin-bottom:10px}
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:10px; 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}

.tile h3 {font-family: var(--header-font); }
.slider {-moz-box-shadow:0 30px 40px rgba(0,0,0,.6);-webkit-box-shadow:0 30px 40px rgba(0,0,0,.6);box-shadow:0 30px 40px rgba(0,0,0,.6)}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a,.sidebar,.slider .carousel-one {background: unset}
#menu_sidebar .dropdown-menu, header .dropdown-menu,#chooselang_google_content, footer {background: var(--color2); color: #fff}
header .topbar {background: unset; }
#menu_sidebar .navbar-brand small, header .navbar-brand small {color: var(--color1)}
/*#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {color: #fff;}
#menu_sidebar .navbar-brand small, header .navbar-brand small {color: rgba(255,255,255,0.7);}*/
#chooselang_google {color: #333}
#chooselang_google_content {background: none;visibility:visible}
.sidebar .tile, .sidebar .rss {background: rgba(255,255,255,1); margin-bottom:10px}
.left-sidebar .sidebar{margin-top:15px; margin-right:15px}
.right-sidebar  .sidebar{margin-top:15px; margin-left:15px}
#chooselang_google_content {border:0}
body.home .navbar-brand {display:none}
body.home #menu_top {justify-content:center;border-bottom: 1px solid rgba(255,255,255,0.4);border-top: 1px solid rgba(255,255,255,0.4)}
/*.page-content {margin-top:130px; margin-bottom:280px}*/
.news .teaser em {background: var(--color2)}
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: 1rem}
footer .copyright {background: #871818}
.content h2.home a {color: var(--color1)}
.content .list2 a p, .content .list2 a em {color: #000}
.page-title {margin-top: 142px; background: var(--color2); color: #fff; text-align:center}
.flatpickr-calendar {margin-top:-142px}
.page-title h1, .page-title h1 a,.page-title h1 a:hover {color: #fff; text-shadow: unset} 
.page-title i {font-size: 2em; color:#fff}
.content {padding: 20px} 
.slider {z-index:-1}
.slider i {font-size: 80px; color: rgba(255,255,255,1); margin-bottom:20px }
.slider .carousel-one h1 {text-shadow: 4px 4px 20px #000;}
.slider .carousel-one p {text-shadow: 2px 2px 5px #000;font-style: normal;}
header .topbar .address a,header .topbar .address span,header ul.navbar-nav li a i{color: #fff}
.page-content {background: rgba(255,255,255,1);}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size:27px}
#menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 10px; letter-spacing: 0.7px;  }
header .navbar-brand small em {display: inline-block; width: 2px}
.slider .carousel-one h1 {font-size: 60px;line-height: 70px; } 
.slider .carousel-one p {font-size: 20px; line-height:1.1em}
.slider .carousel-one img { filter: brightness(0) invert(1); margin-right:0px; height:unset; width:100px}
.slider .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.2)}
body.home .main-content {margin-top:-80px}
.content .news .thumbnail {margin:7px 0 ; padding:0}
header ul.navbar-nav li.show>a i, header ul.navbar-nav li a:hover i , header.scrolled #menu_sidebar .navbar-brand, header.scrolled  .navbar-brand, header.scrolled #menu_sidebar .navbar-brand:hover, header.scrolled  .navbar-brand:hover, header.scrolled #menu_sidebar ul.navbar-nav li a, header.scrolled ul.navbar-nav li a, header.scrolled ul.navbar-nav li a i, header.scrolled #menu_sidebar .navbar-brand small, header.scrolled .navbar-brand small{color: var(--color1)}
header.scrolled #menu_sidebar ul.navbar-nav li a, header.scrolled ul.navbar-nav li a, header.scrolled ul.navbar-nav li a i {color: #667}
/*header ul.navbar-nav li .dropdown-menu a:hover {background: var(--color1); color:#fff; }*/
#menu_sidebar .dropdown-menu, header .dropdown-menu, #menu_sidebar ul.navbar-nav li>a:hover, header ul.navbar-nav li a:hover, header ul.navbar-nav li.show > a, ul.navbar-nav li.active a {background: #fff; color:var(--color1); }
footer img {filter: brightness(0) invert(1);}
/*scroll navbar*/
header,header  .topbar {transition: background-color 500ms ease;}
header.scrolled {background-color: #fff; transition: background-color 500ms ease; -moz-box-shadow:0 6px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 6px 10px rgba(0,0,0,.15);box-shadow:0 6px 10px rgba(0,0,0,.15)}
header.scrolled a, header.scrolled span {color: var(--color1)}
header.scrolled .topbar {background: var(--color1);  transition: background-color 1000ms ease;}
header.scrolled ul.navbar-nav li a:hover,ul.navbar-nav li.show > a {background: var(--color1); color:#fff}
header.scrolled ul.navbar-nav li.show>a:hover i,header.scrolled ul.navbar-nav li a:hover i {color:#fff}
#menu_sidebar .navbar-brand, header .navbar-brand {text-align:left; padding-top:20px}
#menu_sidebar .navbar-brand span, header .navbar-brand span {display:block}
#menu_sidebar .navbar-brand small br, header .navbar-brand small br {display:none}
.news img {border: 6px solid var(--color1);}
.page-content {height: fit-content}
header .navbar-brand span, header .navbar-brand small br {dispaly:none}
#menu_sidebar .navbar-brand small, header .navbar-brand small,header.scrolled .navbar-brand small {display:block; color: #777}
#menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-10px; height:70px}

header ul.navbar-nav li a, header ul.navbar-nav li a {border-left:1px solid rgba(0,0,0,0.1);}
header ul.navbar-nav li a:last-child, header ul.navbar-nav li:last-child a{border-right:1px solid rgba(0,0,0,0.1);}
.home header ul.navbar-nav li a:last-child, .home header ul.navbar-nav li:last-child a, .home header ul.navbar-nav li a {border-left: 0; border-right:0}
.search_result select[name="scope"] {display:none}
.search_result  .list2 a {display:block; line-height: 1.6em}
.search_result  .list2 a.btn {display:inline; margin-top:5px}
.slider-video video {opacity:0.7}
footer .copyright {margin-top:0}

header.scrolled ul.navbar-nav li.show > a, header.scrolled ul.navbar-nav li.show > a i  {background: var(--color1); color:#fff}
#google_translate_element select {margin-top:1px}
footer img { margin-right:20px; max-width:150px; margin-top:15px; margin-bottom:30px}
            .slider .carousel-one a {letter-spacing:2px}
            footer .footer-desc h4 {background: none; font-weight: bold; font-size: 25px; padding:0; line-height:1.2em}
.logotypes a {height: unset}
.logotypes-bg {background: #fff}
@media (max-width: 1400px) {
    .slider {height:700px}
    .slider .carousel-one h1 {font-size: 50px;line-height: 60px;} 
    .slider .carousel-one p {font-size: 20px;}
#menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-10px; height:60px}
    #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 21px; padding-top: 15px }
    #menu_sidebar .navbar-brand small, header .navbar-brand small, header.scrolled .navbar-brand small {font-size: 9px; letter-spacing: 0px}
    .page-title {margin-top:138px}
}
@media (max-width: 1200px) {
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    header ul.navbar-nav li a {padding:15px}
    .slider .carousel-one {width: 700px}
}
@media (max-width: 992px) {

    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {color: #000}
    body.home .main-content {margin-top:0}
    .slider i {font-size: 50px; }
    body.home .navbar-brand {display:block; text-align:left}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-top:1px solid rgba(255,255,255,0.4)}   
    header .topbar {border-top: 1px solid rgba(255,255,255,0.3); border-bottom:0}
    .slider {height:400px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-5px; height:60px;}   
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top: 12px; padding-bottom:0}
    .slider .carousel-one h1 {font-size:40px;line-height: 60px;}
    .slider .carousel-one p {font-size: 13px;}
    .slider {margin-top:114px}
    .page-title {margin-top:114px}
    header {background: #fff; }
    header .topbar {background: var(--color1); }
    header.scrolled a, header.scrolled button span {color: #000}
    header.scrolled ul.navbar-nav li a, header.scrolled ul.navbar-nav li a i{color: #000}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-family: var(--header-font)}
    .sidebar .tile h3 {font-size: 16px}
    
    
    #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 23px; padding-top: 15px }
     #menu_sidebar .navbar-brand small, header .navbar-brand small, header.scrolled .navbar-brand small {font-size: 11px; letter-spacing: 1px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-5px; height:50px;margin-bottom:5px}   
   
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a, header ul.navbar-nav li:first-child a {padding: 5px 20px; border-left: 1px solid #eee}
    #google_translate_element select {margin-top:2px}
    header .topbar .search #chooselang_google {margin-right:2px}
     #chooselang_google {background: #fff}
#glangs {justify-content: end; width:100%}
header .topbar .search #chooselang_google {display: none}
#chooselang_google_content {left: unset;display:block; margin: 0; top: unset; width:unset; }
#google_translate_element {margin-top:0}
#google_translate_element select {width:150px}
#chooselang_google_content {margin-right:5px}
 .slider .carousel-one {width: 500px}
 footer img {width: 80px}
 footer p {clear: both}
footer .footer-desc h4 {font-size: 26px}
#menu_sidebar a, #menu_top a {border-left: 5px solid #eee}
#menu_sidebar .dropdown-menu, header .dropdown-menu {background: #fafafa; box-shadow: unset; }
header #menu_top   .dropdown-menu a {border-left: 0}
    .slider .carousel-one img {max-height: 100px}
}

@media (max-width: 767px) {
    #chooselang_google_content {left:-145px;} 
    .slider {margin-top:109px}
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}
    .page-title {margin-top:109px}
    .content {padding: 10px}
    /*#menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover{font-size: 33px}*/
    /*header .navbar-brand small {font-size:11px}*/
    /*#menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-2px; height:50px;}*/   
    .search_result  .list2 a.btn {display:block}
    .slider {height:300px}
    
    #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 22px; padding-top: 20px }
     #menu_sidebar .navbar-brand small, header .navbar-brand small, header.scrolled .navbar-brand small {font-size: 9px; letter-spacing: 0.2px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-5px; height:50px;}  
     .slider .carousel-one {width: 100%}
     .page-title {background: #991c1c}
     .page-title  i {display:none}
     .page-title h1 {margin-left:0}
     header .search .input-group {display:none}
}
@media (max-width: 576px) {
    header .topbar {text-align:left}
    /*header .search .input-group {display:block}*/
    /*header .topbar .search {width:100%}*/
    /*header .topbar .address {display:none}*/
    header .topbar .search input {width: auto}
    header .navbar-brand {width:100%}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:none}
    .content .filtr-search {max-width:40%}
    /*#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 17px}*/
 
    .slider .carousel-one h1 {font-size: 25px;line-height: 30px;}
    .slider .carousel-one p {font-size: 13px;}
    /*#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}*/
    header .navbar-brand span {display:block}
    header .navbar-brand small br {display:none}
    #menu_sidebar,#menu_top {margin-top:10px}
    a.wcag-button {top:64px}
    #menu_sidebar .navbar-brand, header nav.navbar .navbar-brand {max-height: 61px}
    
      #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 16px; padding-top: 20px }
     #menu_sidebar .navbar-brand small, header .navbar-brand small, header.scrolled .navbar-brand small {font-family: var(--font-family); font-size: 7px; letter-spacing: 0px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-7px; height:45px; margin-right:10px; }   
header .topbar .address span:first-child {display:block}
   #chooselang_google_content {margin-right:0px}
   .content h3 {line-height:1.2em}
   .content h2 {line-height:1.2em}
   .page-content {margin-top:20px; margin-bottom:20px}
    footer img {width: 120px; margin-right: 0}
 footer p.fleft {float:none; clear: both; text-align:center}
footer .footer-desc h4 {clear:both; font-size: 26px}
}
@media (max-width: 376px) {
     #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 17px; padding-top: 22px }
        #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-7px; height:40px; margin-right:10px; margin-bottom:5px}   
      #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 13px; }
 #menu_sidebar .navbar-brand small, header .navbar-brand small, header.scrolled .navbar-brand small {font-size: 6px; letter-spacing: 0.2px}
}
 
/*  ---------------------------------------------------------------------------------------------------------------------
/*  jesli header w dwoch linijkach, odkomentuj ponizsze*/
/*    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:0px; height:85px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover  {text-align:left; padding-top: 0; font-size: 26px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
@media (max-width: 1200px) {    
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover  {font-size: 20px; padding-top:10px}
     #menu_sidebar .navbar-brand img, header .navbar-brand img {height:75px}
}
@media (max-width: 992px) {
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:60px}
}
@media (max-width: 767px) {
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 17px;padding-top: 8px; width:100%}   
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:50px}
}*/