:root {
	--variable-name:value;
}
*{font-size: 15px; box-sizing: border-box; font-family: sans-serif;}
h1{font-size:1.12rem}
h2{font-size:1.10rem}
h3{font-size:1.08rem}
h4{font-size:1.06rem}
h5{font-size:1.04rem}
h6{font-size:1.02rem}

div[data-url] {cursor:pointer;}
img.avatar{width:3rem;height:3rem;border-radius:50%;background-color:black;border:2px solid gray;}
div.date{text-transform:uppercase;color:dimgray;font-size:.9rem;}


body{
background-color: #eee;
margin:0;
padding:0;
margin-top:4.5rem; 
}

div.buttonbar{
	position:fixed;
	bottom:0;
	left:0;
	height:3.75rem;	
	width:100%;
	background-color:transparent;
	text-align:center;	
	margin:.125rem 0;
}

div.buttonbar>div.button{	
	background-color:darkorchid;
	border:1px solid #aaa;
	color: white;
	font-size:.625rem;
	font-weight: bold;
	display:inline-block;
	vertical-align:top;	
	border-radius:50%;	
	height:3.5rem;
	width:3.5rem;
	margin:0 .375rem;
	cursor: pointer;
}


div.buttonbar>div.button>div.caption{font-size:inherit;color:inherit;font-weight:inherit;text-align:center;padding-top:1.25rem;}


body.buttonbar>div.footer{
	padding-bottom:4rem;
}

body.generic{
background-color: #fff;
padding:0 1rem;
}

body.generic>form{
	width:100%;
	padding:1rem;
}
body.generic>form>label{
	display:block;
	font-weight:bold;
}
body.generic>form>label:after{content:":"}

body.generic>form>input,
body.generic>form>button{	
	width:100%;
	padding:1rem;
	margin-bottom:1rem;
}

body.listing-add-photo div#photoDetails{margin:1rem 0;padding:1rem;border:1px solid gray;}
body.listing-add-photo div#uploadProgress{margin:1rem 0;padding:1rem;border:1px solid gray;}



body.account{margin-bottom:4.25rem;}
body.account>div.toolbar{
position:fixed;
bottom:0;right:0;
height:4rem;
width:100%;
background-color:#f0f0f0;
border-top:2px solid #ccc;
text-align:center;
}
body.account>div.toolbar>div.caption{font-size:1.05rem;padding:.25rem 0 .33rem;font-weight:bold;}

body.account>div.toolbar>a{text-decoration:none;font-size:.85rem; font-weight:400; color:blue;text-transform: capitalize;padding:0 .55rem 0 .30rem;
border-right:1px solid #aaa;
}
body.account>div.toolbar>a:last-of-type {border-right:none;}
body.account.settings>div.toolbar>a.settings{display:none;}
body.account.articles>div.toolbar>a.articles{display:none;}
body.account.add-photo>div.toolbar>a.add-photo{display:none;}



.desktop-only{display:none;}

div.menu.main{
position:fixed;
z-index:100;
top:3.5rem;
left:0;
width:66.7%;
height:auto;
background-color: #efefef;
padding:1rem;
border-right:1px solid #999;
box-shadow: 0px 5px 10px #777;
display:none;
}
div.menu.main>a{
	display:block;
	padding:1rem 0;
	color:black;
	text-decoration:none;
	border-top:1px solid #ddd;
	font-size:1.05rem;
	font-weight:500;
	text-transform:uppercase;
} 
div.menu.main>a:first-of-type {border-top:none;}
div.menu.main>a.logout{color:crimson;}

div.menu.profile{
position:fixed;
z-index:100;
top:3.5rem;
right:0;
width:66.7%;
height:auto;
background-color: #efefef;
text-align:right;
padding:1rem;
border-left:1px solid #999;
box-shadow: 0px 5px 10px #777;
display:none;
}

div.menu.profile>div.nickname{font-size:1.25rem;font-weight:bold;margin-bottom:.25rem}
div.menu.profile>div.account-status{font-size:.925rem;margin-bottom:.25rem}
div.menu.profile>div.account-status>a{color:blue;font-size:.925rem;font-weight:bold;text-decoration:none;text-transform:uppercase;padding-left:.5rem;}

div.menu.profile>div.nav{text-align:right;}

div.menu.profile>div.nav>a{
	display:block;
	padding:1.125rem 0;
	color:black;
	text-decoration:none;
	border-top:1px solid #ddd;
	font-size:.95rem;
	font-weight:500;
	text-transform:uppercase;
}
div.menu.profile>div.nav>a>span.new{color:crimson;font-size:1.125rem;}
div.menu.profile>div.nav>a>span.new:after{content:"  ●"}
div.menu.profile>div.nav>a.logout{color:crimson;}

