.desktop-only{display:initial;}
.mobile-only{display:none;}
body{
max-width:1024px;
margin:0 auto;
outline:5000px solid black;
}

div.alert{max-width:800px;}

div.overlay>div.close{bottom:auto;left:auto;width:auto;top:1rem;right:1rem;color:white;}
body.profile>img.banner{height:205px;}
body.listing>img.banner{height:205px;}

div.header {
	position: relative;
	top: auto;
	width: auto;
}
div.menu.main {
	display: block;
	position: relative;
	top:auto;
	left:0;
	width: auto;
	text-align:center;
	padding:.5rem 0;
	background-color:darkmagenta;
	border-right: none;
	box-shadow: none;

}
div.menu.main>a {
	display: inline;
	padding: .5rem .5rem;
	border-top: none;
	font-size:.8rem;
	font-weight:normal;
	color:white;
	text-transform:capitalize;
}
div.menu.main>a.logout {display:none;}
div.menu.main>a.up-reviews {display:none;}
div.menu.main>a:hover {background-color:white;color:magenta;}
div.menu.profile {
	display: block;
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	height: auto;
	background-color: #efefef;
	text-align: right;
	padding: 1rem;
	border-left: none;
	box-shadow: none;
}

div.menu.profile>div.nickname {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: .25rem;
    display: none;
}
div.menu.profile>div.account-status {
    font-size: .925rem;
    margin-bottom: .25rem;
    display: none;
}

div.menu.profile>div.nav {
	text-align:center;
}
div.menu.profile>div.nav>a {
	display: inline;
	padding: .5rem .5rem;
	color: black;
	text-decoration: none;
	border-top: none;
	font-size: .8rem;
	font-weight: normal;
	text-transform:capitalize;
}
div.menu.profile>div.nav>a:hover {
color:white;
background-color:black;
}

body.generic>div.header,
body.generic>div.menu.main,
body.generic>div.menu.profile 
{margin:0 -1rem;}

div.header>div.menu.indicator{display:none}
div.header>div.login.indicator{display:none}
div.header>div.profile.indicator{display:none}
div.header>div.conversations.indicator{display:none}
div.header>div.favorites.indicator{display:none}
div.header>div.search.indicator{right:1rem;}

div.section>a{font-weight:bold}

div.section.photos>img.thumb{width:230px;height:230px;margin-right:10px;}
body.listing.photos>div.section.photos>img.thumb{width:230px;height:230px;margin-right:10px;}


div.footer{
background-color:inherit;
color:inherit;
}
div.footer>div.links>a{color:inherit;}


div.section>div.caption {font-weight: bold;}


div.overlay.photo>div.Caption,
div.overlay.photo>div.ListingName,
div.overlay.photo>div.CityName {top:1.5rem; }



div.overlay.photo>div.Caption,
div.overlay.photo>div.Date,
div.overlay.photo>div.UserNickname,
div.overlay.photo>div.ListingName,
div.overlay.photo>div.CityName{font-size:1rem;}

div.overlay.photo>div.Date,
div.overlay.photo>div.delete,
div.overlay.photo>div.UserNickname{top:auto;bottom:1.5rem;font-size:1rem;}
div.overlay.photo>div.Date{right:1rem}
div.overlay.photo>div.delete{right:15rem}
div.overlay.photo>div.UserNickname{left:1rem;}



div.overlay.photo>img.main{
border : 2px solid gray; 
display:block;
position: relative; top: 4rem; left: auto; 
margin:1rem  auto;
width:auto; max-width: 1000px; height: auto; max-height:1000px; object-fit: contain;}