/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2021-08-31, 22:12:10
    Author     : Maciej
*/

/* IN CONSTRUCTION RULES */

.page-id-74 .nav-menu-primary, .page-id-74 .nav-menu-footer,  .page-id-74 .menu-mobile-toggle {
    display: none;
}


/* END */

html {
  scroll-behavior: smooth;
}


:focus, :focus-visible {
        outline-offset: 3px;
    outline: 2px solid;
    outline-color: black;
}

.object-photo-file div {
    display: none;
}

.object-photo-file:focus , .object-photo-file:focus-visible {
    outline: none;
}

.object-photo-file:focus div, .object-photo-file:focus-visible div, .object-photo-file:hover div {
    position: absolute;
    top: 0;
    width: 100%;
    color: black;
    background-color: rgba(255,255,255,0.4);
    font-size: 2em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.object-photo-file {
    display: block;
    position: relative;
}


.home-big-button {
    display: inline-block;
   
    background-color: white;
    text-align: center;
    padding: 15px 20px;
    border: 2px solid;
}

.clear-button {
    display: inline-block;
    background-color: white;
    text-align: center;
    padding: 10px 20px;
    border: 2px solid;
    height: 51px;
    cursor: pointer;
}

.home-big-button.center-map {
    cursor: pointer;
}
.center-map:hover {
    color: white;
    
    background-color: black;
}


.clear-button:hover {
    color: white;
    
    background-color: black;
}


.map-category-buttons {
    
}

.map-category-buttons a {
    padding: 0 10px;
    display: inline-block;
  
    
}

.objectFilters label {
    margin-bottom: 10px;
}

.leaflet-container :focus {
    outline: red auto 1px !important;
    outline: revert !important;
}

#ms_kategoria label {
    display: flex;
    align-items: center;
}

#ms_kategoria img {
   padding: 0.5em;
        
}
.leaflet-popup {

    min-width: 300px;
    max-width: 100%;
}
.leaflet-popup img {
    max-height: 200px;
    display: block;
    margin: auto;
}

.map-accessibility-buttons {
    position: relative;
    top: 13px;
    left: 90px;
    z-index: 401;
}

article.post  a {
    text-decoration: underline;
}

#map {
/*    top: -70px;*/
}
.map-container {
    display: flex;
    margin-top: -60px;
    justify-content: center;
  
    background-color: white;
    position: relative;
}

.map-filter-container {
    padding-top: 20px;
}

#map {
    width: calc(100vw - 60px);
    height: calc(100vh - 260px);
    position: relative;
    outline: none;
}

.opis-kategorii {
    display: flex;
   
    align-items: center;
}

.opis-kategorii h4{

    align-items: center;
   display: flex;
   
    word-break: initial;
        font-size: 24px;
}
.opis-kategorii h4 img{

   display: inline-block;
       margin-right: 15px;
}

.mk-logo-container {
    display: flex;
        justify-content: center;
    align-items: center;
    gap: 2em;
    flex-wrap: wrap; 
        
}
.scroll-anchor, .anchor-manual {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
.nav-ul li.current-menu-item>a:hover {
    color: var(--hoverColor);
}
.nav-ul li.current-menu-item>a {
    
    text-decoration: underline;
}

#btnToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: 2px solid white;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  
}

#btnToTop:hover {
  background-color: #555;
}
.site-map-region-header {
    margin-left: 20px;
}

.header-menu-sidebar .nav-ul li {

    padding: 0 1.1em;
    
}

.wp-image-209 {
       max-height: 120px;
  
}

.o-projekcie p, .opis-kategorii p {
    text-align: justify;
}

.o-projekcie-miasto-moje {
    text-align: center !important;
}


.popup-categories {
    display: flex;
    align-items: center;
}

.objectFilters {
  
  display: flex;
      align-items: end;
        //  margin-bottom: 2.5em;
              justify-content: center;
}

.filter-section.button-container {
    text-align: right;
} 

.filterSubmit {
    color: white;
    background-color: var(--primaryBtnBg);

}
.filterSubmit:focus, .filterSubmit:hover {
    color: var(--primaryBtnBg);
    background-color: white;
    outline: 2px solid var(--primaryBtnBg);
    

}
.objectFilters .filter-section {
    width: 20%;
    display: inline-block;
    
}

.objectFilters .filter-section label {
    display: block;
}

.objectFilters .filter-section select {
    display: block;
    width: 90%;
    font-size: 1em;
        padding: 0.55em 0.2em;

}
.objectFilters .filter-section select option {

    padding: 2em;

}

.baza-post-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 100px;
}

