/*
Theme Name:     Hearthstone Players Child
Theme URI:      http://hearthstoneplayers.com
Description:    Child theme for HSP
Author:         John Greenhoe
Author URI:     http://hearthstoneplayers.com
Template:       hsp
Version:        1.0
*/

@import "css/forums.css";

/************************************************************************

*	Card Archive

/************************************************************************/

.card-image {
	float: left;
	margin: 0 10px 15px 0;
	width: 172px;
	height: 240px;
}

.card-last{
	margin-right: 0;
}

.card-image img {
	width: 165px;
	margin: 0 auto;
	-webkit-animation-duration: 15s;
	-moz-animation-duration: 15s;
	-ms-animation-duration: 15s;
	-o-animation-duration: 15s;
	animation-duration: 15s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.card-image img:hover{
    width: 172px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}


/************************************************************************

*	Single Card Page

/************************************************************************/

#card-title{
	margin-bottom: 10px;
}

#card-normal{
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}

#card-normal img{
	width: 250px;
}

#card-shortcode{
	float: right;
	width: 250px;
	text-align: center;
}

.shortcode{
	background-color: #fff;
	border: solid 1px #cccccc;
	padding: 5px 0;
	border-radius: 5px;
	font-size: 13px;
}

#card-info{
	width: 250px;
	clear: right;
	background-color: #ffffff;
	border: solid 1px #eeeeee;
	float: right;
	margin-top: 20px;
	padding: 15px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#card-info h3{
	color: #838383;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.02em;
	padding-bottom: 0px;
}

#card-info span{
	padding-bottom: 15px;
	display: block;
}

#card-text{
	clear: both;
	margin-top: 30px;
}

#card-guides{
	width: 50%;
	float: left;
}

#card-decks{
	width: 45%;
	float: right;
}

#card-guides h2, #card-decks h2{
	padding-bottom: 5px;
}