.blogParent .content .wpisDetail{
transition: all 0.5s ease-out 0s;
padding: 25px 0px;
border-bottom: 1px solid #444444;
}
.blogParent .content .wpisDetail:first-child{
padding-top: 0px;
}

.blogParent .content .wpisDetail .title{
color: #E06E21;
font-size: 20px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
margin-bottom: 20px;
}


.blogParent .content .wpisDetail .title a{
color: #E06E21;
transition: all 0.5s ease-out 0s;
}

.blogParent .content .wpisDetail .title a:hover{
color: #FFFFFF;
}

.blogParent .content .wpisDetail .dateAutor{
display: flex;
justify-content: flex-start;
align-items: center;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 400;
margin-bottom: 10px;
}

.blogParent .content .wpisDetail .dateAutor .data{
padding-right: 5px;
position: relative;
}
.blogParent .content .wpisDetail .dateAutor .data:after{
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 14px;
background-color: #FFFFFF;
position: absolute;
right: 0px;
top:0px;
bottom: 0px;
margin: auto;
}

.blogParent .content .wpisDetail .dateAutor .nameUser{
padding-left: 5px;
}
/*background: url('data:image/svg+xml;base64,YOUR BASE64 STRING HERE') 50% 50% no-repeat;*/

.blogParent .content .wpisDetail .dateAutor:before{
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 11px;
width: 26px;
height: 26px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNS45ODgiIHZpZXdCb3g9IjAgMCAyNiAyNS45ODgiPg0KICA8ZyBpZD0iY2FsZW5kYXJfMl8iIGRhdGEtbmFtZT0iY2FsZW5kYXIgKDIpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjExNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzMxMjIxIiBkYXRhLW5hbWU9IlBhdGggMzEyMjEiIGQ9Ik0yMC45OCwyLjExaC0uOTdWMS4xMjlhMS4wMTUsMS4wMTUsMCwxLDAtMi4wMywwVjIuMTFIOC4wMlYxLjEyOWExLjAxNSwxLjAxNSwwLDEsMC0yLjAzLDBWMi4xMUg1LjAyQTUuMDI1LDUuMDI1LDAsMCwwLDAsNy4xM1YyMS4wODNBNS4wMjUsNS4wMjUsMCwwLDAsNS4wMiwyNi4xSDIwLjk4QTUuMDI1LDUuMDI1LDAsMCwwLDI2LDIxLjA4M1Y3LjEzYTUuMDI1LDUuMDI1LDAsMCwwLTUuMDItNS4wMlpNNS4wMiw0LjE0MWguOTdWNi4xMmExLjAxNSwxLjAxNSwwLDEsMCwyLjAzLDBWNC4xNDFoOS45NlY2LjEyYTEuMDE1LDEuMDE1LDAsMSwwLDIuMDMsMFY0LjE0MWguOTdBMi45OTMsMi45OTMsMCwwLDEsMjMuOTcsNy4xM1Y4LjFIMi4wM1Y3LjEzQTIuOTkzLDIuOTkzLDAsMCwxLDUuMDIsNC4xNDFaTTIwLjk4LDI0LjA3Mkg1LjAyQTIuOTkzLDIuOTkzLDAsMCwxLDIuMDMsMjEuMDgzVjEwLjEzSDIzLjk3VjIxLjA4M0EyLjk5MywyLjk5MywwLDAsMSwyMC45OCwyNC4wNzJaTTkuMDE4LDE0LjEyM0ExLjAxNSwxLjAxNSwwLDAsMSw4LDE1LjEzOWgtMmExLjAxNSwxLjAxNSwwLDEsMSwwLTIuMDNIOEExLjAxNSwxLjAxNSwwLDAsMSw5LjAxOCwxNC4xMjNabTExLjk5MSwwYTEuMDE1LDEuMDE1LDAsMCwxLTEuMDE1LDEuMDE1SDE4YTEuMDE1LDEuMDE1LDAsMSwxLDAtMi4wM2gyQTEuMDE1LDEuMDE1LDAsMCwxLDIxLjAwOSwxNC4xMjNabS02LDBhMS4wMTUsMS4wMTUsMCwwLDEtMS4wMTUsMS4wMTVIMTJhMS4wMTUsMS4wMTUsMCwxLDEsMC0yLjAzaDJBMS4wMTUsMS4wMTUsMCwwLDEsMTUuMDA4LDE0LjEyM1ptLTUuOTksNS45OUExLjAxNSwxLjAxNSwwLDAsMSw4LDIxLjEyOGgtMmExLjAxNSwxLjAxNSwwLDEsMSwwLTIuMDNIOEExLjAxNSwxLjAxNSwwLDAsMSw5LjAxOCwyMC4xMTNabTExLjk5MSwwYTEuMDE1LDEuMDE1LDAsMCwxLTEuMDE1LDEuMDE1SDE4YTEuMDE1LDEuMDE1LDAsMSwxLDAtMi4wM2gyQTEuMDE1LDEuMDE1LDAsMCwxLDIxLjAwOSwyMC4xMTNabS02LDBhMS4wMTUsMS4wMTUsMCwwLDEtMS4wMTUsMS4wMTVIMTJhMS4wMTUsMS4wMTUsMCwxLDEsMC0yLjAzaDJBMS4wMTUsMS4wMTUsMCwwLDEsMTUuMDA4LDIwLjExM1oiIGZpbGw9IiNlZmE2MjkiLz4NCiAgPC9nPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
}


