/**
 * font_and_colors.css
 * Copyright 2019 Christian Urban <info@maio31.de>
 * Stylesheet: maio31
 * Theme: maio31
 * Raster: 900/20/12(55):880
 */

a, p, span, strong, input, textarea, time, button, h3, p.cart_items, legend, table, option, select, .info, .order_status, .altcha-label
{
	font-size: 1.5rem;
	text-decoration: none;
	font-family: 'Exo 2.0', 'Exo 2', sans-serif;
}

h1
{
	font-size: 2.8rem;
	font-weight: normal;
	margin-bottom: .2rem;
}

	h1.left 
	{
		font-size: calc(2rem + 2vw);
		font-weight: 700;
		margin: 0 0 1rem 13vw !important;
		text-align: left;
	}

	h1.right 
	{
		font-size: calc(2rem + 2vw);
		font-weight: 900;
		margin: 1rem 13vw 0 0 !important;
		text-align: right;
	}

	h1.center 
	{
		font-size: calc(2rem + 2vw);
		font-weight: 700;
		margin: 0 0 1rem 0 !important;
		text-align: center;
	}
	
	h1.center + h1.center { margin: 1rem 0 0 0 !important; font-weight: 900; }

header a > span, header a, header strong, header input,
footer a, footer a > span, footer strong, ol
{
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
}

h2, h2 > a, .price:not(th, td), .price:not(th, td) > *, .description > p
{ 
	font-size: 2rem;
	font-weight: normal;
	margin: 0 0 .6rem 0; 
}

thead, h4
{
	font-weight: 600;
}

h3
{
	font-weight: 700;
	line-height: 2.5rem;
}

/* search */
h3 > .relevance { font-weight: 100; }
/* search */

h4
{
	font-size: 1.375rem;
	text-transform: uppercase;
	margin-top: .5rem;
}

h5, a.edit
{
	font-size: 1.2rem;
	font-weight: 500;
	text-transform: uppercase;
}

p, .info, .order_status
{
	margin: 0 0 1.9rem 0;
	line-height: 2.5rem;
}

p.cart_items
{
	font-weight: 900;
	font-size: 1.3rem;
    text-align: center;
    line-height: 2rem;
}

cite
{
	font-size: calc(.85rem + .85vw);
	text-align: right;
	display: block;
	color: white;
	margin-top: 3rem;
}

.mod_article p:last-of-type, p.context { margin-bottom: 0; }
p.red { margin-top: 1.5rem; }
a.remove { font-size: 2.2rem; }
td > ul > li { line-height: 2.5rem; }

/* White */
.c235 h1, 
.c235 h2, 
.b-trans_75 p,
.b-trans_75 h2,
.b-trans_75 a:hover, 
.c235 h3,
footer a, 
footer a > span, 
header a span, 
header input::placeholder,
.details > a,
span.checked,
header a, footer a
{ 
	color: rgb(235,235,235); 
}

/* Lightgrey */
h2, h4,
header strong,
.title > time,
p.info > a:hover
{ 
	color: rgb(178,178,178); 
}

/* Grey */
footer strong,
main a,
h5
{ 
	color: rgb(125,125,125); 

}
/* Darkgrey */
p, 
span, 
strong, 
input, 
textarea, 
time, 
h1, 
h3,
h2.name,
.price,
table,
select,
.theme_shopproductoverview strong.active,
.altcha-label
{ 
	color: rgb(77,77,77); 
}

/* Red */
p.red, p.red > span,
p.info > a,
.b-trans_75 a,
a:hover, 
footer a span:hover, 
nav span:hover,
p.cart_items,
p.failed,
p.error
{ 
	color: rgb(245,55,80); 
}

/***** Colorize *****/
.transparent { background: none !important; }
.white { background: rgba(255,255,255,1) !important; }
.lightgrey, .comments .last_block { background: rgba(242,242,242,1) !important; }
.grey, .details > a:hover { background-color: rgba(125,125,125,1) !important; }
.darkgrey { background-color: rgb(77,77,77); }
.b-trans_75 { background: rgba(0,0,0,.75) !important; }
//header { background: rgba(255,255,255,.7) !important; }
/***** Colorize *****/

.widget.error { background: orange; padding: .3rem 1rem; width: 100%; margin-bottom: 1rem; }

/***** Lines *****/
div.line
{
	max-width: 24rem; height: .1rem;
	margin: 3rem auto;
}
/***** Lines *****/

/***** Symbol *****/
div.symbol_sunlounger
{
	width: 7.5rem; height: 7.5rem;
	background: url(/files/theme_maio31/assets/symbol_sunlounger_235.png);
	margin: 0 auto 3.2rem auto;
}
div.symbol_measures
{
	width: 7.5rem; height: 7.5rem;
	background: url(/files/theme_maio31/assets/symbol_measures_235.png);
	margin: 0 auto;
	grid-column: -1/1;
	//margin-top: -2.7rem;
}
/***** Symbol *****/