div.header{
position:fixed;
z-index:100;
top:0;
left:0;
width:100%;
height:3.5rem;
background-color: darkorchid;
box-shadow: 0px 5px 10px rgb(125,125,125);
}
div.header>div.title{
color:white;
font-size:1.9rem;
font-weight:200;
padding:.5rem;
padding-left:3rem;
letter-spacing:.2rem;
display:inline-block;
cursor: pointer;
}
div.header>div.indicator{position:absolute;top:.5rem;font-size:1.75rem;color:white;}
div.header>div.menu.indicator{left:.5rem;}
div.header>div.menu.indicator:after{content:'☰'}
div.header>div.search.indicator{right:4.5rem;font-size:2.25rem;top:.1rem;
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
-o-transform: rotate(-45deg);
transform: rotate(-45deg);    
cursor: pointer;
}
div.header>div.search.indicator:after{content:'⚲'}

div.header>div.login.indicator{right:1rem;font-weight:bold;}
div.header>div.login.indicator:after{content:'⚙'}

div.header>div.favorites.indicator{right:7rem;}
div.header>div.conversations.indicator{right:10rem;font-size:3rem;top:-.75rem;}
div.header>div.conversations.indicator>span.new{color:cyan;}

div.header>div.profile.indicator{right:.5rem;}
div.header>div.profile.indicator>img{width:2.5rem;height:2.5rem;border:2px solid gray;border-radius:50%;}


button.UA{font-weight:normal;font-size:.75rem;color:white;background-color:purple;border:none;text-transform:uppercase;padding:.5rem 1rem; margin:0 .5rem;}
button.UA.active{background-color:orange;}
button.UA.ignore.active:after{content:"d";}
button.UA.trust.active:after{content:"ed";}

body.profile>img.banner{width:100%; height:calc(100vw / 5);background-color:black;vertical-align: middle;border-bottom:2px solid gray;}
body.profile>img.avatar{width:6rem;height:6rem;border-radius:50%;background-color:black;border:2px solid gray;position:relative;float:right;margin-right:.5rem;top:-3rem;}



body.listing{margin-bottom:4.25rem;}

body.listing>div.closed{
background-color:crimson;color:white;font-size:1.25rem;text-align:center;padding:1rem;margin:0; position:sticky;top:3.5rem;z-index:100;}
body.listing>div.closed:after{content:" has been reported as permanently closed. Proceed with caution."}



body.listing>div.toolbar{
position:fixed;
bottom:0;right:0;
height:4rem;
width:100%;
background-color:#f0f0f0;
border-top:2px solid #ccc;
text-align:center;
}
body.listing>div.toolbar>div.caption{font-size:1.05rem;padding:.25rem 0 .33rem;font-weight:bold;}

body.listing>div.toolbar>a{text-decoration:none;font-size:.85rem; font-weight:400; color:blue;text-transform: capitalize;padding:0 .55rem 0 .30rem;
border-right:1px solid #aaa;
}
body.listing>div.toolbar>a:last-of-type {border-right:none;}
body.listing.details>div.toolbar>a.details{display:none;}
body.listing.photos>div.toolbar>a.photos{display:none;}





body.listing>img.banner{width:100%; height:calc(100vw / 5);background-color:black;vertical-align: middle;border-bottom:2px solid gray;}
body.listing>img.logo{width:6rem;height:6rem;border-radius:50%;background-color:black;border:2px solid gray;position:relative;float:right;margin-right:.5rem;top:-3rem;}

body.listing>div.category,
body.listing>div.type{display:inline-block;
margin:1rem .5rem 0;
padding:.5rem 1rem .33rem;
color:black;
font-weight:bold;
border-radius:.85rem;
border:1px solid #999;
background-color:#ddd;
font-size:.7rem;text-transform:uppercase;
}

div.section,
h1.section{
background-color:white;
padding:1rem;
box-shadow: 0px 3px 5px rgb(168,168,168);
margin-bottom:1rem;
}

h1.section{font-size:1.33rem;font-weight:500;}


div.section>div.caption{
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:.5rem;

}

div.section>a{display:table;margin:.5rem 0;color:blue;text-decoration:none;font-weight:500;font-size:.9rem;text-transform:uppercase;clear:both;}

