/*styles for the template partial Hero and Hero type 1*/

section.interactive-map{
    /*padding: 100px 0;*/
    position: relative;
    overflow:hidden;
    max-width: 100vw;
}

section.interactive-map .container-fluid-right > .row{
    flex-direction: row-reverse;
}

section.interactive-map .interactive-map-content {
    padding: 30px 30px;
    z-index: 1;
}

section.interactive-map .gallery{
    display: flex;
}

section.interactive-map .gallery .column{
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}


section.interactive-map .container.gallery .box {
    border: solid transparent;
}

section.interactive-map .interactive-map-photo-2{
	margin-top:40px;
}

section.interactive-map .location-heading{
    font-weight: bold;
	font-size: 20px;
	line-height: 100%;
	text-transform: uppercase;
}

section.interactive-map .map-wrapper.bg-full-bleed{
    top: 16%;
}

section.interactive-map .location-list ol{
    padding-left: 18px;
    list-style: none; 
}

section.interactive-map .location-list ol li:before{
	content: counter(li); 
  	display: 
  	inline-block; 
  	width: 1em;
  	margin-left: -1.5em;
    margin-right: 0.5em; 
    text-align: right; 
    direction: rtl;
    font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
}

section.interactive-map .location-list ol li{
	counter-increment: li;
    font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
}

section.interactive-map .location-list {
	width:100%;
    display: block;
    counter-reset: li;
}

section.interactive-map .location-category{
    display: inline-block;
    /*margin-top:45px;*/
    padding: 0 0 0 10%;
}

section.interactive-map .interactive-map-cta {
    margin: 80px 0 0 -80px;
    display: flex;
    overflow: hidden;
}


.interActiveMapRight
{
    padding: 0px 15px 0px 0px !important;
}

.interActiveMapLeft
{
    padding: 0px 0px 0px 15px !important;
}

/***********************/
/* Responsive styles */
/***********************/
@media (max-width: 480px){

    section.interactive-map .location-category {
        padding: 0 0 0 35%;
    }

}

@media (min-width: 480px) and (max-width: 768px){

    section.interactive-map .location-category {
        padding: 0 0 0 17%;
    }

}


@media (max-width: 992px){

    .above-lg-only{
        display: none!important;
    }

    section.interactive-map .location-list{
        margin-bottom: 60px;
    }

}

@media (min-width: 992px){


    section.interactive-map .map-wrapper{
        min-height: 740px;
    }


    section.interactive-map .interactive-map-content {
        padding: 80px 80px;
    }

    section.interactive-map .interactive-map-content p{
        margin-left:80px;
		line-height: 2em;		
    }

    .below-lg-only{
        display: none!important;
    }

}

@media (min-width: 1800px){

    section.interactive-map .section-title, 
    section.interactive-map .section-subtitle {
        max-width: 50%;
    }


    section.interactive-map .location-category{
        padding: 0 0 0 15%;
    }

    section.interactive-map .rightSideArticle{
        padding: 0 0 0 7%;
    }
}

/*Neighborhood interactive map section change. */ 
@media(max-width:992px){
    .page-template-page-neighborhood-php section.interactive-map .gallery{
        margin-bottom:140%;
    }
}



/* Fix of margin  on home page for the gallery on map 

@media(max-width:992px){
section.interactive-map .gallery{
    margin-bottom:0;
    }
}

- j */


/* Map resize for lower resolutions -j */
@media (min-width: 992px) and (max-width: 1600px){
    section.interactive-map .map-wrapper{
        min-height: auto;
    }
}

/* Margin bottom for the whole component -j */
section.interactive-map .container-fluid-right > .row{
    margin-bottom: 2rem;
}


/* Change for Higher Resolutions Map + 4 Items to left */

@media(min-width:992px){

    section.interactive-map .map-wrapper{
        min-height: auto;
    }

	 section.interactive-map .interactive-map-content {
        padding: 60px 60px;
    }

     section.interactive-map .interactive-map-content p{
        margin-left:0px;
		line-height: 1.5em;		
    }
}

/* Change for "medium" resolutions Map + 4 Items to left */


@media(min-width:992px) and (max-width: 1200px){

    section.interactive-map .map-wrapper{
        max-height: auto;
        height: 800px;
       }
	
	 section.interactive-map .interactive-map-content {
        padding: 60px 60px;
    }

     section.interactive-map .interactive-map-content p{
        margin-left:0px;
		line-height: 1.5em;	
		font-size: 15px;	
    }

    section.interactive-map .location-category{
    	margin-top: 4rem;
		display: inline-block;
		/*margin-top:45px;*/
		padding:0 0 0 5%;
	}
}