/* --------------- MAPA --------------- */
.MapaGoogle{
	/*overflow:hidden;*/
	/*width:100%;
	height:100vw;*/
	position:relative;
}
/* --------------- KONTAKT --------------- */
.OknoKontakt a{
	text-decoration:none;
	font-weight:bold;
	color:red;
}
.OknoKontakt a:hover{
	color:green;
}
.OknoKontakt{
	overflow:hidden;
	width:23vw;
	/*height:19vw;*/
	background-color:#FFFFCC;
	position:absolute;
	right:5vw;
	top:4vw;
	border-radius:1vw;
	font-family: "Noto Sans", sans-serif;
}
.OknoKontaktNaglowek{
	overflow:hidden;
	width:100%;
	padding:0.8vw 0;
	background-color:#c0d1ff;
	border-radius:1vw 1vw 0 0;
	font-size:1.8vw;
	text-align:center;
	color:#063db2;
	font-weight:bold;
	margin-bottom:0.5vw;
}
.OknoKontaktTXT{
	overflow:hidden;
	width:100%;
	font-size:1vw;
	text-align:center;
	color:black;
	margin:0.3vw 0 0.8vw 0;
}








.stopka {
        text-align: center;
        background-image: url('../grafika/stopka.png');
        color: #FFFFFF;
        font-family: Arial;
        font-size: 0.625vw;
}
/* --------------- STOPKA --------------- */
.Stopka{
	overflow:hidden;
	width:100%;
	min-height:8vw;
	/*background-color:#002255;*/
	/*background-color:#011842;*/
	/*color:#c0d1ff;*/
	color:#ffffff;
	font-size:0.8vw;
	margin-top:-0.2vw;
	font-family: "Noto Sans", sans-serif;
}
.Stopka h4{
	font-size:1.4em;
	font-weight:normal;	
}
.StopkaKontener{
	overflow:hidden;
	margin:0 auto;
	/*background-color:gold;*/
	text-align: center;
	
	width:90vw;
}
.StopkaKolumna1{
	overflow:hidden;
	/*margin:0.5vw 1.5vw;
	min-width:10vw;*/
	padding:1vw;
	display: inline-block;
    text-align: left;
	vertical-align:top;
	float:left;
	/*background-color:gold;*/
	width:18vw;
}
.StopkaKolumna2{
	overflow:hidden;
	/*margin:0.5vw 1.5vw;
	min-width:10vw;*/
	padding:1vw;
	display: inline-block;
    text-align: left;
	vertical-align:top;
	float:left;
	/*background-color:lightgreen;*/
	width:18vw;
}
.StopkaKolumna3{
	overflow:hidden;
	/*margin:0.5vw 1.5vw;
	min-width:10vw;*/
	padding:1vw;
	display: inline-block;
    text-align: left;
	vertical-align:top;
	float:left;
	/*background-color:lightblue;*/
	width:18vw;
}
.StopkaKolumna4{
	overflow:hidden;
	/*margin:0.5vw 1.5vw;
	min-width:10vw;*/
	padding:1vw;
	display: inline-block;
    text-align: left;
	vertical-align:top;
	float:left;
	/*background-color:pink;*/
	width:18vw;
}
.StopkaKolumna5{
	overflow:hidden;
	/*margin:0.5vw 1.5vw;
	min-width:10vw;*/
	padding:1vw;
	display: inline-block;
    text-align: left;
	vertical-align:top;
	float:left;
	/*background-color:pink;*/
	width:18vw;
}
.StopkaKolumna a{
	text-decoration:none;
	/*font-weight:bold;*/
	color:#c0d1ff;
}
.StopkaKolumna a:hover{
	color:gold;	
}
.StopkaLinia{
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom: dotted 0.1vw #c0d1ff;
}

.StopkaGrupa{
	font-weight:bold;
	color:#c0d1ff;
	/*color:#ffffff;*/
}








/* ===========================================================
   SP44MS
   school_map.css
   =========================================================== */

