/*Ustawienie cech strony pit.dobry.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-image: linear-gradient(rgba(214,240,248,1), rgba(212,255,196,1));
}

.container-header {
background-image: linear-gradient(175deg, rgba(70, 169, 197, 1) 10%, rgba(101, 200, 228, 1) 60%, rgba(214, 240, 248, 1) 100%);
}

.container-component {
    /*tło kontenera tekstu*/
    -webkit-box-shadow: 1px 1px 6px 2px rgba(66, 90, 90, 1);
    -moz-box-shadow: 1px 1px 6px 2px rgba(66, 90, 90, 1);
    box-shadow: 1px 1px 6px 2px rgba(66, 90, 90, 0.2);
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    background-color:rgba(255,255,255,0.3);
}

.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-body{
    padding: 0.6rem
    display:inline;
}

.card {
    /*tło kontenerów top i bottom*/
    background-color: transparent;
    border: 0
}
 
.container-header .site-description {
    /*Opis strony własnym krojem*/
    color: #ffef5e;
	text-shadow:1px 1px 0 #333, 2px 2px 2px #888, 2px 2px 3px #AAA;
    font-family: 'Courgette', cursive;
	font-size: 0.66em;
}

.footer {
/*wyświetlanie tła stopki*/
    background-image: linear-gradient(175deg, rgba(212, 255, 196, 1) 0%, rgba(93, 195, 57, 1) 40%, rgba(72, 155, 41, 1) 90%);
    font-size: 1.1 em;
    color: #ffef5e;
    text-shadow:1px 1px 0 #333, 2px 2px 2px #666;
}

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

body h1,body h2,body h3,body h4,body h5,body h6 {
	margin: 0;
	font-family: inherit;
	font-weight: normal;
	/*color: inherit;*/
	text-rendering: optimizelegibility;
	word-wrap: break-word;
}

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

body h2 {
	color: #26690F;
	text-shadow:1px 1px 0 #333, 1px 2px 1px #777, 2px 2px 3px #AAA;
	margin-bottom: 0.75em;
	font-family: 'Courgette', cursive;
	font-size: 1.5em;
	/*font-weight: bold;*/
	line-height: 1.15;
	padding: 5px 0
}

body h3 {
	color: #442;
	text-shadow:1px 1px 0 #FFE600, -1px -1px 1px #888, 1px 1px 2px #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-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;
}

body h6 {
	font-size: 1em;
	font-style: italic;
	margin-bottom: 1.1em;
	line-height: 1;
}