.baza-element {
    display: inline-block;
    width: calc(50% - 1em);
    font-size: 1em;
   
    
}

.baza-element-content {
    background-color: var(--nv-c-1);
    padding: 20px;
}

.baza-element:nth-of-type(2n) {

  

}

    

.baza-head {
font-size: 1.2em;
    font-weight: 900;
    padding: 10px 0 0 0;
    background-color: var(--nv-c-2);
    text-align: center;

}
.baza-element-content h3 {
      min-height: 4.5em;
    margin-top: 0.5em;
    font-size: 1.5em;
}

.baza-element-content a {
 
    margin-top: 1em;
    margin-bottom: 1.5em;
    display: block;
}



.baza-head img{
margin-top: 4px;
    margin-bottom: -0.4em;
  width: 100%;
}
.baza-head span{
    
    display: block;
    padding-bottom: 0.2em;

}

.obiekt-wrapper {
/*    
  display: flex;
  flex-wrap: wrap;
  justify-content: center;*/
    
}

.obiekt-photos {
width: 100%;
max-height: 60vh;

    
}

.slick-initialized .slick-slide {
   
    max-width: 90vw;
    height: auto;
}

.obiekt-photos-container {
    margin-bottom: 50px;
}
.carousel-info {
    text-align: center;
    width: 100%;
}


.slick-next {
    margin-right: 2px;
}

.slick-slide img {
 
   
   max-height: 60vh;
   padding: 20px;
   padding-bottom: 0;
}

.slick-dots {
/*   bottom: -40px !important;*/
}


.site-map-list {
    margin-bottom: 30px;
    margin-left: 20px;
}

.page-template-page_sitemap main h2 a, .page-template-page_sitemap main li a {
    text-decoration: underline;
    display: inline-block;
    padding: 0.3em;
}





.obiekt-photos .slick-prev {
   left: -30pt;
}
.obiekt-photos .slick-next {
   right: -31pt;
}



.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon {
margin-left: 0 !important;
    margin-top: 1.5pt;
    font-size: 25pt !important;
}

.slick-next:hover .slick-next-icon, .slick-next:focus .slick-next-icon, .slick-prev:hover .slick-prev-icon, .slick-prev:focus .slick-prev-icon {
 color:  #3f6fde;
} 
.slick-next:hover , .slick-next:focus , .slick-prev:hover , .slick-prev:focus  {
 color:   #3f6fde;
} 

.slick-next, .slick-prev {
   height: 25pt;
   width: 25pt;
}



.obiekt-description-element {

}
.obiekt-description-label {
        padding: 10px;
    border-bottom: 1px solid black;
    font-weight: 600;
}

.obiekt-description-label.firstItem , .obiekt-description-value.firstItem
{
     border-top: 1px solid black;
}

.obiekt-description-value {
      padding: 10px;
   border-bottom: 1px solid black;
    text-align: right;
}
.obiekt-description {

    width: 100%;
        display: flex;
    flex-direction: row;
}

.obiekt-description-table {
    padding-right: 20px;
    width: 50%;

}
.obiekt-description-table:nth-of-type(2n) {
    padding-right: 0px;
    padding-left: 20px;

}

.obiekt-navigation {
    width: 100%;
    font-size: 16pt;
    padding-bottom: 50px;
   
    display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
}

.obiekt-navigation div {
  
    padding: 30px;
    padding-bottom: 0;
text-align: center;
}

.obiekt-navigation a {
  width: 100%;
  
   color: dodgerblue;
}
.obiekt-navigation-prev
{
    text-align: left;
}
.obiekt-navigation-list
{
    text-align: center;
}
.obiekt-navigation-next
{
    text-align: right;
}


header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 444;
    width: 100%;
        max-height: 150px;
    overflow: initial;
    border-bottom: 1px solid #e6e6e6;
}

.site-logo h1, .site-logo p {

    font-size: 1em;
}

.site-logo small{

    font-size: 0.8em;
}

#content {
    margin-top: 110px;
}

#content a:hover, #content a:focus {
    text-decoration: underline;
    color: black;
    font-weight: 600;
}

#content a.whiteLink:hover, #content a.whiteLink:focus, #content a.wp-block-file__button:hover, #content a.wp-block-file__button:focus {
    text-decoration: underline;
    color: white;
    font-weight: 600;
}

.leaflet-top, .leaflet-bottom {
   
    z-index: 443;
}
  

.page-template-page_sitemap main h2 a:hover {
  color: var(--nv-secondary-accent) !important;
}

#return-to-map-button a:hover, #return-to-map-button a:focus {
    color: white;
}

