/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*Rating*/
.acf-range-wrap input[type=range]{-webkit-appearance: none;  display: inline-block; padding: 0; margin: 0;vertical-align: middle; width: 100%; max-width: 200px; height: 15px; border-radius: 15px;  background: #285795; outline: none; border:0; -webkit-transition: .2s; transition: opacity .2s;}
.acf-range-wrap input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%;  background: #22acf3; cursor: pointer; border:none}
.acf-range-wrap input[type=range]::-moz-range-thumb {width: 25px; height: 25px; border-radius: 50%; background: #22acf3; cursor: pointer;border:none}
.acf-range-wrap input::-webkit-outer-spin-button,.acf-range-wrap input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;border:none}
.acf-range-wrap input[type=number] {-moz-appearance: textfield;}
.acf-range-wrap input[type="number"] {padding: 0; border-radius: 50%; text-align: center; width: 30px !important; height: 30px; display: inline-block; background: #285795; border: 0; color: #fff; margin-left: 10px; font-size: 13px;}

p.average-rating{margin:0;}
p.average-rating .score, p.average-rating .stars {display:inline-block;}
.average-rating .score{font-size:11px; line-height:1.8; font-weight:500; line-height: 20px; vertical-align: top;letter-spacing: .03em;}
.average-rating .score_avg{font-size: 14px; font-weight: 600;}
a.review_count{display: inline-block; position: relative; top: -7px; word-spacing: -2px; font-size: 13px; font-weight: 600;}
h2 .comment-count {top:0}
.rating-label{font-size: 16px; display: inline-block; position: relative; top: -5px;}
.star-rating label{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;  -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;-webkit-transform: perspective(1000px) translateZ(0px);transform: perspective(1000px) translateZ(0px);}

#rating-stars{flex: 0 0 100%;max-width: 100%; margin-bottom:20px}
#rating-stars ul {width: 100px;}
#rating-stars li {display:inline-block; padding:0; float:right}
#rating-stars .acf-input label {display: inline-block; overflow: hidden; text-indent: 9999px; width:20px; height: 20px; line-height: 20px; white-space: nowrap; cursor: pointer; margin: 0; position:relative}
#rating-stars .acf-input label:before {display: inline-block; position: absolute; left: 0; text-indent: 0; font-family: 'flaticon'; content: "\f12f"; font-size: 20px; color: #ff8f23;}
#rating-stars .acf-input input[type=radio]{width: 20px !important; height: 20px; font-size: 20px; line-height: 20px; margin: 0; border: 0; background: none; color: #ff8f23;}
#rating-stars .acf-input input[type=radio]:before{width: 20px !important; height: 20px; font-size: 20px; line-height: 20px; font-family: 'flaticon'; content: "\f12f"; font-size: 20px;}
#rating-stars .acf-input input[type=radio]:checked:before{font-family: 'flaticon'; content: "\f12e"; color: #ff8f23;}
#rating-stars li:hover label:before, #rating-stars li:hover ~ li label:before{content: "\f12e";}
#rating-stars li.chosen label:before, #rating-stars li.chosen input[type=radio]:before{content: "\f12e";}
#rating-stars .acf-label label {position:relative}
#rating-stars .acf-label label #rated{position: absolute; margin-left: 10px; background: #ff9630; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; color: #fff; font-size: 13px; top: 0;}

.acf-comment-fields {display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-top:25px}
.acf-comment-fields .col-4{flex: 0 0 50%;max-width: 50%;}
.acf-comment-fields .acf-field{margin:0 0 7px}
.acf-comment-fields .acf-field .acf-label{margin:0 0 5px}
#comments .acf-field-true-false.acf-field{margin:10px 0 7px}
#comments .acf-field-true-false .acf-label{display:none}
#comments .acf-field-true-false input[type=checkbox]{vertical-align:top; top:5px}
#bewertung_echt {padding-top: 15px;}
#bewertung_policy {padding-bottom: 15px;}
#bewertung_echt .acf-label label, #bewertung_policy .acf-label label{display:none}
#bewertung_echt .message, #bewertung_policy .message{font-size: 15px; font-weight: 400; line-height:1.2; display: inline-block; max-width: 93%; vertical-align: top;}
#acf-rating {display:none}
#acf-rating li{display:inline-block; font-size: 0; padding:0; position:absolute;}
.comment-body p.stars{margin:0}

.comment-star-rating{line-height: 20px; position: relative; top: -4px; padding-right: 5px; font-weight: 500;}
.star {display: inline-block; font-size: 20px;line-height: 1;}
.star:before {font-family: 'flaticon'; content: "\f12f";  color: #ff8f23;}
.star-filled:before, .star-given:before {content: "\f12e";}
.star.star-blank.star-4:after{font-family: 'flaticon'; content: "\f12f"; color: #ff8f23;}
.star.star-filled.star-6, .star.star-blank.star-6{display:none !important}
.star-given.s-0:before{content: "\f12f";}
.comment-ratings{line-height:1.7;}

span.cr_rating {display:inline-block; position: relative; margin-right: 10px; font-weight: 500; font-size: 12px; text-align: center;}
span.cr_title{display:inline-block; border-radius: 10px; padding:2px 10px;  background: #f4f7fa; border: 1px solid #d6dbdf;}
span.cr_result {position: absolute; top: -4px; right: -8px; border-radius:50%; width: 16.5px; background: #ff8f23; color:#fff; line-height: 1.5;font-size: 11px; font-weight: 600;}
#footer.zindex{z-index:0}

.reviews-summary p.average-rating .score, .reviews-summary p.average-rating .stars {display: block;}
.reviews-summary .goto.review_count, .reviews-summary .score_avg {display:none}
.reviews-summary small { font-size: 65%; position: relative; top: -2px; padding: 0 1px;}
.reviews-overview .col-12 {margin:5px 0}
.reviews-overview label {width: 10px; display: inline-block;}
.star-given{vertical-align: middle;}
.rating-percentage {background:#e0e4e7; width:110px; height:4px; display: inline-block; position:relative; top: -4px;}
.rating-percentage span {background:#003e85; height:4px; position: absolute;}
.rating-percent span {display:inline-block; width: 35px;}
.rating-percent span:first-child{font-size:13px;text-align: right; font-weight: 500;}
.rating-percent span:last-child{font-size:12px; text-align: center; word-spacing:-2px}
.reviews-overview label.sort{cursor:pointer}

.table-holder {
    overflow: auto;
    margin-top: 20px;
    max-width: calc(100vw - 30px);
}