* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.cf:before,
.cf:after {
content: ' '; display: table; }
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
.content {
max-width:980px;
margin:0 auto;
}
.main {
width:70%;
margin-right:4%;
float:left;
}
.main .logo {
max-height:150px;
}
.sidebar {
width:26%;
float:left;
}
header .content .main {
padding-left:40px;
}
.statistics .review {
background-color: #336666;
border-radius:16px;
}
.reviews {
background-color:#eee;
padding-bottom:50px;
}
.reviews .numberofreviews {
font-size:24px;
color:#504c4c;
padding:30px 30px 0px 40px;
}
.reviews .numberofreviews span {
color:#787878;
}
.review {
background-color:#fff;
color:#514c4c;
border-radius:16px;
margin:20px 0px 60px 0px;
width: 100%;
}
.review.last {
margin-bottom:20px;
}
.statistics .review {
margin:0px 0px 60px 0px;
}
.review .title {
padding:30px 30px 30px 40px;
}
.review .title .date {
font-size:14px;
font-weight:normal;
margin:0px;
padding:0px;
line-height:1.2em;
float:right;
width:20%;
text-align:right;
padding-top:4px;
}
.review .title .voor {
font-size:14px;
clear:both;
}
.review .title h1, .review .title h2 {
font-size:24px;
font-weight:normal;
margin:0px;
padding:0px;
line-height:1.2em; display:block;
float:left;
}
.review .title h2 {
font-size:18px;
}
.statistics .review .title h1 {
color:#fff;
}
.review .body {
position:relative;
}
.review .score {
width:40%;
float:left;
}
.review .score .rating {
font-size:60px;
text-align:center;
display:block;
}
.statistics .review .score .rating {
color:#fff;
font-size:80px;
}
.review .score .numberofreviews {
font-size:18px;
color:#fff;
text-align:center;
display:block;
}
.review .ratings {
width:100%;
font-size:14px;
padding:20px 40px;
background-color:rgba(51,102,102,0.15);
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
}
.statistics .review .averages {
width:60%;
float:left;
padding:20px 40px;
font-size:14px;
color:#fff;
background-color:rgba(255,255,255,0.10);
}
.review .averages ul, .review .averages ul li {
margin:0px;
padding:0px;
list-style:none;
}
.review .ratings ul, .review .ratings ul li {
margin:0px;
padding:0px;
list-style:none;
}
.review .ratings ul {
list-style-type: disc;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
list-style-position: inside;
-webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;
}
.review .ratings ul li {
}
.review .ratings ul li:nth-child(odd) {
}
.review .ratings ul li .kv_label {
width:85%;
float:left;
}
.review .ratings ul li .rating {
width:15%;
float:right;
text-align:right;
}
.review .averages ul li {
width:45%;
float:left;
}
.review .averages ul li:nth-child(odd) {
margin-right:5%;
}
.statistics .review .averages ul li {
width:100%;
float:none;
}
.review .averages ul li .kv_label {
width:90%;
float:left;
}
.review .averages ul li .rating {
width:10%;
float:right;
text-align:right;
}
.review .averages ul li {
margin-bottom:.3em;
}
.review .answers {
background-color:rgba(51,102,102,0.05);
width:60%;
padding:20px 40px;
float:left;
min-height:200px;
}
.review .answers p {
margin:0px;
font-size:14px;
}
.review .recommendation {
width:40%;
float:none;
position:absolute;
bottom:0px;
padding:20px 30px 20px 40px;
font-size:17px;
text-align:center;
color:#fff;
background-color:rgba(51,102,102,0.30)
}
.statistics .review .recommendation {
width:40%;
float:left;
padding:30px 30px 30px 40px;
font-size:18px;
color:#fff;
position:relative;
bottom:auto;
background-color:rgba(255,255,255,0.10);
}
.review .share {
width:60%;
float:left;
padding:20px 20px 14px 20px;
font-size:18px;
}
.statistics .review .share {
color:#fff;
background-color:rgba(255,255,255,0.20);
}
.review .share a {
display:inline-block;
width:53px;
height:53px;
margin-left:20px;
}
.review .share .facebook {
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/facebook.png);
}
.review .share .twitter {
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/twitter.png);
}
.review .share .linkedin {
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/linkedin.png);
}
.review .reaction {
padding:20px 40px;
font-size: 16px;
}
.review .reaction h2 {
margin:0px;
font-size:14px;
}
.sidebar {
font-size:14px;
color:#514c4c;
line-height:1.2em;
}
.sidebar .languages {
margin:0px 0px 1.5em 0px;
background-color:#eee;
border:1px solid #ccc;
border-radius:4px;
display:inline-block;
padding:0px;
}
.sidebar .languages a {
width:40px;
display:inline-block;
float:left;
height:30px;
background-position:center;
background-repeat:no-repeat;
position:relative;
vertical-align:top;
}
.sidebar .languages a:hover {
background-color:#dcdcdc;
}
.sidebar .languages a.active {
background-color:#b9b9b9;
}
.sidebar .languages a.europe {
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/europe.png);
}
.sidebar .languages a.dutch {
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/dutch.png);
}
.sidebar .languages a.english {
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/english.png);
}
.sidebar .languages a.german {
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/german.png);
}
.sidebar h3 {
font-size:24px;
font-weight:normal;
margin:0px 0px 1em 0px;
}
.sidebar p {
margin:0px 0px 1em 0px;
}
.sidebar a {
text-decoration:none;
color:#1a81c0;
}
.sidebar a:hover {
text-decoration:underline;
}
.sidebar a.rate {
background-color:#52bb57;
display:inline-block;
padding:15px 20px;
color:#fff;
text-decoration:none;
font-size:16px;
margin-bottom:1.5em;
border-radius:6px;
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/rate-icon.png);
background-position : calc(100% - 20px) center;
padding-right:70px;
background-repeat:no-repeat;
}
.sidebar a.rate:hover {
background-color:#5dd362;
}
.sidebar a.gg2014 {
background-color:#d8d8d8;
display:inline-block;
padding:15px 20px;
color:#fff;
text-decoration:none;
font-size:18px;
margin-bottom:1.5em;
border-radius:6px;
background-image:url(//www.begrafenisondernemerdenhaag.nl/wp-content/plugins/Klantenvertellen/widgets/templates/images/rate-icon.png);
background-position : calc(100% - 20px) center;
padding-right:70px;
background-repeat:no-repeat;
}
.sidebar a.gg2014:hover {
background-color:#bebebe;
}
.pagination {
}
.pagination a, .pagination span {
border:1px solid #cacaca;
background-color:#fff;
font-size:16px;
color:#444;
display:inline-block;
padding:8px 20px;
text-align:center;
text-decoration:none;
margin-right:10px;
border-radius:2px;
}
.pagination a.inactive {
cursor:default;
color:#aaa;
}
#klantenvertellen-reacties .aantal-beoordelingen {
padding: 50px 0;
font-size: 40px;
text-transform: uppercase;
color: rgba(51,102,102,1);
font-weight: 300;
text-align: center;
}
#filterholder {
background-color:rgba(51,102,102,0.15);
color:#fff;
padding:20px 40px 0px 40px;
font-size:16px;
margin-top:20px;
border-radius: 16px;
}
#filterholder select {
padding:5px;
}
#filterholder button {
background-color:#009cD9;
border:0px;
display:inline-block;
padding:5px 20px;
color:#fff;
text-decoration:none;
font-size:18px;
margin-bottom:1.5em;
border-radius:6px;
padding-right:70px;
background-repeat:no-repeat;
position:relative;
top:2px;
}
.statistics .review {
margin:0px 0px 60px 0px;
}
.statistics .review .score .rating {
color:#fff;
font-size:80px;
}
.statistics .stattable {
display:table;
width:100%;
}
.statistics .review .scoreholder, .statistics .review .footer {
display:table-row;
}
.statistics .review .score, .statistics .review .averages, .statistics .review .recommendation, .statistics .review .share {
display:table-cell;
float:none;
vertical-align:top;
}
.statistics .review .recommendation, .statistics .review .share {
vertical-align:middle;
}
.scoreholder{
width:100%;    
}
@media screen and (max-width: 800px) {
.main {
width:100%;
margin-right:0%;
float:none;
padding:0px 10px;
}
.sidebar {
width:100%;
float:none;
padding:0px 20px;
}
header {
min-height:auto;
padding-bottom:20px;
}
header .main {
width:100%;
float:none;
}
header .sidebar {
width:50%;
float:left;
padding:0px;
display:none;
}
header .main img {
max-width:90%;
}
header .sidebar img {
max-width:90%
}
.statistics .score {
width:100%;
float:none;
padding-bottom:20px;
}
.statistics .review .averages {
width:100%;
float:none;
}
.statistics .review .recommendation {
width:100%;
float:none;
}
.statistics .review .share {
width:100%;
float:none;
}
.review .ratings ul {
list-style-type: disc;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
list-style-position: inside;
-webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;
}
.review .score, .review .answers, .review .recommendation, .review .footer {
width:100%;
display:block;
float:none;
position:relative;
top:0px;
min-height:auto;
}
.statistics .stattable {
display:block;
}
.statistics .review .scoreholder, .statistics .review .footer {
display:inline-block;
}
.statistics .review .score, .statistics .review .averages, .statistics .review .recommendation, .statistics .review .share {
display:inline-block;
}
.statistics .review .recommendation, .statistics .review .share {
display:inline-block;
}
}