.show-on-focus {
    color: var(--nv-primary-accent);
    left: 32px;
}

.show-on-focus:focus {

    color: #2271b1;
}

.obiekty-table-element {
    cursor: pointer;
}
.obiekty-table-element:focus {
    outline-offset: -10px;
    outline: 2px solid var(--nv-secondary-accent);
    text-decoration: underline;
}
    
   .objectTable a:hover, .objectTable a:focus  {
        color: var(--nv-secondary-accent);
        text-decoration: underline;
         outline-offset: 10px;
    }   
    
    .objectTable a {
        color: black;
        text-decoration: underline;
    }   
    
/*accesibility:*/

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


.slick-arrow:hover {
    background-color: white !important;
}
.slick-arrow:hover .slick-next-icon:before {
    color: var(--primaryBtnHoverBg);
}

.multi-select, .multi-select-plugin {
	 display: block;
	 position: relative;
             width: 90%;
}

.multi-select:focus, .multi-select-plugin:focus {
outline: 0;
    box-shadow: 0 0 3px 0 var(--nv-secondary-accent);
    --formFieldBorderColor: var(--nv-secondary-accent);
}


 .multi-select > span, .multi-select-plugin > span, .filter-section select {
	 border: none;
	 background: none;
	 position: relative;
	 padding: 0.25em 0.5em;
	 padding-right: 1.5em;
	 display: block;
	     border: solid 2px var(--formFieldBorderColor);
            border-width: var(--formFieldBorderWidth);
            border-radius: var(--formFieldBorderRadius,3px);
            background-color: var(--formFieldBgColor);
            cursor: default;
	 
}
 .multi-select > span > .chevron, .multi-select-plugin > span > .chevron {
	 display: inline-block;
	 transform: rotate(-90deg) scale(1, 2) translate(-50%, 0);
        
	 font-weight: bold;
	 font-size: 0.75em;
	 position: absolute;
	 top: 0.2em;
	 right: 0.75em;
}
 .multi-select > ul, .multi-select-plugin > ul {
	 position: absolute;
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 left: 0;
	 top: 100%;
	 min-width: 100%;
         width: max-content;
	 z-index: 1000;
	 background: #fff;
	 border: 1px solid rgba(0, 0, 0, .15);
	 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	 display: none;
	 max-height: 320px;
	 overflow-x: hidden;
	 overflow-y: auto;
}
.map-filter-container .multi-select > ul, .map-filter-container .multi-select-plugin > ul {
    top: -320px;
}
.map-filter-container  .multi-select  > span > .chevron, .map-filter-container .multi-select-plugin .multi-select-plugin > span > .chevron {
         transform: rotate(90deg) scale(1, 2) translate(30%, 0);
}

 .map-filter-container #ms_status > ul { 
	 top: -176px;	
}

 .multi-select > ul > li, .multi-select-plugin > ul > li {
	 white-space: nowrap;
}
 .multi-select > ul > li.selected > label, .multi-select-plugin > ul > li.selected > label {
	 background-color: white;
}

 .multi-select > ul > li > label input, .multi-select-plugin > ul > li > label input {
	 margin-right: 10px;
}

 .multi-select > ul > li.focused > label, .multi-select-plugin > ul > li.focused > label {
	 background-color: DodgerBlue;
          color: white;
}
 .multi-select > ul > li > label, .multi-select-plugin > ul > li > label {
	 padding: 0.25em 0.5em;
	 display: block;
}
 .multi-select > ul > li > label:focus, .multi-select-plugin > ul > li > label:focus, .multi-select > ul > li > label:hover, .multi-select-plugin > ul > li > label:hover {
	 background-color: DodgerBlue;
          color: white;
}
 .multi-select.in > ul, .multi-select-plugin.in > ul {
	 display: block;
}
 .multi-select-backdrop, .multi-select-plugin-backdrop {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 900;
}
.objectTable {
    overflow-x: scroll;
}

#ms_kategoria .selected > label, #ms_kategoria  .selected label {
    background-color: white;
}

#ms_kategoria > ul > li > label:focus, #ms_kategoria > ul > li > label:focus, #ms_kategoria > ul > li > label:hover, #ms_kategoria > ul > li > label:hover {
    background-color: DodgerBlue;
    color: white;
}

/*mobilne */

