/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/modules.css);

/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	top: -5px;
	right: -5px;
	width: 50px;
	height: 50px;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -50px; }
.module .badge-free { background-position: 0 -100px; }
.module .badge-new { background-position: 0 -150px; }

/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	top: -3px;
	margin-right: 3px;
}

/* Module Headings
----------------------------------------------------------------------------------------------------*/

.module .module-title {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}

/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* Module Type: Glass
----------------------------------------------------------------------------------------------------*/

.mod-glass {
	padding: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.mod-glass > div {
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-size: 100% 100%;
}

/* Module Type: Border
----------------------------------------------------------------------------------------------------*/

.mod-border {
	padding: 7px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.mod-border > div {
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-size: 100% 100%;
}

/* Module Type: Line
----------------------------------------------------------------------------------------------------*/

.grid-v:first-child .mod-line,
.grid-h:first-child .mod-line { background: none; }

/* Vertical (Stack) */
.grid-v .mod-line { padding: 25px 0 0 0; }

.grid-v:first-child .mod-line { padding-top: 0; }

/* Horizontal (Equal/Double) */
div.grid-h .mod-line {
	margin-left: 0;
	padding: 0 20px 0 30px;
}