.ip-banner {
    display: none;
}
div#inner-page-wrapper {
    margin-bottom: 0;
}

div#inner-page-wrapper>.container {
    width: 100%;
    padding: 0;
}
#content-sidebar, #content-full {
	margin-top: 0;
}

.ease {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.canvas-img {
    position: relative;
}

.canvas-img canvas {
    display: block;
    width: 100%;
}

.canvas-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ip-neighborhoods-banner-wrap {
    position: relative;
    font-size: 0;
}
    .ip-neighborhoods-banner {
        position: relative;
    }
        .ip-neighborhoods-banner::before {
            width: 100%;
            height: 100%;
            content: '';
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            opacity: 0.3;
            background: rgb(0,0,0);
			background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        }
        .ip-neighborhoods-banner::after {
            width: 100%;
            height: 315px;
            max-height: 95%;
            content: '';
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            opacity: 0.1;
            background-color: var(--primary-color);
        }
        .ip-neighborhoods-banner canvas {
        	min-height: 384px;
        }
    .ip-neighborhoods-banner-title {
        width: 100%;
        position: absolute;
        z-index: 2;
        top: 59%;
        left: 0;
        color: #ffffff;
        font-size: 72px;
        font-family: var(--Lora);
        line-height: 1;
        text-align: center;
        transform: translate(0,-50%);
        text-transform: uppercase;
    }
    .ip-neighborhoods-breadcrumbs {
        color: #767676;
        font-size: 14px;
        letter-spacing: 0.1em;
        text-align: left;
        text-transform: uppercase;
    }
        .ip-neighborhoods-breadcrumbs {
            
        }
        .ip-neighborhoods-breadcrumbs p {
            font-size: 14px;
            font-weight: 400;
            color: #767676;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }
        .ip-neighborhoods-breadcrumbs p a {
            color: inherit;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }
        .ip-neighborhoods-breadcrumbs p a:hover {
            color: #000000;
        }

        .ip-neighborhoods-breadcrumbs p .breadcrumb_last {
            color: #000000;
            font-weight: 700;
        }

.ip-neighborhoods-wrap {
	padding-bottom: 115px;
	position: relative;	
	text-align: center;
}
	.ip_neighborhoods_bg {

	}
		.ip_neighborhoods_bg canvas {
			opacity: 0.12;
			filter: grayscale(1);
		}
.ip-neighborhoods-inner {
	position: relative;
	z-index: 2;
}
.ip-neighborhoods-title {
	margin-top: 40px;
}
	#content .ip-neighborhoods-title.custom_site_title h2 {
		font-size: 57px;
	}

#ip_map_wrap {
    width: 1083px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 70px;
    text-align: center;
}
    #ip_map_wrap #ip_map {
        width: 100%;
    }
	    #transparent {
	        width: 1083px;
	        height: 667px;
	        position: absolute;
	        top: 0;
	        left: 0;
	        right: 0;
	        margin: 0 auto;
	        z-index: 4;
	    }

/* MAP HOVERS */
#ip_map .map_hovers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
    #ip_map .map_hovers div {
        position: absolute;
        z-index: 1;
    }
        #ip_map .map_hovers div img {
            opacity: 0;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        #map_amazon {
			top: 446px;
		    left: 384px;
		}
		#map_bethel {
			top: 121px;
    		left: -3px;
		}
		#map_cal_young {
			top: 95px;
    		left: 294px;
		}
		#map_churchill {
			top: 352px;
			left: -11px;
		}
		#map_crest_drive {
			top: 445px;
    		left: 255px;
		}
		#map_downtown {
			top: 332px;
    		left: 348px;
		}
		#map_fairmount {
			top: 369px;
    		left: 438px;
		}
		#map_far_west {
			top: 353px;
    		left: 233px;
		}
		#map_friendly {
			top: 413px;
    		left: 289px;
		}
		#map_harlow {
			top: 202px;
    		left: 403px;
		}
		#map_hayden_bridge {
			top: 172px;
    		left: 514px;
		}
		#map_industrial_corridor {
			top: 6px;
    		left: 35px;
		}
		#map_jefferson_westside {
			top: 359px;
    		left: 290px;
		}
		#map_laurel_hill_valley {
			top: 399px;
    		left: 474px;
		}
		#map_river_road {
			top: 149px;
    		left: 173px;
		}
		#map_santa_clara {
    		top: -11px;
			left: 126px;
		}
		#map_southeast {
			top: 480px;
    		left: 313px;
		}
		#map_south_uni {
			top: 418px;
    		left: 384px;
		}
		#map_springfield {
			top: 317px;
    		left: 509px;
		}
		#map_thurston {
			top: 312px;
    		left: 777px;
		}
		#map_trainsong {
			top: 210px;
    		left: 179px;
		}
		#map_uo {
			top: 365px;
    		left: 409px;
		}
		#map_west_eugene {
			top: 317px;
    		left: -5px;
		}
		#map_west_uni {
			top: 373px;
    		left: 372px;
		}
		#map_whiteaker {
		    top: 286px;
    		left: 290px;
		}

