/*!
 * 
 * 
 * 
 *      Autor: Tomasz Hycnar
 * 
 * 
 * 
 */


body {
    color: #3f3e4b;
    min-width: 320px;
    font-family: 'open_sansregular';
    font-size: 14px;
}

a { color:#3f3e4b;-webkit-transition: color 100ms ease-in-out; transition: color 100ms ease-in-out; }
a:hover,a:focus,a:active { color:#f9253e; text-decoration: none; }
p { line-height: 170%;margin: 0 0 20px 0; }
small, .small { font-size: 10px; }
div p:last-child {margin-bottom: 0;}
h1,h2,h3,h4,h5,h6 { line-height: 120%; }

@media(min-width: 1px) {
    p, article li, article li p { font-size: 1em; }
    h1 { font-size: 1.7142857142857142em; }
    h2 { font-size: 1.3em; }
    h3 { font-size: 1.2em; }
    h4 { font-size: 1.1em; }
    h5 { font-size: 1em; }
    h6 { font-size: 1em; }
}
@media(min-width: 768px) {
    p, article li, article li p  { font-size: 1em; }
    h1 { font-size: 25px; }
    h2 { font-size: 23px; }
    h3 { font-size: 21px; }
    h4 { font-size: 19px; }
    h5 { font-size: 17px; }
    h6 { font-size: 15px; }
}



/*
    Customowowa grubość fonta
*/
.opensans-weight-extrabold {
    font-family: 'open_sansextrabold';
}
.opensans-weight-bold {
    font-family: 'open_sansbold';
}
.opensans-weight-semibold {
    font-family: 'open_sanssemibold';
}
.opensans-weight-regular {
    font-family: 'open_sansregular';
}


/*
    Artykuł
*/
article p {
    color: #3f3e4b;
    text-align: justify;
}
article p a {
    color: #f9253e;
}
article p a:hover {
    text-decoration: underline;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    font-family: 'open_sansregular';
}
article h1 strong,
article h2 strong,
article h3 strong,
article h4 strong,
article h5 strong,
article h6 strong {
    font-family: 'open_sansextrabold';
}
article h3 {
    text-align: justify;
}
article ul {
    list-style: none;
    padding: 0 0 0 18px;
    margin: 0;
}
article ul li {
    position: relative;
    margin-bottom: 15px;
}
/*article ul li::before {
    position: absolute;
    top: -5px;
    left: -18px;
    content: '\f0da';
    font-family: "FontAwesome";
    color: #31d6ff;
    display: inline-block;
    font-size: 24px;
    padding: 0;
}*/
article iframe[allowfullscreen] {
    height: 315px;
    width: 100%;
}

/*
    Blok cytatu
*/
blockquote {
    padding: 0px 20px;
    margin: 20px 0 20px 50px;
    font-size: 16px;
    border-left: 1px solid #012771;
    font-style: italic;
}
@media(max-width: 768px) {
    blockquote {
        margin: 20px 0 20px 0;
    }
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border: none !important;
    clear: both;
}