/*
 * content.css
 *
 * Definicie stylov pre obsah, ktory je editovany cez TinyMCE. Vdaka tomuto suboru
 * sa text pocas editovania a po ulozeni bude zobrazovat uplne rovnako.
 *
 * Vsetky styly je potrebne nadefinovat ako vnorene elementy tychto rodicov:
 *  - div.content-text (text stranky z modulu Content)
 *  - body.mceContentBody (text v editore TinyMCE)
 *
 */



/*** Body ***/


div.clear {
}

div.content-text {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	color: #444;
}

/*** Headers ***/


h1, .h1,
div.content-text h1, div.content-text .h1,
body.mceContentBody h1, body.mceContentBody .h1,
div.content-text h1 a, div.content-text .h1 a,
body.mceContentBody h1 a, body.mceContentBody .h1 a,
div.cms-form input.h1, div.cms-form div.content-title-input input {
  	font-size: 42px;
}
div.cms-form div.content-title-input input {
	height: auto;
	padding-bottom: 0;
}
div.content-text h1 {
	margin-top: 1em;
}

h2, .h2,
div.content-text h2, body.mceContentBody h2 {
	font-size: 27px;
}
div.content-text h2 {
	margin-top: 50px;
	margin-bottom: 20px;
}


h3, .h3,
div.content-text h3, body.mceContentBody h3 {
  	color: #95a5a6;
	font-weight: 400;
}

h4, .h4,
div.content-text h4, body.mceContentBody h4 {
    color: #0080D6;
	font-weight: 600;
	font-size: 16px;
	padding-top: 1em;	
}

h5, .h5,
div.content-text h5, body.mceContentBody h5 {

}

h6, .h6,
div.content-text h6, body.mceContentBody h6 {

}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Signika', sans-serif;
   font-weight: 300;
   color: #333;
}


/*** Links ***/


a, body.mceContentBody a {
	 color: #3498db;
    word-wrap: break-word;

    -webkit-transition: color 0.05s ease-in, background 0.05s ease-in;
    -moz-transition: color 0.05s ease-in, background 0.05s ease-in;
    -ms-transition: color 0.05s ease-in, background 0.05s ease-in;
    -o-transition: color 0.05s ease-in, background 0.05s ease-in;
    transition: color 0.05s ease-in, background 0.05s ease-in;
}

a:hover, body.mceContentBody a:hover,
a:focus, body.mceContentBody a:focus {
	color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before, body.mceContentBody a:before,
a:after, body.mceContentBody a:after {
    -webkit-transition: color 0.05s ease-in, background 0.05s ease-in;
    -moz-transition: color 0.05s ease-in, background 0.05s ease-in;
    -ms-transition: color 0.05s ease-in, background 0.05s ease-in;
    -o-transition: color 0.05s ease-in, background 0.05s ease-in;
    transition: color 0.05s ease-in, background 0.05s ease-in;
}



/*** Paragraphs, etc. ***/


p {
}
div.content-text p {
	line-height: 1.4em;
	margin-bottom: 1.2em;
}

pre {
}



/*** Lists ***/

div.content-text ul, div.content-text ol,
body.mceContentBody ul, body.mceContentBody ol
{
   
}

div.content-text ul ul, div.content-text ul ol, div.content-text ol ol, div.content-text ol ul,
body.mceContentBody ul ul, body.mceContentBody ul ol, body.mceContentBody ol ol, body.mceContentBody ol ul
{
   
}

div.content-text li,
body.mceContentBody li
{
}