@charset "UTF-8";
/* CSS Document */


/* TYPOGRAPHY - MAIN CONTENT */

.main-content p {
    padding-bottom: 0;
}

.main-content p+p {
    padding-top: 10px;
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4 {
    margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.main-content h3.et_pb_toggle_title {
    margin-bottom: 0;   
}

.main-content h1+p,
.main-content h2+p,
.main-content h3+p,
.main-content h4+p {
    margin-top: 20px !important;
}

.main-content p+h1,
.main-content p+h2,
.main-content p+h3,
.main-content p+h4,
.main-content ul+h1,
.main-content ul+h2,
.main-content ul+h3,
.main-content ul+h4,
.main-content ol+h1,
.main-content ol+h2,
.main-content ol+h3,
.main-content ol+h4 {
    margin-top: 40px !important;
}

.main-content ul,
.main-content ol {
    padding-bottom: 0;
}

.main-content h1+ul,
.main-content h2+ul,
.main-content h3+ul,
.main-content h4+ul,
.main-content h1+ol,
.main-content h2+ol,
.main-content h3+ol,
.main-content h4+ol {
    margin-top: 20px !important;
}

.main-content p+ul,
.main-content p+ol {
    margin-top: 20px !important;
}

.main-content li {
    margin-bottom: 10px !important;   
}

.main-content li > ol,
.main-content li > ul {
    margin-top: 10px !important;   
}



/* GRAY BOX */

.vhp-gray-box {
    background-color: #EEEEEE;
    margin-bottom: 20px;
}

@media( min-width: 981px ) {
	
    .vhp-gray-box {
        padding: 30px;
    }
	
}


@media( max-width: 980px ) {

    .vhp-gray-box {
        padding: 20px;
    }

}



/* COMMUNITIES */

p.displaying-for {
    font-size: 125%;
}

    p.displaying-for strong {
        color: #da8c06 !important; /* gold */
    }



/* APARTMENT BRIEFS */

#vhp-apartment-briefs {
	float: left;
	width: 100%;	
}

	#vhp-apartment-briefs .vhp-apartment-briefs-wrapper {
		float: left;
		width: 100%;
		padding: 10px 15px;
		margin: 0 0 15px 0;
		background: #eeeeee;
        border-radius: 5px;
	}
	
	#vhp-apartment-briefs .vhp-apartment-briefs-left {
		float: left;
	}
	
	#vhp-apartment-briefs .vhp-apartment-briefs-right {
		float: left;
	}
	
    #vhp-apartment-briefs p {
		margin-bottom: 10px;
	}
	
	#vhp-apartment-briefs a {
		color: #0e416b; /* blue */
	}
	
		#vhp-apartment-briefs a:hover {
			color: #0e416b; /* blue */
		}
		
	#vhp-apartment-briefs img {
		position: relative;	
	}
	
	#vhp-apartment-briefs .status {
		padding: 5px 10px;
		background-color: #090; /* green */
		color: #ffffff; /* white */
	}


@media( min-width: 981px ) {
	
	#vhp-apartment-briefs .vhp-apartment-briefs-left {
		width: 66%;	
	}
	
	#vhp-apartment-briefs .vhp-apartment-briefs-right {
		width: 31%;
		margin: 0 0 0 3%;
	}
	
}


@media( max-width: 980px ) {

	#vhp-apartment-briefs .vhp-apartment-briefs-left {
		width: 100%;
		padding-bottom: 15px;	
	}
	
	#vhp-apartment-briefs .vhp-apartment-briefs-right {
		width: 100%;
		margin: 0;
	}

}



/* CITY SELECTOR MENU */

#city-selector {
	width: 100%;
	margin-bottom: 30px;	
}
	
	#city-selector p {
		font-size: 80%;
		line-height: 140%;
		padding-bottom: 20px;	
	}

	#city-selector a {
        display: block;
		width: 100%;
		margin: 0 0 10px;
		padding: 10px 15px;
		background-color: #0e416b; /* blue */
		color: #ffffff;
        border-radius: 5px;
	}
	
		#city-selector a:hover {
			background-color: #da8c06; /* gold */
		}



/* AVAILABLE APARTMENTS MENU */

#available-apartments-selector {
	width: 100%;
	margin-bottom: 30px;	
}
	
	#available-apartments-selector p {
		padding-bottom: 20px;	
	}

	#available-apartments-selector a {
        display: block;
		width: 100%;
		margin: 0 0 10px;
		padding: 10px 15px;
		background-color: #0e416b; /* blue */
		color: #ffffff;
        border-radius: 5px;
	}
	
		#available-apartments-selector a:hover {
			background-color: #da8c06; /* gold */
		}



/* NEWEST LISTINGS */

.vhp-newest-listings {
    float: left;
	width: 100%;
}

    .vhp-newest-listings img {
        border-radius: 3px;
    }

	.vhp-newest-listings span.gold {
		color: #da8C06; /* gold */
		font-size: 20px;
	}

	.vhp-newest-listings .half-column {
		float: left;
		margin: 10px 0 0 0;
		width: 50%;
	}
	
	.vhp-newest-listings .text-flush-right {
		text-align: right;
	}

	.vhp-newest-listings .button-area {
		float: left;
		width: 100%;
		margin: 20px 0 0 0;
	}

	.vhp-newest-listings .button-area a {
		padding: 8px 20px;
		color: #ffffff !important;
		font-size: 18px;
		line-height: 18px;
		background-color: #0e416b; /* blue */
		border-radius: 40px;
	}

		.vhp-newest-listings .button-area a:hover {
			background-color: #da8C06; /* gold */
		}

