@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");
#invicta-autocomplete::placeholder {
font-weight: 500;
color: var(--primary-color);
}
#invicta-autocomplete:focus {
outline:none;
}
#invicta-autocomplete {
width: 100%;
color: var(--primary-color);
font-weight: 500;
border:none;
padding: 10px;
background: #f7f7f7 url(//laboratoria.invicta.pl/wp-content/themes/invicta/images/lupa.svg)  no-repeat 95% 50%;
font-family: 'Poppins', sans-serif;
font-size: 12px;
}
.use-location {
cursor: pointer;
color: var(--primary-color);
font-weight: 500;
font-size: 14px;
background: url(//laboratoria.invicta.pl/wp-content/themes/invicta/images/locate.svg) no-repeat 15% 50%;
background-size: 24px;
min-height: 38px;
display: inline-block;
padding: 0px 60px;
line-height: 38px;
}
.marker-cats-container{
margin: 20px 10px;
border-bottom: solid 1px var(--primary-color);
padding-bottom:8px;
}
.marker-cats-container span{
font-size: 14px;
color: var(--primary-color);
font-weight: 600;
margin-right: 50px;
cursor: pointer;
}
.marker-cats-container span.active{
text-decoration: none;
border-bottom: solid 4px var(--primary-color);
padding-bottom: 8px;
}
#invicta_map {
height: 100%; }
.map_popup .column-60{
padding: 25px;
}
.map_popup .column-40{
padding: 25px;
}
.map_popup{
display: none;
height: 70%;
width: 85%;
background: white;
position: absolute;
top:8%;
left:7%;
font-size: 13px;
}
.map_popup .close:after {
content: "\00d7";
font-size: 25px;
font-weight: 300;
}
.map_popup .close {
top: 10px;
right: 20px;
position: absolute;
font-size: 20px;
cursor: pointer;
}
.map_popup .title {
font-size: 24px;
margin-bottom: 25px;
font-weight: 600;
font-family: Verdana;
}
.map_popup .subtitle {
font-size: 18px;
font-weight: 600;
font-family: Verdana;
margin-top: 20px;
margin-bottom: 10px;
}
.map_popup p {
margin: 5px 0;
}
.map_popup span.weekday {
min-width: 100px;
display: inline-block;
}
.map_popup .links {
margin-top:30px;
}
.map_popup .links a{
color: var(--primary-color);
padding: 0 25px;
font-size: 13px;
display:block;
margin: 13px 0px;
}
.map_popup .links a.external {background: url(//laboratoria.invicta.pl/wp-content/themes/invicta/images/external.svg) no-repeat; background-size: 15px;}
.map_popup .links a.route {background: url(//laboratoria.invicta.pl/wp-content/themes/invicta/images/locate.svg) no-repeat; background-size: 19px; background-position-x: -1px}
.map_popup .links a.parking {background: url(//laboratoria.invicta.pl/wp-content/themes/invicta/images/parking.svg) no-repeat; background-size: 15px;}
.map_popup .controls-row {
box-shadow: 0px 0px 21px 0px rgba(58, 68, 90, 0.5);
background: white;
}
.controls-row {
display: flex;
}
.controls-row .column{
flex: 50%;
}
.controls-row .column-40{
flex: 40%;
}
.controls-row .column-40.center{
text-align: center;
}
.controls-row .column-60{
flex: 60%;
}
.contents.invicta-map {
width: 910px;
margin: 0 auto;
}
.row {
display: flex; }
.row .column-left .markers-container{
padding: 20px;
overflow-y: auto;
}
.row .column-left .markers-container .markers-cat{
margin-bottom: 30px;
}
.row .column-left .markers-container .cat-title{
font-size: 12px;
font-weight: 600;
}
.row .column-left .markers-container ul{
padding-left: 0;
margin-bottom: 20px;
margin-top: 5px;
}
.row .column-left .markers-container ul li.active{
font-weight: 700;
}
.row .column-left .markers-container ul li::after{
display: none;
}
.row .column-left .markers-container ul li{
font-size: 13px;
font-weight: 300;
list-style: none;
line-height: 25px;
cursor: pointer;
display: inline-block;
padding-left:10px;
width:100%;
}
.row .column-left {
flex: 25%;
background: #f7f7f7;
color: var(--primary-color);
overflow-y: scroll;
}
.row .column-right {
flex: 65%;
min-height: 450px;
color: var(--primary-color);
position: relative;
} .row .column-left::-webkit-scrollbar-track
{
border-radius: 3px;
background-color: #f7f7f7;
}
.row .column-left::-webkit-scrollbar
{
width: 4px;
background-color: #f7f7f7;
}
.row .column-left::-webkit-scrollbar-thumb
{
border-radius: 3px; background-color: #a5b3c9;
}
@media screen and (max-width: 975px) {
#invicta_map {
min-height: 500px;
}
.contents.invicta-map {
width: 100%;
margin: 0 auto;
}
.invicta-map .controls-row {
display: inline;
}
.invicta-map .row {
display: block;
width: 100%;
height: auto;
}
.marker-cats-container span {
margin-top: 18px;
display: table;
clear: both;
}
.row .column-right {
height: 100%;
}
.map_popup{
min-height: 450px;
overflow: scroll;
max-height: 70%;
top:  4%;
}
}