.blogParent .content .wpisDetail .divCategory{
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 400;
margin-bottom: 10px;
}

.blogParent .content .wpisDetail .divCategory:before{
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 11px;
width: 26px;
height: 26px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4NCiAgPHBhdGggaWQ9ImNhdGVnb3J5XzJfIiBkYXRhLW5hbWU9ImNhdGVnb3J5ICgyKSIgZD0iTTExLjE3MiwwSDEuMDE2QTEuMDE2LDEuMDE2LDAsMCwwLDAsMS4wMTZWMTEuMTcyYTEuMDE2LDEuMDE2LDAsMCwwLDEuMDE2LDEuMDE2SDExLjE3MmExLjAxNiwxLjAxNiwwLDAsMCwxLjAxNi0xLjAxNlYxLjAxNkExLjAxNiwxLjAxNiwwLDAsMCwxMS4xNzIsMFpNMTAuMTU2LDEwLjE1NkgyLjAzMVYyLjAzMWg4LjEyNVpNMjUuMzczLDEzLjg5YTEuMDE2LDEuMDE2LDAsMCwwLTEuMTA3LjIyTDE0LjExLDI0LjI2NkExLjAxNiwxLjAxNiwwLDAsMCwxNC44MjgsMjZIMjQuOTg0QTEuMDE2LDEuMDE2LDAsMCwwLDI2LDI0Ljk4NFYxNC44MjhhMS4wMTUsMS4wMTUsMCwwLDAtLjYyNy0uOTM4Wm0tMS40LDEwLjA3OUgxNy4yOGw2LjY4OS02LjY4OVpNMTkuOTA2LDEyLjE4N2E2LjA5NCw2LjA5NCwwLDEsMC02LjA5NC02LjA5NEE2LjEsNi4xLDAsMCwwLDE5LjkwNiwxMi4xODdabTAtMTAuMTU2YTQuMDYyLDQuMDYyLDAsMSwxLTQuMDYyLDQuMDYyQTQuMDY3LDQuMDY3LDAsMCwxLDE5LjkwNiwyLjAzMVpNMTEuODksMTUuNTQ2bC00LjM2LDQuMzYsNC4zNiw0LjM2QTEuMDE2LDEuMDE2LDAsMCwxLDEwLjQ1NCwyNS43bC00LjM2LTQuMzZMMS43MzQsMjUuN0ExLjAxNiwxLjAxNiwwLDAsMSwuMywyNC4yNjZsNC4zNi00LjM2TC4zLDE1LjU0NkExLjAxNiwxLjAxNiwwLDAsMSwxLjczNCwxNC4xMWw0LjM2LDQuMzYsNC4zNi00LjM2YTEuMDE2LDEuMDE2LDAsMSwxLDEuNDM2LDEuNDM3Wm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBmaWxsPSIjZWZhNjI5Ii8+DQo8L3N2Zz4NCg==') 50% 50% no-repeat;
}

.blogParent .content .wpisDetail .zajawkaDiv{
margin-top: 18px;
display: grid;
grid-template-columns: 186px 1fr;
grid-gap: 0px 17px;
}

.blogParent .content .wpisDetail .zajawkaDiv .divimg{
overflow: hidden;
border-radius: 10px;
}
.blogParent .content .wpisDetail .zajawkaDiv .divimg img{
max-width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}
.blogParent .content .wpisDetail:hover .zajawkaDiv .divimg img{
transform: scale(1.1);
}

.blogParent .content .wpisDetail:hover .zajawkaDiv .zajawkaWpis{
font-size: 16px;
font-weight: 400;
}

