/*
Theme Name: PlayMag - Child Theme
Theme URI: http://wpcurve.com
Author: WPCurve
Author URI: http://wpcurve.com
Description: PlayMag is a modern, responsive Magazine WordPress theme that combines both form and function into one comprehensive website. It is perfect for all kinds of online magazines, classic news websites, professional blogs and other editorial related projects.
Version: 1.0
Template: playmag
*/
#content-row-top {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: solid thin #1682bf;
}
.clear {
	clear: both;
}
.content-row {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: solid thin #1682bf;
}
#content-row-bottom {
	background-color: #FFDA18;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
td img {
	align-content: center;
	vertical-align: middle;
}
.content-row h1 {
	font-family: Titillium Web;
	font-weight: 900;
	margin-top: 0px;
}
.content-row-top h1 {
	font-family: Titillium Web;
	font-weight: 900;
	margin-top: 0px;
}
.content-row-bottom h1 {
	font-family: Titillium Web;
	font-weight: 900;
	margin-top: 0px;
}
.image-caption {
	background-color: #FFDA18;
	color: #1682bf;
	font-size: 12px;
	width: inherit; 
	padding: 5px;
}
.image-caption-wrapper {
	margin-bottom: 20px;
}
.aligncenter-nomargin, div.aligncenter-nomargin {
    display: block;
	margin: 0px 0px 0px 0px;
}
.shop-description {
	font-family: Titillium Web;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 5px 5px 5px;
}
.line-header {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	font-weight: 900;
	border-bottom: solid thin #1682bf;
	text-align: left;
	text-transform: uppercase;
	float: left;
}
#content-row-top-noborder {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.content-row-yellow {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	background-color: #ffda18;
}
#content-row-bottom a {
	color: #1682bf;
	font-weight: 600;
}
#content-row-bottom a:hover {
	color: #1682bf;
	font-weight: 900;
}
/* These are the divs which will be used to replace the tables */
.content-col-33-left {
	margin: 1%;
	float: left;
	height: auto;
	width: 32%;
}
.content-col-66-right {
	margin: 1%;
	float: right;
	height: auto;
	width: 64%;
}
.content-col-66-left {
	margin: 1%;
	float: left;
	height: auto;
	width: 64%;
}
.content-col-33-right {
	margin: 1%;
	float: right;
	height: auto;
	width: 32%;
}
.content-col-50-left {
	margin: 1%;
	float: left;
	height: auto;
	width: 48%;
}
.content-col-50-right {
	margin: 1%;
	float: right;
	height: auto;
	width: 48%;
}
.content-col-50-left-b {
	margin: 1%;
	float: left;
	height: auto;
	width: 48%;
}
.content-col-50-right-b {
	margin: 1%;
	float: right;
	height: auto;
	width: 48%;
}
.image-nocaption-wrapper {
	margin-bottom: 20px;
}
.content-col-100 {
	margin: 1%;
	float: left;
	height: auto;
	width: 98%;
}
.content-col-33-3 {
	float: left;
	height: auto;
	width: 31%;
	margin: 1%;
}
.image-col-20 {
	margin: 1%;
	float: left;
	height: auto;
	width: 18%;
}
/* Mobile Friendly Divs */
@media only screen and (max-width: 768px){
.content-col-33-left {
	margin: 1%;
	width: 98%;
}
.content-col-66-right {
	margin: 1%;
	width: 98%;
}
.content-col-66-left {
	margin: 1%;
	width: 98%;
}
.content-col-33-right {
	margin: 1%;
	width: 98%;
}
.content-col-50-left-b {
	margin: 1%;
	width: 98%;
}
.content-col-50-right-b {
	margin: 1%;
	width: 98%;
}
.content-col-33-3 {
	width: 98%;
	margin: 1%;
}
.content-col-33-3 img {
	display: none;
}
.image-col-20 {
	width: 98%;
	margin: 1%;
}
}