/*styles for the template partial Hero and Hero type 1*/
.map-description h3,
.map-description p
{
	padding-left: 14%;
}

section.neighborhood-highlights{
    padding: 40px 0 0;
    position: relative;

}

section.neighborhood-highlights .cta {
    padding:0;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

section.neighborhood-highlights .cta-title {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 100%;
	text-transform: uppercase;
	margin-bottom: 24px;
}

section.neighborhood-highlights .cta-header{
    background-color:#fff;
    display: flex;
}

section.neighborhood-highlights .cta-header > div{
	padding:40px;
}

section.neighborhood-highlights .cta-header > div > div{
	display: flex;
}

section.neighborhood-highlights .cta-header .icon{
	margin-right: 10px;
}

section.neighborhood-highlights .cta-header > div:nth-child(1){
	padding-right:20px;
}

section.neighborhood-highlights .cta-header > div:nth-child(2){
	padding-left:20px;
}

section.neighborhood-highlights .cta-content{
	padding: 40px;
}

section.neighborhood-highlights .cta-content .section-title{
	font-weight: bold;
}

section.neighborhood-highlights ul.icons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}

section.neighborhood-highlights li.icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    font-size: 36px;
    border: solid 2.5px;
    margin: 0;
    position: relative;
    text-align: center;
}

section.neighborhood-highlights li.icon .label {
	position: absolute;
	top:100%;
	left:0;
	right:0;
	text-align: center;
    font-weight: 800;
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 10px;
}



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

    .row-2 .radio.center-vertically {
        width: 49%;
        display: inline-block;
        margin: 24px 0;
    }

    .row-2 .pas-button{
        width: 100%;
        display: block;
    }

    section.neighborhood-highlights ul.icons{
        flex-wrap: wrap;
        padding:20px 40px;
    }

    section.neighborhood-highlights li.icon{
        margin: 0 auto 61px 0;
    }


}

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

    section.neighborhood-highlights .cta {
        flex-direction: row;
        justify-content: space-around;
    }

}

@media (min-width: 992px){


    section.neighborhood-highlights .cta-header > div{
        padding:40px 80px;
    }

    section.neighborhood-highlights .cta-header > div{
        display: flex;
        flex-direction: column;
        min-width: 50%;
    }

    section.neighborhood-highlights .cta-content{
		/*
        padding:80px;
		*/
		padding: 50px;
    }

    section.neighborhood-highlights .cta {
        width: 45%;
    }

    section.neighborhood-highlights{
        padding: 80px 0;
    }


    section.neighborhood-highlights .content{
        padding:4% 0 7% 14%;
    }

    section.neighborhood-highlights .cta {
        position: absolute;
        right: 0;
        top: 0;
        width: 35%;
        min-width: 480px;
        z-index: 3;
    }

    section.neighborhood-highlights .cta-header{
        position: absolute;
        right: 0;
        left:0;
        bottom: 100%;
    }

}

@media (min-width: 1200px){

}

@media (min-width: 1800px){


}

/*  Lower Resolutions - J 
@media (min-width:600px) and (max-width: 992px){
    section.neighborhood-highlights .cta-header > div{
        padding:40px 80px;
    }
    section.neighborhood-highlights .cta-header > div{
        display: flex;
        flex-direction: column;
        min-width: 50%;
    }
    section.neighborhood-highlights .cta-content{
        padding:80px;
    }
    section.neighborhood-highlights .cta {
        width: 45%;
    }
    section.neighborhood-highlights{
        padding: 80px 0;
    }
    section.neighborhood-highlights .content{
        padding:4% 0 7% 14%;
    }
    section.neighborhood-highlights .cta {
        position: absolute;
        right: 0;
        top: 0;
        width: 35%;
        min-width: 480px;
        z-index: 3;
    }
    section.neighborhood-highlights .cta-header{
        position: absolute;
        right: 0;
        left:0;
        bottom: 100%;
    }
}
*/


