/*
Theme Name: Serwis4U Divi
Template: Divi
Description: Motyw potomny Divi przygotowany przez Serwis4U.
Author: Marek Rusak Serwis4U
Author URI: http://serwis4u.com
Version: 2.4.3
Text Domain: Divi
Updated: 2015-06-20
*/

.link-wspolpraca a {
	color:#e77919!important;
	font-size: 18px!important;
}

/* change header font */
	h2 {font-weight: 900; color:#666a74;}

/* hide default footer */
	/*#main-footer {display: none;} */

/* blurb icon hover effects */
	.mp_blurb_column .et-pb-icon,
	.mp_blurb_icon_hover h4 a  {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;}
	.mp_blurb_column:hover .et-pb-icon {
	    background-color: #ffffff!important;
    	color: #10a31c!important;}
	.mp_blurb_column:hover 
	.mp_blurb_icon_hover h4 a {
	    color: #10a31c !important;}

/* prevent smaller h2 in smaller columns */
	.et_pb_column_1_3 h2, .et_pb_column_1_4 h2 {
    font-size: 38px!important;}
	@media only screen and (max-width : 980px) {
	.et_pb_column_1_3 h2, .et_pb_column_1_4 h2 {
    font-size: 20px!important;}}

/* custom footer headers */
	.mp_m_footer_header {
    	margin-bottom: 15px!important;
	    border-top: 1px solid #666663;
	    padding-top: 6px;}
		
#wpnb-bar {
     top: 81px!important;
     z-index: 100000!important;}
	 
/* A few additions to the Divi Article Cards. Creates a gradient on the blog post which fades out the excerpt text on hover. */

/* First, we need to target the article card excerpt and force it to be 100px tall, to avoid cut-off excerpts. */
.divi-100-article-card .et_pb_blog_grid .article-card__excerpt {
    height: 100px;
}

/* Now, it's time to add the white gradient. Notice that I've added browser prefixes for compatibility! */
.divi-100-article-card .et_pb_blog_grid .article-card__excerpt::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.divi-100-article-card .et_pb_blog_grid .article-card__meta {
    transition: all 0.2s ease;
}

.divi-100-article-card .et_pb_blog_grid article:hover .article-card__meta {
    opacity: 0;
}

h1.entry-title {text-align:center;
font-size: 58px;
font-weight: 600;
letter-spacing: 1px;
color: #20292f;
padding-top: 40px;
}
 
.single-post #main-content {
background: #f7f9fb;
}
 
.post-meta {
text-align:center;
margin-bottom: 80px;
 
}
 
p.post-meta, .post-meta a {
color: #71818c !important;
font-size: 20px !important;
}
 
.single .et_pb_post {
margin-bottom: 27px;
box-shadow: 0px 20px 150px #d6dee4;
}
 
.et_pb_post .entry-content {
padding: 10px 40px 40px 40px;
line-height: 26px;
}
 
.et_pb_post .entry-content p:first-of-type {
padding-top: 0px;
}
.et_pb_post .entry-content p {
padding-bottom: 20px;
}
 
.with-border {
border-radius: 4px;
box-shadow: 0px 20px 150px #d6dee4;
}
 
ol.commentlist > li.comment, #respond{
background-color: #fff !important;
padding: 40px !important;
box-shadow: 0px 20px 150px #d6dee4;
margin-bottom: 80px;
}
 
h1#comments {
margin-bottom: 40px;
}
 
h3#reply-title {
    font-size: 35px;
    letter-spacing: 0px;
}
 
.comment_area .comment-reply-link, .form-submit .et_pb_button {
font-size: 14px;
color: #71818c;
font-weight: 600;
text-transform: uppercase;
margin-top: 10px;
float: right;
display: inline-block;
padding: 8px 16px;
border-radius: 60px;
background-color: #f7f9fb;
border: 2px solid #e9eff5;
position: inherit;
float: right;
}
 
.form-submit .et_pb_button:hover {
padding: 8px 16px;
}
 
.comment-reply-link.et_pb_button:hover:after {
opacity: 0;
}
 
#commentform textarea {
background-color: #f7f9fb;
border: 2px solid #eff1f3;
font-size: 18px;
padding: 20px;
color: #20292f;
}
 
.comment-body {
padding: 0 0 0 100px;
}
 
@media only screen and (max-width: 768px) {
h1.entry-title {
    font-size: 48px;
}