.blogParent .content .wpisDetail .divTag{
margin-top: 20px;
}
.blogParent .content .wpisDetail .divTag span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #FFFFFF;
font-weight: 400;
margin-bottom: 5px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
}
.blogParent .content .wpisDetail .divTag span:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 11px;
width: 26px;
height: 26px;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0idGFnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi40MiIgaGVpZ2h0PSIyNi40MiIgdmlld0JveD0iMCAwIDI2LjQyIDI2LjQyIj4NCiAgPGcgaWQ9Ikdyb3VwXzExMCIgZGF0YS1uYW1lPSJHcm91cCAxMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPg0KICAgIDxnIGlkPSJHcm91cF8xMDkiIGRhdGEtbmFtZT0iR3JvdXAgMTA5Ij4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzUwIiBkYXRhLW5hbWU9IlBhdGggNTAiIGQ9Ik0yNi4xMTcuM2ExLjAzMiwxLjAzMiwwLDAsMC0uNzMtLjNoLTkuNTdhMS4wMzIsMS4wMzIsMCwwLDAtLjczLjNMLjMsMTUuMDg4YTEuMDMyLDEuMDMyLDAsMCwwLDAsMS40NTlsOS41Nyw5LjU3YTEuMDMyLDEuMDMyLDAsMCwwLDEuNDYsMEwyNi4xMTcsMTEuMzMyYTEuMDMyLDEuMDMyLDAsMCwwLC4zLS43M1YxLjAzMkExLjAzMiwxLjAzMiwwLDAsMCwyNi4xMTcuM1ptLTEuNzYyLDkuODczTDEwLjYsMjMuOTI4LDIuNDkxLDE1LjgxNywxNi4yNDUsMi4wNjRoOC4xMTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjZWZhNjI5Ii8+DQogICAgPC9nPg0KICA8L2c+DQogIDxnIGlkPSJHcm91cF8xMTIiIGRhdGEtbmFtZT0iR3JvdXAgMTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wODEgMy45NDYpIj4NCiAgICA8ZyBpZD0iR3JvdXBfMTExIiBkYXRhLW5hbWU9Ikdyb3VwIDExMSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF81MSIgZGF0YS1uYW1lPSJQYXRoIDUxIiBkPSJNMzE3LjEwNSw3Ny40MTRhMy4yLDMuMiwwLDEsMCwwLDQuNTIyQTMuMiwzLjIsMCwwLDAsMzE3LjEwNSw3Ny40MTRabS0xLjQ2LDMuMDYyYTEuMTMzLDEuMTMzLDAsMSwxLDAtMS42QTEuMTM1LDEuMTM1LDAsMCwxLDMxNS42NDUsODAuNDc3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxMS42NDggLTc2LjQ3OSkiIGZpbGw9IiNlZmE2MjkiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K') 50% 50% no-repeat;
}

.blogParent .content .wpisDetail .divTag div {
display: inline-block;
vertical-align: middle;
}
.blogParent .content .wpisDetail .divTag div a {
display: inline-block;
vertical-align: middle;
margin: 0px 5px 5px 5px;
background-color: #212121;
border-radius: 5px;
border: 1px solid #212121;
box-sizing: border-box;
font-size: 14px;
color: #EFA629;
font-weight: 400;
padding: 8px 10px;
transition: all 0.5s ease-out 0s;
font-family: 'Poppins', sans-serif;
}
.blogParent .content .wpisDetail .divTag div a:hover {
background-color: #FFFFFF;
border: 1px solid rgba(237,211,120,0.32);
color: #212121;
}

@media screen and (max-width:1200px){
.blogParent .content .wpisDetail .title{font-size: 17px;margin-bottom: 10px}
.blogParent .content .wpisDetail .dateAutor::before {width: 20px;height: 20px;background-size: auto 100%}
.blogParent .content .wpisDetail .divCategory::before {width: 20px;height: 20px;background-size: auto 100%}
}

@media screen and (max-width:620px){
.blogParent .content .wpisDetail .dateAutor{}
}

@media screen and (max-width:570px){
.blogParent .content .wpisDetail .zajawkaDiv{grid-template-columns:1fr}
.blogParent .content .wpisDetail .zajawkaDiv .divimg{text-align: center;margin-bottom: 20px}
.blogParent .content .wpisDetail .dateAutor .data span{display: block}
.blogParent .content .wpisDetail .dateAutor .nameUser span{display: block}
.blogParent .content .wpisDetail .dateAutor .data{padding-right: 10px}
.blogParent .content .wpisDetail .dateAutor .nameUser{padding-left: 10px}
.blogParent .content .wpisDetail .divCategory span{display: none}
.blogParent .content .wpisDetail .zajawkaDiv{margin-top: 30px}
}