/*
 * John Liddiard (aka JohntheFish) www.c5magic.co.uk
 * This software is licensed under the terms described in the ConcreteCMS marketplace.
 * Please find the add-on there for the latest license copy.
 */

.review-display .review-display-inner{
    width:100%;
    position:relative;
}

/*
* Header. Use table cell so the summary can be right-aligned
*/
.review-display .review-display-header{
    width:100%;
    position:relative
}
.review-display .review-display-header .review-summary-wrapper,
.review-display .review-display-header .review-summary-wrapper-right{
    text-align:right;
    display:table-cell;
    width:1%;
}
.review-display .review-display-header .review-summary-wrapper-left{
    text-align:left;
    display:table-cell;
    width:1%;
}
.review-display .review-display-header .review-title-wrapper{
    display:table-cell;
    width:1%;
}


/*
* The actual list
*/
.review-display .reviews-list{
    list-style-type:none;
    padding-left: 0;
}

/*
* Footer. Again use table cell so less/more can be right-aligned
*/
.review-display .review-display-footer{
    width:100%;
    position:relative
}
.review-display .review-display-footer .review-entry-form-heading{
    display:table-cell;
    width:1%;
}
.review-display .review-display-footer .review-show-more-less-wrapper{
    display:table-cell;
    text-align:right;
    width:1%;
}




/*
* Fixed aspect ratio
* http://www.mademyday.de/css-height-equals-width-with-pure-css.html
*/

.review-display-wrapper.fix-aspect-ratio{
    position: relative;
    width: 100%;
}

/*
* padding-top is designed to be overridden to adjust the aspect ratio
* default value here is 1:1 (height 100%)
*/
.review-display-wrapper.fix-aspect-ratio:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.review-display-wrapper.fix-aspect-ratio>.review-display{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow:hidden;
}

.fix-aspect-ratio .review-display .review-display-inner{
    overflow:hidden;
    height:100%;
}
.fix-aspect-ratio .review-list-wrapper{
    position:relative;
    height:100%;
    overflow:hidden;
}

.fix-aspect-ratio .review-display-footer{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    /*
    * The next part is designed to be overridden by the theme
    * colour
    */
    background:rgba(255,255,255,1.0);
    -webkit-box-shadow: 0px -10px 50px 20px rgba(255,255,255,1.0);

}