.user-page h1 {
	text-transform: uppercase;
}

.savedsearch-page-search-details .btn {
	background: var(--secondaryColour);
	color: #FFFFFF;
}

.savedsearch-page-search-details .btn:hover {
	background: var(--primaryColour);
	color: #FFFFFF;
}


/** BACK BUTTON **/
.user-back {
	margin: 20px 0px;
	padding: 0px 0px 20px 0px;
}

.user-back {
	border-bottom: 1px dotted #CCCCCC;
}

.user-back .btn {
	background: var(--secondaryColour);
	color: #FFFFFF;
}

.user-back .btn:hover {
	background: var(--primaryColour);
	color: #FFFFFF;
}



/** MY ACCOUNT PAGE **/
.user-section-wrapper {
	list-style: none;
	margin: 0px;
	padding: 0;
}

.user-section-wrapper li {
	float: left;
	width: 25%;
	margin: 0px 0px 20px 0px;
}

.user-section {
	text-align: center;
	margin: 5px;
	padding: 40px 20px;
}

.user-section .title {
	font-size: 1.3em;
	text-transform: uppercase;
}

.user-section .text {
	margin: 20px 0px 60px 0px;
}

.user-section .btn {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	font-size: 0.9em;
	padding: 10px 20px;
}

.user-section {
	background: #FAFAFA;
	color: #777777;
	border-top: 5px solid var(--primaryColour);
}

.user-section:hover {
	background: #EEEEEE;
	color: #777777;
}

.user-section .title {
	color: var(--primaryColour);
}

.user-section .btn {
	background: var(--secondaryColour);
	color: #FFFFFF;
}

.user-section .btn:hover {
	background: var(--primaryColour);
	color: #FFFFFF;
}



/** PROFILE **/
.profile-page .btn {
	background: var(--secondaryColour);
	color: #FFFFFF;
}

.profile-page .btn:hover {
	background: var(--primaryColour);
	color: #FFFFFF;
}



/** SHORTLIST **/
.shortlist-btn-wrapper {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.shortlist-btn-wrapper a {
	display: block;
	clear: both;
	padding: 10px;
	margin: 0px 10px 10px 10px;
	text-align: center;
}

.shortlist-btn-wrapper a {
	background: var(--secondaryColour);
	color: #FFFFFF;
}

.shortlist-btn-wrapper a:hover {
	background: var(--primaryColour);
	color: #FFFFFF;
}



/** RESPONSIVE **/
@media screen and (max-width:850px) {

	.user-section-wrapper li {
		width: 50%;
	}

}

@media screen and (max-width:460px) {

	.user-section-wrapper li {
		width: 100%;
	}

	.form .form-row-narrow {
		width: 100%;
	}

}