Lorem ipsum

Hodnoceni post-it notes

<style>

/* Hodnoceni post-it */

body.in-hodnoceni-obchodu #content-wrapper {width: 100%;max-width: 1418px;margin:auto;}
body.in-hodnoceni-obchodu .content-inner > div > .vote-wrap {margin-top: 50px;}
.content-inner > .votes-wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
@media (max-width: 768px) {
.votes-wrap > .vote-wrap {width:100%;}
}
@media (min-width: 768px) and (max-width: 992px) {
.votes-wrap > .vote-wrap {width:50%;min-width: 360px;}
}

@media (min-width: 992px) {
.votes-wrap > .vote-wrap {width:30%;min-width: 360px;}
}

.vote-content {
margin: auto;
padding: 30px;
padding-bottom:80px;
background: #bacdb0;
width: 300px;
height: auto;
box-shadow: 3px 3px 3px 3px #0000001f;
position: relative;
}

.vote-content:after {
content: "";
position: absolute;
bottom: -2em;
left: 0;
right: 2em;
border-width: 1em;
border-style: solid;
border-color: #bacdb0;
}
.vote-content:before {
content: "";
position: absolute;
bottom: -2em;
right: 0;
border-width: 2em 2em 0 0;
border-style: solid;
border-color: #96ac8a transparent;
}

.votes-wrap > .vote-wrap:nth-child(odd) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(8deg);
-o-transform:rotate(8deg);
-moz-transform:rotate(8deg);
}
.votes-wrap:not(.admin-response) > .vote-wrap:nth-child(even) > .vote-header + .vote-content,
.votes-wrap > .vote-wrap:nth-child(5n) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(4deg);
-o-transform:rotate(4deg);
-moz-transform:rotate(4deg);
}
.votes-wrap:not(.admin-response) > .vote-wrap:nth-child(3n) > .vote-header + .vote-content,
.votes-wrap > .vote-wrap:nth-child(even) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
}
.votes-wrap:not(.admin-response) > .vote-wrap:nth-child(5n) > .vote-header + .vote-content,
.votes-wrap > .vote-wrap:nth-child(3n) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(5deg);
-o-transform:rotate(5deg);
-moz-transform:rotate(5deg);
}

.votes-wrap.admin-response .vote-wrap { position: relative; top: -100px;}
.votes-wrap.admin-response .vote-header {display: none;}
.vote-wrap {border-color: transparent;}
.votes-wrap.admin-response .vote-content {background-color: #ffc4d1; height: auto; padding-bottom: 30px;}
.votes-wrap.admin-response .vote-content:after {border-color: #ffc4d1;}
.votes-wrap.admin-response .vote-content:before {border-color: #e39fae transparent;}

</style>