/*Ustawienie cech strony pity.pl*/
/* Typography */
@import url(https://fonts.googleapis.com/css?family=Courgette|Mogra|Oregano|Sriracha);
body#shadow {
	font-family: arial,helvetica,roboto,sans-serif
}

body {
    background: url(../images/tlo_str.png) fixed, linear-gradient(to right, #D4FEDD, #FDFDE4)
}

body h1 {
	color: #faee66;
	text-shadow:1px 1px 1px #444, 1px 2px 3px #777, 2px 3px 4px #BBB;
	margin-bottom: 0.75em;
	font-family: 'Mogra', cursive;
	font-size: 2.0em;
	line-height: 1.2;
}

body h2 {
	color: #028f1e;
	text-shadow:1px 1px 0 #333, 0 2px 1px #777, 2px 3px 4px #AAA;
    margin-bottom: 0.75em;
	font-family: 'Courgette', cursive;
	font-size: 1.6em;
	/*font-weight: bold;*/
	line-height: 1.2;
	padding: 3px 0
}

body h3 {
	color: #ac6437;
	text-shadow:1px 1px 0 #333, 2px 2px 2px #888, 2px 2px 3px #AAA;
	margin-bottom: 0.8em;
	font-family: 'Oregano', cursive;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.1;
	padding-bottom: 3px
}

body h4 {
	margin-bottom: 1em;
    font-family: 'Sriracha', cursive;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.05;
}

body h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1.2em;
}

.metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button, .metismenu.mod-menu .metismenu-item > span {
    color: #d6fefc;
    text-shadow: 1px 1px 0 #333, 2px 2px 2px #666;
}

.container-component {
    /*tło kontenera tekstu*/
    background-color: #fffffe30;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.card-body {
    padding: 0.6rem
    display: inline;
}

.btn {
/*tło do «czytaj więcej»*/
    background-image: linear-gradient(rgba(160,160,160,0.4), rgba(228,228,228,0.2), rgba(128,128,128,0.5));
}

.card {
    /*tło kontenerów top i bottom*/
    background-color: transparent;
    border: 0
}

.container-header .site-description {
    /*Opis strony własnym krojem*/
    color: #faee66;
	text-shadow:1px 1px 0 #333, 2px 2px 2px #888, 2px 2px 3px #AAA;
    font-family: 'Courgette', cursive;
	font-size: 0.66em;
}

.container-bottom-b {
    /*moduł z informacją ustawową*/
    background-color: #fffffe60;
    color: #764a2d;
	text-shadow:1px 1px 1px #444, 1px 2px 3px #777, 2px 3px 4px #BBB;
    font-family: 'Courgette', cursive;
    /*font-style: italic;*/
    font-weight: bold;
	font-size: 1.6em;
}

.footer {
    font-size: 1.1 em;
    color: #d6f0f8;
    text-shadow:1px 1px 0 #333, 2px 2px 2px #666;
}