#schoolMap{

    position:relative;

    width:100%;

    height:clamp(19.7917vw,32vw,32.2917vw);

    overflow:hidden;

    border-radius:0;

    box-shadow:
        0 1.0417vw 3.125vw rgba(0,0,0,.18);

}



.leaflet-container{

    width:100%;

    height:100%;

    font-family:inherit;

    background:#edf2f7;

}



/* ===========================================================
   WYŁĄCZAMY DOMYŚLNE POPUPY LEAFLETA
   =========================================================== */

.leaflet-popup{

    display:none !important;

}



.leaflet-popup-pane{

    display:none !important;

}



.leaflet-control-attribution{

    font-size:0.5729vw;

    opacity:.75;

}



/* ===========================================================
   MARKER
   =========================================================== */

.myMarker{

    position:relative;

    width:5.625vw;

    height:7.1875vw;

    animation:markerBounce 1.8s ease-in-out infinite;

    transform-origin:center bottom;

}



.marker-pin{

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:0;

    height:0;

    border-left:1.1458vw solid transparent;

    border-right:1.1458vw solid transparent;

    border-top:2.3958vw solid #d91f26;

    filter:drop-shadow(0 0.5208vw 0.8333vw rgba(0,0,0,.35));

}



.marker-logo{

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:4.5833vw;

    height:4.5833vw;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

    border:0.2604vw solid #fff;

    box-shadow:
        0 0.7292vw 1.7708vw rgba(0,0,0,.35);

}



.marker-logo img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

}



@keyframes markerBounce{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-0.5208vw);

    }

}

/* ===========================================================
   PANEL INFORMACYJNY
   =========================================================== */

.mapCard{

    position:absolute;

    width:21.875vw;

    background:#ffffff;

    border-radius:1.25vw;

    box-shadow:
        0 1.5625vw 4.1667vw rgba(0,0,0,.22);

    overflow:visible;

    z-index:500;

    transition:

        left .18s linear,

        top .18s linear,

        opacity .25s,

        transform .25s;

}



.mapCard.hidden{

    opacity:0;

    pointer-events:none;

    transform:scale(.96);

}



.mapCard.visible{

    opacity:1;

    transform:scale(1);

}



.mapCardBody{

    padding:1.7708vw;

}



.mapCardTitle{

    margin:0;

    color:#1b63ff;

    font-size:1.3vw;

    line-height:1.12;

    font-weight:800;

}



.mapDivider{

    width:100%;

    height:0.0521vw;

    background:#e6e6e6;

    margin:1.25vw 0 1.4583vw;

    position:relative;

}



.mapDivider::before{

    content:"";

    position:absolute;

    left:0;

    top:-0.1042vw;

    width:3.75vw;

    height:0.2083vw;

    border-radius:5.1562vw;

    background:#e31e24;

}



/* ===========================================================
   STRZAŁKA WSKAZUJĄCA ZNACZNIK
   =========================================================== */

.mapCardArrow{

    position:absolute;

    left:-0.7292vw;

    top:50%;

    margin-top:-0.7292vw;

    width:1.4583vw;

    height:1.4583vw;

    background:#fff;

    transform:rotate(45deg);

    box-shadow:
        -0.4167vw 0.4167vw 1.25vw rgba(0,0,0,.08);

}



.mapCard.leftSide .mapCardArrow{

    left:auto;

    right:-0.7292vw;

    box-shadow:
        0.4167vw -0.4167vw 1.25vw rgba(0,0,0,.08);

}



/* ===========================================================
   ZAMKNIĘCIE
   =========================================================== */

.mapCardClose{

    position:absolute;

    right:0.7292vw;

    top:0.5208vw;

    width:1.7708vw;

    height:1.7708vw;

    border:none;

    background:none;

    cursor:pointer;

    color:#999;

    font-size:1.4583vw;

    line-height:1.7708vw;

    transition:.25s;

}



.mapCardClose:hover{

    color:#222;

    transform:rotate(90deg);

}

/* ===========================================================
   ADRES
   =========================================================== */

.mapAddress{

    display:flex;

    align-items:flex-start;

    gap:0.9375vw;

    margin-bottom:1.5625vw;

}