div.section.info{}
div.section.info>label{font-weight:bold;display:block;padding:.5rem 0;}
div.section.info>div{font-weight:bold;display:block;padding:.5rem 0;}
div.section.info textarea{display:block;height:7rem;width:100%;}

div.section.actions{text-align:center;}
div.section.actions>div.action{display:inline-block;margin:0;padding:0 .65rem;}
div.section.actions>div.action>div.icon{font-size:1.75rem;color:gray;}
div.section.actions>div.action>div.label{font-size:.8rem;text-transform:uppercase;color:gray;}
div.section.actions>div.action.on>div.icon{color:black;}
div.section.actions>div.action.on>div.label{color:black;font-weight:bold;}
div.section.actions>div.action.favorite.on>div.icon{color:goldenrod}
div.section.actions>div.action.favorite>div.icon:after{content:'☆'}
div.section.actions>div.action.favorite.on>div.icon:after{content:'★'}
div.section.actions>div.action.been-there>div.icon:after{content:'☐'}
div.section.actions>div.action.been-there.on>div.icon:after{content:'☑'}
div.section.actions>div.action.add-photo>div.icon:after{content:'📷'}
div.section.actions>div.action.review-it>div.icon:after{content:'⊕'}
div.section.address>div.city,
div.section.address>div.state,
div.section.address>div.zip{display:inline;margin-right:.25rem;}
div.section.address>div.city:after{content:","}
div.section.details>div{margin-top:.25rem;}
div.section.details>div>label{font-weight:500;font-size:.8rem;color:rgb(137, 149, 155);text-transform:uppercase;margin-right:.5rem;}
div.section.details>div>label:after{content:":"}
div.section.ratings>div{margin-top:.25rem;}
div.section.ratings>div>label{font-weight:500;font-size:.8rem;color:rgb(137, 149, 155);text-transform:uppercase;margin-right:.5rem;}
div.section.ratings>div>label:after{content:":"}

div.section.features>div{margin-top:.25rem;}

div.section.photos>img.thumb{display:inline-block;width:21vw;height:21vw;margin-right:2vw;object-fit:contain;}
body.listing.photos>div.section.photos>img.thumb{width:42vw;height:42vw;margin-right:1vw;}




div.section.review-summary>div.recommendation{margin:.75rem 0 0;width:100%;overflow:auto;height:1.5rem;}
div.section.review-summary>div.recommendation>div{font-size:.8rem}
div.section.review-summary>div.recommendation>div.label{width:20%;float:left;text-transform: capitalize;}
div.section.review-summary>div.recommendation>div.thermometer{
width: 70%;
float: left;
position: relative;
border: 1px solid #ddd;
margin-right: .33rem;
border-radius:.2rem;}
div.section.review-summary>div.recommendation>div.thermometer>div.mercury{position: absolute;top: 0;left: 0;background-color: darkorchid; }
div.section.review-summary>div.recommendation>div.count{float:left;text-transform: capitalize;}

div.section.account-info{}
div.section.account-info>label{font-weight:bold;display:block;margin:.25rem 0;}
div.section.account-info>input{display:block;margin:0 0 1.25rem;width:100%}
div.section.account-info>textarea{display:block;margin:0 0 1.25rem;width:100%;height:8rem;}


div.section.banner>img.banner{width:100%; height:73px;background-color:black;vertical-align: middle; }
div.section.avatar>img.avatar{width:6rem;height:6rem;border-radius:50%;background-color:black;border:2px solid gray;vertical-align: middle;display:block;}


div.section.options{}
div.section.options>div.option{padding:1rem;}
div.section.options>div.option>div.caption{font-weight:bold;}
div.section.options>div.option>div.choices>label{display:block; font-weight:bold;padding:.5rem;}

div.section.rooms{}
div.section.rooms>a{margin-top:1rem;}
div.section.rooms>div.description{padding-bottom:1rem;}


div.widget.dancer{}
div.widget.dancer>div.nickname{font-weight:bold;font-size:1.05rem;margin-bottom:.25rem;}
div.widget.dancer>div.tagline{color:dimgray;font-size:.95rem;font-style:italic;margin-bottom:.25rem;}
div.widget.dancer>div.location{color:dimgray;font-size:.95rem;font-weight:bold;margin-bottom:1.25rem;}
div.widget.dancer>div.about{margin-bottom:.25rem;line-height:1.22rem;clear:both;}
div.widget.dancer>img.avatar{width:5rem;height:5rem;border-radius:50%;border:2px solid gray;float:left;margin:0 1rem 1rem 0;}
div.widget.dancer>a{display:inline-block;width:33%;text-align:center;}

