/*
ShowDown Plugin
Style Name: ShowDownPlugin
Style Author: Hyder Jaffari
Author URL: http://www.weborithm.com
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; }


/************
	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; }


/************
	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; }

}