/* Change this file as necessary - leave comments */
/* This file should contain GENERAL typography and text modifications. Should not contain a lot of specific classes */

@media all {
	/*
  * @section global typography settings
  *
  * vertical rhythm settings (based on em-unit)
  * -------------------------------------------
  * base font-size:  16px
  * line-height  :  21px (factor: 1.3125) */

	/**
  * (en) reset monospaced elements to font size 16px in all browsers
  */
	pre,
	code,
	kbd,
	samp,
	var { font-family: 'Courier New', Courier, "Lucida Console", "Lucida Sans Typewriter", "Andale Mono", Consolas, monospace; }

	/* font-size: 16px; */
	body { font-family: Roboto, Arial, Helvetica, sans-serif; color: #504c4c; line-height: 1.3125; }

	/*
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
	::-moz-selection { background: #b3d4fc; text-shadow: none; }
	::selection { background: #b3d4fc; text-shadow: none; }

	/*--- Headings ------------------------------------------------------------------------*/
    h1,
    h2 { font-family: 'Futura', Arial, Helvetica, sans-serif; color: #504c4c; margin: 0; }
    h3,
    h4,
    h5,
    h6 { font-family: 'Futura-Book', Arial, Helvetica, sans-serif; color: #504c4c; margin: 0; }

	h1 { /* font-size: 48px; */ font-size: 300%; line-height: 0.875; margin: 0 0 0.4375em 0; }
	h2 { /* font-size: 32px; */ font-size: 200%; line-height: 1.3125; margin: 0 0 0.65625em 0; }
	h3 { /* font-size: 24px; */ font-size: 150%; line-height: 0.875; margin: 0 0 0.875em 0; }
	h4 { /* font-size: 21px; */ font-size: 131.250%; line-height: 1; margin: 0 0 1em 0; }
	h5 { /* font-size: 18px; */ font-size: 112.5%; line-height: 1.16667; margin: 0 0 1.16667em 0; }
	h6 { /* font-size: 14px; */ font-size: 87.5%; font-weight: bold; line-height: 1.5; margin: 0 0 1.5em 0; }

	/* --- Lists  -------------------------------------------------------------------------------- */
	ul,
	ol,
	dl { font-size: 100%; line-height: 1.5; margin: 0 0 1.5em 0; }

	ul { list-style-type: disc; }
	ul ul { list-style-type: circle; margin-top: 0; }

	ol { list-style-type: decimal; }
	ol ol { list-style-type: lower-latin; margin-top: 0; }

	ol ul { list-style-type: circle; margin-top: 0; }

	li { font-size: 100%; line-height: 1.5; margin-left: 1.2em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1.5em 0.8em; }

	/* LIST UNSTYLED */
	.list-unstyled, .list-inline { margin: 0; padding: 0; }
	.list-unstyled li { margin: 0; padding: 0; list-style-type: none; }
	.list-inline li { margin: 0; padding: 0; display: inline; }

	/* --- general text formatting ------------------------------------------ */
	p { font-size: 18px; margin: 0 0 30px 0; }

	blockquote,
	cite,
	q { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

	blockquote { background: transparent; color: #666666; margin: 1.5em 0 0 1.5em; }

	em,
	i { font-style: italic; }

	small { /* font-size: 12px; */ font-size: 85.71429%; line-height: 1.75; }

	code,
	kbd,
	samp,
	var { font-size: 100%; }

	pre { font-size: 100%; line-height: 1.5; margin: 0 0 1.5em 0; white-space: pre; white-space: pre-wrap; -ms-word-wrap: break-word; word-wrap: break-word; }

	pre,
	code { color: #880000; }

	kbd,
	samp,
	var { color: #666666; font-weight: bold; }

	var,
	dfn { font-style: italic; }

	acronym,
	abbr { border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; }

	sub,
	sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	mark { background: yellow; color: black; }

	hr { color: #fff; background: transparent; margin: 0 0 0.75em 0; padding: 0 0 0.67857em 0; border: 0; border-bottom: 1px #eeeeee solid; }

	/*--- Links ----------------------------------------------------------------------------------------- */
	a { color: #4d87c7; text-decoration: none; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; }
	a:active { outline: none; }

	/* (en) maximum contrast for tab focus - change with great care */
	a:hover,
	a:focus { color: #000; text-decoration: none; }

	/* --- images ------------------ */
	img { margin: 0; border-style: none; }

	.flexible { margin-bottom: 1.5em; max-width: 100%; height: auto; }
	.bordered { margin-bottom: 1.5em; border: 2px #eee solid; border: 2px white solid; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
	.img-responsive { display: block;  width: 100%; height: auto; max-width: 100%; }

	/**
  * ----------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  */
	.highlight { color: #cc3300; }

	.dimmed { color: #888888; }

	.box { border-radius: 0.3em; border-width: 1px; border-style: solid; border-color: #888; border-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); color: #444; color: rgba(0, 0, 0, 0.8); padding: 1.42857em; margin: 0 0 1.5em 0; }
	.box > *:last-child { margin-bottom: 0; }

	.label { font-family: Verdana, Geneva, sans-serif; padding: 1px 6px 2px; display: inline-block; vertical-align: middle; letter-spacing: normal; white-space: nowrap; border-radius: 3px; background: #06C; color: #fff; font-size: 10px; line-height: 12px; }

	.info { background: #f4f4f4; }

	.success { background: #88cc88; }

	.warning { background: #cccc88; }

	.error { background: #cc8888; }

	.float-left { float: left; display: inline; margin: 0 1em 1.5em 0; }
	.float-right { float: right; display: inline; margin: 0 0 1.5em 1em; }
	.center { display: block; text-align: center; margin: 0 auto 1.5em auto; }

	/* ALIGNMENT */
	.text-left { text-align: left; }
	.text-center { text-align: center; }
	.text-right { text-align: right; }
    .nowrap {white-space:nowrap}

	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables
  *
  * (en) Generic classes for table-width and design definition
  */
    table { width: 100%; border-collapse: collapse; color: #504c4c; border-top: 1px #504c4c solid; border-bottom: 1px #504c4c solid; margin: 0 0 3em 0; }

	table.narrow { margin: 0 0 1.42857em 0; }
	table.narrow th,
	table.narrow td { padding: 0 0.5em; line-height: 1.4; }

	table.fixed { table-layout: fixed; }

	table.bordertable { border: 1px #ccc solid; }
	table.bordertable thead th { background: #e0e0e0; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; }
	table.bordertable tbody th[scope="row"] { background: #f0f0f0; }
	table.bordertable tbody th { border-right: 1px solid #ccc; }
	table.bordertable tbody td { border-right: 1px solid #ccc; }

	caption { font-variant: small-caps; }

	th,
	td { line-height: 1.5em; vertical-align: top; padding: 0.71429em 0.5em; }

	th *:first-child,
	td *:first-child { margin-top: 0; }

	th.nowrap,
	td.nowrap { white-space: nowrap; }

    thead th { text-align: left; color: #504c4c; border-bottom: 2px #504c4c solid; }

	tbody { /* highlight row on mouse over */ }
	tbody th { text-align: left; border-top: 1px solid #ccc; }
	tbody td { text-align: left; border-top: 1px solid #ccc; }

    table.striped tbody tr:nth-child(even) { background: rgba(256, 256, 256, .7); }
}