div.widget.discussion{}
div.widget.discussion>div{margin-bottom:.25rem;}
div.widget.discussion>img.avatar{float:left;margin:0 .5rem .5rem 0;}
div.widget.discussion>div.author{font-weight:bold;}
div.widget.discussion>div.tagline{color:dimgray;font-style:italic;font-size:.9rem;}
div.widget.discussion>a.title{font-size:1.1rem;text-transform:initial;font-weight:500;}
div.widget.discussion>div.comment-count{margin-top:1rem;}
div.widget.discussion>div.comment-count:before{content:"comments:  ";}
div.widget.discussion>div.last-comment.date:before{content:"last comment:  ";}
div.widget.discussion>div.last-comment-by:before{content:"(";}
div.widget.discussion>div.last-comment-by:after{content:")";}

div.widget.article{}
div.widget.article>div{margin-bottom:.25rem;}
div.widget.article>img.avatar{float:left;margin:0 .5rem .5rem 0;}
div.widget.article>div.author{font-weight:bold;}
div.widget.article>div.tagline{color:dimgray;font-style:italic;font-size:.9rem;}
div.widget.article>a.title{font-size:1.1rem;text-transform:initial;font-weight:500;}
div.widget.article>div.comment-count{margin-top:1rem;}
div.widget.article>div.comment-count:before{content:"comments:  ";}
div.widget.article>div.last-comment.date:before{content:"last comment:  ";}
div.widget.article>div.last-comment-by:before{content:"(";}
div.widget.article>div.last-comment-by:after{content:")";}

div.widget.comment{overflow:auto;}
div.widget.comment>div{margin-bottom:.25rem;}
div.widget.comment>img.avatar{float:left;margin:0 .5rem .5rem 0;}
div.widget.comment>div.author{font-weight:bold;display:table;}
div.widget.comment>div.tagline{color:dimgray;font-style:italic;font-size:.9rem;}
div.widget.comment>div.date{clear:both;margin-bottom:.5rem;}
div.widget.comment>button.delete{float:right;margin:1rem 0 .5rem;padding:.25rem 1rem;text-transform:uppercase;font-size:.75rem;font-weight:bold;}

div.widget.article>div.status{font-weight:bold;text-transform:uppercase;font-size:.85rem;color:green;}
div.widget.article>div.status.published:after{content:"published";}
div.widget.article>div.status.under-review{color:goldenrod;}
div.widget.article>div.status.under-review:after{content:"under review";}

body.account.articles>div.widget.article>div.author,
body.account.articles>div.widget.article>div.tagline,
body.account.articles>div.widget.article>img.avatar,
body.account.articles>div.widget.article>div.publish.date,
body.account.articles>div.widget.article>div.last-comment-by,
body.account.articles>div.widget.article>div.last-comment.date,
body.account.articles>div.widget.article>div.preview
{display:none;}
body.account.articles>div.widget.article>div.actions{margin:2rem 0 0;}
body.account.articles>div.widget.article>div.actions>a{text-decoration:none;width:33%;display:inline-block;text-align:center;text-transform:uppercase;}

div.detail.discussion{}
div.detail.discussion>div{margin-bottom:.25rem;}
div.detail.discussion>img.avatar{float:left;margin:0 .5rem .5rem 0;}
div.detail.discussion>div.author{font-weight:bold;display:table;}
div.detail.discussion>div.tagline{color:dimgray;font-style:italic;font-size:.9rem;}
div.detail.discussion>div.date{clear:both;margin-bottom:.5rem;}
div.detail.discussion>div.comment-count{margin-top:1rem;}
div.detail.discussion>div.comment-count:before{content:"comments:  ";}
div.detail.discussion>a.last-comment{text-transform:none;font-weight:normal;}
div.detail.discussion>a.last-comment:before{content:"Last Comment ";}

div.section.add-comment>textarea{width:100%;height:9rem;padding:1rem;margin-bottom:1rem;}
div.section.add-comment>button{width:100%;padding:1rem;}
div.section.add-comment>a{margin:1.5rem 0;}

div.footer{color:white;background-color: black;padding:1rem;border-top:1px solid gray; text-align:center;}
body.generic>div.footer{margin:0 -1rem -1rem;}
div.footer>div.title{font-size:1.25rem;margin-bottom:.5rem;text-transform:lowercase;letter-spacing:.25rem;}
div.footer>div.tagline{font-size:.8rem;font-style:italic;margin-bottom:.25rem;}
div.footer>div.links{padding:.5rem 0;margin-bottom:.5rem;}
div.footer>div.links>a{padding:1.5rem;color:white;text-decoration:none}