.newest-listings-wrapper {
	float: left;
	width: 100%;
	padding: 10px 15px;
	margin: 0 0 25px 0;
	background: #ffffff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.newest-listings-special {
	width: 100%;
	background-color: #bbbbbb;
	color: white;
	padding: 2px 5px 5px 5px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}

@media( max-width: 980px ) {

    .newest-listings-left {
    	float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .newest-listings-right {
    	float: right;
        width: 100%;
        margin-bottom: 10px;
    }

}

@media( min-width: 981px ) {

    .newest-listings-left {
        float: left;
        width: 67%;	
    }

    .newest-listings-right {
        float: right;
        width: 30%;
        margin: 0 0 0 3%;
    }

}


/*
.widget_rentcafe_newest_listings_widget h4 {
	display: none;	
}

.widget_rentcafe_newest_listings_widget h1 {
	margin: 0;
	padding: 0 0 15px 0;
	text-transform: uppercase;
	color: #aaa;
	line-height: 1.0em;	
}
*/

.newest-listings-wrapper h2.no-space-after {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;	
	line-height: 1.4em;
	color: #0e416b; /* blue */
}

.newest-listings-wrapper p.no-space-before {
	padding-top: 0 !important;
	margin-top: 0 !important;	
}

.newest-listings-available-date {
    float: left;
	width: 100%;
	background-color: #0e416b; /* blue */
    border-radius: 3px;
	padding: 3px 5px;
	color: white;
	font-size: 14px;
	text-align: center;
	margin: 0 0 10px 0;
}


/* AVAILABLE APARTMENT RENTALS */

.vhp-available-apartment-rentals {
	width: 100%;
    margin-bottom: 40px;
}

	.vhp-available-apartment-rentals-message {
		width: 100%;	
		padding: 5px;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}

	.vhp-available-apartment-rentals-wrapper {
        float: left;
        width: 100%;
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
	}

		.vhp-available-apartment-rentals-wrapper.labels {
            margin-top: 20px;
			border-top: 1px solid #cccccc;
			background-color: #eeeeee;
		}
	
		.vhp-available-apartment-rentals-wrapper .name-area {
			float: left;
			width: 10%;	
			padding-left: 5px;
		}

		.vhp-available-apartment-rentals-wrapper .desc-area {
			float: left;
			width: 25%;	
		}

		.vhp-available-apartment-rentals-wrapper .rent-area {
			float: left;
			width: 15%;	
		}

		.vhp-available-apartment-rentals-wrapper .sqft-area {
			float: left;
			width: 12%;	
		}

		.vhp-available-apartment-rentals-wrapper .date-area {
			float: left;
			width: 20%;	
		}

		.vhp-available-apartment-rentals-wrapper .button-area {
			float: left;
			width: 18%;	
		}
		

@media ( max-width: 980px ) {

	.vhp-available-apartment-rentals-wrapper.labels {
        display: none;
    }
	
    .vhp-available-apartment-rentals-wrapper .apartment-info {
        width: 70%; 
        float: left; 
        margin-bottom: 10px;
    }
	
    .vhp-available-apartment-rentals-wrapper .name-area {
        float: none; padding: 0px;
    }
	
    .vhp-available-apartment-rentals-wrapper .desc-area {
        float: none; width: 100%;
    }
	
    .vhp-available-apartment-rentals-wrapper .rent-area {
        float: none; width: 100%;
    }
	
    .vhp-available-apartment-rentals-wrapper .sqft-area {
        float: none; width: 100%
    }
	
    .vhp-available-apartment-rentals-wrapper .date-area {
        float: none; width: 100%;
    }
	
    .vhp-available-apartment-rentals-wrapper .button-area {
        float: none; width: 100%;
    }
	
}

.vhp-available-apartment-mobile-wrapper {
	display: none;
}

@media( max-width: 980px ) {

    .vhp-available-apartment-mobile-wrapper {
        display: block;
        width: 30%; 
        float: left;
    }

    .vhp-available-apartment-mobile-wrapper .name-area, 
    .vhp-available-apartment-mobile-wrapper .button-area {
        width: 100% !important;
    }
    
}



/* BOOK AN APPOINTMENT */

.vhp-book-an-appointment {
	background-color: #FFFFFF;
	padding: 30px;
	margin-top: 30px;
    border: 1px solid #0e416b; /* blue */
    border-radius: 5px;
}

    .vhp-book-an-appointment h3 {
        line-height: 1em !important;
    }

    .vhp-book-an-appointment p {
        margin-bottom: 30px;
    }

	.main-content .vhp-book-an-appointment a.book-button {
		padding: 8px 20px;
		color: #ffffff !important;
		font-size: 18px;
		line-height: 18px;
		background-color: #0e416b !important; /* blue */
		border-radius: 40px;
        text-decoration: none;
	}

		.main-content .vhp-book-an-appointment a.book-button:hover {
    		color: #ffffff !important;
			background-color: #da8C06 !important; /* gold */
		}