/* TrustPilot box */
.customer-review-box {
    position: relative;

    .box-header{
        display:none;
    }

    .box-content {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding-top:16px;

        .overview {
            text-align: center;
            background: none;

            .stempel-beste-reisbureau {
                display:none;
            }

            .grade {
                width: 100%;
                @header-default();
                color:@color-cta-review;
                text-align:left;
                margin-bottom:20px;

                span.grade-text {
                    margin-bottom: 3px;               
                    text-align: left;
                    display: inline-block;
                    float:none !important;
                }

                span.grade-number {
                    float:none !important;
                }

                img{
                    display:flex;
                    float:none;
                }
            }
        }

        p.amount {
            margin: 10px 0 5px;
            color:#333;
            font-weight:normal;
        }

        .reviews {
            width:100%;

            .header {
                font-size: 15px;
                font-weight: bold;
                margin-bottom: 5px;
            }

            .footer {
                text-align: center;
                padding-top: 10px;
                position:relative;

                img {
                    mix-blend-mode: multiply;
                }

                .amount{
                    text-align:center;
                    @text-small();
                    color:@color-text-subtle;
                }
            }

            .reviews-container {
                width:100%;

                ul{
                    width:100%;

                    li {

                        .date {
                            @header-xsmall-caps();
                            color:@color-primary;
                            float:left !important;
                        }

                        .details{


                            strong{
                                @header-small();
                                color:@color-text-body;
                            }
                            p{
                                color:@color-text-subtle;
                                height:80px;
                                display: -webkit-box;
                                -webkit-line-clamp: 4;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }
                        }
                    }
                }
            }
        }
    }

    .triangle {
	    position: absolute;
        bottom:-20px;
        left:~"calc(50% - 10px)";
	    background-color: @color-white;
	    text-align: left;
    	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
        transform:rotate(130deg);
        &:before {
    	    transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
        }
        &:after {
	        transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
        }
    }
    .triangle:before,
    .triangle:after {
	    content: '';
	    position: absolute;
	    background-color: inherit;
    }
    .triangle,
    .triangle:before,
    .triangle:after {
	    width:  20px;
	    height: 20px;
	    border-top-right-radius: 30%;
    }


    /*
    a.review-link {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 52%;
        width: 100%;

        &.full {
            height: 100%;
        }
    }*/
}
/* TrustPilot box */