div.footer>div.sponsors{margin-bottom:1rem;text-align:center;overflow:auto;padding:.25rem;}
div.footer>div.sponsors>a{color:inherit;font-size:.95rem;text-transform:uppercase;text-decoration:none;margin:0 .75rem;white-space: nowrap; }

div.footer>div.dvi{text-align:center;margin:.5rem 0;}
div.footer>div.dvi *{font-size:.8rem; color:inherit;display:inline;}
div.footer>div.dvi>.date:after,
div.footer>div.dvi>.volume:after{content:" \2022";}

div.footer>div.fine-print{text-align:center;}
div.footer>div.fine-print *{font-size:.75rem; color:inherit;}
div.footer>div.fine-print>div.copyright>a{text-decoration:none}
div.footer>div.fine-print>div.copyright>a:before{content:"\2022\00A0"}
div.footer>div.fine-print>div.links>a{display:inline-block; margin:.5rem;text-decoration:none;}



div.overlay{display:none;
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background-color: rgba(64,64,64,.95);
z-index:500;
}

div.overlay>div{display:none;}
div.overlay>div.close{position:fixed;bottom:.5rem;left:0;width:100%;font-size:3rem;text-align:center;color:white;display: block;z-index:550;cursor:pointer;}
div.overlay>div.close:after{content:"ⓧ"}

div.overlay.wait{text-align:center;color:white;}
div.overlay.wait>img{display:block; width:4rem;height:4rem;margin:10rem auto 2rem;}


div.overlay.photo{
	text-align:center;
	color:white;
}


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,
div.overlay.photo>div.delete {display:block}

div.overlay.photo>div.Date,
div.overlay.photo>div.delete,
div.overlay.photo>div.UserNickname{position:fixed;top:1.5rem;font-size:.9rem;}
div.overlay.photo>div.Date{right:.5rem}
div.overlay.photo>div.UserNickname{left:.5rem;}
div.overlay.photo>div.delete{top:3rem;left:.5rem;}
div.overlay.photo>div.Caption,
div.overlay.photo>div.ListingName,
div.overlay.photo>div.CityName {position:relative;top:4rem;margin-bottom:.25rem;}
div.overlay.photo>div.Caption{font-size:1rem;font-weight:bold;}

div.overlay.photo>div.ListingName,
div.overlay.photo>div.CityName {display:inline;font-size:.95rem;}
div.overlay.photo>div.ListingName:after{content:"   •   ";}

div.overlay.photo>img.main{border : 0px solid gray; position: absolute; top: 8rem; left: 0; width: 100vw; height: 100vw; object-fit: contain;} 

div.overlay.avatar{background-position: center;background-repeat: no-repeat;background-size: contain;}

div.alert{
	position:relative;	 
	width:80%;	
	padding:1.5rem 2rem;
	margin:2rem auto;
	z-index:5000;
	text-align:center;
	border:2px solid black;
	border-radius:.25rem;
}

div.alert.alert-success{background-color: #dff0d8;border-color: #d0e9c6;color: #3c763d;}
div.alert.alert-info{background-color: #d9edf7;border-color: #bcdff1;color: #31708f;}
div.alert.alert-warning{background-color: #fcf8e3;border-color: #faf2cc;color: #8a6d3b;}
div.alert.alert-danger{background-color: #f2dede;border-color: #ebcccc;color: #a94442;}

div.alert>div.close{
	position:absolute;
	top:-1rem;
	right:-1rem;
	font-size:1.5rem;
	background-color:inherit;
	padding:0 .5rem;
	border:2px solid black;
	border-color:inherit;
	border-radius:50%;
	cursor:pointer;
}

 
form.vertical{width:100%;}
form.vertical>label{display:block;font-weight:bold;margin:.25rem 0;}
form.vertical>input{width:100%;display:block;font-size:1rem;padding:.25rem;margin:0 0 1.25rem 0;}
form.vertical>select{width:100%;display:block;font-size:1rem;padding:.25rem;margin:0 0 1.25rem 0;}
form.vertical>textarea{width:100%;display:block;font-size:1rem;padding:.25rem;margin:0 0 1.25rem 0;height:12rem;}

body.admin.user>div.section.actions>button{display:block;margin-bottom:1rem; width:100%;padding:1rem;background-color:darkorchid;color:white;font-weight:bold;text-transform:uppercase;}


body.account.settings>div.section.actions>a{margin-bottom:1rem;}