/* MAP BOX HOVERS */
.map_box_hovers {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
	.map_box_item {
		width: 100%;
		max-width: 458px;
		position: absolute;
		z-index: 1;
		top: -8px;
		right: -25px;
		text-align: left;
		opacity: 0;
		padding: 25px 23px;
		color: #ffffff;
		background-color: #c09446;
		border-bottom: 4px solid #000000;
		-webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
	}
		.map_box_item::before {
			width: 0; 
			height: 0; 
			content: '';
			position: absolute;
			bottom: -13px;
			left: 33px;
			border-left: 17px solid transparent;
			border-right: 17px solid transparent;
			border-top: 13px solid #000000;
		}
    	.map_box_item.hovered {
    		opacity: 1;
    	}
    	.map_box_title {
    		margin-bottom: 15px;
    		padding-bottom: 15px;
    		font-size: 24px;
    		font-family: var(--Lora);
    		line-height: 1;
    		text-transform: uppercase;
    		letter-spacing: 0.02em;
    		border-bottom: 1px solid rgba(255,255,255,0.2);
    	}
    	.map_box_description {
    		font-size: 14px;
    		line-height: 24px;
    		letter-spacing: 0.05em;
    	}


/* MAP TEXTS */
.map_txt {
    position: absolute;
    width: auto;
    z-index: 3;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
}
	.map_txt span {
        display: inline-block;
        vertical-align: middle;
    }
        .map_txt span.medium_txt  {
            font-size: 11px;
            display: block;
        }
        .map_txt span.small_txt  {
            font-size: 10px;
            display: block;
        }

    	.map_txt_amazon {
    		top: 23px;
    		left: 29px;
		}
		.map_txt_bethel {
			top: 107px;
    		left: 71px;
		}
		.map_txt_cal_young {
			top: 140px;
		    left: 76px;
		}
		.map_txt_north_gilham {
		    top: 67px;
    		left: 140px;
		}
		.map_txt_ferry_street_bridge {
		    top: 197px;
    		left: 86px;
		}
		.map_txt_churchill {
			top: 84px;
    		left: 97px;
		}
		.map_txt_sw_hills {
			top: 126px;
    		left: 223px;
		}
		.map_txt_crest_drive {
			top: 57px;
			left: 40px;
		}
		.map_txt_downtown {
			top: 38px;
    		left: 19px;
		}
		.map_txt_fairmount {
			top: 82px;
		    left: 10px;
		    transform: rotate(-83deg);
		}
		.map_txt_far_west {
			top: 51px;
    		left: 20px;
		}
		.map_txt_friendly {
			top: 48px;
    		left: 21px;
		}
		.map_txt_college_hill {
		    top: 21px;
    		left: 66px;
		}
		.map_txt_harlow {
			top: 117px;
    		left: 60px;
		}
		.map_txt_hayden_bridge {
			top: 133px;
    		left: 109px;
		}
		.map_txt_industrial_corridor {
			top: 52px;
			left: 50px;
		}
		.map_txt_jefferson_westside {
			top: 35px;
    		left: 20px;
		}
		.map_txt_laurel_hill_valley {
			top: 63px;
    		left: 34px;
		}
		.map_txt_river_road {
			top: 55px;
    		left: 52px;
		}
		.map_txt_santa_clara {
			top: 92px;
    		left: 85px;
		}
		.map_txt_southeast {
			top: 103px;
    		left: 68px;
		}
		.map_txt_south_uni {		
		    top: 22px;
		    left: 20px;
		}
		.map_txt_springfield {
			top: 79px;
    		left: 126px;
		}
		.map_txt_thurston {
			top: 108px;
    		left: 142px;
		}
		.map_txt_trainsong {
			top: 73px;
		    left: 47px;
		    transform: rotate(42deg);
		}
		.map_txt_uo {
			top: 36px;
    		left: 26px;
		}
		.map_txt_west_eugene {
			top: 38px;
    		left: 119px;
		}
		.map_txt_west_uni {
			top: 33px;
		    left: 13px;
		}
		.map_txt_whiteaker {
		    top: 47px;
    		left: 32px;
		}


/* MAP LIST */
#content .map_list_wrap ul {
	margin: 30px 0 0;
	list-style-type: none;
}
	.map_list_wrap ul li {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 5px auto;
	}
	.map_list_wrap ul li a {
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
		.map_list_wrap ul li a:hover {
			opacity: 0.7;
		}
    


#footer_wrap {
    position: relative;
    padding-top: 89px;
}
#footer_wrap::before,
#footer_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    height: 89px;
    pointer-events: none;
}

#footer_wrap::before {
    left: 0;
    width: 100%;
    background-image: url('../../images/bg-content.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#footer_wrap::after {
    right: 0;
    width: 50%;
    background-color: var(--primary-color);
    opacity: .7;
}


/* MOBILE */
@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
	.ip-neighborhoods-banner canvas {
		min-height: 250px;
	}
	.ip-neighborhoods-banner-title {
		top: 50%;
	}
}

@media only screen and (max-width: 767px) {
	#content .ip-neighborhoods-title.custom_site_title h2,
	.ip-neighborhoods-banner-title {
		font-size: 45px;
	}
}

@media only screen and (max-width: 480px) {
	#content .ip-neighborhoods-title.custom_site_title h2,
	.ip-neighborhoods-banner-title {
		font-size: 28px;
	}
}