/* Style for Dziennik budowy */


.dziennik_box {
	background: #FAF6F2;
}
.dziennik_box_bg_after {
	position: relative;
}
.dziennik_box_bg_after:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 170px;
    bottom: -2px;
    background: url(../../img/maska_zdjecie.svg) no-repeat;
    background-size: contain;
    background-position: center bottom;
}
.dzienniki_budowy {
    display: flex;
    flex-direction: column;
    text-align: center;
	padding-top: 34px;
	padding-bottom: 100px;
	overflow: hidden;
}
.dzienniki_budowy .single_dziennik.color_next {
	color: #C1AA91 !Important;
}
.dzienniki_budowy .single_dziennik.color_next .ikona_d img {
	filter: invert(80%) sepia(12%) saturate(611%) hue-rotate(351deg) brightness(87%) contrast(82%);
}

.dzienniki_budowy .ikona_d {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	position: relative;
}

.dzienniki_budowy .name_d {
    font-weight: 600;
	max-width: 155px;
	margin: 24px auto 40px;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.dzienniki_budowy .numer_d {
	font-size: 24px;
	line-height: 24px;
	font-weight: 600;
	padding-top: 40px;
	position: relative;
}

.dzienniki_budowy .numer_d:after {
	position: absolute;
	content:'';
	width: 22px;
	height: 22px;
	background: #fff;
	border: 4px solid #C1AA91;
	border-radius: 100%;	
	top: -13px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}
.dzienniki_budowy .single_dziennik.color_close .numer_d:after,
.dzienniki_budowy .single_dziennik.color_open .numer_d:after{
	background: #1E1D20;
	border-color: #1E1D20;
}
.dzienniki_budowy .single_dziennik.color_close .numer_d:before,
.dzienniki_budowy .single_dziennik.color_open .numer_d:before
{
	background: #1E1D20;
	position: absolute;
	content:'';
	width: 9px;
	height: 50px;
}




@media (max-width: 991px) {
.dzienniki_budowy .ikona_d {
    margin-top: 80px;
}
.dzienniki_budowy .single_dziennik:first-child .ikona_d {
    margin-top: 0px;
}	
.dzienniki_budowy .numer_d {
    padding-bottom: 80px;
}
.dzienniki_budowy .name_d {
    margin-bottom: 0;
    height: unset;
}
.dzienniki_budowy .ikona_d:after {
	background: #D1C6B8;
	position: absolute;
	content:'';
	width: 4px;
	height: 120px;
    top: -138px;
}	
.dzienniki_budowy .numer_d:after {
	top: unset;
	bottom: -11px;
	z-index: 3;
}
.dzienniki_budowy .single_dziennik.color_close .numer_d:before,
.dzienniki_budowy .single_dziennik.color_open .numer_d:before {
	background: #1E1D20;
	position: absolute;
	content:'';
	width: 9px;
    height: 122px;
    bottom: -61px;
    left: 0;
    right: 0;
    margin: auto;
	z-index: 2;
}
.dzienniki_budowy .single_dziennik:last-child .numer_d:after,
.dzienniki_budowy .single_dziennik:first-child .ikona_d:after {
    display: none;
}
.dzienniki_budowy .single_dziennik:last-child .numer_d {
	 padding-bottom: 0px;
}
}

@media (min-width: 992px) {
.dzienniki_budowy .numer_d {
	border-top: 4px solid #D1C6B8;
}	
.dzienniki_budowy .single_dziennik.color_close .numer_d:before,
.dzienniki_budowy .single_dziennik.color_open .numer_d:before{
	width: var(--progress-width, 0%);
	height: 9px;
	left: -50%;
	top: -6px;
}	
		
.dzienniki_budowy {
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
	padding-top: 34px;
	padding-bottom: 125px;
}
.dzienniki_budowy .single_dziennik {
	width: 12.5%;
	min-width: 12.5%;
	max-width: 12.5%;
}		
}


@media (min-width: 1440px) {
.dzienniki_budowy {
	padding-top: 44px;
	padding-bottom: 150px;
}		
}

@media (min-width: 1440px) {
.dzienniki_budowy {
	padding-top: 54px;
	padding-bottom: 175px;
}		
}

@media (min-width: 1600px) {
.dzienniki_budowy {
	padding-top: 64px;
	padding-bottom: 200px;
}		
}