.mapAddressIcon{

    width:2.3958vw;

    height:2.3958vw;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#edf4ff;

    color:#1b63ff;

    font-size:1.1458vw;

    flex-shrink:0;

}



.mapAddressText{

    color:#555;

    font-size:.90vw;

    line-height:1.65;
	
	padding:1.0417vw 0;

}



/* ===========================================================
   PRZYCISK
   =========================================================== */

.mapButton{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:0.625vw;

    padding:0.8333vw 1.7708vw;

    border-radius:52.0312vw;

    text-decoration:none;

    font-size:.90vw;

    font-weight:700;

    color:#ffffff;

    background:linear-gradient(

        180deg,

        #2d82ff,

        #1357eb

    );

    box-shadow:

        0 0.7292vw 1.7708vw rgba(19,87,235,.28);

    transition:

        transform .25s,

        box-shadow .25s,

        filter .25s;

}



.mapButton:hover{

    transform:translateY(-0.1562vw);

    filter:brightness(1.04);
	
	color:#ffffff;

    box-shadow:

        0 1.1458vw 2.1875vw rgba(19,87,235,.38);

}

.mapButton:link{

    transform:translateY(-0.1562vw);

    filter:brightness(1.04);
	
	color:#ffffff;

    box-shadow:

        0 1.1458vw 2.1875vw rgba(19,87,235,.38);

}



.mapButton:visited{

    color:#ffffff;

}



/* ===========================================================
   KOMUNIKAT CTRL
   =========================================================== */

.ctrlMessage{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    padding:0.9375vw 1.5625vw;

    border-radius:0.9375vw;

    background:rgba(28,28,28,.88);

    color:#ffffff;

    font-size:0.9375vw;

    line-height:1.5;

    text-align:center;

    backdrop-filter:blur(0.5208vw);

    -webkit-backdrop-filter:blur(0.5208vw);

    opacity:0;

    pointer-events:none;

    transition:opacity .25s;

    z-index:500;

}



.ctrlMessage.show{

    opacity:1;

}

/* ===========================================================
   RESPONSIVE
   =========================================================== */

@media (max-width:46.875vw){

    .mapCard{

        width:17.1875vw;

    }

    .mapCardBody{

        padding:1.3542vw;

    }

    .mapCardTitle{

        font-size:1.3vw;

    }

    .mapAddress{

        gap:0.7292vw;

        margin-bottom:1.25vw;

    }

    .mapAddressIcon{

        width:2.0833vw;

        height:2.0833vw;

        font-size:0.9375vw;

    }

    .mapAddressText{

        font-size:.95vw;

        line-height:1.55;

    }

    .mapButton{

        width:100%;

        justify-content:center;

        padding:0.7292vw 1.1458vw;

    }

}



/* ===========================================================
   TELEFONY
   =========================================================== */
/*
@media (max-width:31.25vw){

    #schoolMap{

        height:21.875vw;

    }

    .mapCard{

        width:calc(100% - 1.5625vw);

        max-width:18.75vw;

    }

    .mapCardBody{

        padding:1.1458vw;

    }

    .mapCardTitle{

        font-size:1.35vw;

    }

}

*/

/* ===========================================================
   PŁYNNE ANIMACJE
   =========================================================== */

.mapCard,
.mapCardArrow,
.mapButton,
.mapCardClose{

    will-change:transform,left,top;

}



/* ===========================================================
   SELEKCJA
   =========================================================== */

.mapCard *{

    box-sizing:border-box;

}

.mapCard h2,
.mapCard div,
.mapCard p{

    margin:0;

}

.mapCard a{

    -webkit-tap-highlight-color:transparent;

}



/* ===========================================================
   FOCUS
   =========================================================== */

.mapButton:focus-visible{

    outline:0.1562vw solid rgba(43,124,255,.35);

    outline-offset:0.2083vw;

}



.mapCardClose:focus-visible{

    outline:0.1562vw solid rgba(43,124,255,.35);

    border-radius:50%;

}



/* ===========================================================
   KONIEC PLIKU school_map.css
   =========================================================== */