/*
ShowDown Plugin
Style Name: ShowDownPlugin
Last Update: December 2nd, 2013
*/


/* Clearfix */
.clearfix:after { clear: both; content: " "; display: block; line-height: 0; height: 0; visibility: hidden; }

/* Videos */
embed,
iframe,
object,
video { max-width: 100%; }


/****************
	ShowDown
*****************/
.wp-showdown-container { padding: 15px 0; text-align: center; width: 100%; }
.wp-showdown-container a, .wp-showdown-announcement a { border: 0 !important; color: #e85e21 !important;  text-decoration: none !important; }
.wp-showdown-container a:hover, .wp-showdown-announcement a:hover { border: 0 !important; color: #69a1d5 !important; text-decoration: none !important; }

.wp-showdown-container h2.wp-showdown-title, .wp-showdown-announcement h2.wp-showdown-title, .wp-showdown-results h2.wp-showdown-title { border-bottom: 1px solid #e9e9e9; display: inline-block; clear: both; padding: 0 0 10px; margin: 0 0 20px; position: relative; }

.wp-showdown-battleimages { position: relative;  }
.wp-showdown-image { float: left; padding: 0 0 0 10px; width: 47.7%; }
.wp-showdown-battleimages div:first-child { padding: 0 10px 0 0; }
.wp-showdown-image h3.wp-showdown-title {  margin: 0 0 15px; }

.wp-showdown-content img { border: 1px solid #e9e9e9; margin: auto; padding: 2px; width: 100%; height: auto; }

.wp-showdown-draw a { background: #f9f9f9; border: 1px solid #e9e9e9 !important; border-radius: 3px; display: inline-block; font-size: 16px; margin: 7px 0 0; padding: 2px 30px; text-decoration: none; box-shadow: none; }
.wp-showdown-draw a:hover { text-decoration: none; }

.wp-showdown-announcement { text-align: center; }

.wp-showdown-announcement h2 { margin: 15px 0; text-align: center; }
.wp-showdown-sharing { text-align: center; }

.wp-showdown-sharing a { border: 0 !important; }
.wp-showdown-sharing span { font-size: 14px; padding: 0 10px 0 0; }
.wp-showdown-sharing i { color: #69a1d5; margin-right: 5px; }

.wp-showdown-results { padding: 15px 0 15px; text-align: center; width: 100%; }
.wp-showdown-results h3.wp-showdown-title { color: #69a1d5; font-size: 18px; font-weight: normal; margin: 0 0 10px; }
.wp-showdown-results p { font-size: 14px; margin: 2px 0 0; }
.wp-showdown-results a { border: 0 !important; display: block; }
.wp-showdown-results img { border: 1px solid #e9e9e9; padding: 2px; min-width: 50%; max-width: 100%; height: auto; }

.wp-showdown-results div { background: #f9f9f9; display: inline-block; min-width: 45%; max-width: 49%; }
.wp-showdown-results .wp-showdown-results-title { background: none; display: block; text-align: center; min-width: 100%; }
.wp-showdown-results i { margin-right: 5px; }

.wp-showdown-winner { border-right: 1px solid #e9e9e9; margin-right: 2px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; padding: 10px; }
.wp-showdown-results p.wp-showdown-competitor-score { margin: 5px 0 0; }

.wp-showdown-loser { border-left: 1px solid #e9e9e9; border-bottom-right-radius: 3px; border-top-right-radius: 3px; padding: 10px; }
.wp-showdown-drawn { margin-right: 2px; width: 49%; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.wp-showdown-drawn-right { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

.wp-showdown-container h3.wp-showdown-group-name { font-size: 18px; margin: 0 0 15px; }
.wp-showdown-results .wp-showdown-post-content { padding: 0 10px; width: 90%; }
.wp-showdown-results .wp-showdown-post-content img { margin: auto; }
.wp-showdown-post-content p { padding: 0; margin: 0 0 15px; }


/*****************
	Hot or Not
******************/
.wp-hotornot { padding: 0 0 20px; text-align: center; }
.wp-hotornot a { border: 0 !important; color: #e85e21 !important; text-decoration: none !important; }
.wp-hotornot a:hover { border: 0 !important; color: #69a1d5 !important; text-decoration: none !important; }

.wp-hotornot .wp-hotornot-title h2 { background: none; border-bottom: 1px solid #e9e9e9; padding: 0 0 10px; margin: 0 0 20px; display: inline-block; clear: both; }

.wp-hotornot-vote-numbers { padding: 0; }

.wp-hotornot-vote-numbers span.wp-hotornot-caption-hot,
.wp-hotornot-vote-numbers span.wp-hotornot-caption-not { background: #f9f9f9; display: inline-block; font-size: 20px; margin: 0; padding: 5px 10px; text-transform: uppercase; }

.with-numbers span.wp-hotornot-caption-hot, .with-numbers span.wp-hotornot-caption-not { font-size: 16px; }

.wp-hotornot-vote-numbers span.wp-hotornot-caption-hot { border-right: 1px solid #e9e9e9; }
.wp-hotornot-vote-numbers span.wp-hotornot-caption-not { border-left: 1px solid #e9e9e9; }

.wp-hotornot-vote-numbers span.wp-hotornot-caption-hot a,
.wp-hotornot-vote-numbers span.wp-hotornot-caption-not a { font-weight: bold; }

.wp-hotornot-vote-numbers span.wp-hotornot-numbers a { background: #f9f9f9; display: inline-block; font-size: 16px; font-weight: bold; padding: 5px 10px; text-decoration: none; }
.wp-hotornot-vote-numbers span.wp-hotornot-numbers a:hover { background: #e9e9e9; }

.wp-hotornot-vote-here { display: inline-block; margin: auto; position: relative; width: auto; overflow: hidden; }

.wp-hotornot-vote-here-caption { background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; font-weight: 400; position: absolute; padding: 5px 10px; bottom: -50px; right: 0; width: 100%; opacity: 0.8; transition: all 0.5s ease-in-out; text-align: right; text-transform: uppercase; }

.wp-hotornot:hover .wp-hotornot-vote-here-caption { bottom: 0; transition: all 0.5s ease-in-out; }

.wp-hotornot-vote-draw, .wp-hotornot-group-draw { display: block; margin: auto; }

.wp-hotornot-vote-draw a { background: #f9f9f9; border: 1px solid #e9e9e9 !important; border-radius: 3px; display: inline-block; font-size: 16px; margin: 10px 0 0; padding: 2px 30px; }
.wp-hotornot-vote-draw a:hover { border: 1px solid #e9e9e9 !important; text-decoration: none; }

.wp-hotornot-voted img { margin-right: 1px; }
.wp-hotornot-voted-vote { margin: 0 0 15px; width: 100%; }
.wp-hotornot-voted-vote span { font-weight: bold; }

.wp-hotornot-voted p { display: inline-block; }

.wp-hotornot-voted-result { background: #f9f9f9; padding: 5px !important; margin: 0 auto 15px; width: 60%; }
.wp-hotornot-voted-result span { display: inline-block; padding: 2px 5px; }
.wp-hotornot-voted-result span.wp-hotornot-voted-img { float: left; margin: 0; padding: 0; width: 39%; text-align: left; }
.wp-hotornot-voted-result span.wp-hotornot-voted-img img { box-shadow: none; border-radius: 0; margin: 0; padding: 0; }

.wp-hotornot-voted-result span.wp-hotornot-vote-meta { float: right; padding: 5px 0; width: 60%; }
.wp-hotornot-voted-result span.wp-hotornot-about-image { display: block; padding: 5px; }
.wp-hotornot-voted-result span.wp-hotornot-voted-avg { display: block; font-size: 22px; padding: 0 5px; width: 100%; }
.wp-hotornot-voted-result span.wp-hotornot-facebook { display: inline; font-size: 13px; padding: 5px 0 5px 5px; width: 49%; }
.wp-hotornot-voted-result span.wp-hotornot-twitter { display: inline; font-size: 13px; padding: 5px; width: 49%; }
.wp-hotornot-voted-result span.wp-hotornot-facebook a,
.wp-hotornot-voted-result span.wp-hotornot-twitter a { text-decoration: none !important; }
.wp-hotornot-voted-result i { color: #69a1d5; margin-right: 5px; }

.wp-hotornot-voted-img a { display: block; }


/*********************************
	Classic Hot or Not (1-10)
*********************************/
.wps-hon-classic { padding: 0 0 20px; text-align: center; }
.wps-hon-classic .wps-hon-title h2 { background: none; border-bottom: 1px solid #e9e9e9; display: inline-block; clear: both; padding: 0 0 10px; margin: 0 0 20px; }

.wps-hon-stage { display: inline-block; max-width: 100%; position: relative; }
.wps-hon-card { display: inline-block; max-width: 100%; position: relative; }
.wps-hon-card.is-loading { opacity: 0.6; pointer-events: none; }

.wps-hon-photo { display: inline-block; line-height: 0; overflow: hidden; position: relative; }
.wps-hon-photo img { border: 1px solid #e9e9e9; height: auto; max-width: 100%; padding: 2px; }
.wps-hon-name { background: rgba(0,0,0,0.55); bottom: 0; color: #fff; font-size: 14px; left: 0; line-height: 1.3; padding: 6px 10px; position: absolute; right: 0; text-align: center; text-transform: uppercase; }

.wps-hon-rate { line-height: 2.4; margin: 14px 0 6px; }
.wps-hon-rate .wps-hon-cap { color: #e85e21; display: inline-block; font-size: 16px; font-weight: bold; padding: 4px 10px; text-transform: uppercase; vertical-align: middle; }
.wps-hon-rate a.wps-hon-num { background: #f9f9f9; border: 1px solid #e9e9e9; border-radius: 3px; color: #e85e21 !important; display: inline-block; font-size: 16px; font-weight: bold; margin: 2px; min-width: 36px; padding: 8px 0; text-align: center; text-decoration: none !important; transition: all 0.12s ease-in-out; vertical-align: middle; }
.wps-hon-rate a.wps-hon-num:hover { background: #e85e21; border-color: #e85e21; color: #fff !important; transform: translateY(-2px); }

.wps-hon-skip { margin: 8px 0 0; }
.wps-hon-skip a { color: #69a1d5 !important; display: inline-block; font-size: 13px; text-decoration: none !important; }
.wps-hon-skip i { margin-right: 4px; }

.wps-hon-desc { font-size: 14px; margin: 10px auto 0; max-width: 90%; }

/* Score reveal overlay shown after a rating */
.wps-hon-reveal { background: rgba(0,0,0,0.78); bottom: 0; color: #fff; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 5; }
.wps-hon-score { left: 0; padding: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.wps-hon-score .wps-hon-your { display: block; font-size: 16px; margin: 0 0 6px; opacity: 0.85; }
.wps-hon-score .wps-hon-avg { display: block; font-size: 40px; font-weight: bold; line-height: 1.1; }
.wps-hon-score .wps-hon-count { display: block; font-size: 13px; margin: 6px 0 0; opacity: 0.7; }
.wps-hon-score .wps-hon-next { background: #e85e21; border-radius: 3px; color: #fff !important; display: inline-block; font-weight: bold; margin: 16px 0 0; padding: 8px 24px; text-decoration: none !important; }
.wps-hon-score .wps-hon-next:hover { background: #69a1d5; }


/************
	Stats
*************/
.wp-showdown-stat { display: inline-block; padding: 10px; text-align: center; width: 30%; }
.wp-showdown-stat:after { content: ''; border-bottom: 1px solid #e9e9e9; bottom: 1px; display: block; margin: 15px auto 0; width: 50px; }
.wp-showdown-stat p { font-size: 14px; margin: 10px 0; }
.wp-showdown-title { margin: 0 0 15px; }
.wp-showdown-title a { border: 0 !important; color: #e85e21 !important; text-decoration: none; }
.wp-showdown-title a:hover { color: #69a1d5 !important; text-decoration: none; }
.wp-showdown-stat-content { padding: 10px 0 0; }
.wp-showdown-stat-content img { border: 1px solid #e9e9e9; float: none; margin: 0; padding: 2px; }
.wp-showdown-stat-content a { display: block; }

.wp-hotornot-stats, .wp-showdown-stats, .wp-showdown-tracking { padding: 0 0 10px; }
.wp-hotornot-stats i, .wp-showdown-stats i, .wp-showdown-tracking i { font-size: 20px; }
.wp-hotornot-stats p, .wp-showdown-stats p, .wp-showdown-tracking p { display: inline-block; margin: 0; padding: 0 20px 0 0; }

.wp-showdown-noimage { background: #f9f9f9; border: 1px solid #e9e9e9; height: 148px; margin: 0 auto; text-align: center; width: 148px; }
.wp-showdown-results .wp-showdown-noimage { height: 150px; }
.wp-showdown-noimage i { background: #f9f9f9; border: 4px solid #e9e9e9; border-radius: 50px; font-size: 24px; padding: 15px 20px; position: relative; top: 27%; }

.wp-showdown-results img { float: none !important; margin: 0 auto; }


/*****************
	Social Links
******************/
.wp-showdown-socials { padding: 10px 0; }
.wp-showdown-socials h3 { font-size: 16px; margin: 0 0 10px; }
.wp-showdown-social-link { border-radius: 3px; color: #fff !important; display: inline-block; font-size: 14px; margin: 0 6px 6px 0; padding: 6px 14px; text-decoration: none !important; }
.wp-showdown-social-link svg.wps-social-ico { width: 16px; height: 16px; vertical-align: -3px; margin-right: 5px; fill: currentColor; }
.wp-showdown-social-link:hover { opacity: 0.85; }
.wp-showdown-social-instagram { background: #e1306c; }
.wp-showdown-social-tiktok    { background: #010101; }
.wp-showdown-social-x         { background: #000000; }
.wp-showdown-social-snapchat  { background: #fffc00; color: #111 !important; }
.wp-showdown-social-facebook  { background: #1877f2; }
.wp-showdown-social-onlyfans  { background: #00aff0; }
.wp-showdown-social-fansly    { background: #1591d3; }

/* Remotely-hosted competitor images (link-only) */
img.wps-remote-image { max-width: 100%; height: auto; }

/* Public submission form ([wpshowdown_submit]) */
.wps-submit { max-width: 460px; margin: 0 auto; }
.wps-submit-form .wps-field { margin: 0 0 14px; }
.wps-submit-form label { display: block; font-size: 14px; font-weight: bold; margin: 0 0 4px; }
.wps-submit-form input[type="text"],
.wps-submit-form input[type="url"],
.wps-submit-form select { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #e9e9e9; border-radius: 3px; }
.wps-submit-btn { background: #e85e21; border: 0; border-radius: 3px; color: #fff; cursor: pointer; font-size: 15px; font-weight: bold; padding: 10px 22px; }
.wps-submit-btn:hover { background: #69a1d5; }
.wps-submit-note { color: #888; font-size: 12px; margin: 8px 0 0; }
.wps-sub-notice { border-radius: 3px; margin: 0 0 15px; padding: 10px 14px; }
.wps-sub-ok { background: #e6f6e6; border: 1px solid #b7e0b7; color: #1e6b1e; }
.wps-sub-error { background: #fbeaea; border: 1px solid #e6b7b7; color: #9b1c1c; }


/************
	Widget
*************/
.wp-showdown-widget { position: relative; }
.wp-showdown-widget:after { content: ''; border-bottom: 1px solid #e9e9e9; bottom: 1px; display: block; margin: 15px 0; width: 25px; }
.wp-showdown-widget h3.wp-showdown-title { font-size: 20px; font-weight: 400; margin: 0 0 10px; }
.wp-showdown-widget p { display: inline-block; font-size: 14px; margin: 0 10px 10px; position: relative; top: 0; vertical-align: top; }

.wp-showdown-widget-content { display: inline-block; }
.wp-showdown-widget-content a { display: inline-block; }
.wp-showdown-widget img { border: 1px solid #e9e9e9; padding: 2px; }


/*****************
	Responsive
******************/

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

	.wp-showdown-image { float: left; padding: 0 0 0 10px; width: 46%; }

	.with-numbers span.wp-hotornot-caption-hot,
	.with-numbers span.wp-hotornot-caption-not { display: none; }
	.wp-hotornot-vote-numbers span.wp-hotornot-numbers a { padding: 5px 10px; }
	.wp-hotornot-vote-here img { width: 100%; height: auto; }

}

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

.wp-showdown-voted-result { width: 90%; }
.wp-showdown-voted-result span.wp-showdown-voted-img { float: none; }
.wp-showdown-stat { width: 50%; }

.wp-showdown-results div { height: auto; min-width: 42%; max-width: 42%; }

/* Hot or Not */
.wp-hotornot-voted-result span.wp-hotornot-voted-img { display: inline-block; float: none; margin: 0; padding: 5px; width: 100%; text-align: right; }
.wp-hotornot-voted-result span.wp-hotornot-voted-img img { width: 100%; height: auto; }
.wp-hotornot-voted-result span.wp-hotornot-vote-meta { float: none; padding: 5px 0; width: 100%; }
.wp-hotornot-voted-result span.wp-hotornot-voted-avg { font-size: 16px; }

}