@media screen and (max-width: 1250px){
.obiekt-photos-container {
   
       display: flex;
    justify-content: center;
}

.clear-button {
margin-top: 20px;
}

.obiekt-photos {
       width: calc(100vw - 75pt);
}
  .wp-block-cover {
        padding: 2em;
    }
 .slick-initialized .slick-slide {
    max-width: calc(100vw - 31pt);
    height: auto;

}   
.slick-slide img {
    max-height: 60vw;
    height: 50vw;
    width: auto;
    margin: auto;
}




.slick-slide > div {

    padding: 2px;
}


.obiekt-photos {
    
    max-height: 50vw;
}



.obiekt-photos .slick-prev {
   left: -28pt;
}
.obiekt-photos .slick-next {
   right: -28pt;
}



.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon {
margin-left: 0 !important;
    margin-top: 1.5pt;
    font-size: 20pt !important;
}

.slick-next:hover .slick-next-icon, .slick-next:focus .slick-next-icon, .slick-prev:hover .slick-prev-icon, .slick-prev:focus .slick-prev-icon {
 color:  #3f6fde;
} 
.slick-next:hover , .slick-next:focus , .slick-prev:hover , .slick-prev:focus  {
 color:   #3f6fde;
} 

.slick-next, .slick-prev {
   height: 20pt;
   width: 20pt;
}



}

@media  screen and (max-height: 550px),  screen and (max-width: 1050px ){
     
   
       .map-accessibility-buttons {
    display: flex;
    justify-content: center;
    gap: 1em;
    margin-top: 1em;
  position: static;
      padding: 0 20px;
}

.home-big-button {
   
    width: 50%;
   
}

   #map {
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    position: relative;
    outline: none;
}
    #content {
    margin-top: 170px;
}
.map-container {

    margin-top: 20px;
} 

  header {
        max-height: none;
    }
}


@media screen and (max-width: 1050px )  {
  
      .baza-element {
        width: 100%;
     
       
    }
    
    .obiekt-description-table {
        margin: 0;
    }
    .obiekt-description {
        margin-bottom: 30px;
    }
    
    .obiekt-photos {
   // width: 100%;
   // max-height: 60vw;
}
    
    
     .multi-select > span > .chevron, .multi-select-plugin > span > .chevron {
	
	 transform: rotate(-90deg) scale(1, 2) translate(-50%, 0);
        
}

 .multi-select > ul, .multi-select-plugin > ul, #ms_status > ul {
	 top: 100%;
}

    
    
    footer .nav-ul li {
        width: 100vw;
        margin: 0;
        display: flex;
        justify-content: center;
    }
    
    footer .nav-ul li a {
        width: 90vw;
        justify-content: center;
        justify-items: center;
        margin: 0.5em 0;    }
    
    
    .map-category-buttons {
        width: 100%;
        padding-top: 10px;
    }
    
    
  
    .map-category-buttons div {
    display: flex;
    justify-content: space-evenly;
}


    
    header {
        max-height: none;
    }
    
    .wp-block-cover {
        padding: 1em;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    
    
 .multi-select, .multi-select-plugin {
   
    width: 100%;
}
    
    
    .objectFilters {
        flex-direction: column;    
    }
    .objectFilters .filter-section{
        width: 100%;  
    }
    
    .filter-section.button-container {
    text-align: left; 
    margin-top: 1em;
}
    
    
   .baza-element:nth-of-type(2n) {
  
}

.obiekt-description {

    flex-direction: column;
}

.obiekt-description-table {
    padding-right: 0px;
    width: 100%;

}
.obiekt-description-table:nth-of-type(2n) {
   
    padding-left: 0px;

}
.obiekt-description-label.firstItem , .obiekt-description-value.firstItem
{
     border-top: none;
}

.slick-dots {
/*    bottom: -60px !important;
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;*/
}


element.style {
}
.slick-slide img {
/*    display: block;*/
}
.slick-slide img {
/*     width: 100%;
   
    padding: 10px;*/
}

.builder-item {

    padding: 5px;

}

}




/*  very small screen */




@media screen and (max-width: 340px),  screen and (max-height: 450px) {

.slick-slide img {
    width: 100%;
  
    
    padding: 2px;
}
  header {
        max-height: none;
    }
  .baza-element {
        width: 100%;
     
       
    }


header {
    position: static;
    z-index: 4444;
    width: 100%;
    overflow: initial;
    border-bottom: 1px solid #e6e6e6;
}
.hfg-slot {
    flex-direction: column;
    justify-content: center;
}

header [data-row-id] .row {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.builder-item .item--inner  {
    padding: 0;
    margin: 0;
}
.navbar-toggle {
    padding: 5px;
}

header.row img {
    margin: auto;
}

.site-logo .title-with-logo { 
    flex-direction: column;
}
.title-with-logo img{
    margin: 0;
}
.nv-title-tagline-wrap {
    text-align: center;
}

#content {
    margin-top: 0;
}


}