

/** HEADERS **/
.header-wrapper .header-mid.user-page-header		{ text-align:center; padding:100px 0px; }
.user-page-header h1								{ display:inline-block; font-size:2em; letter-spacing:5px; padding:0px 0px 10px 0px; text-align:center; }
.user-page-header .sub-title						{ margin:30px auto 0px auto; font-size:1.3em; max-width:600px; }
.user-page-header .btn								{ margin:30px auto 0px auto; }

.user-page-header	h1								{ color:#FFFFFF; border-bottom:3px solid #BED600; }



/** MY ACCOUNT **/
.my-account-links								{ text-align:center; font-size:0px; list-style:none; padding:60px 0px; margin:0px; text-transform:uppercase; }
.my-account-links li							{ display:inline-block; vertical-align:top; width:25%; }
.my-account-links a								{ display:block; }
.my-account-links .spacing						{ display:block; margin:10px; padding:20%; font-size:12px; }
.my-account-links .title						{ display:block; font-family:'Cinzel', serif; font-size:2em; padding:0px 0px 10px 0px; }
.my-account-links .text							{ display:block; margin:30px 0px; font-size:1.3em; }
.my-account-links .btn							{ display:inline-block; }

.my-account-links a								{ color:#FFFFFF; }
.my-account-links .spacing						{ background:#383836; color:#FFFFFF; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; }
.my-account-links a:hover .spacing				{ background:#777777; color:#FFFFFF; }
.my-account-links .title						{ border-bottom:2px solid #BED600; color:#FFFFFF; }
.my-account-links a .btn,
.my-account-links a:hover .btn					{ color:#FFFFFF; border:2px solid #FFFFFF; background:transparent; }



/** USER BANNERS **/
.user-banner											{ position:relative; clear:both; font-size:1.2em; }
.user-banner .banner-col								{ width:50%; text-transform:uppercase; }
.user-banner .content									{ margin:0px auto; max-width:480px; padding:150px 100px; }
.user-banner h2											{ padding:0px 0px 10px 0px; margin:0px 0px 40px 0px; font-size:2em; }
.user-banner p											{ font-weight:300; }
.user-banner .btn										{ margin:40px 0px 0px 0px; }
.user-banner .banner-col-left							{ float:left; }
.user-banner.user-banner-odd .banner-col-left			{ float:right; }
.user-banner .banner-col-right							{ float:right; }
.user-banner.user-banner-odd .banner-col-right			{ float:left; }

.user-banner											{ background:#777777; color:#FFFFFF; }
.user-banner .banner-col-right							{ background:#AAAAAA; }
.user-banner h2											{ color:#FFFFFF; border-bottom:3px solid #BED600; }
.user-banner a											{ color:#BED600; }
.user-banner a:hover									{ color:#BED600; text-decoration:underline; }

.user-banner ul { padding: 0; list-style: none; margin: 0; }
.user-account .user-banner,
.user-profile .user-banner {
	display: table;
	width:100%;
}

.user-account .user-banner-row,
.user-profile .user-banner-row {
	display: table-row;
}

.user-account .user-banner-cell,
.user-profile .user-banner-cell  {
	display: table-cell;
	float:none;
}


/** SAVEDE SEARCHES **/
.SaveSearchList {
	list-style:none;
	padding:0px;
	margin:20px;
}
.SaveSearchList li:not(:last-child) {
	margin:0px 0px 20px 0px;
}
.user-banner .banner-col-text							{ float:left; position:relative; z-index:2; }
.user-banner.user-banner-odd .banner-col-text			{ float:right; }
.user-saved-searches .user-banner .content				{ padding:100px; }
.user-banner.user-banner-odd .banner-col-text .content	{ float:left; }
.user-banner.user-banner-even .banner-col-text .content	{ float:right; }
.user-saved-searches .form-row.form-button-row			{ text-align:left; display:inline-block; }
.user-saved-searches .btn								{ font-weight:400; }
.user-banner .banner-col-map							{ position:absolute; top:0; bottom:0; right:0; z-index:1; }
.user-banner.user-banner-odd .banner-col-map			{ right:auto; left:0; }

.user-banner-wrapper .user-banner:nth-child(1n+0)		{ background:#383836; }
.user-banner-wrapper .user-banner:nth-child(2n+0)		{ background:#767676; }
.user-banner-wrapper .user-banner:nth-child(3n+0)		{ background:#AAAAAA; }
.user-banner-wrapper .user-banner .btn					{ color:#FFFFFF; border:2px solid #FFFFFF; }
.user-banner-wrapper .user-banner .btn:hover			{ background:#FFFFFF; color:#383836; border:2px solid #FFFFFF; }



/** NO RESULTS **/
.user-no-results										{ padding:60px 0px; text-align:center; text-transform:uppercase; font-size:1.3em; }
.user-no-results h2										{ display:inline-block; clear:both; margin:0px 0px 30px 0px; padding:0px 0px 10px 0px; }

.user-no-results h2										{ border-bottom:2px solid #BED600; }



/** SHORTLIST **/
.user-shortlist															{ padding:30px 0px; text-align:center; }
.user-shortlist .properties												{ font-size:0px; }
.user-shortlist .recent-property										{ display:inline-block; vertical-align:top; width:25%; font-size:12px; }
.user-shortlist .recent-property .spacing								{ position:relative; display:block; margin:10px; overflow:hidden; }
.user-shortlist .recent-property .ShortlistRemove {
	position:absolute;
	z-index:3;
	top:0px;
	right:0px;
	background:#383836;
	color:#FFFFFF;
	text-align:center;
	width:44px;
	height:44px;
	line-height:44px;
	font-size:1.3em;
}
.user-shortlist .recent-property .ShortlistRemove:before {
	content:'\f00d';
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  text-decoration:inherit;
}
.user-shortlist .recent-property .ShortlistRemove:hover {
	background:#383836;
	color:#BED600;
}
.user-shortlist .recent-property .ShortlistRemove span {
	display:none;
}
.user-shortlist .recent-property .overlay								{ display:block; position:absolute; z-index:2; top:100%; bottom:0; left:0; right:0; text-transform:uppercase; }
.user-shortlist .recent-property .overlay:before 						{ content:""; display:inline-block; vertical-align:middle; height:100%; }
.user-shortlist .recent-property .overlay .content						{ display:inline-block; vertical-align:middle; }
.user-shortlist .recent-property .addr									{ display:block; font-size:1.2em; }
.user-shortlist .recent-property .addr-line2,
.user-shortlist .recent-property .addr-postcode,
.user-shortlist .recent-property .price-offers,
.user-shortlist .recent-property .price-period							{ display:none; }
.user-shortlist .recent-property .addr-town,
.user-shortlist .recent-property .brief,
.user-shortlist .recent-property .price									{ display:block; }
.user-shortlist .recent-property .addr-town								{ font-weight:300; fonty-size:0.9em; }
.user-shortlist .recent-property .brief									{ padding:20px 0px; }
.user-shortlist .recent-property .price									{ font-size:1.4em; }
.user-shortlist .recent-property .btn									{ font-weight:300; margin:20px 0px 0px 0px; }
.user-shortlist .recent-property .recent-image							{ display:block; width:100%; position:relative; z-index:1; }

.user-shortlist .recent-property a										{ color:#FFFFFF; }
.user-shortlist .recent-property .overlay								{ background:rgba(56,56,54,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC383836,endColorstr=#CC383836); zoom:1; text-shadow:none; }
.user-shortlist .recent-property .addr-town,
.user-shortlist .recent-property .brief									{ color:#CCCCCC; }



/** RESPONSIVE **/
@media screen and (max-width:1360px){
	.user-shortlist .recent-property									{ width:33.3%; }
	.user-shortlist .recent-property .spacing							{ margin:5px; }
}
@media screen and (max-width:1260px){
	.user-banner .content								{ padding:50px 50px; }
	.user-banner .form .form-row-narrow					{ width:100%; }
}
@media screen and (max-width:1200px){
	.my-account-links li								{ width:50%; }
}
@media screen and (max-width:1160px){
	.user-saved-searches .user-banner .content			{ padding:50px; }
}
@media screen and (max-width:900px){
	.user-shortlist .recent-property					{ width:50%; }
	.user-banner h2										{ font-size:1.6em; }
}
@media screen and (max-width:760px){
	.user-saved-searches .user-banner						{ margin:20px 0px; }
	.user-banner .banner-col								{ width:100%; }
	.user-banner .banner-col-left,
	.user-banner .banner-col-right							{ display:block; float:none; height:auto !important; }
	.user-banner .content									{ max-width:none; }
	.user-banner.user-banner-odd .banner-col-text .content,
	.user-banner.user-banner-even .banner-col-text .content	{ float:none; }
	.user-saved-searches .banner-col-text					{ background:rgba(56,56,54,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC383836,endColorstr=#CC383836); zoom:1; text-shadow:none; }
}
@media screen and (max-width:740px){
	.my-account-links li								{ width:100%; }
}
@media screen and (max-width:650px){
	.user-shortlist .recent-property					{ width:100%; }
	.user-shortlist .recent-property .brief				{ padding:10px 0px; }
}
