#map{min-height:600px;}
#map br{display: block;}
.finderMap svg g:hover path{fill: #00946e;cursor: pointer;}
.finderMap svg g:hover path:last-child{fill: #1a123d;cursor: pointer;}

.locationBox br{display: block}

.locationImg img{width:100%;}
.viewSwitch div{padding:10px 20px;border:1px solid #b6b6b6;background:#e5e5e5;margin-right:5px;cursor: pointer;}
.viewSwitch div.active{background-color: #00946e;color:white;border-color: #00946e}

.finderMapWrap{overflow: hidden; width:100%;padding-bottom: 250px;}
.finderMapTrack{width: 200%;transition: all 0.5s}
.finderMapWrap .mappart{width: 50%;float: left}
.finderMapLocation{margin-top: 50px}

.mapWrap{max-width: 600px;margin: auto;text-align:center;margin-top: 90px;margin-bottom: 90px}
.mapWrap svg{max-width:100%;height: auto;}

.locationWrap{max-width: 500px;margin: auto;}
.locationWrap img{width:100%;}
.locationWrap .mapAndPins{position:relative;display: block;}

.mapBack{cursor: pointer;margin-top: 40px;display: block;}
.mapBack svg{width:40px;height: 40px;margin-right: 15px}
.mapBack:hover svg circle{fill:#1A123D;}
.mapBack:hover svg path{stroke:#fff;}
.mapBack:after{display: none;}

.marker-link{cursor: pointer;}
.marker-link.active:after{    content: "";
    height: 1px;
    position: absolute;
    bottom: -3px;
    right: 0;
    left: 0;
    background-color: #1a123d;
    opacity: 1;
    transition: all .2s ease-in-out;
}

.mapTitleBlock{padding-top: 50px}
.mapInstructions p{margin: 0;}
.mapTitleBlock input[type="number"], .mapTitleBlock input[type="text"]{background: #f5f5f5;border: 1px solid #ccc;padding: 17px;position:relative;padding-right: 40px}
.mapTitleBlock input[type="text"]:first-child{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.686' height='31.686' viewBox='0 0 31.686 31.686'%3E%3Cg id='Group_331' data-name='Group 331' transform='translate(-1252.382 -418.862)'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='9.759' cy='9.759' r='9.759' transform='translate(1258.601 424.875)' fill='none' stroke='%231a123d' stroke-miterlimit='10' stroke-width='2.804'/%3E%3Ccircle id='Ellipse_9' data-name='Ellipse 9' cx='4.038' cy='4.038' r='4.038' transform='translate(1264.323 430.596)' fill='none' stroke='%231a123d' stroke-miterlimit='10' stroke-width='2.8'/%3E%3Cg id='Group_38' data-name='Group 38' transform='translate(-3797.04 -9055.738)'%3E%3Cline id='Line_13' data-name='Line 13' y2='4.521' transform='translate(5065.265 9500.362)' fill='none' stroke='%231a123d' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.804'/%3E%3Cline id='Line_14' data-name='Line 14' y2='4.521' transform='translate(5065.265 9476.002)' fill='none' stroke='%231a123d' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.804'/%3E%3C/g%3E%3Cg id='Group_39' data-name='Group 39' transform='translate(-3797.04 -9055.738)'%3E%3Cline id='Line_15' data-name='Line 15' x1='4.521' transform='translate(5050.824 9490.442)' fill='none' stroke='%231a123d' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.804'/%3E%3Cline id='Line_16' data-name='Line 16' x1='4.521' transform='translate(5075.185 9490.442)' fill='none' stroke='%231a123d' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.804'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-position: right 10px center;background-repeat: no-repeat;}
.mapTitleInner{display: flex;align-items: flex-end;gap: 50px}
.mapTitleRight form{display: flex;gap: 10px}
.schoolpin{position: absolute;width: 50px;height: 50px;background:white;border: 10px solid #1A123D;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;cursor: pointer;}

.schoolExtra br{display: block!important}

.bubble{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
    left: 200%;
    z-index: 2;
    padding: 20px;
    min-width: 300px;
    max-width: 90vw;
    display: none;
}

.schoolpin.open .bubble{display: block}
.schoolpin.open{background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30px' height='30px'%3E%3Cpath d='M 7 4 C 6.744125 4 6.4879687 4.0974687 6.2929688 4.2929688 L 4.2929688 6.2929688 C 3.9019687 6.6839688 3.9019687 7.3170313 4.2929688 7.7070312 L 11.585938 15 L 4.2929688 22.292969 C 3.9019687 22.683969 3.9019687 23.317031 4.2929688 23.707031 L 6.2929688 25.707031 C 6.6839688 26.098031 7.3170313 26.098031 7.7070312 25.707031 L 15 18.414062 L 22.292969 25.707031 C 22.682969 26.098031 23.317031 26.098031 23.707031 25.707031 L 25.707031 23.707031 C 26.098031 23.316031 26.098031 22.682969 25.707031 22.292969 L 18.414062 15 L 25.707031 7.7070312 C 26.098031 7.3170312 26.098031 6.6829688 25.707031 6.2929688 L 23.707031 4.2929688 C 23.316031 3.9019687 22.682969 3.9019687 22.292969 4.2929688 L 15 11.585938 L 7.7070312 4.2929688 C 7.5115312 4.0974687 7.255875 4 7 4 z'/%3E%3C/svg%3E");}


.bubble::before {
    background-color: #F2F2F2;
    content: "\00a0";
     box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    display: block;
    height: 16px;
    left: -9px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

#map .gm-style-iw-t button[type="button"]{background-color:#00946e!important;opacity:1!important;color:white;width:45px!important;height:45px!important;}

#map .gm-style .gm-style-iw-c{overflow: visible!important;}
#map .gm-style-iw-t button[type="button"]:before{content:"x";font-size:1.5rem}
#map .gm-style-iw-t button[type="button"] span{display: none!important}

@media only screen and (min-width: 993px) {
.rightPin .bubble{left: auto;right: 100%;transform: translateX(-100%)}
.rightPin .bubble:before{right: -9px;left: auto;
transform:             rotate( -29deg ) skew( 35deg );
        -moz-transform:    rotate( -29deg ) skew( 35deg );
        -ms-transform:     rotate( -29deg ) skew( 35deg );
        -o-transform:      rotate( -29deg ) skew( 35deg );
        -webkit-transform: rotate( -29deg ) skew( 35deg );
    box-shadow: 2px 2px 2px 0 rgba( 178, 178, 178, .4 );
}

}

.bubble .btn, .schoolBox .btn{background-color: #1a123d;border-color: #1a123d;font-size: 1rem;font-weight: normal;}
.bubble .btn:hover, .schoolBox .btn:hover{border-color: #1a123d;background-color: white;color: #1a123d}

.schoolGrid{display: grid;gap: 50px;grid-template-columns: repeat(3,1fr);margin-top: 50px;margin-bottom: 50px}
.schoolBox{padding: 20px;border: 1px solid #CCCCCC}
.schoolBox .schoolName{font-size: 1.5rem}


.iconsList{padding:0;margin-bottom:20px;margin-top:-10px}
.iconrow{position:relative;list-style: none;margin-bottom:10px;padding-left:40px;font-size: 20px;line-height: 22px;}
.iconrow:before{background-image:url('../../map/icon1.svg');width:30px;height: 30px;position:absolute;left:0;content:"";background-size:contain;background-repeat: no-repeat;background-position: center;}
.iconrow:nth-child(2):before{background-image:url('../../map/icon2.svg');}
.iconrow:nth-child(3):before{background-image:url('../../map/icon3.svg');}
.iconrow:nth-child(4):before{background-image:url('../../map/icon4.svg');}
.iconrow.iconrow5:before{background-image:url('../../map/icon5.svg');}

#resultsList h5{font-size:1.2rem;margin-bottom:10px;margin-top:30px}

@media only screen and (max-width: 992px) {
  .mappygrid, .schoolGrid{grid-template-columns: 1fr!important;}
  #mapResults{order:2}
  .mapTitleInner{display: block;padding-top: 50px}
  .mapInstructions{margin-bottom: 20px}

  .bubble{    top: 50px;
    left: 0;
    /*transform: translateX(-50%);*/
    width: 85vw;
    text-align: center;}
    .bubble:before{display: none;}

    .bigListGrid{grid-template-columns: repeat(1,1fr)!important;}
    #key span{display: block}

}

@media only screen and (max-width: 750px) {
.mapTitleRight form{display: block;}
.mapTitleRight form input[type="text"], .mapTitleRight form input[type="number"]{width: 100%;margin-bottom: 10px}
}